:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f4ef;background:#07100d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#07100d}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 75% -10%,rgba(33,255,170,.08),transparent 35%),#07100d}.sidebar{width:248px;flex:0 0 248px;border-right:1px solid #193028;background:#08130f;display:flex;flex-direction:column;padding:18px 14px;position:fixed;inset:0 auto 0 0;z-index:20}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 20px}.brand-mark{font-weight:800;letter-spacing:.08em;font-size:13px;color:#dff9ed}.brand-mark span{color:#55ffc0;margin-right:6px}.portal-label{font-size:10px;letter-spacing:.14em;color:#658278;padding:0 9px 13px}.portal-label span{float:right;color:#39d69c}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;color:#7f998f;text-decoration:none;font-size:13px}.sidebar nav a:hover{background:#0e2019;color:#dcebe5}.sidebar nav a.active{background:linear-gradient(90deg,#103b2b,#0c241c);color:#8fffd0;box-shadow:inset 2px 0 #47e9ad}.sidebar-foot{margin-top:auto;border-top:1px solid #193028;padding:15px 5px 0}.profile-mini{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#12372a;color:#8fffd0;font-size:11px;font-weight:800}.profile-mini strong{display:block;font-size:12px;color:#d8e8e2;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini small{color:#607970;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.logout{width:100%;border:1px solid #1b332b;background:transparent;color:#7d978d;padding:9px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px}.logout:hover{color:#ff9d9d;border-color:#4a2a2a}.main{margin-left:248px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #193028;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#07100ddb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.crumb,.eyebrow{font-size:9px;letter-spacing:.16em;color:#5d796e;text-transform:uppercase}.topbar h2{font-size:16px;margin:4px 0 0;color:#dcebe5}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid #1a342b;background:#0a1712;color:#8aa59b;border-radius:7px;width:35px;height:35px;display:grid;place-items:center}.icon-btn:hover{color:#cffff0;border-color:#2d5b4b}.status{font-size:11px;color:#789188;margin-left:8px;display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;border-radius:50%;background:#47e9ad;box-shadow:0 0 9px #47e9ad}.content{padding:30px;max-width:1500px;margin:auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-intro h1{font-size:28px;line-height:1.1;margin:7px 0;color:#f0faf6}.muted{color:#70877e;font-size:13px;line-height:1.6;margin:0}.live{border:1px solid #1b4638;color:#55dca9;background:#0b1d16;padding:7px 10px;border-radius:99px;font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{border:1px solid #193229;background:linear-gradient(145deg,#0a1712,#08130f);border-radius:10px}.metric{padding:17px}.metric-top{display:flex;justify-content:space-between;color:#71887f;font-size:11px}.metric-icon{width:27px;height:27px;border:1px solid #1c3d31;border-radius:6px;display:grid;place-items:center;color:#43ce9d}.metric>strong{display:block;font-size:29px;margin:16px 0 3px;color:#edf8f4}.metric small{font-size:10px;color:#536b61}.section-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{padding:18px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head h3{margin:3px 0 0;font-size:15px;color:#dcebe5}.text-link{font-size:11px;color:#6ce7b4;text-decoration:none;display:flex;align-items:center;gap:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#5d776d;font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:9px;border-bottom:1px solid #1a322a;white-space:nowrap}td{padding:11px 9px;border-bottom:1px solid #12251e;color:#a8bbb4;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:last-child td{border-bottom:0}.chip{display:inline-block;border:1px solid #244a3b;background:#0d2119;color:#73d9b0;border-radius:99px;padding:4px 7px;font-size:9px}.status-new{color:#8bd4ff;border-color:#24516a;background:#0b1a24}.status-contacted{color:#f1d58a;border-color:#5a4a24;background:#211b0c}.status-qualified{color:#c7a7ff;border-color:#4b376d;background:#181025}.status-converted{color:#73e3b5;border-color:#1d5a42;background:#0b2118}.status-closed{color:#84938d;border-color:#33443d;background:#111916}.workflow{display:flex;flex-direction:column}.workflow>div{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #142920}.workflow>div:last-child{border-bottom:0}.workflow>div>span{color:#3fcf9a;font:11px monospace;padding-top:2px}.workflow p{margin:0}.workflow strong{display:block;font-size:12px;color:#cbdcd6;margin-bottom:4px}.workflow small{color:#647a71;font-size:11px;line-height:1.5}.empty{padding:30px;text-align:center;color:#61776e;font-size:12px}.empty.large{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.empty.large svg{color:#46d8a5}.alert{padding:11px 13px;border-radius:8px;font-size:11px;line-height:1.5;margin-bottom:16px;display:flex;gap:8px;align-items:center}.alert.warning{background:#211c0c;border:1px solid #5b4a1a;color:#d8c177}.alert.danger{background:#260f12;border:1px solid #5a2329;color:#ef9ca4}.alert.success{background:#0b2118;border:1px solid #1d5a42;color:#73e3b5}.primary{border:1px solid #42dca5;background:#37c994;color:#04110b;font-weight:800;padding:9px 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary:hover{background:#6de7ba}.primary:disabled{opacity:.45;cursor:not-allowed}.full{width:100%;margin-top:8px}.search-box{border:1px solid #1b352c;background:#08140f;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#59736a}.search-box input{width:150px;border:0;outline:0;background:transparent;color:#cfe0da;padding:8px 0;font-size:11px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,rgba(42,223,158,.11),transparent 34%),#050c09;position:relative;overflow:hidden}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(52,145,111,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(52,145,111,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.login-card{position:relative;width:min(420px,calc(100% - 30px));padding:30px;border:1px solid #1d3a30;background:#08130ef2;border-radius:12px;box-shadow:0 20px 70px #0006}.login-card h1{font-size:25px;margin:7px 0;color:#edf8f4}.login-card label,.modal-card label{display:block;color:#8ea39b;font-size:11px;margin-top:15px}.login-card input,.modal-card input,.modal-card select,.role-select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #1c382e;border-radius:7px;background:#07110d;color:#e2eee9;outline:0}.login-card input:focus,.modal-card input:focus,.modal-card select:focus{border-color:#37c994;box-shadow:0 0 0 2px #37c99414}.security-note{display:flex;gap:7px;align-items:flex-start;color:#567067;font-size:10px;line-height:1.5;margin-top:17px}.mobile-only,.scrim{display:none}.loading{min-height:100vh;display:grid;place-items:center;background:#07100d;color:#68cda5;font-size:12px;letter-spacing:.08em}.team-actions{display:flex;gap:8px}.team-note{margin:-5px 0 18px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.team-card{border:1px solid #193229;border-radius:9px;padding:15px;background:#09150f}.team-card-head{display:flex;gap:10px;align-items:center}.team-card-head strong{display:block;font-size:13px;color:#dcebe5}.team-card-head small{display:block;color:#688078;font-size:10px;margin-top:3px}.team-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0 12px;color:#637b72;font-size:10px}.team-state{border-top:1px solid #173027;padding-top:11px;color:#76dcb3;font-size:10px}.team-state small{display:block;color:#5f756c;margin-top:4px}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#47e9ad;margin-right:5px}.team-list-panel{margin-top:18px}.role-select{width:auto;min-width:95px;padding:6px 8px;margin:0;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:50;padding:18px}.modal-card{width:min(450px,100%);padding:20px;border:1px solid #1d4034;background:#08130f;border-radius:11px;box-shadow:0 25px 90px #00000080}.inquiry-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:16px;padding-bottom:2px}.inquiry-tabs button{border:1px solid #19352b;background:#09150f;color:#71877f;border-radius:7px;padding:8px 11px;font-size:10px;text-transform:capitalize;white-space:nowrap}.inquiry-tabs button strong{margin-left:7px;color:#a7bbb4}.inquiry-tabs button.active{border-color:#2d8c6b;background:#0d241a;color:#83efc1}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#0b1c15;color:#d0e2db}.table-sub{display:block;color:#60766e;font-size:10px;margin-top:3px}.inquiry-backdrop{place-items:stretch;padding:0;background:#000000b8}.inquiry-detail{width:min(1180px,100%);height:100%;margin-left:auto;background:#08130f;border-left:1px solid #244237;overflow:auto;padding:24px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:22px}.detail-head h2{margin:6px 0 4px;color:#eef8f4;font-size:24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:16px}.detail-main,.detail-side{display:flex;flex-direction:column;gap:16px}.detail-card{border:1px solid #193229;background:#09150f;border-radius:9px;padding:16px}.detail-card h3{font-size:13px;color:#d9e8e2;margin:0 0 13px}.detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.detail-card-head h3{margin:0}.detail-card-head>span:not(.chip){font-size:10px;color:#698178}.inquiry-message{white-space:pre-wrap;color:#b6c8c1;font-size:13px;line-height:1.7;margin:0 0 15px}.client-contact{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #142a21;padding-top:12px}.client-contact a{color:#6ee4b5;text-decoration:none;font-size:11px;display:flex;align-items:center;gap:6px}.note-form{display:flex;gap:8px;align-items:flex-end;margin-bottom:13px}.note-form textarea,.detail-card textarea,.inquiry-form textarea{resize:vertical;min-height:82px;width:100%;border:1px solid #1c382e;border-radius:7px;background:#07110d;color:#e2eee9;padding:10px;outline:0}.note-form textarea:focus,.detail-card textarea:focus,.inquiry-form textarea:focus{border-color:#37c994}.note-form .primary{white-space:nowrap;margin:0}.notes-list{display:flex;flex-direction:column;gap:8px}.note-item{border-left:2px solid #2b8d6c;padding:9px 11px;background:#0b1a14;border-radius:0 7px 7px 0}.note-item p{margin:0;color:#b7c9c2;font-size:11px;line-height:1.6;white-space:pre-wrap}.note-item small,.activity-item small{display:block;color:#5d746b;font-size:9px;margin-top:5px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #132820}.activity-item:last-child{border-bottom:0}.activity-item>span{width:7px;height:7px;border-radius:50%;background:#46d8a5;margin-top:4px;box-shadow:0 0 8px #46d8a559}.activity-item strong{display:block;color:#a9bcb5;font-size:11px;text-transform:capitalize}.detail-side label{display:block;color:#839990;font-size:10px;margin-top:13px}.detail-side label:first-of-type{margin-top:0}.detail-side input,.detail-side select,.detail-side textarea{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #1c382e;border-radius:7px;background:#07110d;color:#e2eee9;outline:0}.timeline{display:flex;flex-direction:column;gap:9px}.timeline p{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:10px}.timeline span{color:#61786f}.timeline strong{color:#a9bdb5;font-weight:600;text-align:right}.danger-btn{border:1px solid #5a252c;background:#220f12;color:#ef9ca4;padding:9px 12px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.danger-btn:disabled{opacity:.5}.inquiry-form{max-height:calc(100vh - 36px);overflow:auto}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-card textarea{display:block;margin-top:6px}.modal-card select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.sidebar{width:220px;flex-basis:220px}.main{margin-left:220px}.content{padding:22px}.detail-grid{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr}.danger-btn{grid-column:1/-1}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-only{display:grid}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;border:0;z-index:15}.topbar{padding:0 16px;height:68px}.topbar>div:nth-child(2){margin-right:auto;margin-left:10px}.top-actions .icon-btn:first-child,.status{display:none}.content{padding:18px 14px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:13px}.metric>strong{font-size:24px;margin-top:12px}.panel{padding:13px}.search-box input{width:100px}.team-grid{grid-template-columns:1fr}.team-actions{width:100%}.inquiry-detail{padding:18px 14px}.detail-side{display:flex}.note-form{flex-direction:column;align-items:stretch}.note-form .primary{width:100%}.form-two{grid-template-columns:1fr}.inquiry-tabs{margin-right:-2px}}@media(max-width:440px){.metric-grid{grid-template-columns:1fr}.login-card{padding:23px}.topbar h2{font-size:14px}.search-box input{width:85px}}.growth-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.growth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.growth-tabs{display:flex;gap:6px;flex-wrap:wrap}.growth-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #19352b;background:#09150f;color:#71877f;border-radius:7px;padding:9px 11px;font-size:11px}.growth-tabs button strong{margin-left:4px;color:#a7bbb4}.growth-tabs button.active{border-color:#2d8c6b;background:#0d241a;color:#83efc1}.workflow-select{max-width:155px;border:1px solid #244a3b;background:#0a1912;color:#9ce9c9;border-radius:6px;padding:6px 8px;font-size:10px}.workflow-select:focus{outline:1px solid #37c994}.growth-form{max-height:calc(100vh - 36px);overflow:auto}.growth-form textarea{resize:vertical;min-height:72px;width:100%;border:1px solid #1c382e;border-radius:7px;background:#07110d;color:#e2eee9;padding:10px;outline:0}.growth-form textarea:focus{border-color:#37c994}.severity-critical{color:#ff9ea7;border-color:#7a3038;background:#2a1116}.severity-high{color:#ffc18b;border-color:#714725;background:#26190f}.severity-medium{color:#f1d58a;border-color:#5a4a24;background:#211b0c}.severity-low{color:#8bd4ff;border-color:#24516a;background:#0b1a24}@media(max-width:1050px){.growth-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.growth-stats{grid-template-columns:1fr 1fr}.growth-toolbar{align-items:stretch}.growth-toolbar>.primary{width:100%}.growth-tabs{width:100%}.growth-tabs button{flex:1;justify-content:center}.workflow-select{max-width:125px}}
