:root{--ink:#24465c;--muted:#6d8796;--line:#e5e9ee;--paper:#fff;--base:#f7f6f3;--blue:#2a9ccf;--blue-dark:#237ca9;--mint:#e7f9f3;--shadow:0 16px 50px rgba(42,68,89,.07)}*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0%,#fff2e9 0,transparent 37%),radial-gradient(circle at 100% 20%,#f3ecfb 0,transparent 30%),var(--base);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh;gap:18px;padding:16px}.sidebar{border:1px solid #fff;border-radius:25px;background:rgba(255,255,255,.87);box-shadow:var(--shadow);padding:22px 14px;position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column}.brand{display:block;padding:6px 9px 24px}.brand img{max-width:195px;width:100%;height:auto}.brand-caption{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:2px;margin-top:12px}.sidebar-kicker{color:#97a5b3;font-size:10px;font-weight:800;letter-spacing:2px;padding:0 16px 12px;text-transform:uppercase}.nav{display:grid;gap:4px}.nav-item{padding:12px 15px;border:0;background:transparent;color:#526e80;text-align:left;border-radius:13px;display:flex;align-items:center;gap:13px;font-weight:700;transition:background .16s}.nav-item:hover{background:#edf6fb}.nav-item.active{background:#ddf2fd;color:#147bae}.nav-icon{font-size:20px;line-height:1;width:25px;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.account{border-radius:17px;background:#f7f9fa;padding:14px;display:grid;gap:2px;border:1px solid var(--line)}.account small{font-size:11px;color:var(--muted)}.account b{font-size:14px}.account span{font-size:12px;color:#90a0af}.old-app{border:1px solid #dae8ef;border-radius:12px;padding:11px;color:#36799a;text-align:center;font-weight:700}.credit{text-align:center;color:#8195a4;font-size:11px}.credit b{color:#258fc0}.main{min-width:0;display:grid;align-content:start;gap:22px;padding:17px 18px 20px}.topbar{display:flex;gap:20px;align-items:end;justify-content:space-between}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8c9fae;text-transform:uppercase}.topbar h1{font-size:clamp(25px,3vw,36px);line-height:1.13;letter-spacing:-1px;margin:8px 0}.topbar p,.section-heading p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:end;flex-wrap:wrap;gap:9px}.project-picker{display:grid;gap:4px}.project-picker span{font-size:10px;color:#92a2ae;text-transform:uppercase;letter-spacing:1px;font-weight:800}.project-picker select{min-width:160px}.btn{border:1px solid transparent;border-radius:13px;padding:12px 17px;font-weight:800;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(110deg,#238dc3,#45b3df);color:#fff;box-shadow:0 9px 22px rgba(39,155,209,.20)}.btn.soft{background:#fff;color:#4d748a;border-color:#dce4e9}.btn.map{background:#ebf8ff;color:#237fac;border-color:#d2e9f3}.btn.danger{background:#fff0ed;color:#af513f;border-color:#f6d7d0}.btn.tiny{padding:8px 11px;font-size:12px}.btn:disabled{opacity:.52;cursor:not-allowed}.notice{border:1px solid #bfe2f7;background:#eaf8ff;color:#276f95;border-radius:14px;padding:12px 17px;font-weight:600}.notice.error{background:#fff0ed;border-color:#f8c9c3;color:#af513f}.view{min-width:0}.intro{padding:26px 29px;border:1px solid white;border-radius:26px;background:linear-gradient(120deg,#fff,#faf7f1);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.intro h2{font-size:clamp(22px,2.6vw,30px);margin:8px 0;letter-spacing:-.8px}.intro p{margin:0;color:var(--muted);line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric{border-radius:21px;padding:19px;background:#fff;border:1px solid white;box-shadow:var(--shadow);min-height:125px}.metric .mini-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eaf7ff;color:#258fc0;font-weight:800;font-size:17px;margin-bottom:10px}.metric:nth-child(2) .mini-icon{background:#e9f8ee;color:#3a9b66}.metric:nth-child(3) .mini-icon{background:#fff2e6;color:#dd864c}.metric:nth-child(4) .mini-icon{background:#f2edff;color:#8869c1}.metric small{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:28px;letter-spacing:-1px}.two-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel{background:#fff;border:1px solid #fff;border-radius:24px;box-shadow:var(--shadow);padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head h3{font-size:18px;margin:4px 0 0;letter-spacing:-.5px}.text-link{padding:5px 0;background:none;border:0;color:#248dbe;font-weight:800}.stack-list,.summary-lines{display:grid;gap:12px}.list-row{border:1px solid #ebf0f3;border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:13px;background:#fdfefe}.list-row h4{margin:0 0 2px;font-size:14px}.list-row p{margin:0;color:var(--muted);font-size:12px}.list-row button{border:0;background:#e8f7ff;color:#267da9;border-radius:9px;padding:8px 11px;font-weight:800}.summary-row{border-bottom:1px solid #f0f1f3;padding:10px 0;display:flex;align-items:center;justify-content:space-between}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.summary-row b{font-size:17px}.info-note{background:#f5faff;border:1px solid #e3edf6;border-radius:13px;padding:14px;color:#607f94;margin-top:14px;font-size:12px;line-height:1.7}.section-heading{margin:6px 0 18px}.section-heading h2{font-size:22px;letter-spacing:-.5px;margin:0 0 5px}.section-heading.with-action{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-tools{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 15px}.section-tools input{min-width:290px}.search-label{flex:1}.search-label input{max-width:580px}.section-tools select{max-width:220px}.table-panel{padding:19px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{padding:13px 13px;text-align:left;color:#8296a5;background:#f8fafc;font-size:11px;letter-spacing:.8px;text-transform:uppercase}td{border-top:1px solid #edf0f4;padding:13px;color:#45657c}tr:hover td{background:#fbfdff}.count{background:#f3f6f8;border-radius:999px;padding:6px 11px;color:#7190a2;font-weight:700}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9f5fc;color:#30799e;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.badge.hot,.badge.overdue,.badge.rejected,.badge.lost{background:#fff1ed;color:#af644f}.badge.warm,.badge.on_hold,.badge.pending,.badge.booking_requested{background:#fff4e5;color:#9d741e}.badge.cold,.badge.available,.badge.verified,.badge.approved,.badge.confirmed,.badge.completed{background:#e9f8f0;color:#28875c}.muted{color:var(--muted)}.link-button{background:none;border:0;padding:0;color:#247ca9;font-weight:800;text-align:left}.link-button:hover{text-decoration:underline}.task-list{display:grid;gap:10px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.action-card{background:#fff;border:1px solid #eff0f4;box-shadow:var(--shadow);border-radius:21px;padding:18px;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-card h3{font-size:17px;margin:9px 0 4px}.action-card p{color:var(--muted);margin:2px 0 11px;font-size:12px;word-wrap:break-word}.card-buttons{display:flex;gap:7px;flex-wrap:wrap}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.unit{background:white;box-shadow:var(--shadow);padding:17px;border-radius:19px;border:1px solid #edf0f5}.unit h3{font-size:19px;margin:5px 0}.unit p{font-size:12px;color:var(--muted);margin:4px 0 10px}.unit .card-top{align-items:start}.empty{padding:22px;text-align:center;color:var(--muted);background:#fff;border-radius:16px;border:1px dashed #d4e2ea}.main-footer{padding:12px 2px 22px;color:#9babb5;font-size:11px}.main-footer span{padding:0 9px}.main-footer a{color:#2c98c4;font-weight:800}
select,input,textarea{appearance:none;border:1px solid #dce5ea;border-radius:12px;background:#fff;color:#2d5167;padding:11px 13px;outline:none;min-height:42px}textarea{width:100%;min-height:85px;resize:vertical}select{appearance:auto}input:focus,select:focus,textarea:focus{border-color:#6bbade;box-shadow:0 0 0 3px rgba(49,165,213,.1)}.shade{position:fixed;inset:0;background:rgba(22,42,58,.40);z-index:90;display:grid;place-items:center;padding:16px;overflow:auto}.dialog{background:#fff;border-radius:24px;padding:23px;max-width:550px;width:100%;box-shadow:0 30px 80px rgba(15,35,54,.20);max-height:90vh;overflow:auto}.dialog-head,.details-top{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:20px}.dialog-head h2,.details-top h2{font-size:22px;margin:8px 0 0;letter-spacing:-.5px}.close{font-size:25px;border:0;width:37px;height:37px;border-radius:11px;background:#f1f5f8;color:#486e81}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;color:#456a80;font-size:12px;font-weight:800}.form input,.form select,.form textarea{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .checkbox-line{display:flex;gap:8px;align-items:flex-start;font-weight:600;line-height:1.5}.checkbox-line input{width:17px;min-height:auto;margin-top:4px}.form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:8px}.form-help{font-size:11px;color:#7891a1;margin:0;line-height:1.6}.details{position:absolute;right:0;top:0;bottom:0;max-width:620px;width:100%;overflow-y:auto;background:#fff;box-shadow:-18px 0 60px rgba(20,44,63,.18);padding:25px}.details-top{border-bottom:1px solid var(--line);padding-bottom:16px}.details-top span{display:block;color:var(--muted);margin-top:5px}.detail-section{margin:18px 0 24px}.detail-section h3{font-size:15px;margin:0 0 11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-item{padding:12px;background:#f8fafb;border-radius:13px}.detail-item small{font-size:11px;display:block;color:var(--muted)}.detail-item strong{display:block;margin-top:3px;word-break:break-word}.detail-buttons{display:flex;flex-wrap:wrap;gap:9px}.activity-row{padding:11px 0;border-bottom:1px solid #edf0f2}.activity-row small{color:var(--muted);display:block}.activity-row p{margin:3px 0;color:#456a7c}.gate,.startup{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:16px}.gate img{width:200px}.gate h1{margin:0}.gate p,.startup p{color:var(--muted)}.spinner{width:42px;height:42px;border:4px solid #d9ecf6;border-top-color:#2c9dcf;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(2,1fr)}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.shell{display:block;padding:10px}.sidebar{position:static;height:auto;padding:15px;margin-bottom:13px;border-radius:18px}.brand{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 10px}.brand img{max-width:135px}.sidebar-kicker,.sidebar-bottom{display:none}.nav{display:flex;overflow-x:auto;gap:8px;padding:8px 0}.nav-item{flex:none;white-space:nowrap;padding:10px 12px;background:#f7f9fb}.main{padding:10px}.topbar{align-items:start;flex-direction:column}.top-actions{width:100%}.project-picker{flex:1}.project-picker select{width:100%}.top-actions .btn{flex:1}.two-panels{grid-template-columns:1fr}.intro{flex-direction:column;align-items:start}}
@media(max-width:610px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px;min-height:118px}.metric strong{font-size:22px}.unit-grid,.cards-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.intro{padding:21px}.intro h2{font-size:24px}.panel{padding:15px}.section-tools input,.section-tools select{min-width:0;width:100%;max-width:none}.search-label{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.details{padding:18px}.dialog{padding:17px}.top-actions .btn{font-size:12px;padding:11px}.main-footer{line-height:1.9}}