:root{--accent: #ff751f;--accent-soft: rgba(255, 117, 31, .18);--accent-glow: rgba(255, 117, 31, .45);--bg: #050608;--surface-1: #0d1017;--surface-2: #141824;--surface-3: #1b2131;--surface-4: #222a3e;--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .18);--text: #f5f7ff;--text-muted: #a5a9b8;--text-soft: #6e7383;--shadow-lg: 0 32px 80px rgba(0, 0, 0, .55);--shadow-md: 0 24px 60px rgba(5, 6, 8, .45);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px}:root{color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Plus Jakarta Sans,Inter,Segoe UI,Roboto,system-ui,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(255,117,31,.08),transparent 45%),radial-gradient(circle at 90% 0%,rgba(255,117,31,.1),transparent 40%),linear-gradient(140deg,#030406,#0f131d 40%,#08090d);color:var(--text);overflow-x:hidden;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}button{font:inherit}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1.5rem;background:radial-gradient(circle at center,rgba(255,117,31,.12),transparent 55%)}.auth-card{width:min(420px,100%);background:var(--surface-2);border-radius:var(--radius-lg);padding:2.75rem 2.5rem;border:1px solid var(--stroke);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem}.auth-card header h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.auth-card .subtitle{margin:.6rem 0 0;color:var(--text-muted)}.auth-card footer{font-size:.95rem;color:var(--text-soft)}.brand{font-weight:600;letter-spacing:.08em;color:var(--accent)}.form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem;font-size:.95rem;color:var(--text-muted)}.form-field span{font-weight:500}.form-field input,.form-field textarea{width:100%;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--surface-3);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-soft)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-4);box-shadow:0 0 0 2px var(--accent-soft),0 8px 24px #00000059}.form-error{margin:0;color:#ff9d7c;font-size:.9rem}.form-error.subtle{color:#fca5a5;font-size:.88rem}.form-feedback{margin:0;color:#4fd1c5;font-size:.9rem}.form-footer{display:flex;justify-content:flex-end;font-size:.9rem}.button{border:none;padding:.8rem 1.4rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .25s ease,background .25s ease;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--accent);color:#0e1016;box-shadow:0 14px 40px var(--accent-glow)}.button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 46px #ff751f80}.button.primary:disabled{opacity:.6;cursor:progress;transform:none;box-shadow:none}.button.secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--stroke)}.button.secondary:hover{background:var(--surface-4)}.button.ghost{background:transparent;color:var(--accent);border:1px solid transparent}.button.ghost:hover{background:#ff751f14;border-color:#ff751f33}.dashboard{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;background:linear-gradient(160deg,#11141feb,#090b12f5);overflow:hidden}.sidebar{background:var(--surface-1);padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:1.6rem;border-right:1px solid var(--stroke);position:sticky;top:0;height:100vh;z-index:1;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(255,117,31,.2),transparent 60%);opacity:.7;pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand img{width:160px;height:auto;filter:drop-shadow(0 12px 28px rgba(255,117,31,.25))}.sidebar-nav{display:flex;flex-direction:column;gap:.6rem;flex:1}.nav-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.24em;color:var(--text-soft);margin-bottom:.5rem}.nav-item{position:relative;display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-radius:10px;color:var(--text-muted);transition:background .2s ease,color .2s ease,transform .15s ease}.nav-item:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:8px;background:var(--accent);opacity:0;transition:opacity .2s ease}.nav-item:hover{background:#ffffff0a;color:var(--text);transform:translate(2px)}.nav-item.active{background:#ff751f1f;color:var(--text);box-shadow:inset 0 0 0 1px #ff751f2e}.nav-item.active:before{opacity:1}.sidebar-footer{margin-top:auto;padding-top:1.4rem;border-top:1px solid var(--stroke);display:flex;flex-direction:column;gap:.8rem}.sidebar-footer .button{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:var(--accent);font-size:.85rem;padding:.65rem 1rem}.sidebar-footer .button:hover{background:#ff751f1f}.sidebar-user{display:flex;align-items:center;gap:.7rem}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff751fe6,#ff751f73);color:#0e1016;font-weight:700;letter-spacing:.05em;font-size:.85rem}.sidebar-user strong{display:block;font-size:.9rem;color:var(--text)}.sidebar-user span{display:block;font-size:.78rem;color:var(--text-soft)}.content{background:radial-gradient(circle at top right,rgba(255,117,31,.12),transparent 35%),var(--surface-2);display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:none;padding:1.4rem 2.4rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);background:#0d101799;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-status{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-soft);letter-spacing:.02em}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.user-chip{display:inline-flex;align-items:center;gap:.9rem;padding:.45rem .85rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.user-chip .avatar{width:34px;height:34px;font-size:.8rem}.user-chip-details{display:flex;flex-direction:column;gap:.2rem}.user-chip-details strong{font-size:.92rem;color:var(--text);line-height:1}.user-chip-details span{font-size:.78rem;color:var(--text-soft)}.content main{padding:2rem 2.1rem;flex:1;overflow-y:auto;overscroll-behavior:contain}.card{background:var(--surface-3);border-radius:var(--radius-md);padding:1.9rem;border:1px solid var(--stroke);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.75rem}.page-header{margin-bottom:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between}.page-header>div{display:flex;flex-direction:column;gap:.5rem;max-width:640px}.page-header h2{margin:0;font-size:1.6rem;letter-spacing:-.02em}.page-header p{margin:0;color:var(--text-soft);line-height:1.5;font-size:.92rem}.account-page .page-header,.documents-page .page-header,.new-document-page .page-header{margin-bottom:1.75rem}.filter-field{display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted);font-size:.9rem}.filter-field span{font-weight:500}.filter-field input,.filter-field select{padding:.7rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c1018cc;color:var(--text)}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:#ff751f99}.filter-field.compact{flex:1 1 220px;gap:.25rem;font-size:.85rem}.filter-field.compact input,.filter-field.compact select{background:#121621bf;border-radius:12px;padding:.65rem .95rem;border:1px solid rgba(255,255,255,.08)}.filter-field.compact.double{flex:1 1 260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.filter-field.compact.double input{width:100%}.documents-page{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem;background:radial-gradient(circle at top,rgba(59,130,246,.12),transparent 45%);animation:fadeIn .4s ease}.documents-toolbar{margin-bottom:1.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:#0a0d14b3;box-shadow:0 18px 38px #06080d66;display:flex;flex-direction:column;gap:.9rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.documents-toolbar__heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.documents-toolbar__titles{display:flex;flex-direction:column;gap:.25rem}.documents-toolbar__eyebrow{font-size:.75rem;letter-spacing:.38em;text-transform:uppercase;color:#94a3b899}.documents-toolbar__heading h2{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.documents-toolbar__heading span{font-size:.85rem;color:#94a3b8b3}.documents-toolbar__filters{display:flex;flex-wrap:wrap;gap:.75rem}.search-field{position:relative;display:flex;align-items:center;gap:.6rem;flex:1 1 320px;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:#090c1499;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.search-field svg{color:#94a3b8cc}.search-field input{border:none;background:transparent;color:var(--text);width:100%;font-size:.9rem}.search-field input::placeholder{color:#94a3b8b3}.search-field input:focus{outline:none}.search-field:focus-within{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f62e;transform:translateY(-1px)}.documents-empty{padding:1.6rem;border-radius:18px;background:#0c10188c;border:1px dashed rgba(255,255,255,.12);text-align:center;color:var(--text-soft);display:grid;gap:.6rem}.documents-empty h4{margin:0;font-size:1.05rem;color:var(--text);font-weight:600}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.4rem;width:min(1200px,100%);margin:0 auto}.animate-fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.document-card{background:linear-gradient(170deg,#0b0f18c7,#0f1420a8);border-radius:18px;border:1px solid rgba(255,255,255,.04);padding:1.6rem;box-shadow:0 22px 40px #05070c73;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease,box-shadow .35s ease,border-color .25s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 30px 50px #06080f8c;border-color:#3b82f647}.document-card header h3{margin:0;font-size:1.15rem;letter-spacing:-.01em;color:var(--text);font-weight:600}.document-card__meta{margin:.35rem 0 0;font-size:.8rem;color:#94a3b8bf;text-transform:uppercase;letter-spacing:.28em}.document-card__preview{margin:0;color:#e2e8f0d9;line-height:1.65;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.document-card__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.action-button{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;border:none;background:transparent;cursor:pointer;padding:.5rem .75rem;border-radius:12px;transition:color .2s ease,background .2s ease,transform .2s ease}.action-button svg{flex-shrink:0}.action-button.edit{color:#38bdf8}.action-button.edit:hover{color:#60cdfc;background:#38bdf814}.action-button.danger{color:#f87171}.action-button.danger:hover{color:#fca5a5;background:#f8717114}.action-button:focus{outline:none;box-shadow:0 0 0 2px #94a3b82e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:20}.modal-card{width:min(640px,100%);background:#0a0d14fa;border-radius:22px;border:1px solid rgba(148,163,184,.16);box-shadow:0 28px 70px #0000008c;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-card--danger{border:1px solid rgba(248,113,113,.28);background:linear-gradient(165deg,#0f0a0cf5,#120a0fd1)}.modal-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.modal-card__header h3{margin:0;font-size:1.35rem;letter-spacing:-.01em}.modal-card__header p{margin:.4rem 0 0;color:var(--text-soft);font-size:.95rem}.modal-card__body p{margin:0;color:#e2e8f0bf;line-height:1.6}.modal-card__body{display:flex;flex-direction:column;gap:.6rem}.modal-close{border:none;background:#94a3b814;color:var(--text-soft);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.modal-close:hover{background:#ff751f29;color:var(--text)}.modal-card__form{display:flex;flex-direction:column;gap:1.25rem}.modal-field{display:flex;flex-direction:column;gap:.55rem;color:var(--text-muted);font-size:.95rem}.modal-field span{font-weight:500}.modal-field input,.modal-field textarea{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0c1018e6;padding:.85rem 1rem;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.modal-field textarea{min-height:200px}.modal-field input:focus,.modal-field textarea:focus{outline:none;border-color:#5eead466;box-shadow:0 0 0 3px #5eead41f}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem}.modal-actions .secondary,.modal-actions .primary,.modal-actions .danger{border:none;border-radius:12px;padding:.75rem 1.35rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.modal-actions .secondary{background:#94a3b81f;color:var(--text)}.modal-actions .secondary:hover{background:#94a3b838}.modal-actions .primary{background:#3b82f6;color:#0f172a;box-shadow:0 18px 38px #3b82f659}.modal-actions .primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 45px #3b82f673}.modal-actions .primary:disabled{opacity:.6;cursor:progress;transform:none;box-shadow:none}.modal-actions .danger{background:#f871712e;color:#fecaca}.modal-actions .danger:hover:not(:disabled){background:#f8717147}.modal-actions .danger:disabled{opacity:.6;cursor:progress}.card h3{margin:0;font-size:1.2rem;letter-spacing:-.01em}.new-document-page{display:flex;flex-direction:column}.new-document-card{gap:1.25rem;padding:1.6rem}.new-document-form{display:flex;flex-direction:column;gap:1rem}.editor-field{display:flex;flex-direction:column;gap:.5rem;color:var(--text-muted)}.editor-field span{font-weight:500;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end}.rich-text-editor{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#131722bf;overflow:hidden;display:flex;flex-direction:column}.rich-text-editor__toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem .85rem;background:#0c1018cc;border-bottom:1px solid rgba(255,255,255,.06)}.rich-text-editor__toolbar button{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.45rem .7rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.rich-text-editor__toolbar button:hover{color:var(--text);border-color:#ff751f66}.rich-text-editor__toolbar button.active{color:#0e1016;background:var(--accent);border-color:var(--accent)}.rich-text-editor__toolbar .divider{width:1px;background:#ffffff14;margin:0 .15rem}.rich-text-editor__surface{padding:1.2rem 1.4rem;overflow-y:auto;max-height:60vh}.rich-text-editor__content{color:var(--text);font-family:inherit;font-size:1rem}.rich-text-editor__content h1,.rich-text-editor__content h2,.rich-text-editor__content h3,.rich-text-editor__content h4{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;letter-spacing:-.01em}.rich-text-editor__content h1{font-size:1.9rem}.rich-text-editor__content h2{font-size:1.6rem}.rich-text-editor__content h3{font-size:1.35rem}.rich-text-editor__content p{margin:0 0 1rem;line-height:1.65}.rich-text-editor__content ul,.rich-text-editor__content ol{padding-left:1.5rem;margin:0 0 1rem}.rich-text-editor__content blockquote{border-left:3px solid rgba(255,117,31,.4);padding-left:1rem;color:var(--text-muted);font-style:italic;margin:1rem 0}.rich-text-editor__content pre{background:#0c1018e6;padding:1rem;border-radius:10px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.rich-text-editor__content code{background:#0c1018cc;padding:.2rem .4rem;border-radius:6px}.rich-text-editor__content a{color:var(--accent);text-decoration:underline}.rich-text-editor__surface .ProseMirror{min-height:320px;line-height:1.6}.rich-text-editor__surface .ProseMirror:focus{outline:none}.rich-text-editor__surface .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-soft);pointer-events:none;height:0}.rich-text-editor__loading{padding:1rem;color:var(--text-soft);font-size:.9rem}.document-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.document-item{display:flex;flex-direction:column;gap:.75rem;padding:1.2rem 1.3rem;border-radius:var(--radius-sm);background:#171b28d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 45px #05060840}.document-title{font-weight:600;font-size:1.05rem;border:none;background:transparent;padding:0;color:var(--text);border-bottom:1px solid transparent}.document-title:focus{outline:none;border-bottom:1px solid var(--accent)}.document-preview{color:var(--text-soft);font-size:.92rem;line-height:1.55;margin:0;background:#0e111a99;padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04)}.document-meta{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--text-soft)}@media (max-width: 1140px){.dashboard{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--stroke);gap:1.25rem;position:relative;height:auto}.sidebar-nav{flex-direction:row;align-items:center}.nav-label{display:none}.sidebar-footer{margin-top:0;border-top:none;flex-direction:row;align-items:center;gap:1.25rem}.sidebar-footer .button{width:auto;padding:.7rem 1.1rem}.content{height:auto}.content main{padding:2rem 1.6rem;overflow:visible}}@media (max-width: 768px){.auth-card{padding:2.2rem 1.8rem}.content main{padding:1.6rem 1.2rem}.topbar{display:flex;padding:1.1rem 1.4rem;flex-direction:column;gap:1rem;align-items:flex-start}.user-chip{align-self:stretch;justify-content:space-between}.document-item{padding:1rem}}