:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-soft:#0c120e;--panel:#0e1310f5;--panel-soft:#131915eb;--line:#00ff792e;--line-strong:#00ff7959;--text:#ecfff3;--muted:#9bb8a5;--accent:#00ff79;--accent-soft:#00ff791f;--accent-strong:#8af8b7;--danger:#ff7a7a;--shadow:#00000059;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{color:var(--text);background:radial-gradient(circle at top,#00ff791f,#0000 30%),linear-gradient(#030403 0%,#08100b 100%)}button,input{font:inherit}select{width:100%;color:var(--text);border:1px solid var(--line);background:#070b09e6;border-radius:12px;padding:.72rem .8rem}button{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}button:hover{transform:translateY(-1px)}input{color:var(--text);border:1px solid var(--line);background:#070b09e6;border-radius:12px;padding:.72rem .8rem}input:focus{border-color:var(--line-strong);outline:none;box-shadow:0 0 0 3px #00ff7914}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050806e6;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand-wrap{align-items:center;gap:.8rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #5ef9b4);color:#021a0d;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:900;display:grid;box-shadow:0 14px 20px #00ff7933}.brand-name{font-size:1.2rem;font-weight:700}.brand-subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.btn{border:1px solid var(--line);color:var(--text);background:#111712e6;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(180deg, var(--accent), #56f1a1);color:#021a0d;border-color:#00ff794d;box-shadow:0 12px 18px #00ff792e}.btn-secondary{background:#0f1310e6}.btn-danger{color:#ffe5e5;background:#781c1cc7;border-color:#ff7a7a73}.btn:disabled{cursor:wait;opacity:.65;transform:none}.btn-small{padding:.55rem .8rem;font-size:.82rem}.upload-button{position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:1.4rem;max-width:1360px;margin:0 auto;padding:1.4rem;display:grid}.sidebar,.main-panel{flex-direction:column;gap:1.2rem;display:flex}.panel{border:1px solid var(--line);background:linear-gradient(#0f1511f7,#080c0af7);border-radius:20px;padding:1rem;box-shadow:0 12px 26px #0000002e}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.panel-header h3,.workspace-panel h2{margin:0}.panel-header h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.field-grid{gap:.85rem;display:grid}.field-grid label,.search-box{gap:.45rem;display:grid}.field-grid label span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.inline-actions,.stacked-actions,.row-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.saved-list{border:1px solid var(--line);background:#080b09cc;border-radius:14px;margin-top:1rem;padding:.75rem}.saved-header{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.72rem;display:flex}.profile-pill{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0f0ce6;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.45rem;padding:.72rem .8rem;display:flex}.profile-pill.is-selected{border-color:var(--line-strong);background:#00ff790d;box-shadow:0 0 0 1px #00ff791a}.profile-pill span:last-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.text-button{appearance:none;color:var(--accent-strong);background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-weight:700;display:inline-flex}.text-button.danger{color:#ff9a9a}.switch-row{border:1px solid var(--line);color:var(--text);background:#0a0e0ce6;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.workspace-panel{padding:1rem 1.1rem}.workspace-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.38rem;font-size:.72rem}.workspace-head h2{font-size:clamp(1.5rem,2vw,2.1rem)}.toolbar-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.breadcrumb{border:1px solid var(--line);background:#070b09cc;border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;padding:.8rem .9rem;display:flex}.crumb-group{align-items:center;gap:.2rem;display:inline-flex}.breadcrumb button{appearance:none;color:var(--text);background:0 0;border:none;font-weight:600}.search-box{border:1px solid var(--line);background:#070b09cc;border-radius:12px;align-items:center;gap:.5rem;width:min(100%,320px);padding:.72rem .8rem;display:flex}.search-box input{width:100%;box-shadow:none;background:0 0;border:none;padding:0}.bucket-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:.35rem;display:grid}.bucket-card{text-align:left;border:1px solid var(--line);min-height:120px;color:var(--text);background:#090d0bcc;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.bucket-card.active{border-color:var(--line-strong);background:#00ff790d}.bucket-topline{align-items:center;gap:.55rem;font-weight:700;display:flex}.bucket-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.table-panel{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.88rem .9rem}th{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;background:#0b0f0ccc;font-size:.7rem}tbody tr:hover{background:#00ff7908}.folder-pill,.file-label{color:var(--accent-strong);background:#00ff7914;border:1px solid #00ff7933;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .7rem;font-weight:700;display:inline-flex}.file-label{color:var(--text);background:0 0;border-color:#ffffff0f}.action-link{color:var(--accent-strong)}.action-link.danger{color:#ff9a9a}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#0a0d0bb3;border-radius:12px;padding:1.1rem}.empty-state.muted{color:var(--muted)}.status-banner{border:1px solid #0000;border-radius:14px;padding:.8rem 1rem;font-weight:600}.status-info{color:var(--text);background:#00ff790f;border-color:#00ff7938}.status-success{color:var(--text);background:#00ff7914;border-color:#00ff7940}.status-warning{color:#ffe7b5;background:#ffa05014;border-color:#ffa05040}.modal-backdrop{z-index:40;background:#000000ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:linear-gradient(#0f1411fc,#080c0afc);border-radius:22px;width:min(100%,560px);padding:1rem;box-shadow:0 18px 36px #0000006b}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.modal-header h3{margin:0}.folder-name-field{color:var(--muted);gap:.45rem;font-size:.82rem;display:grid}.folder-name-field input{width:100%;color:var(--text)}.upload-preference-field{color:var(--muted);gap:.45rem;font-size:.82rem;display:grid}.upload-conflict-modal{max-height:min(90vh,760px);overflow-y:auto}.upload-conflict-list{gap:.75rem;max-height:45vh;display:grid;overflow-y:auto}.upload-conflict-row{border:1px solid var(--line);background:#060907b8;border-radius:14px;gap:.65rem;padding:.8rem;display:grid}.upload-conflict-file{overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.upload-conflict-file span{color:var(--muted);white-space:nowrap;font-size:.78rem}.folder-dialog-actions{justify-content:flex-end;margin-top:1rem;display:flex}.folder-delete-copy{color:var(--muted);font-size:.9rem;line-height:1.55}.folder-delete-copy strong{color:var(--text)}.security-note{color:var(--muted);margin:.75rem 0 0;font-size:.76rem;line-height:1.5}.qr-panel,.qr-reader-wrap{border:1px solid var(--line);background:#060907e6;border-radius:14px;place-items:center;min-height:260px;padding:1rem;display:grid}.qr-canvas{border-radius:12px;width:260px;height:260px}.warning-box{color:#ffd9a1;background:#ffa64d14;border:1px solid #ffa64d47;border-radius:12px;margin-top:.8rem;padding:.8rem .9rem;font-size:.8rem}.warning-box.subtle{color:var(--text);background:#00ff790f;border-color:#00ff792e}#qr-reader{width:min(100%,320px);min-height:240px}#qr-reader video{border-radius:12px;width:100%}@media (width<=860px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:.8rem}.toolbar-row{flex-direction:column;align-items:stretch}.search-box{width:100%}}
