:root{--bg:#f5f7fb;--panel:#fff;--panel2:#f8f9fc;--text:#17243a;--muted:#6f7b8f;--line:#e4e8f0;--primary:#5578ff;--primary2:#405ed8;--nav:#111d31;--navtext:#9eaac0;--danger:#d04444;--shadow:0 10px 30px #18264312}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app{background:var(--bg);min-height:100vh;color:var(--text);transition:all .2s;display:flex}.dark{--bg:#0c1220;--panel:#131c2d;--panel2:#182337;--text:#ecf1fa;--muted:#95a2b7;--line:#29364b;--nav:#090f1b;--shadow:0 12px 35px #00000040}.sidebar{background:var(--nav);color:#fff;z-index:30;flex-direction:column;width:260px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6d8cff,#4c63e7);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #4a63e259}.brand strong{font-size:15px;display:block}.brand span{color:#8490a5;font-size:11px}.sidebar nav{flex-direction:column;gap:4px;padding:18px 12px;display:flex;overflow:auto}.sidebar nav button{color:var(--navtext);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;font-weight:500;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#5a77ff24}.sidebar nav button.active{box-shadow:inset 3px 0 #6684ff}.sidebar nav b{color:#17120a;background:#f2a53a;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-foot{color:#8592a8;background:#ffffff0d;border-radius:12px;margin:auto 18px 18px;padding:14px;font-size:11px}.sidebar-foot p{margin:7px 0 0;line-height:1.5}.sync-dot{color:#f0bd66;font-weight:600}.sync-dot i{background:#f0a63a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.workspace{width:calc(100% - 260px);min-width:0;margin-left:260px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;align-items:center;height:82px;padding:0 34px;display:flex;position:sticky;top:0}.global-search{background:var(--panel2);border:1px solid var(--line);width:min(470px,45vw);height:40px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:0 12px;display:flex}.global-search input,.inline-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1}kbd{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:10px}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);width:37px;height:37px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:relative}.icon-button:hover{color:var(--text);background:var(--panel2)}.notification{border:2px solid var(--panel);background:#ef5757;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.avatar{color:#fff;background:#253654;border-radius:11px;place-items:center;width:37px;height:37px;margin-left:5px;font-size:12px;font-weight:700;display:grid}.content{max-width:1540px;margin:0 auto;padding:30px 34px 55px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:.14em;color:#71809a;margin:0 0 6px;font-size:10px;font-weight:700}.page-head h1{letter-spacing:-.03em;margin:0 0 4px;font-size:28px}.page-head>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.page-actions{gap:9px;display:flex}.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--primary);color:#fff;box-shadow:0 7px 16px #5477ff33}.primary:hover{background:var(--primary2)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.wide{width:100%}.notice{border-radius:13px;align-items:center;gap:14px;margin-bottom:20px;padding:15px 17px;display:flex}.notice.warning{color:#825b15;background:#fff8e8;border:1px solid #f4dfb2}.dark .notice.warning{color:#f1c76f;background:#302615;border-color:#59401b}.notice strong{font-size:13px}.notice p{opacity:.8;margin:3px 0 0;font-size:12px}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:600;text-decoration:underline}.notice.compact{margin:0 0 10px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:17px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:18px}.kpi-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:16px;display:grid}.kpi-icon.blue{color:#5578ff;background:#e9efff}.kpi-icon.violet{color:#7957d5;background:#f0eafd}.kpi-icon.amber{color:#c77b19;background:#fff0d8}.kpi-icon.green{color:#23855e;background:#e4f6ee}.kpi p{color:var(--muted);margin:0;font-size:12px}.kpi h2{margin:5px 0 6px;font-size:25px}.kpi span{color:var(--muted);font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:17px;margin-bottom:17px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;margin-bottom:17px;padding:20px}.chart-panel{min-width:0}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.panel-head h2{margin:0 0 4px;font-size:15px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.category-list{flex-direction:column;gap:15px;display:flex}.category-list>div{align-items:center;gap:10px;display:flex}.category-list p{flex-direction:column;margin:0;font-size:12px;display:flex}.category-list small{color:var(--muted);margin-top:2px;font-size:10px}.category-list b{margin-left:auto;font-size:12px}.dot{background:#5578ff;border-radius:50%;width:9px;height:9px}.c1{background:#a06ff0!important}.c2{background:#33aa82!important}.c3{background:#efa34b!important}.c4{background:#ea6f83!important}.c5{background:#6ea8d9!important}.table-wrap{margin:0 -20px -20px;overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.table-wrap th{text-align:left;color:#7a8799;letter-spacing:.03em;background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 18px;font-size:10px;font-weight:600}.table-wrap td{border-bottom:1px solid var(--line);color:var(--text);padding:12px 18px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong{font-size:12px;display:block}.table-wrap td small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.amount{font-variant-numeric:tabular-nums;font-weight:600;text-align:right!important}.status{text-transform:capitalize;background:var(--panel2);color:var(--muted);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status.pending-review{color:#a36b11;background:#fff3dc}.status.confirmed,.status.completed{color:#247958;background:#e7f6ef}.status.ignored{color:#6c7280;background:#edf0f4}.status.not-connected,.status.paused{color:#8c6572;background:#f7eaf0}.table-tools{align-items:center;gap:10px;margin-bottom:19px;display:flex}.inline-search{border:1px solid var(--line);background:var(--panel2);border-radius:9px;align-items:center;gap:8px;width:300px;height:38px;padding:0 10px;display:flex}.select{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:0 9px;display:flex}.select select,.status-select{appearance:none;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.result-count{color:var(--muted);margin-left:auto;font-size:11px}.missing{color:#bd7212;background:#fff2d9;border-radius:6px;padding:4px 7px;font-size:10px}.danger:hover{color:var(--danger)}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.checklist{flex-direction:column;gap:14px;display:flex}.checklist p{color:#2a8160;align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.checklist svg{width:18px}.checklist p.open{color:#bd771c}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.category-card,.account-card{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:16px}.category-card{align-items:center;gap:12px;display:flex}.category-icon,.account-icon{color:#5578ff;background:#e8eeff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.category-card h3,.account-card h3{margin:0 0 3px;font-size:13px}.category-card p,.account-card p{color:var(--muted);margin:0;font-size:10px}.category-card b{margin-left:auto;font-size:12px}.account-card{background:var(--panel);box-shadow:var(--shadow)}.account-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.account-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:18px 0;padding:13px 0;display:grid}.account-card dl div{flex-direction:column;gap:3px;display:flex}.account-card dt{color:var(--muted);font-size:9px}.account-card dd{margin:0;font-size:11px;font-weight:600}.review-list>article{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1.2fr) 130px minmax(200px,.8fr) auto;align-items:center;gap:20px;padding:15px 0;display:grid}.review-list>article:last-child{border-bottom:0}.review-main{align-items:center;gap:12px;display:flex}.vendor-token{color:#5578ff;background:#edf1ff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.review-main h3{margin:0 0 3px;font-size:12px}.review-main p,.confidence p{color:var(--muted);margin:0;font-size:10px}.review-amount{flex-direction:column;display:flex}.review-amount span,.confidence span{color:#bf781d;font-size:9px}.review-actions{gap:7px;display:flex}.timeline>div{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:15px 0;display:flex}.timeline>div:last-child{border-bottom:0}.timeline>div>span:first-child{background:var(--panel2);width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.timeline>div>span.success{color:#27805e;background:#e5f5ed}.timeline p{flex-direction:column;flex:1;margin:0;font-size:12px;display:flex}.timeline small{color:var(--muted);margin-top:3px;font-size:10px}.integration-hero{text-align:center;max-width:800px;margin:0 auto;padding:45px 30px}.sheet-logo{color:#2a9162;background:#e3f5ea;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 18px;display:grid}.sheet-logo svg{width:28px;height:28px}.integration-hero h2{margin:5px 0;font-size:24px}.integration-hero>p:not(.eyebrow){max-width:600px;color:var(--muted);margin:0 auto 25px;font-size:12px;line-height:1.7}.integration-stats{text-align:left;border:1px solid var(--line);border-radius:12px;grid-template-columns:2fr 1fr 1fr;margin:24px 0;display:grid;overflow:hidden}.integration-stats div{border-right:1px solid var(--line);flex-direction:column;padding:13px;display:flex}.integration-stats div:last-child{border-right:0}.integration-stats span{color:var(--muted);font-size:9px}.integration-stats strong{margin-top:3px;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-row:last-child{border:0}.setting-row span{flex-direction:column;display:flex}.setting-row strong{font-size:12px}.setting-row small{color:var(--muted);margin-top:3px;font-size:10px}.setting-row select{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:8px;font-size:11px}.modal-backdrop{z-index:100;background:#070d1999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:17px;width:min(650px,100%);padding:23px;box-shadow:0 30px 90px #0000004d}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal h2{margin:0;font-size:21px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal label,.login-card label{color:var(--text);flex-direction:column;gap:6px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.modal input,.modal select,.modal textarea,.login-card input{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;outline:none;padding:10px}.modal input:focus,.modal select:focus,.modal textarea:focus,.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5477ff1a}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.login-shell{background:radial-gradient(circle at 50% 0,#e9eeff,#0000 45%),#f5f7fb;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #e4e8f0;border-radius:18px;width:min(420px,100%);padding:34px;box-shadow:0 25px 70px #1926461f}.login-card .brand-mark{margin-bottom:20px}.login-card h1{margin:0 0 7px;font-size:23px}.login-card .muted{color:#6f7b8f;margin-bottom:24px;font-size:12px}.form-error{color:#b33333;font-size:11px}.menu-button,.mobile-close{display:none}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.cards-grid.accounts{grid-template-columns:1fr 1fr}.review-list>article{grid-template-columns:1fr 120px auto}.confidence{display:none}}@media (max-width:780px){.sidebar{transition:all .25s;transform:translate(-100%);box-shadow:20px 0 60px #0000004d}.sidebar.open{transform:translate(0)}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:grid}.workspace{width:100%;margin-left:0}.menu-button{color:var(--text);background:0 0;border:0;margin-right:8px;display:grid}.topbar{height:68px;padding:0 15px}.global-search{flex:1;width:auto}.global-search kbd{display:none}.content{padding:22px 15px 45px}.page-head{align-items:flex-start;gap:18px}.page-actions .secondary{display:none}.page-head h1{font-size:23px}.kpi-grid{grid-template-columns:1fr 1fr}.cards-grid,.cards-grid.accounts,.settings-grid{grid-template-columns:1fr}.review-list>article{grid-template-columns:1fr auto}.review-amount,.notice button{display:none}.field-grid{grid-template-columns:1fr}}@media (max-width:500px){.top-actions .icon-button{display:none}.global-search{max-width:none}.kpi-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}.page-actions .primary{justify-content:center;width:100%}.panel{padding:16px}.table-wrap{margin:0 -16px -16px}.integration-stats{grid-template-columns:1fr}.integration-stats div{border-right:0;border-bottom:1px solid var(--line)}.review-actions .secondary{display:none}}.sync-dot.active{color:#7ed9ad}.sync-dot.active i{background:#40c987;box-shadow:0 0 0 4px #40c9871f}