@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap";:root{--bg:#f4f6f7;--bg-elevated:#eef2f3;--surface:#fff;--surface-2:#fbfcfc;--surface-3:#f7f9fa;--surface-accent:#edf7f5;--border:#dde4e7;--border-strong:#c9d4d9;--divider:#e8edef;--text:#132025;--text-secondary:#52616a;--text-muted:#81919a;--text-faint:#a7b4bb;--text-inverse:#f7fbfc;--accent:#0f766e;--accent-hover:#0c615b;--accent-active:#094944;--accent-soft:#d9efeb;--success:#166534;--success-soft:#e9f8ef;--warning:#a16207;--warning-soft:#fff5db;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#feecec;--info:#0f5f8c;--info-soft:#e8f4fb;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 2px 8px #1018280d;--shadow-md:0 10px 28px #10182814;--shadow-lg:0 24px 48px #1018281f;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--sidebar-width:286px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#0f766e0d,#0000 28%),linear-gradient(#f7f9fa 0%,#f3f6f6 100%);height:100vh;margin:0;padding:0;font-family:Satoshi,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}::selection{background:#0f766e29}:focus-visible{outline-offset:2px;outline:2px solid #0f766e8c}.app{width:100vw;height:100vh;overflow:hidden}.dashboard{width:100%;height:100%;display:flex}.loading-screen{color:var(--text-inverse);z-index:3000;letter-spacing:.02em;background:radial-gradient(circle at 20% 20%,#62d0c12e,#0000 20%),linear-gradient(145deg,#152329 0%,#0f171b 100%);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #ffffff2e;border-top-color:#7de3d8;border-radius:50%;width:42px;height:42px;margin-right:14px;animation:.8s linear infinite spin}.loading-overlay{text-align:center;color:#fff;letter-spacing:.02em;z-index:2200;width:100%;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#132025eb;padding:12px 18px;font-size:13px;font-weight:600;display:none;position:fixed;inset:0 auto auto 0}.auth-wall{z-index:500;background:radial-gradient(circle at 0 0,#7de3d82e,#0000 26%),radial-gradient(circle at 100% 100%,#0f766e24,#0000 22%),linear-gradient(160deg,#18262b 0%,#0f171b 100%);justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #dde4e7cc;border-radius:28px;width:min(480px,100%);padding:34px 32px 28px;box-shadow:0 30px 60px #060e1247}.auth-logo{align-items:center;gap:16px;margin-bottom:28px;display:flex}.auth-icon{background:linear-gradient(180deg, #ffffff2e, transparent), linear-gradient(135deg, var(--accent), #34b3a7);border-radius:18px;width:58px;height:58px;position:relative;box-shadow:inset 0 1px #ffffff59,0 12px 24px #0f766e38}.auth-icon:before,.auth-icon:after{content:"";background:#ffffffeb;border-radius:999px;position:absolute}.auth-icon:before{width:22px;height:4px;top:18px;left:18px}.auth-icon:after{width:4px;height:22px;top:9px;left:27px}.auth-title{letter-spacing:-.03em;color:var(--text);font-size:28px;font-weight:900;line-height:1.05}.auth-title span{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:700;display:inline-block}.input-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.auth-input,.search-input,.filter-select,.date-input,.modal-select,.modal-input,.modal-textarea{border:1px solid var(--border);background:var(--surface-3);width:100%;color:var(--text);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #fff9}.auth-input{min-height:48px;margin-bottom:18px}.auth-input:hover,.search-input:hover,.filter-select:hover,.date-input:hover,.modal-select:hover,.modal-input:hover,.modal-textarea:hover{border-color:var(--border-strong);background:#fff}.auth-input:focus,.search-input:focus,.filter-select:focus,.date-input:focus,.modal-select:focus,.modal-input:focus,.modal-textarea:focus{background:#fff;border-color:#0f766e7a;outline:none;box-shadow:0 0 0 4px #0f766e1a}.auth-btn,.force-sync-btn,.report-btn,.report-btn-filtered,.report-btn-selected,.report-format-btn,.selection-btn,.sort-btn,.logout-btn,.icon-btn,.textonly-btn{transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition), opacity var(--transition)}.auth-btn{letter-spacing:.01em;border:1px solid #0000;border-radius:14px;width:100%;min-height:46px;font-size:14px;font-weight:700}.auth-primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #0f766e2e}.auth-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.auth-primary:active:not(:disabled){background:var(--accent-active);transform:translateY(0)}.auth-google{color:var(--text);border-color:var(--border);background:#fff;margin-top:14px}.auth-google:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.auth-btn:disabled,.force-sync-btn:disabled,.report-btn:disabled,.report-btn-filtered:disabled,.report-btn-selected:disabled,.report-format-btn:disabled,.selection-btn:disabled,.sort-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-divider{color:var(--text-muted);text-align:center;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 16px;font-size:11px;font-weight:700}.contact-bar{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13px}.contact-bar a{color:var(--text-secondary);text-decoration:none}.contact-bar a:hover{color:var(--accent)}.error-message{background:var(--danger-soft);color:#991b1b;border:1px solid #dc262624;border-radius:14px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.45}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:linear-gradient(#fffffff5 0%,#f8fbfbfa 100%);flex-direction:column;flex-shrink:0;display:flex;box-shadow:inset -1px 0 #fff6}.sidebar-header{border-bottom:1px solid var(--divider);padding:22px 20px 18px}.sidebar-logo{letter-spacing:-.04em;color:var(--text);font-size:21px;font-weight:900}.user-info{background:var(--surface-3);border:1px solid var(--divider);box-shadow:var(--shadow-xs);border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:12px;display:grid}.user-avatar{background:linear-gradient(135deg, var(--accent), #35b8ab);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.user-email{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.logout-btn{min-width:38px;height:38px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:12px;font-size:16px}.logout-btn:hover{background:var(--danger-soft);color:var(--danger);border-color:#dc26261f}.nav-items{padding:18px 16px 10px}.nav-item{min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--surface-accent);color:var(--accent);box-shadow:inset 0 0 0 1px #0f766e1a}.upload-area{text-align:center;cursor:pointer;background:linear-gradient(#0f766e08,#0f766e0f);border:1.5px dashed #0f766e40;border-radius:18px;margin:8px 16px 14px;padding:18px 16px}.upload-area:hover{background:linear-gradient(#0f766e0d,#0f766e17);border-color:#0f766e6b;transform:translateY(-1px)}.upload-icon{margin-bottom:6px;font-size:28px}.upload-text{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:800}.textonly-btn{background:var(--info-soft);min-height:44px;color:var(--info);border:1px solid #0f5f8c24;border-radius:14px;margin:0 16px 16px;padding:10px 14px;font-size:13px;font-weight:700}.textonly-btn:hover{background:#dceef9}.sidebar-footer{border-top:1px solid var(--divider);margin-top:auto;padding:18px 16px 16px}.sync-stats{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.force-sync-btn,.report-btn,.report-btn-filtered,.report-btn-selected,.report-format-btn{border-radius:14px;width:100%;min-height:42px;margin-bottom:8px;padding:10px 12px;font-size:13px;font-weight:700}.force-sync-btn{color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff}.force-sync-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.reports-section{width:100%;margin-top:16px}.reports-title{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.report-btn-filtered{color:#fff;background:#1d4ed8;border:none}.report-btn-filtered:hover:not(:disabled){background:#1b45bf;transform:translateY(-1px);box-shadow:0 12px 24px #1d4ed82e}.report-btn-selected{background:var(--accent);color:#fff;border:none}.report-btn-selected:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 12px 24px #0f766e2e}.report-format-btn,.report-btn{color:#fff;background:#132025;border:none}.report-format-btn:hover:not(:disabled),.report-btn:hover:not(:disabled){background:#1c2f35}.report-dropdown{width:100%;margin-top:4px;display:inline-block;position:relative}.report-dropdown-content{border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border-radius:18px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}.report-dropdown:hover .report-dropdown-content,.report-dropdown:focus-within .report-dropdown-content{display:block}.dropdown-section{padding:8px 0}.dropdown-section-title{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding:8px 14px 6px;font-size:11px;font-weight:800}.dropdown-section button,.report-dropdown-content button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;padding:11px 14px;font-size:13px;font-weight:600}.dropdown-section button:hover,.report-dropdown-content button:hover{background:var(--surface-3);color:var(--accent)}.dropdown-divider{background:var(--divider);height:1px;margin:4px 0}.main-content{background:linear-gradient(#ffffff59,#f4f6f700);flex-direction:column;flex:1;min-width:0;padding:18px;display:flex;overflow:hidden}.toolbar{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #dde4e7e6;border-radius:22px;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:16px;padding:16px;display:flex}.search-filter{flex-wrap:wrap;flex:760px;align-items:center;gap:10px;min-width:0;display:flex}.search-input{flex:260px;min-width:220px}.filter-select,.date-input{min-width:150px}.sort-btn,.selection-btn,.icon-btn{border:1px solid var(--border);min-height:42px;color:var(--text-secondary);box-shadow:var(--shadow-xs);background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.sort-btn:hover,.selection-btn:hover,.icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.selection-bar{background:var(--surface-3);border:1px solid var(--divider);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.selected-count{color:var(--text-secondary);padding:0 6px;font-size:12px;font-weight:800}.sync-status{background:var(--success-soft);min-height:42px;color:var(--success);border:1px solid #1665341f;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.sync-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1665341f}.empty-state{text-align:center;min-height:100%;color:var(--text-secondary);border:1px dashed var(--border-strong);background:#fffc;border-radius:22px;place-items:center;padding:48px 24px;display:grid}.empty-state button{max-width:220px}.data-table-container{min-height:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dde4e7e6;border-radius:22px;flex:1;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1120px;font-size:13px}.data-table thead th{z-index:5;color:var(--text-secondary);border-bottom:1px solid var(--border);text-align:left;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f9faf5;padding:13px 10px;font-size:11px;font-weight:800;position:sticky;top:0}.data-table tbody tr{transition:background var(--transition), box-shadow var(--transition)}.data-table tbody tr:hover{background:#fbfdfd}.data-table td{border-bottom:1px solid var(--divider);color:var(--text);vertical-align:middle;padding:12px 10px}.data-table tbody tr:last-child td{border-bottom:none}.checkbox-col{text-align:center;width:44px}.thumb-img{object-fit:cover;border:1px solid var(--divider);background:var(--surface-3);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-xs);border-radius:12px}.thumb-img:hover{transform:scale(1.02)}.category-badge,.badge-status{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.category-badge{color:var(--text-secondary);background:#eef4f6;border:1px solid #dde7eb}.badge-status{color:var(--text-secondary);background:#f1f5f7;border:1px solid #e3eaed}.badge-synced{background:var(--success-soft);color:var(--success);border-color:#16653424}.submit-btn{background:var(--surface-accent);color:var(--accent);border-color:#0f766e24}.submit-btn:hover{background:#e2f3f0}.data-table td[style*=maxWidth]{color:var(--text-secondary);max-width:220px!important}.grid-view{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding:18px;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:#fffffff5;border-radius:22px;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-checkbox{z-index:2;width:18px;height:18px;position:absolute;top:14px;left:14px}.card-img,.card-img-placeholder{background:linear-gradient(#f4f7f8,#edf2f3);width:100%;height:188px}.card-img{object-fit:cover;cursor:pointer}.card-img-placeholder{color:var(--text-faint);place-items:center;font-size:14px;display:grid}.card-body{flex-direction:column;gap:8px;padding:16px;display:flex}.card-filename{color:var(--text);word-break:break-word;font-size:15px;font-weight:800;line-height:1.35}.card-detail{color:var(--text-secondary);font-size:13px}.card-notes{color:var(--text-secondary);padding-top:4px;font-size:13px;line-height:1.5}.card-notes strong{color:var(--text);margin-right:4px}.card-actions{gap:10px;margin-top:8px;display:flex}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0c121685;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-card{width:min(720px,100%);max-height:min(88vh,920px);box-shadow:var(--shadow-lg);background:#fffffffa;border:1px solid #dde4e7f5;border-radius:24px;overflow:auto}.unified-modal{width:min(760px,100%)}.modal-header{z-index:1;border-bottom:1px solid var(--divider);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfcf5;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:16px;font-weight:800;display:flex;position:sticky;top:0}.modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.modal-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:800}.modal-textarea{resize:vertical;min-height:96px;line-height:1.55}.modal-image{object-fit:contain;background:var(--surface-3);border-bottom:1px solid var(--divider);width:100%;max-height:420px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.modal-actions .auth-btn{width:auto;min-width:140px;padding-inline:18px}.modal-actions .auth-btn[style]{color:#fff!important;background:#5f6b73!important;border:none!important}.modal-actions .auth-btn[style]:hover{background:#4f5961!important}.image-upload-area{border:1.5px dashed var(--border-strong);background:var(--surface-3);text-align:center;cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition);border-radius:18px;margin-bottom:8px;padding:28px 18px}.image-upload-area:hover{background:#f8fbfb;border-color:#0f766e61;transform:translateY(-1px)}.upload-icon-large{margin-bottom:8px;font-size:34px}.file-list{background:var(--surface-3);border:1px solid var(--divider);border-radius:16px;margin-bottom:8px;padding:12px}.file-item{border:1px solid var(--divider);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;font-size:13px;display:flex}.file-item:last-child{margin-bottom:0}.icon-btn-small{background:var(--danger-soft);color:var(--danger);cursor:pointer;border:none;border-radius:10px;min-width:34px;height:34px;font-size:14px}.icon-btn-small:hover{background:#fde3e3}.info-message{background:var(--info-soft);color:#0b5277;border:1px solid #0f5f8c1f;border-radius:16px;margin-top:8px;padding:14px 15px;font-size:13px;line-height:1.5}.info-message strong{color:#083f5c}.toast{color:#fff;text-align:center;min-width:220px;max-width:min(88vw,560px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:1100;transition:opacity var(--transition), transform var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#132025f0;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}strong{font-weight:800}@media (width<=1120px){.sidebar{width:248px}.toolbar{padding:14px}.search-filter{flex-basis:100%}}@media (width<=920px){.dashboard{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:310px}.sidebar-footer{padding-top:14px}.main-content{padding:14px}.data-table{min-width:980px}}@media (width<=768px){body{overflow:auto}.app,.dashboard{height:auto;min-height:100vh}.auth-wall{padding:18px}.auth-card{border-radius:24px;padding:26px 22px 22px}.toolbar{border-radius:18px}.selection-bar{justify-content:flex-start;width:100%}.grid-view{grid-template-columns:1fr;padding:14px}.modal{align-items:flex-end;padding:10px}.modal-card,.unified-modal{border-radius:22px 22px 0 0;width:100%;max-height:92vh}.modal-actions{flex-direction:column}.modal-actions .auth-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}