:root{--bg:#05070b;--panel:#0b1119;--panel2:#0f1722;--line:#1b2839;--text:#edf6ff;--muted:#8598af;--cyan:#54f6ff;--violet:#7f6cff;--green:#25d366;--wa:#00a884;--red:#ff6d8b;--amber:#ffd166;--shadow:0 24px 70px rgba(0,0,0,.43);--glow:0 0 28px rgba(84,246,255,.12),0 0 42px rgba(127,108,255,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 8% -5%,rgba(84,246,255,.1),transparent 25%),radial-gradient(circle at 92% 0,rgba(127,108,255,.12),transparent 23%),linear-gradient(180deg,#07101a,#05070b 35%,#040609);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.empty{padding:24px;color:var(--muted);font-size:12px;text-align:center}.error{padding:10px 12px;border:1px solid #603040;background:#2b1119;color:#ff9cb0;border-radius:12px;font-size:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:90;max-width:360px;padding:12px 14px;border-radius:14px;border:1px solid #315066;background:#0b1720;box-shadow:var(--shadow);font-size:11px}.btn{border:1px solid #293b52;background:#0e1722;color:#eef6ff;border-radius:12px;padding:9px 12px}.btn:hover{border-color:#3c5874}.btn.primary{background:linear-gradient(135deg,rgba(84,246,255,.2),rgba(127,108,255,.22));box-shadow:var(--glow);border-color:#3c5874}.btn.wide{width:100%}.text-btn{background:transparent;border:0;color:#8395aa;padding:10px}.eyebrow{font-size:9px;color:#72dce5;letter-spacing:.16em;font-weight:800}.logo{width:56px;height:56px;border-radius:19px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#061018;font-size:26px;font-weight:950;display:grid;place-items:center;box-shadow:0 0 36px rgba(84,246,255,.22)}.logo.small{width:46px;height:46px;border-radius:15px;font-size:21px}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.login-wrap{width:min(480px,100%)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.login-brand h1{margin:0;letter-spacing:.18em}.login-brand span{color:var(--muted);font-size:11px}.login-card{border:1px solid #203047;border-radius:25px;background:linear-gradient(180deg,rgba(13,20,30,.97),rgba(7,11,17,.99));box-shadow:var(--shadow);padding:22px}.login-copy h2{font-size:28px;letter-spacing:-.05em;margin:8px 0}.login-copy p{color:var(--muted);font-size:12px;line-height:1.6}.auth-tabs{display:flex;background:#08111a;border:1px solid #1b2a3d;border-radius:12px;padding:4px;margin:18px 0}.auth-tabs button{flex:1;border:0;background:transparent;color:#9aabbe;padding:9px;border-radius:9px}.auth-tabs button.active{background:#122032;color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-size:10px;color:#91a3b8}.auth-form input{display:block;width:100%;margin-top:6px;background:#08111a;color:#fff;border:1px solid #25364c;border-radius:12px;padding:12px;outline:none}.dev-note{font-size:11px;color:#ffd478;padding:10px;border:1px solid #594c27;border-radius:10px;background:#211d0d}.login-foot{text-align:center;color:#65788e;font-size:9px;margin-top:14px;letter-spacing:.1em}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:16px;border-right:1px solid #172435;background:linear-gradient(180deg,rgba(8,12,18,.99),rgba(5,8,12,.995));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 5px 16px}.brand h1{margin:0;font-size:18px;letter-spacing:.16em}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.user-card,.project-card{border:1px solid #1e2b3e;border-radius:16px;padding:12px;background:rgba(255,255,255,.02);margin-bottom:10px}.user-card b{font-size:12px}.user-card span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.label{display:block;color:#72869c;font-size:8px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.project-card select{width:100%;background:#0b141e;color:#fff;border:1px solid #283a50;border-radius:10px;padding:9px;outline:none}.project-code{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#91eff8;background:#06131a;border:1px solid #234256;padding:7px 8px;border-radius:9px;margin-top:8px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:1px solid transparent;background:transparent;color:#a9b7c9;border-radius:12px;padding:11px;text-align:left;display:flex;justify-content:space-between;align-items:center}.nav button.active,.nav button:hover{background:linear-gradient(135deg,rgba(84,246,255,.055),rgba(127,108,255,.07));border-color:#26394f;color:#fff;box-shadow:var(--glow)}.nav i{font-style:normal;font-size:8px;color:#8cf3ff;background:#112034;border-radius:999px;padding:3px 7px}.side-bottom{margin-top:auto;border-top:1px solid #172333;padding-top:12px;display:flex;flex-direction:column;gap:4px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:70px;padding:0 20px;border-bottom:1px solid #172435;background:rgba(5,8,12,.84);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar h2{margin:0;font-size:18px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:9px}.top-actions{display:flex;gap:7px}.content{padding:19px}.view{display:none}.view.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-head h3,.site-toolbar h3{margin:5px 0 0;font-size:25px;letter-spacing:-.05em}.section-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{padding:14px;border:1px solid #1e2c40;border-radius:18px;background:linear-gradient(180deg,#0d151f,#080d14);box-shadow:var(--glow);position:relative;overflow:hidden}.kpi .n{font-size:28px;font-weight:900;letter-spacing:-.06em}.kpi .t{font-size:9px;color:#8b9db2;margin-top:4px}.kpi .s{font-size:8px;color:#76efc0;margin-top:8px}.kpi.alert .s{color:#ff95aa}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.card{border:1px solid #19273a;border-radius:19px;background:linear-gradient(180deg,#0b121b,#070b11);box-shadow:var(--shadow);overflow:hidden}.card.span2{grid-column:span 1}.card-head{padding:13px 15px;border-bottom:1px solid #172334;display:flex;justify-content:space-between;gap:10px}.card-head b{font-size:11px}.card-head span{color:var(--muted);font-size:8px}.card-pad{padding:14px}.list-body{padding:7px 14px 13px}.list-row{padding:10px 0;border-bottom:1px solid #152130;display:flex;justify-content:space-between;gap:12px;align-items:center}.list-row:last-child{border-bottom:0}.list-row b{font-size:10px}.list-row p{margin:4px 0 0;color:var(--muted);font-size:9px}.count{font-size:9px;color:#8ff4ff}.live-feed{padding:10px 14px;max-height:240px;overflow:auto}.feed-item{padding:9px 0;border-bottom:1px solid #14202e;font-size:9px;color:#a9bad0}.feed-item strong{color:#8ef5ff}.feed-time{color:#64798f;margin-right:8px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:750px}.data-table th,.data-table td{padding:10px 11px;border-bottom:1px solid #152130;text-align:left;font-size:9px}.data-table th{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#7489a2;background:#09101a}.data-table tr:hover td{background:rgba(255,255,255,.015)}.status{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid #2c445d;font-size:8px}.status.new{background:#0e2230;color:#99e9f2}.status.accepted{background:#17223a;color:#b4caff}.status.in_progress{background:#2a2614;color:#ffe187}.status.completed{background:#10271a;color:#8ef0b0}.status.declined,.status.cancelled{background:#30171f;color:#ff9db2}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.tiny-btn{border:1px solid #2a3d54;background:#0e1723;color:#e9f2fb;border-radius:8px;padding:5px 7px;font-size:8px}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{padding:15px;border:1px solid #1c2a3d;border-radius:18px;background:#0a1119}.tile b{font-size:11px}.tile p{color:var(--muted);font-size:9px;line-height:1.5}.permission-grid{display:grid;grid-template-columns:1.4fr repeat(4,.7fr);gap:1px;background:#172437}.permission-grid div{background:#0a111a;padding:10px;font-size:8px}.permission-grid .head{background:#0d1825;color:#91a3b9;text-transform:uppercase}.yes{color:#8eefb1}.no{color:#ff98ad}.limited{color:#ffd477}.audit-list{font:9px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;padding:14px}.audit-row{border-bottom:1px solid #152130;padding:6px 0}.audit-row .action{color:#8cf4ff}.audit-row .time{color:#61758b}.usage-bars{padding:14px}.bar-row{display:grid;grid-template-columns:120px 1fr 45px;gap:9px;align-items:center;margin-bottom:10px;font-size:9px}.bar-track{height:9px;border-radius:999px;border:1px solid #1c2a3e;background:#08111b;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:999px}
.messenger{display:grid;grid-template-columns:280px 1fr;border:1px solid #1b293c;border-radius:20px;overflow:hidden;min-height:650px;background:#081019}.conversation-list{border-right:1px solid #1b293c;background:#0b121b;overflow:auto}.conv-item{padding:12px;border-bottom:1px solid #172231;cursor:pointer}.conv-item:hover,.conv-item.active{background:#111d2a}.conv-item b{display:block;font-size:10px}.conv-item span{display:block;margin-top:4px;color:#8798ad;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-pane{display:flex;flex-direction:column;min-width:0}.conversation-header{padding:13px 15px;border-bottom:1px solid #1a2738;background:#0d151f}.conversation-header b{display:block;font-size:11px}.conversation-header span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.message-stream{flex:1;padding:14px;overflow:auto;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.025) 1px,transparent 1px),#071018;background-size:22px 22px;display:flex;flex-direction:column;gap:7px}.bubble{max-width:78%;padding:8px 9px;border-radius:10px;background:#17232d;font-size:10px;line-height:1.45}.bubble.me{align-self:flex-end;background:#0b4d42}.bubble .meta{display:block;color:#8297a9;font-size:7px;margin-bottom:3px}.candidate{margin-top:7px;border:1px solid #26546b;background:#0c1d28;border-radius:9px;padding:7px}.candidate b{display:block;color:#83eff8;font-size:8px;margin-bottom:5px}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:9px;border-top:1px solid #1b293b;background:#0d151f}.composer input{background:#15222c;border:1px solid #223546;color:#fff;border-radius:999px;padding:10px 12px;outline:none}.send-btn{width:39px;height:39px;border-radius:50%;border:0;background:var(--wa);color:#fff}
.site-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}.phone-shell{display:flex;justify-content:center}.phone{width:395px;max-width:100%;border:8px solid #080d10;border-radius:35px;background:#111b21;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.55)}.phone-notch{height:27px;background:#111b21;display:flex;align-items:center;justify-content:center}.phone-notch:before{content:"";width:108px;height:15px;border-radius:999px;background:#080d10}.phone-app{height:790px;display:flex;flex-direction:column;background:#111b21}.wa-header{background:linear-gradient(180deg,#00a884,#009a78);color:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between}.wa-title{display:flex;align-items:center;gap:10px}.wa-title b{display:block;font-size:13px}.wa-title span{display:block;font-size:9px;margin-top:2px}.avatar{width:37px;height:37px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-weight:800}.wa-tabs{display:flex;border-bottom:1px solid #25323a}.wa-tabs button{flex:1;border:0;background:#111b21;color:#d4e0e5;padding:11px;font-size:10px}.wa-tabs button.active{color:#32deb6;border-bottom:3px solid #32deb6;font-weight:700}.site-tab{display:none;flex:1;min-height:0}.site-tab.active{display:flex;flex-direction:column}.site-chat-list{overflow:auto}.site-chat-item{display:flex;gap:10px;padding:12px;border-bottom:1px solid #1f2a31;align-items:center;cursor:pointer}.site-chat-item .avatar{background:#25323a}.site-chat-body{min-width:0;flex:1}.site-chat-body b{display:block;font-size:12px}.site-chat-body span{display:block;color:#8da0aa;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-head{display:flex;gap:8px;align-items:center;padding:9px 12px;background:#00a884}.thread-head button{border:0;background:transparent;color:#fff;font-size:20px}.thread-head b{display:block;font-size:12px}.thread-head span{display:block;font-size:9px}.wa-stream{flex:1;overflow:auto;padding:10px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#0b141a,#0c171d);background-size:22px 22px;display:flex;flex-direction:column;gap:7px}.wa-bubble{max-width:82%;padding:7px 9px;border-radius:9px;background:#202c33;font-size:11px;line-height:1.45}.wa-bubble.me{align-self:flex-end;background:#005c4b}.wa-bubble small{display:block;text-align:right;color:#b6c3c8;font-size:8px;margin-top:3px}.wa-composer{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:8px;background:#111b21}.wa-composer button{border:0}.wa-composer>button:first-child{width:35px;height:35px;border-radius:50%;background:#202c33;color:#fff}.wa-composer input{border:0;background:#202c33;color:#fff;border-radius:999px;padding:10px 12px;outline:none}.wa-send{width:39px;height:39px;border-radius:50%;background:#00a884;color:#fff}.site-work-list{padding:10px;overflow:auto}.work-card{border:1px solid #315449;background:#132921;border-radius:13px;padding:11px;margin-bottom:9px}.work-card b{display:block;font-size:11px}.work-card p{color:#bed8ce;font-size:9px;line-height:1.5}.work-actions{display:flex;gap:5px;flex-wrap:wrap}.work-actions button{border:0;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:700;background:#20343d;color:#e2ecef}.work-actions button.primary{background:#25d366;color:#04110a}.site-profile{padding:16px}.profile-card{background:#202c33;border-radius:15px;padding:14px;margin-bottom:10px}.profile-card b{font-size:12px}.profile-card p{font-size:9px;color:#c7d4da;line-height:1.5}
.modal-back{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);border:1px solid #263950;border-radius:20px;background:linear-gradient(180deg,#0d151f,#080d14);box-shadow:0 30px 100px rgba(0,0,0,.65);overflow:hidden}.modal-head{padding:14px 16px;border-bottom:1px solid #192638;display:flex;align-items:center;justify-content:space-between}.modal-head b{font-size:12px}.modal-body{padding:15px}.field{margin-bottom:11px}.field label{display:block;color:#8da0b5;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:#0b141e;color:#fff;border:1px solid #283a50;border-radius:11px;padding:10px;outline:none}.field textarea{min-height:80px;resize:vertical}.modal-foot{padding:13px 15px;border-top:1px solid #192638;display:flex;justify-content:flex-end;gap:7px}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 12px}.topbar p{display:none}.content{padding:12px}.top-actions .btn:not(.primary){display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.tile-grid{grid-template-columns:1fr}.messenger{grid-template-columns:1fr;min-height:720px}.conversation-list{border-right:0}.admin-messenger .conversation-pane{display:flex}.conversation-list{max-height:260px}.permission-grid{grid-template-columns:1.3fr repeat(4,.65fr)}.permission-grid div{padding:7px;font-size:7px}.section-head h3{font-size:22px}}

.attachment-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 7px;border:1px solid #2a4657;border-radius:8px;color:#9fefff;text-decoration:none;font-size:8px;background:#0b1c26}.attach-btn{width:39px;height:39px;border-radius:50%;padding:0}.evidence-note{font-size:8px;color:#96aaaf;margin-top:5px}

@media(max-width:500px){.content:has(#siteProjectTitle){padding:0}.site-toolbar{display:none}.phone-app{height:calc(100vh - 70px)}.phone-shell{margin:0 -12px}.phone{width:100%;border:0;border-radius:0;box-shadow:none}.phone-notch{display:none}.phone-app{height:calc(100vh - 70px)}.site-toolbar{padding:10px 0;margin-bottom:0}.site-toolbar h3{font-size:18px}}

/* v1.1 additions */
.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.menu-btn{display:none;padding:7px 10px;font-size:16px;line-height:1}.title-row{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff6d8b;box-shadow:0 0 8px rgba(255,109,139,.6)}.live-dot.on{background:#25d366;box-shadow:0 0 8px rgba(37,211,102,.7)}
.nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:29}
.candidate.done{border-color:#1f4a3a;background:#0c2119}.candidate.done b{color:#8ef0b0}
.modal-copy{margin:6px 0 0;font-size:11px;line-height:1.5;color:#c9d6e3;white-space:pre-wrap;background:#08111a;border:1px solid #1e2c40;border-radius:10px;padding:10px}.modal-audit{max-height:220px;overflow:auto;padding:8px 10px;background:#08111a;border-radius:10px}
.work-card .desc{color:#e3efe9;font-size:10px;margin:4px 0}.overdue{color:#ff9db2;font-weight:800}.work-card.completed{opacity:.6}
.site-chat-body b{display:flex;justify-content:space-between;gap:8px}.site-chat-body b small{font-weight:400;color:#8da0aa;font-size:8px;white-space:nowrap}
.site-select{width:100%;margin-top:8px;background:#111b21;color:#fff;border:1px solid #2b3a44;border-radius:10px;padding:9px}
@media(max-width:760px){.menu-btn{display:inline-block}.sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(290px,84vw);z-index:30;transform:translateX(-105%);transition:transform .2s ease;overflow:auto}body.nav-open .sidebar{transform:none}body.nav-open .nav-backdrop{display:block}.data-table{min-width:640px}}