@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Nunito+Sans:wght@400;600;700&display=swap";html,body,#root{min-height:100%}:root{--bg-page:#eef4fb;--bg-card:#fff;--bg-sidebar:#082a52;--bg-sidebar-soft:#0c3d73;--ink-strong:#09233f;--ink-soft:#5f738a;--line:#d5e1ee;--primary:#1366d6;--secondary:#00a8b5;--success:#13795b;--warning:#c2531a;--neutral:#436489;--radius-lg:20px;--radius-md:14px;--shadow-soft:0 18px 40px #09233f17;--shadow-card:0 10px 30px #082a5214}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink-strong);background:radial-gradient(circle at 10% 10%, #00a8b51a, transparent 28%), radial-gradient(circle at 88% 14%, #1366d61f, transparent 24%), var(--bg-page);margin:0;font-family:Nunito Sans,Segoe UI,sans-serif}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:.2px;margin:0;font-family:Outfit,Segoe UI,sans-serif}p{margin:0}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(165deg, var(--bg-sidebar), var(--bg-sidebar-soft));color:#eff6ff;grid-template-rows:auto 1fr auto;gap:20px;padding:24px;display:grid}.brand-block{gap:10px;display:grid}.brand-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#dfeaf8db;font-size:12px}.brand-block h1{font-size:30px;line-height:1.1}.brand-signature{letter-spacing:.2em;text-transform:uppercase;color:#dfeaf8d1;font-size:12px}.brand-copy{color:#dfeaf8e0;font-size:14px;line-height:1.4}.menu{flex-direction:column;gap:8px;display:flex}.menu-item{color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #c8dcf433;border-radius:12px;gap:3px;padding:12px 14px;transition:all .2s;display:grid}.menu-item:hover{background:#ffffff1f;transform:translateY(-1px)}.menu-item.active{box-shadow:var(--shadow-soft);background:linear-gradient(110deg,#1366d6a6,#00a8b5bf);border-color:#a5ecf7b3}.menu-title{font-size:14px;font-weight:700}.menu-subtitle{opacity:.9;font-size:12px}.sidebar-footnote{color:#eaf3fce0;border-top:1px solid #e3eefd40;gap:4px;padding-top:16px;font-size:13px;display:grid}.sidebar-footnote small{color:#eaf3fcb8;font-size:11px}.main-content{align-content:start;gap:16px;padding:26px;display:grid}.topbar{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.tenant-picker{gap:6px;display:grid}.tenant-picker label{text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft);font-size:12px;font-weight:700}.tenant-picker select{border:1px solid var(--line);background:#f7fbff;border-radius:12px;min-width:300px;padding:10px 12px}.topbar-kpis{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar-session-actions{flex-wrap:wrap;gap:8px;display:flex}.topbar-kpis>div{border:1px solid var(--line);background:#f9fcff;border-radius:12px;min-width:110px;padding:8px 12px}.topbar-kpis span{color:var(--ink-soft);font-size:12px;display:block}.topbar-kpis strong{font-size:15px}.view-head{gap:4px;display:grid}.view-head h2{font-size:28px}.view-head p{color:var(--ink-soft)}.plan-mode-hint{background:#f4f9ff;border:1px solid #cfe0f2;border-radius:10px;max-width:720px;padding:8px 10px;font-size:13px}.stack-space{gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.kpi-card{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-card);background:linear-gradient(160deg,#f8fcff,#fff);gap:4px;padding:16px;display:grid}.kpi-card p{color:var(--ink-soft);font-size:13px}.kpi-card h3{font-size:30px;line-height:1.1}.kpi-card span{color:#2f7f71;font-size:12px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-card);gap:14px;padding:16px;display:grid}.panel-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.panel-card-head h3{font-size:20px}.panel-card-head span{color:var(--ink-soft);font-size:13px}.status-list{color:var(--ink-strong);gap:8px;margin:0;padding-left:18px;display:grid}.status-list li{line-height:1.4}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-metrics>div{border:1px solid var(--line);background:#f7fbff;border-radius:12px;gap:4px;padding:12px;display:grid}.mini-metrics p{color:var(--ink-soft);font-size:13px}.mini-metrics strong{font-size:18px}.column-metrics{grid-template-columns:1fr}.invoice-layout{grid-template-columns:1.7fr 1fr;align-items:start;gap:12px;display:grid}.invoice-main,.invoice-summary{align-self:start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.line-actions label{color:var(--ink-soft);gap:6px;font-size:13px;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.line-actions select,.line-table input,.line-table select,.tenant-picker select{border:1px solid var(--line);width:100%;color:var(--ink-strong);background:#f9fcff;border-radius:10px;padding:8px 10px}.form-grid textarea{resize:vertical}.table-wrap{width:100%;overflow-x:auto}.line-table{border-collapse:collapse;width:100%;min-width:720px}.line-table th,.line-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 8px;font-size:13px}.line-table th{color:var(--ink-soft);background:#f7fbff;font-weight:700}.line-table td.numeric-cell{text-align:right;font-weight:700}.line-table td.link-cell{word-break:break-all;color:#2d5f87;max-width:420px;font-size:12px}.line-actions{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.action-button,.action-outline,.ghost-button{cursor:pointer;border:none;border-radius:10px;transition:all .2s}.action-button{background:linear-gradient(115deg, var(--primary), var(--secondary));color:#fff;box-shadow:var(--shadow-card);padding:11px 16px;font-weight:700}.action-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.action-outline{color:#0d58bf;background:#eef6ff;border:1px solid #90bbf2;padding:10px 16px;font-weight:700}.action-outline:hover,.ghost-button:hover{background:#def}.ghost-button{color:#3f5e7e;background:#f8fbff;border:1px solid #d2deec;padding:7px 10px}.wide-button{width:100%}.button-stack{gap:8px;display:grid}.totals-list{gap:8px;margin:0;display:grid}.totals-list div{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;display:flex}.totals-list dt{color:var(--ink-soft)}.totals-list dd{margin:0;font-weight:700}.totals-list .total-row{border-bottom:none;padding-top:6px}.totals-list .total-row dd{color:#0b4f93;font-size:24px}.margin-box{background:linear-gradient(120deg,#1366d61a,#00a8b524);border:1px solid #1366d640;border-radius:12px;gap:4px;padding:12px;display:grid}.margin-box p,.margin-box span{color:#1a5d88;font-size:13px}.margin-box strong{font-size:28px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.template-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#f7fbff;border-radius:12px;gap:6px;padding:12px;display:grid}.template-card:hover{border-color:#95bee9}.template-card.selected{border-color:#59a7ff;box-shadow:0 8px 22px #1366d626}.template-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.template-card h4{font-size:18px}.template-card p{color:var(--ink-soft);font-size:14px}.template-card small{color:#4f6a84;font-size:12px}.invoice-preview{border:1px solid var(--line);border-radius:14px;display:grid;overflow:hidden}.preview-header{color:#fff;justify-content:space-between;align-items:center;padding:14px;display:flex}.preview-header strong{font-size:16px}.preview-header span{font-family:Outfit,Segoe UI,sans-serif;font-size:22px}.preview-body{background:#fff;gap:6px;padding:12px;font-size:14px;display:grid}.preview-total{margin-top:4px;font-size:18px;font-weight:700}.invoice-preview footer{color:var(--ink-soft);border-top:1px solid var(--line);background:#f7fbff;padding:10px 12px;font-size:12px}.field-tags{flex-wrap:wrap;gap:6px;display:flex}.field-tags span{color:#2c628f;background:#f2f8ff;border:1px solid #b9d4f0;border-radius:999px;padding:4px 10px;font-size:12px}.provider-quick-card{background:linear-gradient(120deg,#1366d61a,#00a8b51f);border:1px solid #1366d640;border-radius:12px;gap:4px;padding:12px;display:grid}.provider-quick-card strong{color:#0b4f93;font-size:15px}.provider-quick-card span{color:#2e5f88;font-size:13px}.provider-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.inventory-edit-box{background:#f7fbff;border:1px dashed #b7cde4;border-radius:12px;gap:10px;margin-top:10px;padding:12px;display:grid}.inventory-edit-box h4{font-size:15px}.provider-note{color:#355978;background:#f4f9ff;border:1px solid #cfe0f2;border-radius:10px;margin:0;padding:10px;font-size:13px}.provider-select-label{color:var(--ink-soft);gap:6px;font-size:13px;display:grid}.provider-select-label select{border:1px solid var(--line);width:100%;color:var(--ink-strong);background:#f9fcff;border-radius:10px;padding:8px 10px}.provider-actions-cell{flex-wrap:wrap;gap:6px;display:flex}.provider-actions-cell .ghost-button{padding:6px 9px;font-size:12px}.provider-paid-label{color:#246a4e;font-size:12px;font-weight:700}.ghost-link-button{color:#3f5e7e;background:#f8fbff;border:1px solid #d2deec;border-radius:10px;padding:9px 12px;font-size:14px;text-decoration:none}.pipeline-board{grid-template-columns:repeat(5,minmax(220px,1fr));gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.pipeline-column{border:1px solid var(--line);background:#f7fbff;border-radius:12px;grid-template-rows:auto 1fr;min-height:280px;display:grid}.pipeline-column-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pipeline-column-head strong{font-size:14px}.pipeline-column-head span{color:#245f96;background:#e2effd;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.pipeline-column-body{align-content:start;gap:8px;padding:10px;display:grid}.lead-card{background:#fff;border:1px solid #d3e1ef;border-radius:10px;gap:5px;padding:10px;display:grid}.lead-card h4{font-size:15px}.lead-card p{color:#325776;font-size:13px}.lead-card small{color:#5d738a;font-size:12px}.k2-legal-footer{border-top:1px solid var(--line);color:#4f6882;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:4px;padding-top:12px;font-size:12px;display:flex}.k2-legal-footer a{color:#0e5fbb;text-decoration:none}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.ok{color:#0a6d4d;background:#13795b26}.status-pill.warn{color:#994113;background:#c2531a2b}.status-pill.neutral{color:#2e567f;background:#4364892b}.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.check-list li{border:1px solid var(--line);background:#f9fcff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.check-list strong{margin-bottom:2px;font-size:14px;display:block}.check-list small{color:var(--ink-soft)}.public-signup-shell{min-height:100vh;padding:24px}.public-signup-main{gap:14px;max-width:1200px;margin:0 auto;display:grid}.public-plan-card{gap:10px}.public-plan-card small{color:#3f6282;font-size:12px}.public-plan-card.selected{border:1px solid #75b1ff;box-shadow:0 10px 24px #1366d629}@media (width<=1240px){.invoice-layout{grid-template-columns:1fr}.compact-grid,.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:18px}.menu{flex-direction:row;padding-bottom:4px;overflow-x:auto}.menu-item{flex:none;min-width:210px}.main-content{padding:16px}.split-grid{grid-template-columns:1fr}.tenant-picker select{min-width:100%}}@media (width<=700px){.topbar{align-items:stretch}.topbar-kpis{width:100%}.topbar-kpis>div{flex:1}.topbar-kpis .action-button{width:100%}.view-head h2,.kpi-card h3{font-size:24px}.mini-metrics,.compact-grid,.customer-grid,.form-grid{grid-template-columns:1fr}.k2-legal-footer{flex-direction:column}.public-signup-shell{padding:14px}}