:root{--bg:#f3f6f4;--surface:#fff;--surface2:#edf2ef;--border:#e1e9e4;--ink:#14201c;--muted:#64756d;--brand:#0f6b4f;--brand-2:#0b5540;--brand-soft:#e6f1eb;--accent:#b08a2e;--accent-soft:#f6efdd;--danger:#b3261e;--danger-soft:#fbebea;--shadow:0 1px 2px #10201b0d, 0 8px 24px #10201b0d;--paper:#fff;--skel:#e6ece9;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--font-ar:"Noto Naskh Arabic", Amiri, serif;--font-ar-title:Amiri, "Noto Naskh Arabic", serif;--bottomnav-h:0px}[data-theme=dark]{--bg:#0a0f0d;--surface:#121a17;--surface2:#18221e;--border:#243029;--ink:#e9f1ed;--muted:#93a79e;--brand:#2fa37c;--brand-2:#3dbb90;--brand-soft:#10291f;--accent:#d7b266;--accent-soft:#241e10;--danger:#f2837b;--danger-soft:#2a1615;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000059;--paper:#f7f8f7;--skel:#1d2823}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0f0d;--surface:#121a17;--surface2:#18221e;--border:#243029;--ink:#e9f1ed;--muted:#93a79e;--brand:#2fa37c;--brand-2:#3dbb90;--brand-soft:#10291f;--accent:#d7b266;--accent-soft:#241e10;--danger:#f2837b;--danger-soft:#2a1615;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000059;--paper:#f7f8f7;--skel:#1d2823}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}input,textarea,select,button{font-family:inherit}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-2)}::placeholder{color:var(--muted);opacity:.8}h1,h2,h3,p{margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}[dir=rtl],.ar{font-family:var(--font-ar)}@keyframes bm-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes bm-spin{to{transform:rotate(360deg)}}@keyframes bm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.card-title{margin-bottom:16px;font-size:14.5px;font-weight:700}.card-desc{color:var(--muted);margin:-10px 0 14px;font-size:12.5px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:700}.page-h1{letter-spacing:-.03em;text-wrap:pretty;margin-bottom:6px;font-size:24px;font-weight:800}.page-sub{color:var(--muted);text-wrap:pretty;margin-bottom:20px;font-size:14px}.muted{color:var(--muted)}.brand{color:var(--brand)}.label{margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.sublabel{color:var(--muted);margin-bottom:4px;font-size:11.5px}.hint{color:var(--muted);font-size:11.5px}.tnum{font-variant-numeric:tabular-nums}.input,.select,.textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s}.input,.select{height:42px;padding:0 12px}.input.lg,.select.lg{height:44px;padding:0 14px}.select{cursor:pointer}.textarea{resize:vertical;border-radius:12px;padding:14px;line-height:2}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled{opacity:.5;background:var(--surface2)}.textarea.ar{font-family:var(--font-ar);min-height:96px;font-size:19px}.textarea.ar-title{font-family:var(--font-ar-title);text-align:center;min-height:120px;padding:16px;font-size:26px;line-height:1.9}.textarea.ar-sm{font-family:var(--font-ar);border-radius:10px;min-height:80px;padding:12px;font-size:17px}.btn{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--ink);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--surface2);color:var(--ink)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow)}.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.btn-primary:disabled{background:var(--muted);border-color:var(--muted);opacity:.8;cursor:wait}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{filter:brightness(.95);color:#fff}.btn-ghost-danger{color:var(--danger);border-color:var(--border);background:0 0}.btn-ghost-danger:hover{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%;height:46px;font-size:14.5px;font-weight:700}.btn-sm{border-radius:10px;height:38px;padding:0 14px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;font-size:13px;text-decoration:none;transition:all .12s;display:inline-grid}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.check{cursor:pointer;align-items:center;gap:9px;font-size:13.5px;display:flex}.check input{width:16px;height:16px;accent-color:var(--brand);margin:0}.switch{background:var(--border);cursor:pointer;border:0;border-radius:99px;flex:none;width:42px;height:24px;padding:0;transition:background .15s;position:relative}.switch .knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true] .knob{left:21px}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.toggle-row:last-child{border-bottom:0;padding-bottom:0}.toggle-row .t-label{font-size:13.5px;font-weight:600}.segmented{background:var(--surface2);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:650;transition:all .15s;display:inline-flex}.segmented button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.segmented.sm button{height:32px;padding:0 12px;font-size:12.5px}.presets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.preset{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted);border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:650;transition:all .12s}.preset:hover{border-color:var(--brand);color:var(--brand)}.preset[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.choice{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;color:var(--ink);border-radius:12px;padding:12px 14px;transition:all .12s}.choice:hover{border-color:var(--brand)}.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.choice .c-title{font-size:13.5px;font-weight:650}.choice .c-sub{color:var(--muted);font-size:11.5px}.info{background:var(--surface2);color:var(--muted);border-radius:10px;gap:9px;margin-top:14px;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.info i{flex:none;margin-top:3px}.recap{background:var(--brand-soft);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:14px 16px}.recap .r-title{color:var(--brand);font-size:13px;font-weight:700}.recap .r-body{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.8}.badge{border-radius:99px;align-items:center;height:22px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-brand{background:var(--brand-soft);color:var(--brand)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-muted{background:var(--surface2);color:var(--muted)}.skel{background:var(--skel);border-radius:12px;animation:1.4s ease-in-out infinite bm-pulse}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:1s linear infinite bm-spin}.auth{flex-wrap:wrap;min-height:100vh;display:flex}.auth-form{flex:420px;justify-content:center;align-items:center;min-width:300px;padding:48px 24px;display:flex}.auth-form>div{width:100%;max-width:400px;animation:.4s both bm-rise}.auth-brand{align-items:center;gap:10px;margin-bottom:40px;display:flex}.auth h1{letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:800}.auth .sub{color:var(--muted);margin-bottom:28px;font-size:14px}.auth .field{margin-bottom:16px}.auth-side{background:var(--brand);flex:380px;align-items:flex-end;min-width:260px;padding:48px;display:flex;position:relative;overflow:hidden}.auth-side .deco{opacity:.18;position:absolute;inset:0}.auth-side .quote{max-width:340px;position:relative}.auth-side .calli{font-family:var(--font-ar-title);color:#fff;font-size:30px;line-height:1.9}.auth-side .rule{background:var(--accent);width:56px;height:1px;margin:20px 0}.auth-side p{color:#ffffffe0;font-size:14px;line-height:1.7}.wordmark{letter-spacing:-.02em;font-size:17px;font-weight:800}.baseline{color:var(--muted);font-size:11px;line-height:1.3}@media (max-width:700px){.auth-side{display:none}}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:250px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{align-items:center;gap:10px;padding:20px 18px 14px;display:flex}.sidebar-head .wordmark{font-size:15.5px}.sidebar-head .baseline{font-size:10.5px}.sidenav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.sidenav a{color:var(--muted);border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sidenav a i{text-align:center;width:18px;font-size:14px}.sidenav a:hover{background:var(--surface2);color:var(--ink)}.sidenav a[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:650}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding:12px}.userbox{border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.avatar{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.userbox .u-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.userbox .u-mail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.userbox .logout{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.userbox .logout:hover{background:var(--surface2);color:var(--ink)}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar .title{letter-spacing:-.01em;flex:1;min-width:0;font-size:15px;font-weight:700}.tool-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.tool-btn:hover{color:var(--ink)}.drawer-overlay{z-index:40;background:#08100d73;position:fixed;inset:0}.profile-drawer{z-index:41;background:var(--surface);border-left:1px solid var(--border);width:min(320px,88vw);box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.2s both bm-rise;display:flex;position:fixed;top:0;bottom:0;right:0}.pd-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 16px;display:flex}.pd-links{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex;overflow-y:auto}.pd-links a{color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.pd-links a i{text-align:center;width:18px;color:var(--muted)}.pd-links a:hover{background:var(--surface2);color:var(--ink)}.pd-section{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:14px 12px 6px;font-size:11.5px;font-weight:700}.pd-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.pd-foot .btn{width:100%}.bottomnav{z-index:30;background:var(--surface);border-top:1px solid var(--border);height:64px;padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #10201b0f}.bottomnav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 2px;font-size:11px;font-weight:600;text-decoration:none;transition:color .12s;display:flex}.bottomnav a i{font-size:17px}.bottomnav a[aria-current=page]{color:var(--brand)}.bottomnav a[aria-current=page] i{transform:translateY(-1px)}.avatar-btn{border:1px solid var(--border);background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:none}.brand-mobile{align-items:center;display:none}.page{width:100%;max-width:1120px;margin:0 auto;padding:28px 20px 80px}.page.wide{max-width:1320px;padding:26px 20px 120px}.page.narrow{max-width:720px}@media (max-width:1023px){:root{--bottomnav-h:64px}.sidebar{display:none}.bottomnav{display:flex}.avatar-btn{display:grid}.brand-mobile{display:flex}.topbar{padding:10px 14px}.topbar .title{font-size:15px}.content{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}.page{padding-bottom:28px}.page.wide{padding-bottom:96px}.actionbar{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}.toast{bottom:calc(var(--bottomnav-h) + 88px + env(safe-area-inset-bottom));right:12px}.gen-preview{position:static}}@media (max-width:560px){.page,.page.wide,.page.narrow{padding-left:14px;padding-right:14px}.card{border-radius:14px;padding:16px}.page-h1{font-size:21px}.segmented{width:100%;overflow-x:auto}.segmented button{flex:1 0 auto;padding:0 12px}.actionbar{gap:8px;padding:10px 14px}.actionbar .btn{flex:auto}.actionbar .ab-meta{flex:100%}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.docs-bar{gap:8px}.sheet{padding:20px 16px}.textarea.ar-title{font-size:22px}.input.big{height:54px;font-size:24px}}.stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:32px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px 16px 14px}.stat .s-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.stat .s-value{letter-spacing:-.03em;font-size:24px;font-weight:800}.stat .s-hint{color:var(--accent);margin-top:4px;font-size:11.5px;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-bottom:34px;display:grid}.action-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;color:var(--ink);border-radius:18px;padding:24px;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.action-card:hover{color:var(--ink);transform:translateY(-2px)}.action-card.brand:hover{border-color:var(--brand)}.action-card.accent:hover{border-color:var(--accent)}.action-card .a-icon{border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:19px;display:grid}.action-card.brand .a-icon{background:var(--brand-soft);color:var(--brand)}.action-card.accent .a-icon{background:var(--accent-soft);color:var(--accent)}.action-card .a-title{letter-spacing:-.02em;margin-bottom:6px;font-size:17px;font-weight:700}.action-card p{color:var(--muted);text-wrap:pretty;margin-bottom:18px;font-size:13.5px;line-height:1.6}.list{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.list-row{border-bottom:1px solid var(--border);color:var(--ink);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--surface2);color:var(--ink)}.list-row .l-icon{background:var(--surface2);width:34px;height:34px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.list-row .l-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.list-row .l-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.list-row .l-date{color:var(--muted);flex:none;font-size:12px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-head a{font-size:13px;font-weight:600}.gen-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.gen-form{flex-direction:column;flex:420px;gap:16px;min-width:280px;display:flex}.gen-preview{flex:380px;min-width:280px;position:sticky;top:76px}.card.accent-left{border-left:3px solid var(--brand)}.ins-row{border:1px solid var(--border);border-radius:12px;padding:14px}.ins-row+.ins-row{margin-top:12px}.ins-row .presets{margin-top:10px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:120px}.margins-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.margins-grid .input{border-radius:9px;height:38px;padding:0 10px;font-size:13px}.a4-thumb{background:var(--paper);border:1px solid var(--border);width:132px;height:187px;box-shadow:var(--shadow);border-radius:4px;padding:12px}.a4-thumb .inner{border:1px dashed var(--brand);opacity:.7;flex-direction:column;gap:5px;width:100%;height:100%;padding:7px;display:flex}.a4-thumb .inner div{background:#c9d3ce;height:3px}.acc-head{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:650;display:flex}.acc-head i{color:var(--muted);font-size:12px}.acc-body{padding:0 20px 18px}.result-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.tile{background:var(--surface2);border-radius:12px;padding:14px 16px}.tile.brand{background:var(--brand-soft)}.tile .t-value{letter-spacing:-.02em;font-size:20px;font-weight:800}.tile.brand .t-value{color:var(--brand)}.tile .t-label{color:var(--muted);font-size:11.5px;font-weight:600}.input.big{letter-spacing:-.03em;border-radius:12px;height:62px;padding:0 18px;font-size:30px;font-weight:800}.preview-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.preview-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.preview-head .p-title{font-size:14px;font-weight:700}.preview-head .p-meta{color:var(--muted);font-size:12px;font-weight:600}.preview-body{background:var(--surface2);padding:20px}.sheet{background:var(--paper);color:#14201c;border-radius:3px;max-width:460px;margin:0 auto;padding:30px 26px;box-shadow:0 2px 14px #10201b1f}.sheet .s-title{text-align:center;font-family:var(--font-ar-title);margin-bottom:14px;font-size:22px;font-weight:700}.sheet .s-basmala{text-align:center;font-family:var(--font-ar-title);color:#2a3b34;margin-bottom:18px;font-size:18px}.sheet .s-text{font-family:var(--font-ar);text-align:justify;font-size:17px;line-height:2.1}.sheet .s-text .ins{color:#0f6b4f}.sheet .s-repeat{font-family:var(--font-ar-title);text-align:justify;font-size:20px;line-height:2.4}.sheet .s-open{font-family:var(--font-ar);text-align:justify;color:#2a3b34;margin-bottom:14px;font-size:16px;line-height:2}.sheet-foot{text-align:center;border-top:1px dashed #d5ded9;margin-top:18px;padding-top:14px}.sheet-foot button{color:#0f6b4f;background:0 0;border:0;font-size:12.5px;font-weight:650}.actionbar{z-index:25;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 24px #10201b0f}.actionbar .ab-meta{flex:160px;min-width:0}.actionbar .ab-main{font-size:13.5px;font-weight:700}.actionbar .ab-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.overlay{z-index:60;background:#08100d80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:18px;padding:26px;animation:.25s both bm-rise}.modal.wide{max-width:420px}.steps{flex-direction:column;gap:10px;margin:18px 0;display:flex}.step{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.step .dot{background:var(--border);border-radius:50%;flex:none;width:9px;height:9px;transition:background .3s}.step.done{color:var(--ink);font-weight:600}.step.done .dot{background:var(--brand)}.progress{background:var(--surface2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--brand);height:100%;transition:width .5s}.toast{z-index:70;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand);width:min(380px,100vw - 40px);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.3s both bm-rise;display:flex;position:fixed;bottom:84px;right:20px}.toast.error{border-left-color:var(--danger)}.toast .t-icon{background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.toast.error .t-icon{background:var(--danger-soft);color:var(--danger)}.toast .t-title{font-size:13.5px;font-weight:700}.toast .t-body{color:var(--muted);word-break:break-all;margin:3px 0 10px;font-size:12.5px}.toast .t-close{color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:14px}.docs-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search{flex:240px;align-items:center;min-width:200px;display:flex;position:relative}.search i{color:var(--muted);font-size:13px;position:absolute;left:13px}.search .input{border-radius:11px;padding-left:38px;font-size:13.5px}.table{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.trow{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,2.4fr) .9fr .7fr .6fr .9fr 120px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:grid}.trow:last-child{border-bottom:0}.trow.head{background:var(--surface2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 18px;font-size:11.5px;font-weight:700}.trow:not(.head):hover{background:var(--surface2)}.trow .d-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.trow .d-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.right{text-align:right}.trow .acts{justify-content:flex-end;gap:6px;display:flex}.tfoot{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:12.5px;display:flex}.pager{gap:4px;display:flex}.pager button{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--ink);border-radius:8px;font-size:12.5px;font-weight:600}.pager button[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#fff}.pager button:disabled{opacity:.4}.doc-cards{flex-direction:column;gap:12px;display:none}.doc-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px}.doc-card .d-title{font-size:14px;font-weight:650}.doc-card .d-meta{color:var(--muted);margin:4px 0 12px;font-size:12px}.doc-card .acts{gap:8px;display:flex}.doc-card .acts .btn{flex:1}.doc-card .acts .icon-btn{border-radius:11px;width:44px;height:44px}.empty{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:18px;padding:64px 24px}.empty .e-title{margin:18px 0 6px;font-size:17px;font-weight:700}.empty p{color:var(--muted);margin-bottom:20px;font-size:13.5px}@media (max-width:820px){.table{display:none}.doc-cards{display:flex}}.settings{flex-direction:column;gap:16px;display:flex}.settings .field{margin-bottom:14px}.settings .row-end{justify-content:flex-end;margin-top:6px;display:flex}.status{color:var(--muted);font-size:13px}.status.error{color:var(--danger)}.status.ok{color:var(--brand)}.pw-wrap{align-items:center;display:flex;position:relative}.pw-wrap .input{width:100%}.pw-eye{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:14px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{color:var(--ink);background:var(--surface2)}.preview-overlay{padding:0}.preview-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:min(1100px,100vw);height:min(94vh,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000047}.pv-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.pv-head .pv-title{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.pv-head .pv-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.pv-body{background:#55595f;flex:1;padding:18px 0;overflow:auto}.pv-state{color:#fff;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:14px;display:flex}.pv-state.error{color:#ffd9d4}.pv-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.pv-host .docxp-wrapper{background:0 0;flex-direction:column;align-items:center;gap:16px;padding:0;display:flex}.pv-host section.docxp{background:#fff;box-shadow:0 6px 18px #00000059;margin:0!important}@media (max-width:900px){.pv-host .docxp-wrapper{transform-origin:top;transform:scale(.55)}.preview-modal{border-radius:0;width:100vw;height:100vh}}.sheet-pn{border-top:1px dashed var(--border);color:var(--muted);font-size:11.5px;font-family:var(--font-ui);margin-top:14px;padding-top:8px}