:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#111827;color:#f9fafb;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px 24px}.sidebar h2{margin:2px 0 0;font-family:Georgia,serif;font-size:32px;letter-spacing:.04em}.eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;color:#a98c4d}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#cbd5e1;width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-align:left}.nav-item:hover,.nav-item.active{background:#243047;color:#fff}.signout{margin-top:10px}.security-note{margin-top:auto;padding:14px;background:#1f2937;border:1px solid #344057;border-radius:12px;display:flex;gap:10px;color:#f8fafc}.security-note div{display:grid;gap:4px}.security-note span{color:#94a3b8;font-size:12px;line-height:1.35}.main-area{margin-left:260px;width:calc(100% - 260px)}.topbar{min-height:94px;padding:20px 32px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded8cc;position:sticky;top:0;z-index:10}.topbar h1{margin:4px 0 0;font-family:Georgia,serif;font-size:27px}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-button{width:40px;height:40px;border:1px solid #d8d2c7;border-radius:10px;background:#fff;display:grid;place-items:center;color:#273449}.demo-badge{padding:7px 10px;border-radius:999px;background:#fff3cd;color:#7a5a00;font-size:12px;font-weight:700}.content{padding:30px;display:grid;gap:22px;max-width:1500px;margin:0 auto}.hero-card{background:linear-gradient(135deg,#1b2538,#303d55);color:#fff;border-radius:18px;padding:30px;display:flex;justify-content:space-between;gap:30px;box-shadow:0 12px 30px #11182726}.hero-card h2{margin:8px 0 10px;font-family:Georgia,serif;font-size:30px;max-width:720px}.hero-card p:last-child{margin:0;color:#d6deea;line-height:1.55;max-width:760px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.panel,.account-card{background:#fff;border:1px solid #ded8cc;border-radius:16px;box-shadow:0 5px 18px #2a303c0d}.metric-card{padding:20px;display:grid;gap:7px}.metric-icon,.account-icon{width:40px;height:40px;border-radius:11px;background:#f3ead8;color:#8b6d32;display:grid;place-items:center;margin-bottom:8px}.metric-card span{font-size:13px;color:#5f6878;font-weight:700}.metric-card strong{font-family:Georgia,serif;font-size:27px}.metric-card small{color:#7b8492}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:21px}.stack{display:grid;gap:11px}.priority-row{display:flex;gap:14px;padding:13px;border:1px solid #ece7dd;border-radius:12px}.priority-number{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#1f2c43;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.grow{flex:1;min-width:0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-row p,.bill-row p{margin:5px 0 9px;color:#667085;font-size:13px}.progress-track{height:6px;background:#ece8df;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:#a98c4d;border-radius:inherit}.status-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.status-pill.critical{background:#fee2e2;color:#991b1b}.status-pill.high{background:#ffedd5;color:#9a3412}.status-pill.medium{background:#e0f2fe;color:#075985}.status-pill.low{background:#f1f5f9;color:#475569}.bill-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #ece7dd}.bill-row:last-child{border-bottom:0}.bill-row .right{text-align:right;display:grid;gap:4px}.bill-row .right span{color:#737b89;font-size:12px}.muted{color:#687182;line-height:1.55}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;color:#6b7280;font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:11px;border-bottom:1px solid #ded8cc}td{padding:14px 11px;border-bottom:1px solid #eee9df;color:#4a5568;font-size:14px}td strong{color:#1f2937}.notice-card{background:#fff8e7;border:1px solid #ead8a9;border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start;color:#6b571f}.notice-card p{margin:4px 0 0;font-size:13px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{padding:20px}.account-card h3{margin:18px 0 6px;font-family:Georgia,serif}.account-card>p{margin:0 0 18px;color:#667085}dl{margin:0;display:grid;gap:11px}dl div{display:grid;gap:3px}dt{color:#7c8491;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}dd{margin:0;color:#263246;font-size:14px}.empty-state{text-align:center;padding:60px 25px}.empty-state svg{color:#a98c4d}.empty-state h3{font-family:Georgia,serif;font-size:24px}.empty-state p{color:#687182;max-width:650px;margin:0 auto;line-height:1.55}.check-list{display:grid;gap:12px}.check-list div{display:flex;align-items:center;gap:10px;color:#374151}.check-list svg{color:#3f7a55}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:#111827}.auth-card{width:min(460px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 24px 80px #0000004d}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#1d293d;color:#fff;margin-bottom:18px}.auth-card h1{font-family:Georgia,serif;font-size:30px;margin:7px 0 10px}.auth-card form{margin-top:24px;display:grid;gap:10px}.auth-card label{font-weight:750;font-size:13px}.auth-card input{border:1px solid #cfc8bb;border-radius:10px;padding:12px 13px}.primary-button{border:0;border-radius:10px;background:#1b2639;color:#fff;padding:12px 14px;font-weight:750}.form-message{font-size:13px;color:#526174}.mobile-only{display:none}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:20px;align-items:start}.workspace-side{display:grid;gap:20px}.project-list,.task-list{display:grid;gap:10px}.project-card{border:1px solid #ece7dd;border-radius:13px;padding:15px}.project-card p{margin:4px 0;color:#687182;font-size:13px}.project-card .next-action{margin:13px 0;color:#354155}.project-card .progress-track{margin-top:10px}.small-icon-button{width:34px;height:34px;border:1px solid #ded8cc;border-radius:9px;background:#fff;display:grid;place-items:center;color:#39465a}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:6px;color:#445064;font-size:12px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.quick-task input,.quick-task select{width:100%;border:1px solid #cec7ba;border-radius:9px;padding:10px 11px;background:#fff;color:#172033}.form-grid textarea{min-height:78px;resize:vertical}.form-grid input[type=range]{padding:0;accent-color:#a98c4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-task{display:grid;gap:8px;margin-bottom:14px}.quick-task .primary-button{display:flex;justify-content:center;align-items:center;gap:6px}.task-row{width:100%;border:1px solid #ece7dd;border-radius:10px;background:#fff;padding:11px;display:flex;gap:10px;align-items:center;text-align:left;color:#263246}.task-row:hover{border-color:#b9aa8d}.task-row.complete{opacity:.62}.task-row.complete strong{text-decoration:line-through}.task-row>span:last-child{display:grid;gap:3px}.task-row small{color:#7b8492}.task-check{width:24px;height:24px;border:1px solid #b9b2a6;border-radius:7px;display:grid;place-items:center;flex:0 0 24px;color:#3f7a55}.inline-message{margin:-8px 0 0;padding:11px 13px;border-radius:10px;background:#edf6ef;color:#315c3d;font-size:13px}.primary-button:disabled{opacity:.6;cursor:wait}.record-list{display:grid;gap:4px}.record-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #ece7dd}.record-row p{margin:5px 0 0;color:#687182;font-size:13px}.record-actions{display:grid;justify-items:end;gap:4px;text-align:right}.record-actions span{color:#737b89;font-size:12px}.record-actions button,.record-actions select{border:1px solid #cec7ba;background:#fff;border-radius:8px;padding:6px 8px;color:#354155;font-size:12px}.paid-label{color:#3f7a55!important;font-weight:800;text-transform:uppercase}.checkbox-label{display:flex!important;grid-template-columns:auto 1fr;align-items:center;justify-content:start}.checkbox-label input{width:auto}.account-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.system-banner{border-radius:11px;padding:12px 15px;display:flex;gap:8px;align-items:center;font-size:13px}.system-banner.loading{background:#eef4fb;color:#294b70}.system-banner.error{background:#fff0f0;color:#8a2828;flex-wrap:wrap}.focus-label{display:inline-flex;margin-top:10px;padding:4px 8px;border-radius:999px;background:#e8f4ea;color:#315c3d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.blocker-line{padding:8px 10px;border-radius:8px;background:#fff0f0;color:#8a2828!important}.settings-action{margin-top:24px;padding-top:20px;border-top:1px solid #ece7dd;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-action p{margin:5px 0 0;color:#687182;font-size:13px}.credit-section{background:#1b2538;color:#fff;border-radius:16px;padding:22px}.credit-section .panel-heading{margin-bottom:14px}.credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credit-card{background:#263349;border:1px solid #3b4960;border-radius:12px;padding:15px;display:grid;gap:10px}.credit-card span,.credit-card small{color:#cbd5e1;font-size:12px}.credit-card label{display:grid;grid-template-columns:auto 110px;align-items:center;justify-content:space-between;color:#dbe3ed;font-size:12px}.credit-card input{width:110px;border:1px solid #536078;border-radius:7px;padding:7px;background:#111827;color:#fff}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card{border:1px solid #ece7dd;border-radius:13px;padding:16px;display:grid;gap:10px}.module-card h3{margin:2px 0 0;font-family:Georgia,serif}.module-card>p{margin:0;color:#687182;font-size:13px;line-height:1.45}.module-card dl{grid-template-columns:1fr;gap:8px}.module-kind{color:#7b8492;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.module-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:#70561f;font-size:12px;font-weight:800;text-decoration:none}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid,.account-grid.compact,.credit-grid,.module-grid{grid-template-columns:1fr}}@media(max-width:760px){.mobile-only{display:grid}.sidebar{transform:translate(-100%);transition:transform .2s ease;width:280px}.sidebar.open{transform:translate(0)}.main-area{margin-left:0;width:100%}.topbar{padding:16px 18px;gap:12px}.topbar h1{font-size:21px}.content{padding:18px}.metric-grid,.account-grid{grid-template-columns:1fr}.hero-card{padding:22px}.hero-card h2{font-size:24px}}