:root{color-scheme:light;--ink:#18243b;--muted:#7f8ba1;--line:#e8ebf3;--blue:#3868ee;--blue2:#527bff;--surface:#f6f8fc;--nav:#101b32;--radius:16px}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;background:var(--surface);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:progress}a{color:var(--blue)}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;min-width:258px;background:var(--nav);color:white;display:flex;flex-direction:column;min-height:100vh;padding:28px 16px 20px;position:sticky;top:0;height:100vh;z-index:30;overflow:auto}.brand,.auth-brand{display:flex;align-items:center;gap:12px;margin:4px 11px 53px}.brand-symbol{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;color:white;font-family:Georgia,serif;font-size:31px;font-weight:bold;background:linear-gradient(142deg,#4b80ff,#2644b0);box-shadow:0 5px 22px #2850cd60}.brand strong,.auth-brand strong{display:block;font-size:18px;letter-spacing:3.2px;line-height:1.2}.brand span:not(.brand-symbol),.auth-brand span:not(.brand-symbol){display:block;font-size:10px;letter-spacing:2.4px;color:#8c9ab9;margin-top:3px}.brand i{font-size:9px;font-style:normal;letter-spacing:0;color:#7185aa;margin-left:3px}.sidebar-label{font-size:10px;letter-spacing:1.35px;font-weight:700;color:#637494;padding:0 17px;margin-bottom:15px}.secondary-label{margin-top:38px}.nav{display:grid;gap:5px}.nav-link{width:100%;border:0;background:none;color:#a8b4ce;display:flex;gap:13px;align-items:center;text-align:left;border-radius:10px;padding:12px 14px;font-weight:550;transition:.2s}.nav-link:hover{background:#233352;color:#fff}.nav-link.active{color:#fff;background:#2e4b94}.nav-icon{width:19px;text-align:center;font-size:18px;font-weight:400;line-height:1}.nav-arrow{margin-left:auto;font-size:23px;color:#cddafa;line-height:0}.sidebar-bottom{margin-top:auto;padding:24px 11px 4px}.mini-status{padding:16px 10px;border:1px solid #32405b;border-radius:12px;display:flex;gap:10px;align-items:flex-start}.mini-status strong{display:block;font-size:11px;font-weight:700}.mini-status small{display:block;font-size:11px;margin-top:5px;color:#94a3be}.state-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#d6a54e;box-shadow:0 0 0 3px #d6a54e1c}.state-dot.green{background:#19bd91;box-shadow:0 0 0 3px #19bd911f}.state-dot.red{background:#eb6464;box-shadow:0 0 0 3px #eb64641c}.logout-btn{background:none;border:0;color:#8fa0bd;padding:17px 8px;text-align:left}.logout-btn:hover{color:white}.side-foot{font-size:10px;color:#5f6f90;display:block;padding:0 8px}.main{min-width:0;flex:1}.topbar{height:77px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#8793a9;font-size:12px}.breadcrumbs strong{font-weight:600;color:#25324a}.chevron{color:#c7d0df}.top-right{display:flex;gap:22px;align-items:center}.live-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#6c7c91}.avatar{height:35px;width:35px;border-radius:50%;background:#eaf0ff;color:#2f58c5;display:grid;place-items:center;font-weight:800;font-size:11px}.mobile-title{display:none}.content{padding:40px 43px 24px;max-width:1650px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#5b80d2;font-weight:800;margin-bottom:10px}.intro h1{font-size:29px;letter-spacing:-.9px;margin:0 0 9px;font-weight:750}.intro p{font-size:13px;color:#8a96a9;margin:0}.date-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.segmented{display:flex;gap:2px;padding:4px;border:1px solid var(--line);background:white;border-radius:10px}.segmented button{border:0;border-radius:7px;background:transparent;color:#8994a7;font-weight:700;font-size:11px;padding:9px 12px}.segmented button.selected{background:#eef2ff;color:#315fe2}.btn{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid transparent;font-size:12px;font-weight:750;transition:background .16s}.btn-primary{color:white;background:var(--blue)}.btn-primary:hover{background:#2955cf}.btn-outline{background:white;border-color:var(--line);color:#596780}.btn-outline:hover{background:#f2f5fd}.icon-button{height:39px;width:40px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:9px;font-size:20px;color:#5c6d87}.icon-button:hover{color:var(--blue)}.date-popover{display:flex;flex-wrap:wrap;gap:13px;align-items:end;background:white;border:1px solid var(--line);padding:16px;max-width:max-content;margin-left:auto;margin-top:-20px;margin-bottom:24px;border-radius:12px;box-shadow:0 10px 35px #17243b13}.date-popover label{font-size:11px;font-weight:700;color:#718098;display:grid;gap:5px}.date-popover input{border:1px solid #dce2ed;border-radius:6px;padding:8px}.toast{background:#eaf1ff;border:1px solid #c7d8ff;color:#2648a5;padding:12px 17px;border-radius:10px;margin:0 0 23px}.section-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-row h2{font-size:17px;letter-spacing:-.3px;margin:0 0 6px;font-weight:750}.section-row p{color:#93a0b2;font-size:12px;margin:0}.superscript{color:#8d9bb3;font-weight:700;font-size:9px;vertical-align:top;margin-left:4px}.micro-badge{font-size:9px;font-weight:800;color:#6b88cc;letter-spacing:1.1px;border:1px solid #dce5fa;border-radius:6px;padding:8px 10px;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric-card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-height:176px;padding:22px 22px 16px;position:relative;overflow:hidden;box-shadow:0 3px 10px #23355603}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:17px;color:#7f8ca1;font-size:12px;font-weight:650}.metric-icon{font-size:17px;font-weight:800;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-top:-5px}.metric-icon.blue{background:#edf2ff;color:#4273eb}.metric-icon.mint{background:#e7fbf5;color:#00ae89}.metric-icon.purple{background:#f1ebff;color:#9364d7}.metric-icon.orange{background:#fff3e4;color:#df9b41}.metric-card strong{display:block;font-size:31px;letter-spacing:-.8px;font-weight:770;line-height:1.1;white-space:nowrap}.metric-card small{display:block;color:#9ba6b7;font-size:10px;margin-top:9px}.mini-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.blue-gradient{background:linear-gradient(to right,#3661de,#a5bdfd)}.mint-gradient{background:linear-gradient(to right,#00a984,#99eadc)}.purple-gradient{background:linear-gradient(to right,#8557c8,#d6baf5)}.orange-gradient{background:linear-gradient(to right,#e8a242,#f8dfad)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(305px,1fr);gap:20px;margin-bottom:21px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;min-width:0;box-shadow:0 3px 12px #12213b03}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-heading h3,.panel h3{font-size:14px;letter-spacing:-.15px;margin:0 0 8px;font-weight:750}.panel-heading p,.settings-head p{font-size:11px;color:#9ba6b6;margin:0}.legend{display:flex;gap:16px;font-size:10px;color:#8590a3;margin-top:5px}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.legend-dot.cobalt{background:#456ce9}.legend-dot.aqua{background:#36c9b9}.chart-area{height:246px;position:relative;overflow:hidden}.chart-area svg{height:100%;width:100%;display:block}.chart-empty,.empty-small{color:#9ca8b9;font-size:12px;display:grid;place-items:center;height:100%;min-height:80px}.chart-footer{border-top:1px solid #f0f2f6;padding-top:13px;color:#a7b0bf;font-size:10px;margin-top:10px}.text-link{background:none;border:0;color:#4771d6;font-size:11px;font-weight:700;white-space:nowrap}.text-link:hover{text-decoration:underline}.connection-card{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f6}.source-icon{height:39px;width:39px;flex:none;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:17px}.google-icon{background:#eaf0ff;color:#4873df}.accounting-icon{background:#e7faf5;color:#10aa88}.connection-card>div:nth-child(2){min-width:0}.connection-card strong{display:block;font-size:12px;margin-bottom:5px}.connection-card small{color:#9eabba;font-size:10px}.status-label{font-size:10px;font-weight:700;border-radius:6px;padding:6px 8px;margin-left:auto;white-space:nowrap}.status-label.neutral{background:#f1f3f8;color:#9aa5b4}.status-label.online{background:#e4f9f1;color:#16a97d}.status-label.error{background:#fff1ed;color:#d4735a}.source-tip{background:#f5f7fd;border-radius:10px;padding:14px;margin-top:16px;color:#8491a4;font-size:11px;line-height:1.6}.two-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-tables .panel{min-height:254px}.preview-list{display:grid}.preview-row{display:flex;align-items:center;gap:12px;border-top:1px solid #eef1f6;padding:11px 0}.preview-row:first-child{border-top:0}.preview-order{font-size:10px;font-weight:800;color:#a0acbc;background:#f3f5fa;border-radius:6px;width:25px;height:25px;display:grid;place-items:center}.preview-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:650}.preview-count{color:#3c5faa;font-size:11px;font-weight:700}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;gap:12px}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #e3e8f0;padding:10px 13px;border-radius:9px;color:#97a4b8;max-width:350px;width:100%}.search-wrapper input{outline:none;border:0;width:100%;color:#283650;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f8faff;padding:15px 22px;font-size:10px;color:#8290a8;white-space:nowrap;font-weight:800}td{padding:14px 22px;border-top:1px solid #edf0f5;color:#34415a;font-size:12px}td:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th:not(:first-child){text-align:right}tbody tr:hover{background:#fafbfe}.table-name{display:block;max-width:540px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.table-empty{text-align:center!important;color:#99a5b5!important;padding:50px 10px!important}.panel-foot{font-size:10px;color:#a0aaba;padding:16px 22px;border-top:1px solid #edf0f5}.index-card{padding:31px}.form-heading{display:flex;gap:17px;margin-bottom:30px}.form-icon{width:50px;height:50px;border-radius:14px;background:#e9efff;color:#466de5;font-size:28px;display:grid;place-items:center}.form-heading h3{font-size:16px;margin:2px 0 7px}.form-heading p{color:#94a1b4;font-size:12px;margin:0}.index-card label{font-size:11px;color:#64738b;font-weight:700;display:block;margin-bottom:9px}.inspect-row{display:flex;gap:12px}.inspect-row input{flex:1;min-width:0;border:1px solid #dbe2ee;border-radius:9px;padding:14px 16px;color:#31415c;outline:none}.inspect-row input:focus{border-color:#648afb}.info-strip{border:1px solid #e4e8f1;border-radius:12px;background:#fdfefe;color:#7e8b9e;font-size:12px;padding:17px;margin-top:17px;line-height:1.6}.inspect-result{margin-top:26px;border-top:1px solid #e9edf4;padding-top:18px}.inspect-summary{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-weight:750}.inspect-kv{display:grid;grid-template-columns:200px 1fr;gap:10px;padding:11px 0;border-top:1px solid #f0f2f5;font-size:12px}.inspect-kv strong{color:#8290a1}.inspect-kv span{overflow-wrap:anywhere}.sales-explanation p{font-size:12px;color:#8290a4;line-height:1.65}.sales-explanation details{border-top:1px solid #e9edf4;margin-top:20px;padding-top:15px;font-size:11px}.sales-explanation summary{cursor:pointer;font-weight:750;color:#5476cd}.sales-explanation pre{overflow:auto;background:#f5f7fb;padding:20px;border-radius:12px;color:#49607f;line-height:1.7;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.settings-head h3{margin-bottom:6px}.settings-panel dl{margin:0}.settings-panel dl>div{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #edf0f5;padding:13px 0;font-size:11px}.settings-panel dt{color:#98a4b6}.settings-panel dd{margin:0;font-weight:700;color:#52627d;text-align:right}.security-features{display:flex;flex-wrap:wrap;gap:11px;margin:16px 0 19px}.security-features span{color:#3b976e;background:#edfaf4;padding:9px 11px;border-radius:8px;font-size:11px;font-weight:650}.security-panel p{font-size:12px;line-height:1.6;color:#8592a6;margin:0}.footer{display:flex;justify-content:space-between;gap:10px;color:#b1bbc9;font-size:10px;margin-top:35px;padding-bottom:4px;letter-spacing:.3px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 75% 16%,#223d71 0%,transparent 55%),linear-gradient(115deg,#0c172c,#15243e);position:relative;overflow:hidden}.auth-decoration{position:absolute;width:680px;height:680px;border:1px solid #ffffff14;border-radius:50%;top:-350px;right:-120px;box-shadow:0 0 0 95px #ffffff04,0 0 0 195px #ffffff03;pointer-events:none}.auth-card{background:white;border-radius:23px;max-width:425px;width:100%;padding:34px 37px 30px;z-index:1;box-shadow:0 20px 90px #070c1c75}.auth-brand{margin:0 0 37px}.auth-brand span:not(.brand-symbol){color:#95a1b6}.auth-icon{background:#eff4ff;color:#3d63d4;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.auth-card h1{font-size:25px;letter-spacing:-.7px;margin:0 0 11px}.auth-card p{font-size:12px;color:#8e9aaf;line-height:1.7;margin:0 0 24px}.auth-card label{display:block;color:#65738c;font-weight:700;font-size:11px;margin:16px 0 8px}.auth-card input{height:44px;width:100%;border-radius:8px;border:1px solid #dce2ed;padding:12px;outline:none}.auth-card input:focus{border-color:#456fe2}.btn-full{width:100%;margin-top:23px;justify-content:space-between;padding:14px 16px}.auth-card .login-message{font-size:11px;color:#ca5050;margin:14px 0 0}.auth-card small{display:block;font-size:10px;color:#adb7c5;text-align:center;border-top:1px solid #edf0f4;padding-top:23px;margin-top:28px}.mobile-overlay{display:none}
@media(max-width:1250px){.content{padding:35px 28px}.topbar{padding:0 28px}.metrics-grid{gap:12px}.metric-card{padding:18px 15px}.metric-card strong{font-size:27px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(275px,1fr)}.panel{padding:20px}}
@media(max-width:1050px){.sidebar{width:220px;min-width:220px}.intro{align-items:flex-start;flex-direction:column;gap:20px}.dashboard-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.two-tables{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-area{height:260px}}
@media(max-width:680px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);height:100dvh;width:270px;min-width:270px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-overlay:not([hidden]){position:fixed;inset:0;background:#0c1425a8;z-index:20;display:block}.topbar{height:66px;padding:0 18px}.mobile-title{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.4px;font-weight:800}.mobile-menu{width:32px;height:32px;font-size:16px}.breadcrumbs{display:none}.live-pill{display:none}.content{padding:26px 17px}.intro{margin-bottom:23px}.intro h1{font-size:24px}.date-actions{gap:7px;width:100%;flex-wrap:wrap}.segmented{flex:1;justify-content:space-around}.segmented button{padding:8px}.date-popover{margin:0 0 18px;max-width:100%}.metrics-grid{gap:10px;margin-bottom:13px}.metric-card{min-height:148px;padding:16px 14px}.metric-top{font-size:10px;min-height:26px;margin-bottom:12px}.metric-icon{font-size:13px;width:28px;height:28px}.metric-card strong{font-size:25px}.metric-card small{font-size:10px;line-height:1.4}.dashboard-grid{gap:13px;margin-bottom:13px}.two-tables{gap:13px}.panel{padding:17px}.panel-heading{flex-wrap:wrap}.legend{gap:9px}.chart-area{height:205px}.connection-card{gap:7px}.connection-card strong{font-size:11px}.source-icon{width:32px;height:32px}.connection-card small{font-size:9px}.status-label{font-size:9px;padding:6px}.section-row h2{font-size:15px}.micro-badge{font-size:8px}.table-toolbar{padding:15px}.table-scroll{min-width:100%;overflow-x:auto}td,th{padding:12px;font-size:11px}.table-name{max-width:220px}.index-card{padding:19px}.inspect-row{flex-direction:column}.inspect-row .btn{width:100%}.inspect-kv{grid-template-columns:110px 1fr}.form-heading p{line-height:1.5}.footer{font-size:9px}.auth-card{padding:30px 25px}}

/* Identity controls, v0.3 */
.google-signin{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d5ddea;border-radius:9px;height:47px;width:100%;text-decoration:none;color:#263b62;font-size:13px;font-weight:700;background:#fff;margin:22px 0 6px;transition:background .15s}
.google-signin:hover{background:#f4f7fc}.google-g{font-size:20px;font-weight:800;color:#4285f4;font-family:Arial,sans-serif}
.login-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#8896ae;white-space:nowrap;margin:18px 0 9px}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:#e6eaf1}
.auth-text-button{display:block;background:none;border:0;cursor:pointer;margin:17px auto 0;padding:8px;color:#4567d4;font-weight:700;font-size:12px}
.auth-text-button:hover{text-decoration:underline}
.auth-feedback{font-size:12px!important;color:#466395!important;margin:14px 0 0!important}