:root{--black:#121212;--ink:#202124;--gold:#c79328;--gold2:#e8c878;--cream:#fbf8f0;--muted:#6b7280;--line:#e5e7eb;--surface:#fff;--bg:#f5f6f8;--green:#16845b;--red:#cf3f3f;--amber:#b66b08;--shadow:0 18px 50px rgba(18,18,18,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:800;color:var(--gold);margin:0 0 .45rem}.brand-mark{width:42px;height:42px;border:1px solid rgba(199,147,40,.6);border-radius:14px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.65rem;font-style:italic;color:var(--gold);background:linear-gradient(145deg,#252525,#0c0c0c)}.brand-mark.large{width:68px;height:68px;font-size:2.6rem;border-radius:22px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#fff}.login-brand{padding:clamp(2.5rem,7vw,7rem);background:radial-gradient(circle at 80% 20%,rgba(199,147,40,.16),transparent 30%),linear-gradient(135deg,#080808,#181818 68%,#242019);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(232,200,120,.18);border-radius:50%;right:-170px;bottom:-180px;box-shadow:0 0 0 60px rgba(232,200,120,.04),0 0 0 120px rgba(232,200,120,.025)}.login-brand h1{font-size:clamp(2.5rem,5vw,5.3rem);max-width:700px;line-height:.95;letter-spacing:-.055em;margin:.4rem 0 1.4rem}.login-intro{font-size:1.15rem;line-height:1.75;color:#d4d4d4;max-width:610px}.feature-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;position:relative;z-index:1}.feature-strip span{border:1px solid #3b3831;color:#e9dfc4;padding:.65rem .85rem;border-radius:999px;font-size:.78rem}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(180deg,#fff,#f8f6f0)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:2.25rem;box-shadow:var(--shadow)}.demo-pill,.status{display:inline-flex;align-items:center;border-radius:999px;font-size:.72rem;font-weight:800}.demo-pill{padding:.45rem .7rem;background:#f8edd2;color:#7a5100}.login-card h2{font-size:2rem;margin:1.3rem 0 .35rem;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin-top:0}.login-card label{display:block;font-weight:700;font-size:.82rem;margin-top:1.15rem}.login-card input{width:100%;border:1px solid #d8dadd;border-radius:11px;padding:.85rem 1rem;margin-top:.45rem;outline:none}.login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,147,40,.14)}.password-wrap{display:flex;position:relative}.password-wrap button{position:absolute;right:.6rem;bottom:.66rem;border:0;background:transparent;color:var(--muted);font-size:.75rem}.primary-btn{border:0;border-radius:10px;background:linear-gradient(135deg,#b88017,#d5a83e);color:#fff;font-weight:800;padding:.85rem 1.1rem}.sign-in{width:100%;margin-top:1.15rem}.demo-credentials{margin-top:1rem;text-align:center;padding:.75rem;border-radius:10px;background:var(--cream);font-size:.82rem;color:#67572f}.fine-print{font-size:.7rem!important;text-align:center;line-height:1.5;margin:1rem 0 0!important}.login-error{color:var(--red);min-height:1.2rem;font-size:.78rem;margin-top:.5rem}.back-link{color:#565656;text-decoration:none;font-size:.78rem;margin-top:1.3rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--black);color:#fff;position:fixed;width:250px;inset:0 auto 0 0;display:flex;flex-direction:column;padding:1rem;z-index:20}.sidebar-brand{display:flex;gap:.7rem;align-items:center;padding:.4rem .35rem 1.3rem}.sidebar-brand div:last-child{display:flex;flex-direction:column}.sidebar-brand strong{letter-spacing:.11em;text-transform:uppercase;font-size:.82rem}.sidebar-brand small{color:#b3b3b3;font-size:.7rem}.sidebar nav{display:flex;flex-direction:column;gap:.22rem;overflow:auto}.nav-link{border:0;background:transparent;color:#c9c9c9;text-align:left;border-radius:9px;padding:.7rem .8rem;display:flex;gap:.72rem;align-items:center;font-size:.82rem}.nav-link span{font-size:1rem;width:18px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(199,147,40,.25),rgba(199,147,40,.06));color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-footer{margin-top:auto;border-top:1px solid #303030;padding:1rem .45rem 0;display:flex;flex-direction:column;gap:.3rem}.sidebar-footer small{color:#8f8f8f}.sidebar-footer strong{font-size:.8rem}.sidebar-footer button{border:0;background:none;color:var(--gold2);text-align:left;padding:.5rem 0;font-size:.78rem}.workspace{grid-column:2;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:10}.topbar h2{font-size:1.25rem;margin:0;letter-spacing:-.02em}.topbar .eyebrow{font-size:.58rem;margin-bottom:.15rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.7rem}.global-search{width:min(380px,30vw);display:flex;align-items:center;gap:.5rem;background:#f5f6f7;border:1px solid #e4e5e7;border-radius:10px;padding:.55rem .75rem}.global-search input{border:0;background:transparent;outline:none;width:100%;font-size:.8rem}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative}.notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);right:8px;top:7px}.profile-btn{border:0;background:transparent;display:flex;align-items:center;gap:.55rem;text-align:left}.profile-btn>span{width:38px;height:38px;background:#161616;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:.72rem}.profile-btn div{display:flex;flex-direction:column}.profile-btn strong{font-size:.77rem}.profile-btn small{color:var(--muted);font-size:.68rem}.menu-btn{display:none}.demo-banner{background:#f7ecd0;border-bottom:1px solid #ead6a3;color:#594715;display:flex;gap:.65rem;align-items:center;padding:.55rem 1.5rem;font-size:.75rem}.demo-banner strong{background:#1d1d1d;color:#fff;border-radius:999px;padding:.25rem .5rem}.demo-banner button{border:0;background:transparent;margin-left:auto;font-size:1.1rem}.content{padding:1.4rem;max-width:1650px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h1{font-size:1.65rem;letter-spacing:-.035em;margin:0}.section-heading p{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.action-row{display:flex;gap:.5rem;flex-wrap:wrap}.secondary-btn{border:1px solid #d7d9dd;border-radius:10px;background:#fff;color:#333;font-weight:700;padding:.75rem 1rem}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px rgba(20,20,20,.035)}.stat-card{padding:1rem;position:relative;overflow:hidden}.stat-card:after{content:"";width:42px;height:42px;border-radius:50%;background:rgba(199,147,40,.12);position:absolute;right:-12px;top:-12px}.stat-card small{color:var(--muted);font-size:.68rem}.stat-card strong{display:block;font-size:1.45rem;margin:.35rem 0 .15rem;letter-spacing:-.03em}.stat-card em{font-style:normal;font-size:.65rem;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:.8rem;margin-top:.8rem}.card{padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.card-header h3{font-size:.86rem;margin:0}.card-header button{border:0;background:none;color:var(--gold);font-size:.68rem}.span-2{grid-column:span 2}.list{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:1.4fr .8fr .65fr;gap:.5rem;align-items:center;padding:.72rem 0;border-bottom:1px solid #eee;font-size:.74rem}.list-row:last-child{border:0}.list-row strong{display:block}.list-row small{color:var(--muted)}.status{padding:.3rem .48rem;justify-content:center}.status.due,.status.low,.status.overdue{background:#fde8e7;color:#aa2929}.status.soon,.status.pending{background:#fff2d6;color:#8b5b00}.status.paid,.status.completed{background:#e0f4eb;color:#126744}.status.progress{background:#e9ecfb;color:#3c4e9e}.status.scheduled{background:#eee9fb;color:#6744a3}.chart{height:180px;display:flex;align-items:flex-end;gap:7%;padding:1rem .5rem 0;border-bottom:1px solid #ddd;background:repeating-linear-gradient(to top,#fff,#fff 44px,#f0f0f0 45px)}.bar{flex:1;background:linear-gradient(#deb750,#a87618);border-radius:6px 6px 0 0;min-height:15px;position:relative}.bar span{position:absolute;bottom:-1.45rem;left:50%;transform:translateX(-50%);font-size:.58rem;color:var(--muted)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pipe-column{background:#f7f7f8;border:1px solid #e4e4e6;border-radius:11px;padding:.6rem}.pipe-column h4{font-size:.7rem;margin:.1rem 0 .7rem;display:flex;justify-content:space-between}.job-card{background:#fff;border:1px solid #e2e2e3;border-radius:8px;padding:.65rem;margin-bottom:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.03)}.job-card strong,.job-card small{display:block}.job-card strong{font-size:.7rem}.job-card small{font-size:.62rem;color:var(--muted);margin-top:.22rem}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:750px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#858585;font-size:.6rem;padding:.7rem;border-bottom:1px solid #ddd}.data-table td{font-size:.73rem;padding:.78rem .7rem;border-bottom:1px solid #eee}.data-table tr:hover td{background:#fbfaf7}.link-btn{border:0;background:none;color:#946914;padding:0;font-weight:750}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.customer-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:1rem}.customer-card header{display:flex;align-items:center;gap:.7rem}.avatar{width:42px;height:42px;border-radius:12px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:800}.customer-card h3{font-size:.85rem;margin:0}.customer-card p{font-size:.7rem;color:var(--muted);margin:.2rem 0}.customer-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;margin-top:.8rem;padding-top:.8rem;gap:.5rem}.customer-meta small{display:block;color:var(--muted);font-size:.6rem}.customer-meta strong{font-size:.72rem}.customer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.filter-row{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.filter-row input,.filter-row select{border:1px solid #dfe0e2;background:#fff;border-radius:9px;padding:.7rem .8rem;min-width:180px;outline:none}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ddd;border:1px solid #ddd;border-radius:12px;overflow:hidden}.day{background:#fff;min-height:110px;padding:.5rem;font-size:.68rem}.day.muted{background:#fafafa;color:#aaa}.day strong{display:block}.appointment{margin-top:.45rem;padding:.35rem;border-left:3px solid var(--gold);background:#fff4d9;border-radius:4px;font-size:.58rem}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.report-card{text-align:left;min-height:150px}.report-card .metric{font-size:1.7rem;font-weight:850;margin:.5rem 0}.progress-track{height:7px;background:#eee;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#a87517,#dfb950)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:1rem;z-index:100}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:1.4rem;box-shadow:var(--shadow)}.modal-close{position:absolute;right:.8rem;top:.6rem;border:0;background:none;font-size:1.5rem}.profile-header{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;border-bottom:1px solid #eee}.profile-header .avatar{width:54px;height:54px}.profile-header h2{margin:0}.profile-header p{margin:.25rem 0;color:var(--muted);font-size:.75rem}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.unit{padding:.75rem;border:1px solid #e6e6e6;border-radius:10px;margin-top:.5rem;font-size:.72rem}.timeline{border-left:2px solid #d5ae4e;margin-left:.4rem;padding-left:1rem}.timeline-item{margin-bottom:1rem;font-size:.72rem}.timeline-item strong{display:block}.timeline-item small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form-grid label{font-size:.72rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:.35rem;border:1px solid #ddd;border-radius:8px;padding:.7rem}.form-grid .full{grid-column:1/-1}.toast{position:fixed;right:1rem;bottom:1rem;background:#171717;color:#fff;border-left:4px solid var(--gold);padding:.9rem 1rem;border-radius:8px;box-shadow:var(--shadow);font-size:.78rem;transform:translateY(130%);transition:.25s;z-index:200}.toast.show{transform:translateY(0)}
.login-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1rem;margin-top:1.3rem}.login-links .back-link{margin-top:0}.back-link:hover{text-decoration:underline;color:#8d6316}.top-popover{position:absolute;right:1.25rem;top:68px;width:min(340px,calc(100vw - 2rem));background:#fff;border:1px solid var(--line);border-radius:14px;padding:.75rem;box-shadow:var(--shadow);z-index:35}.popover-head{display:flex;justify-content:space-between;align-items:center;padding:.25rem .3rem .6rem}.popover-head h3{font-size:.82rem;margin:0}.popover-item{display:flex;gap:.65rem;padding:.7rem .45rem;border-top:1px solid #eee;font-size:.72rem}.popover-item span{width:30px;height:30px;border-radius:9px;background:var(--cream);display:grid;place-items:center;color:#8d6316;flex:0 0 auto}.popover-item strong,.popover-item small{display:block}.popover-item small{color:var(--muted);margin-top:.12rem}.profile-menu button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:.7rem;border-radius:8px;font-size:.75rem}.profile-menu button:hover{background:var(--cream)}.toast{transform:translateY(160%);opacity:0}.toast.show{opacity:1}.demo-return{position:fixed;right:1rem;bottom:4.35rem;background:#fff;color:#6e4b09;border:1px solid #dec37f;border-radius:999px;padding:.55rem .8rem;text-decoration:none;font-size:.68rem;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.11);z-index:40}.demo-return:hover{background:var(--cream)}.empty-state{text-align:center;padding:2rem;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:.25rem}
@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2{grid-column:auto}.customer-grid{grid-template-columns:repeat(2,1fr)}.profile-btn div{display:none}}
@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-brand{min-height:36vh;padding:2rem}.login-brand h1{font-size:2.7rem}.login-intro,.feature-strip{display:none}.login-panel{padding:1.2rem}.app-shell{grid-template-columns:1fr}.workspace{grid-column:1}.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.menu-btn{display:block}.global-search{display:none}.topbar{padding:0 .8rem}.content{padding:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.customer-grid,.report-grid,.profile-sections{grid-template-columns:1fr}.pipeline{display:flex;overflow:auto}.pipe-column{min-width:230px}.calendar{grid-template-columns:repeat(2,1fr)}.day{min-height:90px}.demo-banner span{display:none}.demo-return{right:.7rem;bottom:.7rem}.top-popover{right:.65rem}}
@media(max-width:480px){.login-card{padding:1.4rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:1.15rem}.section-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}