@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#1b231d;--ink-soft:#57645b;--bg:#f1f2ec;--surface:#fff;--border:#dbded2;--border-strong:#c4c9ba;--accent:#e8a33d;--accent-ink:#241902;--teal:#2b6777;--teal-soft:#e4eef0;--danger:#c1443c;--danger-soft:#fbeae8;--ok:#3e7c4a;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius-sm:5px;--radius-md:8px;--radius-lg:14px;--shadow-card:0 1px 2px #1b231d0f, 0 4px 16px #1b231d0d;--shadow-pop:0 8px 28px #1b231d29}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.cat-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.cat-badge{--cat-color:#8a8f87;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);background:color-mix(in srgb, var(--cat-color) 12%, white);border:1px solid color-mix(in srgb, var(--cat-color) 35%, white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;font-weight:500;display:inline-flex}.loading-screen{height:100%;color:var(--ink-soft);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-family:var(--font-mono);z-index:500;background:#1b231d59;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex;position:fixed;inset:0}.auth-wall{background:radial-gradient(circle at 15% 20%, #e8a33d1a, transparent 45%), radial-gradient(circle at 85% 80%, #2b67771f, transparent 45%), var(--ink);justify-content:center;align-items:center;height:100%;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-pop);padding:34px 30px 28px}.auth-logo{align-items:center;gap:12px;margin-bottom:26px;display:flex}.auth-mark{border-radius:var(--radius-sm);background:var(--ink);width:40px;height:40px;color:var(--accent);font-family:var(--font-display);letter-spacing:.03em;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.auth-mark-error{background:var(--danger);color:#fff}.auth-title{font-family:var(--font-display);color:var(--ink);flex-direction:column;font-size:19px;font-weight:700;line-height:1.25;display:flex}.auth-subtitle{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:400}.input-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 6px;font-size:11px;font-weight:600;display:block}.auth-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--ink);padding:10px 12px;font-size:14px}.auth-input:focus{border-color:var(--teal);background:var(--surface)}.auth-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:filter .15s,transform 50ms}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-primary{background:var(--accent);color:var(--accent-ink);margin-top:20px}.auth-primary:hover:not(:disabled){filter:brightness(1.05)}.auth-google{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong)}.auth-google:hover:not(:disabled){background:var(--bg)}.auth-danger{background:var(--danger-soft);color:var(--danger);margin-top:10px}.auth-danger:hover{filter:brightness(.97)}.auth-divider{text-align:center;color:var(--ink-soft);margin:16px 0;font-size:11px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.error-message{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);border-left:3px solid var(--danger);margin-top:14px;padding:10px 12px;font-size:12.5px}.contact-bar{text-align:center;margin-top:22px;font-size:12px}.contact-bar a{color:var(--teal);text-decoration:none}.contact-bar a:hover{text-decoration:underline}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex}.topbar{background:var(--ink);color:#fff;border-bottom:3px solid var(--accent);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.topbar-brand{font-family:var(--font-display);letter-spacing:.05em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.topbar-brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.topbar-status{font-family:var(--font-mono);color:#c9d6c8;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:flex}.sync-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3e7c4a40}.topbar-user{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--teal);color:#fff;width:28px;height:28px;font-size:12px;font-weight:600;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-email{color:#d8ded4;font-size:12.5px;font-family:var(--font-mono)}.logout-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff2e;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.logout-btn:hover{background:#ffffff1a}.dashboard{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:208px;padding:16px 12px;display:flex}.nav-items{flex-direction:column;gap:3px;margin-bottom:16px;display:flex}.nav-item{text-align:left;border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 10px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--accent);font-weight:600}.upload-area{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;background:var(--bg);cursor:pointer;margin-bottom:16px;padding:16px 10px}.upload-area:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.upload-icon{color:var(--accent);margin-bottom:2px;font-size:18px;font-weight:700}.upload-text{color:var(--ink);font-size:13px;font-weight:600}.upload-subtext{color:var(--ink-soft);font-size:10.5px;font-family:var(--font-mono);margin-top:2px}.sidebar-divider{border:none;border-top:1px dashed var(--border);margin:4px 0 14px}.sidebar-block-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:10.5px;font-weight:700}.sync-stats{color:var(--ink-soft);margin-bottom:8px;font-size:12px}.sync-stats-count{font-family:var(--font-mono);color:var(--ink);font-weight:600}.force-sync-btn{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;padding:8px 10px;font-size:12.5px;font-weight:500}.force-sync-btn:hover:not(:disabled){background:var(--bg)}.force-sync-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-footer{margin-top:auto;padding-top:14px}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 22px 12px;display:flex}.toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);flex:220px;min-width:180px;padding:8px 12px;font-size:13px}.search-input:focus{background:var(--surface);border-color:var(--teal)}.filter-select,.date-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);padding:8px 10px;font-size:12.5px}.filter-select:focus,.date-input:focus{background:var(--surface);border-color:var(--teal)}.date-sep{color:var(--ink-soft);font-size:12px}.sort-btn,.selection-btn,.icon-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:8px 12px;font-size:12.5px;font-weight:500}.sort-btn:hover,.selection-btn:hover,.icon-btn:hover{background:var(--bg)}.icon-btn-small{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:13px}.selection-bar{align-items:center;gap:8px;display:flex}.selected-count{font-size:12px;font-family:var(--font-mono);color:var(--ink-soft);background:var(--bg);border-radius:999px;padding:6px 10px}.export-menu-wrap{margin-left:auto;position:relative}.export-btn{background:var(--ink);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.export-btn:hover:not(:disabled){filter:brightness(1.15)}.export-btn:disabled{opacity:.45;cursor:not-allowed}.export-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-pop);z-index:60;padding:8px;position:absolute;top:calc(100% + 6px);right:0}.export-dropdown-section{padding:4px 4px 8px}.export-dropdown-section+.export-dropdown-section{border-top:1px dashed var(--border);margin-top:4px;padding-top:10px}.export-dropdown-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:0 6px 6px;font-size:10.5px;font-weight:700}.export-dropdown-row{gap:6px;display:flex}.export-dropdown-row button{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;flex:1;padding:7px 6px;font-size:11.5px;font-weight:500}.export-dropdown-row button:hover{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{background:var(--teal-soft);color:var(--teal);font-size:11.5px;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-weight:500;display:inline-flex}.filter-chip button{color:var(--teal);cursor:pointer;background:#2b677726;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:flex}.clear-all-chip{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:11.5px;text-decoration:underline}.data-table-container{flex:1;padding:0 22px 18px;overflow:auto}.data-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-md);width:100%;font-size:13px;overflow:hidden}.data-table thead th{background:var(--surface);text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--border-strong);z-index:5;padding:10px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0}.checkbox-col{width:36px}.data-row{border-bottom:1px solid var(--border);border-left:3px solid var(--row-accent,transparent);transition:background .1s}.data-row:hover{background:var(--bg)}.data-row td{vertical-align:middle;padding:8px 12px}.thumb-img{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);width:44px;height:44px}.thumb-img:hover{border-color:var(--teal)}.text-only-chip{font-size:10px;font-family:var(--font-mono);background:var(--bg);color:var(--ink-soft);border-radius:var(--radius-sm);border:1px dashed var(--border-strong);padding:3px 8px;display:inline-block}.mono-cell{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.time-cell{white-space:nowrap}.clip-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--ink-soft);font-size:12.5px;overflow:hidden}.status-pill{font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-weight:500;display:inline-flex}.status-pill:before{content:"";border-radius:50%;width:6px;height:6px}.status-synced{color:var(--ok);background:#e9f4ea}.status-synced:before{background:var(--ok);box-shadow:0 0 0 2px #3e7c4a33}.status-uploading{color:#b5791a;background:#fdf3e4}.status-uploading:before{background:var(--accent);animation:1.2s infinite pulse;box-shadow:0 0 0 2px #e8a33d40}.status-failed{background:var(--danger-soft);color:var(--danger)}.status-failed:before{background:var(--danger);box-shadow:0 0 0 2px #c1443c33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pagination-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px 4px;display:flex}.pagination-info{color:var(--ink-soft);font-size:12px;font-family:var(--font-mono)}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--ink);font-size:12px}.pagination-btn:hover:not(:disabled){background:var(--bg)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-current{font-family:var(--font-mono);color:var(--ink);padding:0 6px;font-size:12.5px}.pagination-select{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);color:var(--ink);margin-left:6px;padding:6px 8px;font-size:12px}.grid-view{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding-top:4px;display:grid}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);border-top:3px solid var(--row-accent,var(--border-strong));box-shadow:var(--shadow-card);transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b231d1f}.card-checkbox{z-index:2;width:16px;height:16px;position:absolute;top:10px;left:10px}.card-img{object-fit:cover;cursor:pointer;background:var(--bg);width:100%;height:150px;display:block}.card-img-placeholder{background:var(--bg);width:100%;height:150px;color:var(--ink-soft);font-size:12px;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.card-body{padding:12px 14px 14px}.card-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.card-filename{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.card-detail{color:var(--ink-soft);margin-bottom:2px;font-size:12.5px}.card-notes{color:var(--ink-soft);margin-top:6px;font-size:11.5px;line-height:1.4}.card-notes strong{color:var(--ink);margin-right:4px;font-weight:600}.card-time{color:var(--ink-soft);margin-top:8px;font-size:11px}.card-actions{gap:8px;margin-top:10px;display:flex}.card-action-btn{border:1px solid var(--border-strong);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);flex:1;padding:6px;font-size:11.5px;font-weight:500}.card-action-btn:hover{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.card-action-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.empty-state{text-align:center;height:100%;min-height:320px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{border:1.5px dashed var(--border-strong);width:48px;height:48px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.empty-title{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.empty-subtext{max-width:280px;font-size:12.5px}.modal{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:400;background:#1b231d73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:88vh;box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.unified-modal{max-width:480px}.modal-header{background:var(--ink);color:#fff;font-family:var(--font-display);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14.5px;font-weight:600;display:flex}.modal-header .icon-btn{color:#fff;background:0 0;border:none;padding:4px 8px;font-size:14px}.modal-header .icon-btn:hover{background:#ffffff1a}.modal-body{padding:18px 20px;overflow-y:auto}.modal-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 6px;font-size:11px;font-weight:600;display:block}.modal-label:first-child{margin-top:0}.modal-select,.modal-input,.modal-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--ink);resize:vertical;padding:9px 11px;font-size:13.5px}.modal-select:focus,.modal-input:focus,.modal-textarea:focus{background:var(--surface);border-color:var(--teal)}.modal-actions{border-top:1px solid var(--border);gap:10px;padding:16px 20px;display:flex}.modal-actions .auth-btn{margin-top:0}.modal-image{object-fit:contain;background:var(--ink);width:100%;max-height:340px}.modal-text-preview{text-align:center;color:var(--ink-soft);background:var(--bg);font-family:var(--font-mono);padding:40px 20px;font-size:13px}.preview-filename{color:var(--ink);margin-bottom:14px;font-size:13.5px}.preview-row{border-bottom:1px dashed var(--border);grid-template-columns:90px 1fr;gap:10px;padding:7px 0;font-size:13px;display:grid}.preview-row span:first-child{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px;font-weight:700}.image-upload-area{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;background:var(--bg);cursor:pointer;color:var(--ink-soft);padding:20px 12px;font-size:12.5px}.image-upload-area:hover{border-color:var(--accent)}.upload-icon-large{color:var(--accent);margin-bottom:4px;font-size:22px}.file-list{background:var(--bg);border-radius:var(--radius-sm);margin-top:10px;padding:8px 10px}.file-list-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px;font-size:10.5px;font-weight:700}.file-item{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.info-message{background:var(--teal-soft);color:var(--teal);border-radius:var(--radius-sm);border-left:3px solid var(--teal);margin-top:14px;padding:9px 11px;font-size:12px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);box-shadow:var(--shadow-pop);opacity:0;z-index:600;border-left:3px solid var(--accent);padding:11px 18px;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-ok{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--teal)}@media (width<=880px){.dashboard{flex-direction:column}.sidebar{flex-direction:row;align-items:center;gap:12px;width:100%;padding:10px 12px;overflow-x:auto}.sidebar-footer{margin-top:0;margin-left:auto;padding-top:0}.nav-items{flex-direction:row;margin-bottom:0}.upload-area{flex-shrink:0;width:150px;margin-bottom:0;padding:8px}.sidebar-divider,.sync-stats{display:none}.data-table-container,.toolbar{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}