:root{--bg:#f5f7fb;--panel:#0f172a;--panel2:#1d2750;--ink:#182135;--muted:#758197;--line:#e2e7ef;--purple:#5b52e8;--purple2:#8b5cf6;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--white:#fff}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:18px 13px;background:linear-gradient(165deg,var(--panel),var(--panel2));color:#fff;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:3px 7px 16px;color:#fff;text-decoration:none}.logo{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 12px 27px #4f46e54a}.logo i{font-style:normal;font-weight:950}.brand b,.brand small{display:block}.brand b{font-size:14px;letter-spacing:.08em}.brand small{margin-top:2px;color:#9ba8bf;font-size:10px;letter-spacing:.12em}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:12px;background:transparent;color:#aeb9ca;text-align:left;cursor:pointer}.nav button:hover{background:#ffffff0d;color:#fff}.nav button.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 9px 22px #4f46e531}.nav button span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b}.nav button b{font-size:10px}.side-metrics{display:grid;gap:7px;margin-top:14px}.side-metrics div{padding:10px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff09}.side-metrics span,.side-metrics b{display:block}.side-metrics span{color:#929fb6;font-size:10px}.side-metrics b{margin-top:4px;font-size:15px}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;min-height:78px;padding:10px 22px;border-bottom:1px solid #e6e9f0;background:#f8faffed;backdrop-filter:blur(14px)}.top-title{min-width:190px;margin-right:auto}.top-title span{color:#6559e9;font-size:10px;font-weight:900;letter-spacing:.15em}.top-title h1{margin:3px 0 0;font-size:21px}.top-actions{display:flex;align-items:center;gap:7px}.primary,.secondary,.ghost,.ai-button,.link-button,.dangerText{border:0;border-radius:11px;padding:10px 13px;font-weight:800;font-size:10px;cursor:pointer}.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 19px #4f46e529}.secondary,.ghost{border:1px solid #dde2eb;background:#fff;color:#3d4960}.ai-button{background:#ede9fe;color:#5b21b6}.dangerText{background:#fee2e2;color:#b91c1c}.link-button{background:transparent;color:#574fd8;padding:7px}.state-pill{padding:7px 9px;border-radius:999px;background:#e7f8f0;color:#087c56;font-size:10px;font-weight:900}.state-pill.local{background:#eceff4;color:#687386}.company-switch{max-width:170px;padding:9px;border:1px solid #dde2eb;border-radius:11px;background:#fff}.hidden{display:none!important}.mobile-only{display:none}.icon-button{border:0;background:#fff;border-radius:10px;padding:9px}.view{display:none;padding:22px}.view.active{display:block}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;border-radius:24px;background:radial-gradient(circle at 80% 0,#7c3aed35,transparent 35%),linear-gradient(145deg,#0f172a,#24214f);color:#fff;box-shadow:0 20px 48px #1e293b1c}.hero-card span,.card-kicker,.card-head span,.section-head>div>span{color:#c4b5fd;font-size:10px;font-weight:900;letter-spacing:.15em}.hero-card h2{margin:8px 0 8px;font-size:30px;letter-spacing:-.04em}.hero-card p{max-width:670px;margin:0;color:#aab5c8;font-size:12px;line-height:1.65}.hero-actions,.section-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metrics.three{grid-template-columns:repeat(3,1fr)}.metrics article{padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 25px #1e293b08}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{color:#6e7a8e;font-size:10px}.metrics strong{margin-top:7px;font-size:24px}.metrics small{margin-top:4px;color:#929bad;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}.card{padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 30px #1e293b08}.card-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head h3{margin:4px 0 0;font-size:15px}.section-head{margin-bottom:15px}.section-head h2{margin:4px 0 4px;font-size:27px}.section-head p{margin:0;color:var(--muted);font-size:11px}.task-list,.compact-list,.document-list{display:grid;gap:8px}.task{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f7f8fc}.task i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ede9fe;color:#5b21b6;font-style:normal}.task b,.task small{display:block}.task b{font-size:10px}.task small{margin-top:3px;color:#8792a4;font-size:10px}.document-row{display:grid;grid-template-columns:42px minmax(0,1fr) 120px 110px auto;align-items:center;gap:10px;padding:11px;border:1px solid #e6e9f0;border-radius:14px;background:#fff}.document-row:hover{border-color:#c9c6f6;box-shadow:0 8px 20px #4f46e510}.document-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5;font-weight:900}.document-main b,.document-main small{display:block}.document-main b{font-size:11px}.document-main small{margin-top:3px;color:#8792a4;font-size:10px}.status{display:inline-flex;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:900}.status.new{background:#eef2ff;color:#4f46e5}.status.review{background:#fff7ed;color:#c2410c}.status.matched{background:#ecfdf5;color:#047857}.status.ready{background:#dcfce7;color:#166534}.status.archived{background:#f1f5f9;color:#64748b}.filters{display:grid;grid-template-columns:1fr 170px 160px;gap:8px;margin-bottom:12px}.filters input,.filters select,label input,label select,label textarea{width:100%;padding:10px;border:1px solid #dce1ea;border-radius:10px;background:#fff;color:#263146}.dropzone{margin-bottom:12px;padding:28px;border:2px dashed #cdd3e1;border-radius:20px;background:#fff;text-align:center}.dropzone.drag{border-color:#5b52e8;background:#f6f5ff}.dropzone div{font-size:28px;color:#675bea}.dropzone h3{margin:8px 0 4px}.dropzone p{margin:0 0 12px;color:#8994a7;font-size:10px}.empty{padding:45px;text-align:center}.empty>div{font-size:34px;color:#7c73ea}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px;border-bottom:1px solid #edf0f5;text-align:left;font-size:10px}th{background:#f7f8fb;color:#758096;font-size:10px;letter-spacing:.07em}td b{font-size:10px}.accountant-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;margin-bottom:12px;border-radius:18px;background:#ecfdf5;color:#065f46}.accountant-banner>div{display:flex;gap:10px}.accountant-banner p{margin:3px 0 0;font-size:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-grid .card h3{margin:7px 0}.settings-grid .card p{color:var(--muted);font-size:10px;line-height:1.55}.settings-grid label{display:block;margin:10px 0;color:#596579;font-size:10px}.full{width:100%;display:flex;justify-content:center}.connection-box,.storage-facts{padding:11px;border-radius:12px;background:#f5f6fa;color:#566276;font-size:10px}.storage-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.storage-facts span,.storage-facts b{display:block}.storage-facts b{margin-top:4px}.document-dialog,.account-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:22px;box-shadow:0 28px 90px #0f172a55}.document-dialog::backdrop,.account-dialog::backdrop{background:#0f172ac7;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e6e9f0}.dialog-head span{color:#6257e8;font-size:10px;font-weight:900;letter-spacing:.14em}.dialog-head h2{margin:4px 0 0}.dialog-head button{width:34px;height:34px;border:0;border-radius:10px;background:#eef0f4;font-size:19px}.document-editor{display:grid;grid-template-columns:.8fr 1.2fr;min-height:480px}.document-preview{display:grid;place-items:center;padding:16px;background:#eef1f6;overflow:auto}.document-preview img,.document-preview iframe{max-width:100%;max-height:520px;border:0;border-radius:8px;box-shadow:0 12px 35px #1e293b2c}.document-form{padding:18px;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{color:#596579;font-size:10px}.form-grid .span2{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.warning-box{margin-bottom:10px;padding:10px;border-radius:11px;background:#fff7ed;color:#9a3412;font-size:10px}.dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:8px;padding:13px 18px;border-top:1px solid #e6e9f0}.account-dialog{width:min(720px,calc(100vw - 24px))}#accountContent{padding:18px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-card{padding:14px;border:1px solid #e4e8f0;border-radius:15px}.account-card b,.account-card span{display:block}.account-card span{margin-top:4px;color:#7d8899;font-size:10px}.toast{position:fixed;left:50%;bottom:22px;z-index:2000;transform:translateX(-50%) translateY(120px);padding:11px 15px;border-radius:12px;background:#182135;color:#fff;font-size:10px;box-shadow:0 16px 35px #0f172a40;transition:.25s}.toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:1020px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.dashboard-grid{grid-template-columns:1fr}.document-row{grid-template-columns:42px 1fr auto}.document-row>.doc-amount{display:none}.top-actions .state-pill,.top-actions .ghost{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-250px;z-index:100;width:238px;transition:.2s}.sidebar.open{left:0}.mobile-only{display:block}.topbar{padding:9px 10px}.top-title h1{font-size:17px}.top-actions .company-switch{display:none}.top-actions .primary{font-size:0}.top-actions .primary:after{content:'＋';font-size:18px}.view{padding:12px}.hero-card{align-items:flex-start;flex-direction:column;padding:20px}.hero-card h2{font-size:24px}.metrics,.metrics.three,.settings-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.document-editor{grid-template-columns:1fr}.document-preview{min-height:240px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.dialog-actions{grid-template-columns:1fr 1fr}.dialog-actions span{display:none}.document-row{grid-template-columns:38px 1fr auto}.document-row .doc-status{display:none}}
@media(max-width:430px){.metrics,.metrics.three,.settings-grid{grid-template-columns:1fr}.top-title span{display:none}.px-profile-button{display:none!important}}
.accounting-handoff{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:12px 18px;border-top:1px solid #e6e9f0;background:#f8faff}.accounting-handoff b,.accounting-handoff small,.accounting-handoff em{display:block}.accounting-handoff b{font-size:10px}.accounting-handoff small{margin-top:3px;color:#748096;font-size:10px;line-height:1.45}.accounting-handoff em{min-height:12px;margin-top:4px;color:#047857;font-size:10px;font-style:normal}.accounting-handoff button:disabled{cursor:wait;opacity:.58}@media(max-width:760px){.accounting-handoff{grid-template-columns:1fr}.accounting-handoff button{width:100%}}