:root{--ink:#17243b;--muted:#6d788c;--bg:#f4f6f8;--card:#fff;--line:#e5e9ee;--navy:#11263e;--teal:#12a594;--teal2:#dff7f2;--gold:#e6a93e;--shadow:0 8px 30px #1323360f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px DM Sans,sans-serif}h1,h2,b,strong{font-family:Manrope,sans-serif}h1{letter-spacing:-.8px;margin:5px 0;font-size:30px}h2{margin:5px 0;font-size:17px}p{color:var(--muted);margin:5px 0}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#dbe5ed;z-index:20;flex-direction:column;width:252px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font:700 19px Manrope;display:grid}.brand b{font-size:17px;display:block}.brand small,.user small{color:#8fa3b7;margin-top:2px;font-size:10px;display:block}.sidebar nav{flex:1;margin-top:35px}.sidebar nav a{color:#b9c7d4;border-radius:8px;margin:3px 0;padding:11px 13px;text-decoration:none;display:block}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1b3c59}.nav-label{color:#6f879e;text-transform:uppercase;letter-spacing:1.3px;margin:22px 13px 7px;font-size:10px;font-weight:700;display:block}.user{border-top:1px solid #29425a;align-items:center;gap:9px;padding-top:18px;display:flex}.avatar,.logo{color:#087b70;background:#e4f4f1;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user>div:nth-child(2){flex:1;min-width:0}.user b{font-size:12px}.user button{color:#aebdca;cursor:pointer;background:0 0;border:0;font-size:18px}.main{width:calc(100% - 252px);margin-left:252px}header{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;gap:25px;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);color:#98a2b3;border-radius:9px;align-items:center;gap:10px;width:390px;height:40px;padding:0 13px;display:flex}.search span{flex:1}.search kbd{background:#f2f4f6;border-radius:5px;padding:3px 7px}.date{color:var(--muted);margin-left:auto}.menu{display:none}main{max-width:1500px;margin:auto;padding:38px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow{text-transform:uppercase;color:var(--teal);letter-spacing:1.4px;font-size:10px;font-weight:700}.btn{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d9dfe6;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%;font-size:14px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-top:3px solid #376b91;border-radius:10px;padding:19px}.metric.teal{border-top-color:var(--teal)}.metric.gold{border-top-color:var(--gold)}.metric span,.metric small{color:var(--muted);display:block}.metric b{margin:9px 0;font-size:27px;display:block}.metric b.text{font-size:16px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.card,.form-card,.filters,.table-card,.client-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px}.card{padding:22px}.span2{grid-column:auto}.card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-head a,a{color:#087f75;text-decoration:none}.pipeline-bars>div{text-transform:capitalize;grid-template-columns:110px 1fr 30px;align-items:center;gap:12px;margin:15px 0;display:grid}.pipeline-bars i{background:#eef1f3;border-radius:8px;height:8px;overflow:hidden}.pipeline-bars i b{background:var(--teal);border-radius:8px;height:100%;display:block}.feed,.contact-row,.opportunity-row{border-bottom:1px solid #eef1f3;align-items:center;gap:12px;padding:12px 0;display:flex}.feed>div:nth-child(2),.contact-row>div:nth-child(2),.opportunity-row>div{flex:1}.feed small,.contact-row small,.opportunity-row small,td small{color:var(--muted);margin-top:3px;display:block}.dot{background:var(--teal);border-radius:50%;width:9px;height:9px}.avatar.small{width:30px;height:30px}.quick{gap:8px;display:grid}.quick a{background:#f5faf9;border-radius:7px;padding:10px}.filters{gap:10px;margin-bottom:16px;padding:14px;display:flex}.filters input{flex:1}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#7a8597;text-transform:uppercase;letter-spacing:1px;background:#fafbfc;font-size:10px}th,td{border-bottom:1px solid var(--line);padding:15px 18px}td .entity,.entity{align-items:center;gap:10px;display:flex}.badge{color:#596474;text-transform:capitalize;background:#eef1f4;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.active,.badge.won,.badge.qualified{color:#087358;background:#dbf6ec}.badge.prospect,.badge.proposal,.badge.medium{color:#9a6312;background:#fff0d8}.badge.inactive,.badge.lost,.badge.urgent{color:#a42c2c;background:#fee5e5}.badge.lead{color:#2669a7;background:#e2effe}.stage-tabs,.tabs{gap:6px;margin-bottom:16px;display:flex;overflow:auto}.stage-tabs a,.tabs a{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:7px;padding:9px 13px}.stage-tabs a.active,.tabs a.active{background:var(--navy);color:#fff}.client-hero{align-items:center;gap:18px;margin-bottom:16px;padding:24px;display:flex}.logo.big{border-radius:14px;width:66px;height:66px;font-size:22px}.client-hero>div:nth-child(2){flex:1}.hero-actions{align-items:center;gap:10px;display:flex}.form-card{max-width:980px}.form-section{border-bottom:1px solid var(--line);padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 20px;padding:24px;display:grid}.form-section .form-grid{padding:16px 0 0}.form-grid label,.login-card label{color:#49566a;font-weight:600}.form-grid label.wide{grid-column:1/-1}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8dee6;border-radius:7px;margin-top:6px;padding:11px}textarea{min-height:90px}.checks{gap:10px;display:grid}.checks input,.check input{width:auto}.form-actions{justify-content:flex-end;gap:10px;padding:20px 24px;display:flex}.empty{text-align:center;color:var(--muted);padding:30px}.flash{color:#087462;background:#dcf7ef;border-radius:8px;margin-bottom:16px;padding:12px 15px}.error{color:#b42318;margin:8px 0}.link{color:#087f75;cursor:pointer;background:0 0;border:0}.pagination{margin-top:16px}dl{grid-template-columns:1fr 1fr;gap:9px;display:grid}dt{color:var(--muted)}dd{text-align:right;margin:0}.login-page{background:#fff;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-brand{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:55px 9%;display:flex}.login-brand h1{margin:22px 0;font-size:50px;line-height:1.1}.login-brand h1 em{color:#65d0c5;font-style:normal}.login-brand p{color:#b7c5d2;max-width:530px;font-size:17px;line-height:1.7}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(410px,100%)}.login-card h2{margin-top:10px;font-size:27px}.login-card>p{margin-bottom:28px}.login-card label{margin:16px 0;display:block}.login-card>small{text-align:center;color:var(--muted);margin-top:20px;display:block}@media (width<=900px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.main{width:100%;margin:0}.menu{background:0 0;border:0;font-size:20px;display:block}.search{flex:1;width:auto}.search kbd{display:none}main{padding:24px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-brand{display:none}}@media (width<=600px){header{padding:0 16px}.date{display:none}main{padding:20px 14px}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric b{font-size:22px}.form-grid{grid-template-columns:1fr;padding:18px}.form-grid label.wide{grid-column:auto}.client-hero{flex-wrap:wrap;align-items:flex-start}.hero-actions{width:100%}.login-panel{padding:24px}}