:root{--gold:#f1ba63;--gold2:#ffd99a;--bg:#050505;--panel:#111214;--panel2:#1e2023;--line:rgba(241,186,99,.2);--muted:#96989d;--text:#f7f7f7;--danger:#ff6b6b;--ok:#7ce0a3;--warn:#ffd166;--sidebar:244px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:"Fira Sans",Inter,Segoe UI,Arial,sans-serif}body{min-height:100vh;background-image:radial-gradient(circle at 78% 5%,rgba(241,186,99,.08),transparent 23%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}a{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;width:var(--sidebar);height:100vh;border-right:1px solid var(--line);background:rgba(6,6,6,.96);padding:24px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Roboto Mono",Consolas,monospace;font-weight:700;letter-spacing:.08em;padding:5px 8px 24px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--gold);color:#000;clip-path:polygon(0 0,100% 0,100% 78%,80% 100%,0 100%);font-size:21px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.24em;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.sidebar-foot a{display:flex;gap:12px;align-items:center;padding:11px 13px;color:#bfc1c4;text-decoration:none;border-left:2px solid transparent;font-family:"Roboto Mono",Consolas,monospace;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-foot a:hover{background:linear-gradient(90deg,rgba(241,186,99,.12),transparent);border-left-color:var(--gold);color:var(--gold)}.sidebar-foot{margin-top:auto;border-top:1px solid #222;padding-top:12px}.main{grid-column:2;min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #202124;background:rgba(5,5,5,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.search-trigger{background:#0e0f10;border:1px solid #242629;color:#83868b;border-radius:4px;display:flex;align-items:center;gap:6px;padding:9px 12px;width:min(430px,45vw);cursor:pointer;text-align:left}.search-trigger span{margin-left:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-trigger kbd{font:10px Consolas;background:#202225;border:1px solid #333;padding:2px 5px;color:#bbb}.user-chip{display:flex;align-items:center;gap:10px;color:#bbb;font-size:13px}.user-chip a{color:var(--gold);text-decoration:none;margin-left:8px}.user-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}.mobile-menu{display:none}.page{padding:32px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font:11px "Roboto Mono",Consolas,monospace;color:var(--gold);letter-spacing:.18em;margin-bottom:6px}.page h1{font:700 clamp(25px,3vw,38px) "Roboto Mono",Consolas,monospace;margin:0;text-transform:uppercase;letter-spacing:.04em}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}.stat{background:linear-gradient(135deg,#151618,#0c0d0e);border:1px solid var(--line);padding:20px;min-height:112px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;bottom:-35px;width:90px;height:90px;border:1px solid rgba(241,186,99,.09);transform:rotate(45deg)}.stat .value{font:700 28px "Roboto Mono",Consolas,monospace;color:var(--gold);margin-bottom:8px}.stat .label{font:10px "Roboto Mono",Consolas,monospace;color:#8d9095;text-transform:uppercase;letter-spacing:.14em}.split{grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr)}.card{background:rgba(17,18,20,.93);border:1px solid #242629}.card-head{padding:16px 18px;border-bottom:1px solid #242629;display:flex;align-items:center;justify-content:space-between}.card-head h2,.card-head h3{font:700 13px "Roboto Mono",Consolas,monospace;letter-spacing:.12em;color:var(--gold);margin:0;text-transform:uppercase}.card-body{padding:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{font:10px "Roboto Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;color:#7f8287;text-align:left;padding:12px 14px;border-bottom:1px solid #292b2e}.table td{padding:13px 14px;border-bottom:1px solid #1f2123;vertical-align:middle}.table tr:hover td{background:rgba(241,186,99,.035)}.table a{text-decoration:none;color:#fff}.table a:hover{color:var(--gold)}.muted{color:var(--muted)}.gold{color:var(--gold)}.mono{font-family:"Roboto Mono",Consolas,monospace}.badge{display:inline-flex;padding:4px 8px;border:1px solid #35383c;background:#17191b;color:#c9c9c9;font:9px "Roboto Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.badge-active,.badge-paid,.badge-completed{color:var(--ok);border-color:rgba(124,224,163,.3);background:rgba(124,224,163,.07)}.badge-lead,.badge-onboarding,.badge-sent,.badge-in_progress{color:#8ac7ff;border-color:rgba(138,199,255,.3);background:rgba(138,199,255,.07)}.badge-overdue,.badge-urgent,.badge-expired{color:var(--danger);border-color:rgba(255,107,107,.32);background:rgba(255,107,107,.07)}.badge-paused,.badge-waiting_client,.badge-draft{color:var(--warn);border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.07)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--gold);background:var(--gold);color:#080808;text-decoration:none;padding:9px 13px;font:700 11px "Roboto Mono",Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 82%,94% 100%,0 100%)}.btn:hover{background:var(--gold2)}.btn.secondary{background:transparent;color:var(--gold)}.btn.ghost{border-color:#35383c;background:#17191b;color:#ddd}.btn.danger{border-color:#663b3b;background:#241516;color:#ff9b9b}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:16px}.toolbar .filter-row{display:flex;gap:8px}.input,.select,.textarea{width:100%;background:#0b0c0d;color:#fff;border:1px solid #34363a;padding:10px 11px;outline:none;border-radius:0;font:13px inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,186,99,.07)}.select option{background:#111}.textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-group label{display:block;font:10px "Roboto Mono",Consolas,monospace;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.form-group.full{grid-column:1/-1}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#101113;border:1px solid var(--line);box-shadow:0 24px 80px #000}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #292b2e}.modal-head h3{margin:0;color:var(--gold);font:700 14px "Roboto Mono",Consolas,monospace;text-transform:uppercase}.modal-body{padding:20px}.close{background:none;border:0;color:#aaa;font-size:22px;cursor:pointer}.tabs{display:flex;gap:2px;border-bottom:1px solid #26282b;margin-bottom:18px;overflow:auto}.tabs a{padding:11px 14px;text-decoration:none;color:#92959a;font:11px "Roboto Mono",Consolas,monospace;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent}.tabs a.active,.tabs a:hover{color:var(--gold);border-bottom-color:var(--gold)}.client-hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px;background:linear-gradient(120deg,#151719,#0a0b0c);border:1px solid var(--line);margin-bottom:18px}.client-hero h2{margin:0 0 6px;font:700 25px "Roboto Mono",Consolas,monospace}.meta-row{display:flex;gap:14px;flex-wrap:wrap;color:#9ca0a4;font-size:13px}.attention{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #242629}.attention:last-child{border:0}.attention-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #5a4025;color:var(--gold)}.attention-main{min-width:0;flex:1}.attention-title{font-size:13px}.attention-sub{font-size:11px;color:#777b80;margin-top:3px}.activity-item{border-left:2px solid #333;padding:1px 0 16px 15px;margin-left:6px;position:relative}.activity-item:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);position:absolute;left:-4.5px;top:3px}.activity-item .time{font:10px Consolas;color:#777}.empty{padding:28px;color:#777;text-align:center;font:12px "Roboto Mono",Consolas,monospace}.toast{border:1px solid #4b4c4f;background:#151719;padding:12px 14px;margin-bottom:16px;font-size:13px}.toast.success{border-color:rgba(124,224,163,.35);color:var(--ok)}.toast.error{border-color:rgba(255,107,107,.35);color:#ff9b9b}.command{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:200;backdrop-filter:blur(8px);padding-top:12vh}.command-box{width:min(720px,92vw);margin:auto;background:#101113;border:1px solid var(--line);box-shadow:0 25px 90px #000}.command-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #292b2e}.command-input span{color:var(--gold);font-size:20px}.command-input input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:16px}.command-results{max-height:55vh;overflow:auto}.search-result{display:flex;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #1f2124;text-decoration:none}.search-result:hover{background:rgba(241,186,99,.08)}.search-result small{color:#777}.command-help{padding:9px 14px;display:flex;gap:18px;color:#666;font-size:10px}.secret{font-family:Consolas,monospace;letter-spacing:.1em}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-box{border:1px solid #25272a;padding:14px;background:#0e0f10}.detail-box .k{font:9px Consolas;color:#777;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.detail-box .v{font-size:14px;word-break:break-word}.progress{height:5px;background:#26282b;overflow:hidden}.progress span{display:block;height:100%;background:var(--gold)}@media(max-width:1150px){.stats{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){:root{--sidebar:220px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{display:block}.mobile-menu{display:block;background:none;border:0;color:var(--gold);font-size:20px}.topbar{padding:0 14px}.search-trigger{width:auto}.search-trigger span{display:none}.page{padding:22px 14px}.stats{grid-template-columns:repeat(2,1fr)}.form-grid,.detail-grid{grid-template-columns:1fr}.user-chip span,.user-chip .user-dot{display:none}}@media(max-width:480px){.stats{grid-template-columns:1fr}.client-hero{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}}

/* Invoice workspace */
.invoice-modal-card{width:min(1050px,96vw)}
.invoice-items{display:flex;flex-direction:column;gap:10px}
.invoice-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.invoice-items-head>label{margin:0}
.invoice-item{display:grid;grid-template-columns:minmax(260px,1fr) 95px 135px 105px 38px;gap:9px;align-items:end;padding:12px;border:1px solid #292b2e;background:#0b0c0d}
.invoice-item label{display:block;font:9px "Roboto Mono",Consolas,monospace;color:#8d9095;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.item-remove{height:39px;border:1px solid #663b3b;background:#241516;color:#ff9b9b;font-size:20px;cursor:pointer}
.item-remove:hover{background:#351b1d}
.invoice-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #26282b;padding-top:15px}
.compact-actions{min-width:265px}.compact-actions form{display:inline-flex}.compact-actions .btn{padding:7px 9px;font-size:9px}
.invoice-page-toolbar{margin-bottom:18px}
.invoice-preview{padding:34px;max-width:1100px;margin:0 auto 22px;background:#f7f5ef;color:#181818;border-color:#ddd;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.invoice-preview .eyebrow,.invoice-preview h2{color:#8d641f}.invoice-preview h2{margin:0;font:700 26px "Roboto Mono",Consolas,monospace}.invoice-preview .badge{background:#fff;color:#555;border-color:#ccc}
.invoice-preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid #c79a51}
.invoice-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px 0;line-height:1.65}
.invoice-label{font:700 10px "Roboto Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;color:#8d641f;margin-bottom:8px}
.invoice-kv{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;padding:5px 0}.invoice-preview .table th{color:#6c604e;border-bottom-color:#c8b38e}.invoice-preview .table td{border-bottom-color:#ddd}.invoice-preview .table tr:hover td{background:transparent}.invoice-table th:not(:first-child),.invoice-table td:not(:first-child){text-align:right}
.invoice-totals{margin:24px 0 0 auto;width:min(390px,100%)}.invoice-totals>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ddd}.invoice-totals .grand{font-size:18px;border-top:2px solid #c79a51;border-bottom:2px solid #c79a51;margin-top:5px;padding:12px 0}.invoice-notes{margin-top:30px;padding-top:20px;border-top:1px solid #ddd;line-height:1.6}.invoice-edit-card{max-width:1100px;margin:0 auto}
@media(max-width:900px){.invoice-item{grid-template-columns:1fr 1fr}.invoice-item .item-desc{grid-column:1/-1}.item-remove{width:100%}.invoice-address-grid{grid-template-columns:1fr}.invoice-preview{padding:20px}.compact-actions{min-width:220px}}

/* Mail workspace */
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.mail-tabs{margin:0;flex:1}.mail-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr)}.mail-inbox{padding:0}.mail-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #202225;text-decoration:none}.mail-row:hover{background:rgba(241,186,99,.045)}.mail-row.unread{background:rgba(241,186,99,.035)}.mail-row.unread .mail-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(241,186,99,.55)}.mail-from{font-size:12px;color:#d9d9d9;margin-bottom:4px}.mail-row.unread .mail-from,.mail-row.unread .mail-subject{font-weight:700;color:#fff}.mail-subject{font:12px "Roboto Mono",Consolas,monospace;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-date{font-size:10px;color:#777;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}.mail-message-head{padding-bottom:18px;border-bottom:1px solid #292b2e}.mail-message-head h2{font:700 20px "Roboto Mono",Consolas,monospace;margin:0 0 12px;color:#fff}.mail-meta{display:flex;justify-content:space-between;gap:20px;color:#9b9da1;font-size:12px}.mail-client-link{display:inline-flex;margin-top:12px;color:var(--gold);font:11px "Roboto Mono",Consolas,monospace;text-decoration:none}.mail-body{padding:24px 2px;line-height:1.75;color:#d8d8d8;white-space:normal;overflow-wrap:anywhere}.mail-reply-hint{border-top:1px solid #292b2e;padding-top:14px;color:#777;font:10px "Roboto Mono",Consolas,monospace}.mail-compose{position:sticky;top:88px;align-self:start}.mail-compose-body{min-height:240px}.mail-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-settings-card{background:#0e0f10}.mailbox-settings-card .card-body{padding:16px}@media(max-width:1100px){.mail-grid{grid-template-columns:1fr}.mail-compose{position:static}.mail-settings-grid{grid-template-columns:1fr}}@media(max-width:700px){.mail-toolbar{align-items:stretch;flex-direction:column}.mail-row{grid-template-columns:10px 1fr}.mail-date{grid-column:2}.mail-meta{flex-direction:column;gap:5px}}