:root{--ink:#172320;--muted:#78827d;--line:#e5eae5;--paper:#f7f9f6;--white:#fff;--lime:#d8f36b;--lime-dark:#9dbb36;--blue:#dfeaff;--blue-ink:#4e6fb3;--coral:#ffdcd3;--coral-ink:#b45f4d;--amber:#fff0c9;--amber-ink:#ad7e18;--green:#d9f3e6;--green-ink:#39825a;--shadow:0 8px 30px rgba(29,49,39,.05);font-family:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#eef3ec;border-right:1px solid var(--line);padding:25px 14px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:20px;letter-spacing:-.7px;padding:0 11px 28px;display:flex;align-items:center;gap:9px}.brand-mark{background:var(--ink);color:var(--lime);height:27px;width:27px;border-radius:7px;display:grid;place-items:center;font-size:15px}.brand-dot{color:var(--lime-dark)}.workspace-switcher{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce4d9;background:#f7faf6;border-radius:8px;margin-bottom:26px;font-size:12px}.workspace-switcher strong,.user-profile strong{display:block;font-size:12px}.workspace-switcher small,.user-profile small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.chevron{margin-left:auto;color:var(--muted)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:800;flex-shrink:0}.avatar-lime{background:var(--lime);color:#42500f}.avatar-coral{background:var(--coral);color:var(--coral-ink)}.nav-label{color:#a0aaa2;text-transform:uppercase;font:500 10px 'DM Mono',monospace;letter-spacing:.7px;padding:0 11px;margin:0 0 8px}.nav-label-spaced{margin-top:26px}.nav-item{width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:7px;color:#69736c;font:600 12px Manrope;display:flex;align-items:center;gap:10px;cursor:pointer;margin:2px 0}.nav-item:hover{color:var(--ink);background:#e4ebe1}.nav-item.active{background:var(--white);color:var(--ink);box-shadow:0 2px 5px #dfe8dd}.nav-icon{width:16px;font-size:17px;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:var(--lime);border-radius:10px;padding:2px 7px;color:#566419;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:var(--ink);color:white;border-radius:8px;padding:17px;margin:0 3px 17px}.help-spark{color:var(--lime);font-size:19px}.help-card strong{display:block;font-size:12px;margin-top:10px}.help-card p{font-size:11px;color:#aebbb3;margin:5px 0 12px;line-height:1.5}.text-button{background:transparent;border:0;padding:0;color:var(--ink);font:700 11px Manrope;cursor:pointer}.help-card .text-button{color:var(--lime)}.user-profile{border-top:1px solid #dce4d9;padding:15px 8px 0;display:flex;align-items:center;gap:9px}.more{margin-left:auto;color:var(--muted);letter-spacing:2px}.main-content{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.7);display:flex;align-items:center;padding:0 clamp(22px,4vw,55px);justify-content:space-between}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#9aa49d;font-size:11px}.breadcrumbs b{font-weight:400;color:#c7cec7}.breadcrumbs strong{color:var(--ink);font-weight:700}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{border:0;background:transparent;color:#718078;font-size:22px;cursor:pointer;position:relative;padding:4px}.notification i{position:absolute;background:#e87860;height:5px;width:5px;border-radius:50%;top:1px;right:2px}.primary-button,.outline-button{border:0;border-radius:6px;padding:11px 17px;font:700 11px Manrope;cursor:pointer;transition:transform .15s,background .15s}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:#30443d;transform:translateY(-1px)}.primary-button span{color:var(--lime);margin-left:8px}.primary-button.compact{padding:9px 13px}.outline-button{background:transparent;border:1px solid #d4dcd4;color:var(--ink)}.outline-button:hover{border-color:var(--ink)}.menu-toggle{display:none;border:0;background:none;font-size:20px}.page-view{display:none;max-width:1430px;margin:0 auto;padding:43px clamp(22px,4vw,55px) 55px;animation:fadeIn .3s ease}.page-view.active-view{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}.eyebrow{margin:0 0 9px;color:#849087;text-transform:uppercase;font:500 10px 'DM Mono',monospace;letter-spacing:.5px}.page-heading h1{font-size:30px;letter-spacing:-1.4px;margin:0 0 9px;font-weight:800}.heading-copy{margin:0;color:var(--muted);font-size:13px}.wave{color:#a5c23e;font-size:23px;margin-left:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:19px 20px;box-shadow:var(--shadow)}.metric-card.accent-card{background:var(--lime);border-color:var(--lime)}.metric-top{display:flex;justify-content:space-between;align-items:start}.metric-label{font-size:11px;color:var(--muted);font-weight:600}.accent-card .metric-label{color:#667327}.metric-card strong{display:block;font-size:28px;letter-spacing:-1.5px;margin:12px 0 9px}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:14px}.metric-icon.blue{color:var(--blue-ink);background:var(--blue)}.metric-icon.amber{color:var(--amber-ink);background:var(--amber)}.metric-icon.green{color:var(--green-ink);background:var(--green)}.metric-icon.lime{color:#6e8520;background:#edf9bd}.metric-note{font-size:10px;color:var(--muted)}.metric-note em{font-style:normal;color:#a1aaa4;margin-left:4px}.positive{color:#429063}.accent-card .metric-note{color:#667327}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:14px;margin-bottom:14px}.bottom-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel-header{padding:21px 22px;display:flex;justify-content:space-between;gap:15px;align-items:start}.panel-header h2{font-size:14px;margin:0 0 6px;letter-spacing:-.3px}.panel-header p{font-size:11px;color:var(--muted);margin:0}.panel-header .text-button{margin-top:3px}.project-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font:500 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.4px;color:#a1aaa5;padding:0 22px 11px}td{border-top:1px solid #eef1ee;padding:13px 22px;font-size:11px;color:#717b75}td:first-child{font-weight:700;color:var(--ink)}.project-client{display:flex;align-items:center;gap:8px}.mini-avatar{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:8px;font-weight:800}.purple{background:#e8dcfa;color:#8462aa}.orange{background:#ffe4c6;color:#aa723b}.pink{background:#fbdce7;color:#b15877}.status-pill{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-block}.in-progress{background:var(--blue);color:var(--blue-ink)}.review{background:var(--amber);color:var(--amber-ink)}.live{background:var(--green);color:var(--green-ink)}.activity-feed{padding:0 22px 21px}.activity-item{display:flex;gap:11px;padding:12px 0;border-top:1px solid #eef1ee}.activity-item:first-child{border-top:0}.activity-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#f0f4ee;color:#748673;font-size:12px;flex-shrink:0}.activity-item strong{font-size:11px;font-weight:700}.activity-item p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.activity-item time{display:block;color:#adb5af;font:9px 'DM Mono',monospace;margin-top:5px}.health-panel .panel-header{align-items:center}.status-pill.healthy{background:var(--green);color:var(--green-ink)}.health-items{padding:0 22px 10px}.health-items>div{display:flex;align-items:center;border-top:1px solid #eef1ee;padding:13px 0;gap:11px}.health-icon{height:25px;width:25px;background:#f0f4ee;border-radius:6px;display:grid;place-items:center;color:#738a70}.health-items span:nth-child(2){flex:1}.health-items strong,.health-items small{display:block}.health-items strong{font-size:11px}.health-items small{font-size:10px;color:var(--muted);margin-top:4px}.health-items b{font:500 10px 'DM Mono',monospace;color:var(--green-ink)}.warn-text{color:var(--amber-ink)!important}.quote-panel{background:var(--ink);color:#fff;padding:24px 25px;position:relative;overflow:hidden}.quote-mark{color:var(--lime);font:800 60px Georgia;line-height:.5;position:absolute;right:25px;top:29px}.quote-panel p{font-size:17px;line-height:1.35;letter-spacing:-.5px;max-width:270px;margin:19px 0 19px}.quote-panel small{color:#9eada4;font:10px 'DM Mono',monospace}.filter-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:20px}.filter-tabs{display:flex;gap:23px}.filter-tab{border:0;background:none;padding:0 0 13px;color:#98a39a;font:600 11px Manrope;cursor:pointer}.filter-tab.active{color:var(--ink);border-bottom:2px solid var(--ink)}.filter-tab span{margin-left:5px;color:inherit}.search-field{border:1px solid var(--line);background:var(--white);border-radius:6px;display:flex;align-items:center;gap:7px;padding:7px 10px;color:#99a39b;font-size:17px}.search-field input{border:0;outline:0;background:none;width:145px;font:11px Manrope}.search-field.small input{width:120px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.project-card-top{display:flex;justify-content:space-between;align-items:start}.project-card h3{font-size:15px;margin:16px 0 5px;letter-spacing:-.5px}.project-card .client{font-size:11px;color:var(--muted)}.project-card .card-brief{font-size:11px;line-height:1.6;color:#7a847e;margin:18px 0 23px;min-height:35px}.project-card-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#9aa49c;font-size:10px}.project-card-footer strong{color:var(--ink);font-weight:700}.security-banner{background:#edf7e4;border:1px solid #dcebcf;border-radius:8px;padding:15px 19px;display:flex;align-items:center;gap:12px;margin-bottom:17px}.security-icon{width:27px;height:27px;border-radius:7px;background:var(--lime);display:grid;place-items:center;color:#657721}.security-banner strong{font-size:11px}.security-banner p{margin:4px 0 0;color:#7d8977;font-size:10px}.security-banner .badge{margin-left:auto;color:#79934b;font:500 9px 'DM Mono',monospace}.connections-panel .panel-header{align-items:center}.connection-list{padding:0 22px 10px}.connection-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 25px;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #eef1ee}.connection-row:first-child{border-top:0}.connection-name{display:flex;align-items:center;gap:11px}.db-icon{width:29px;height:29px;border-radius:7px;background:#e8eefc;color:var(--blue-ink);display:grid;place-items:center;font-size:15px}.connection-name strong{font-size:11px;display:block}.connection-name small,.connection-row>span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.connection-row .env{color:var(--green-ink);font-weight:700;font-size:10px}.connection-row .more{font-size:14px}.full-panel{padding:0 25px}.full-activity-feed{max-width:800px}.full-activity-feed .activity-item{padding:18px 0}.placeholder-view .page-heading{margin-bottom:50px}.empty-state{text-align:center;padding:70px 20px;background:white;border:1px dashed #d6dfd6;border-radius:8px}.empty-state>span{font-size:30px;color:#a5bf48}.empty-state h2{font-size:16px;margin:17px 0 7px}.empty-state p{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,32,27,.43);z-index:10;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:var(--white);width:min(490px,100%);border-radius:10px;padding:31px;position:relative;box-shadow:0 22px 65px rgba(0,0,0,.18);animation:modalIn .2s ease}@keyframes modalIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.modal h2{font-size:24px;letter-spacing:-1px;margin:0 0 8px}.modal-copy{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 23px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:24px;color:#a0aaa3;cursor:pointer}.modal form{display:grid;gap:15px}.modal label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#5e6a63}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #dce4dc;border-radius:5px;padding:11px 12px;font:11px Manrope;color:var(--ink);background:#fbfdfb;outline:0}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#a6be5a;box-shadow:0 0 0 3px #eef5d9}.modal textarea{height:76px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:#fff;border-radius:7px;padding:12px 16px;display:flex;gap:9px;align-items:center;font-size:11px;box-shadow:0 8px 25px rgba(0,0,0,.18);transform:translateY(90px);transition:transform .25s;z-index:20}.toast.show{transform:none}.toast>span:first-child{color:var(--lime);font-weight:bold}
@media(max-width:960px){.sidebar{position:fixed;z-index:5;left:-240px;top:0;bottom:0;transition:left .2s}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}.project-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top-actions .icon-button{display:none}.page-view{padding:30px 16px}.page-heading{align-items:start;flex-direction:column;margin-bottom:24px}.page-heading h1{font-size:26px}.page-heading .outline-button,.page-heading .primary-button{align-self:stretch}.metric-grid{gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:22px}.metric-label{font-size:10px}.metric-note em{display:none}.panel-header{padding:17px}.activity-feed,.health-items,.connection-list{padding-left:17px;padding-right:17px}.project-cards{grid-template-columns:1fr}.filter-bar{align-items:start;gap:14px;flex-direction:column}.filter-tabs{gap:15px}.search-field{width:100%}.search-field input{flex:1}.security-banner{align-items:start;flex-wrap:wrap}.security-banner .badge{margin-left:39px}.connection-row{grid-template-columns:1fr 1fr}.connection-row .connection-name{grid-column:1/-1}.connection-row .more{grid-column:2;grid-row:2;justify-self:end}.quote-panel{min-height:190px}.topbar{height:60px}.modal{padding:25px 20px}}