:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071421;--panel:#0d2234;--panel-strong:#102d45;--panel-soft:#081a2a;--text:#eef8ff;--muted:#a9c2d3;--line:#24516e;--accent:#38bdf8;--accent-strong:#0ea5e9;--danger:#fb7185;--success:#4ade80;--warning:#facc15;--shadow:0 24px 70px #00000057;--soft-shadow:0 14px 34px #00000038}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #38bdf824, transparent 28rem), linear-gradient(180deg, #06111d 0%, var(--bg) 44%, #081827 100%);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}.auth-page{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card,.detail-card,.list-panel,.stat-card,.dashboard-hero,.topbar{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--shadow)}.auth-card{border-radius:28px;gap:28px;width:min(100%,480px);padding:34px;display:grid}.brand-row{align-items:center;gap:13px;display:flex}.brand-row strong{font-size:1.05rem;display:block}.brand-row small{color:var(--muted)}.logo-mark{color:#03111d;background:linear-gradient(145deg, #7dd3fc, var(--accent-strong));border-radius:16px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:inline-flex;box-shadow:0 14px 32px #0ea5e94d}.auth-copy{gap:12px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.auth-copy h1,.dashboard-hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05}.auth-copy p,.dashboard-hero p,.empty-state p,.detail-card.placeholder p{color:var(--muted)}.auth-form,.filters{gap:16px;display:grid}label{color:var(--text);gap:9px;font-weight:800;display:grid}input,select,textarea{background:var(--panel-soft);width:100%;min-height:48px;color:var(--text);border:1px solid #347194;border-radius:16px;outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #38bdf829}textarea{resize:vertical;min-height:128px}.primary-btn,.ghost-btn{border:1px solid #0000;border-radius:16px;min-height:48px;padding:12px 18px;font-weight:900}.primary-btn{color:#03111d;background:linear-gradient(145deg,#7dd3fc,#38bdf8 60%,#0ea5e9);box-shadow:0 16px 36px #0ea5e947}.ghost-btn{border-color:var(--line);color:var(--text);background:#7dd3fc14}.ghost-btn.subtle{color:var(--muted);background:0 0}.primary-btn:disabled,.ghost-btn:disabled{cursor:wait;opacity:.68}.alert{border-radius:14px;padding:12px 14px;font-weight:800}.alert.error{color:#fecdd3;background:#fb71851f;border:1px solid #fb718552}.alert.success{color:#bbf7d0;background:#4ade801f;border:1px solid #4ade8047}.dashboard-shell{width:min(1480px,100% - 40px);margin:0 auto;padding:22px 0 48px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;position:sticky;top:12px;box-shadow:0 14px 34px #00000029}.staff-chip{align-items:center;gap:12px;display:flex}.staff-chip>span{background:var(--panel-strong);width:40px;height:40px;color:var(--accent);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.staff-chip strong,.staff-chip button{display:block}.staff-chip button{border:1px solid var(--line);color:var(--accent);background:#7dd3fc14;border-radius:999px;margin-top:3px;padding:4px 10px;font-weight:800}.dashboard-hero{background:radial-gradient(circle at top right, #38bdf829, transparent 22rem), color-mix(in srgb, var(--panel) 94%, transparent);border-radius:30px;justify-content:space-between;align-items:end;gap:24px;margin-top:26px;padding:clamp(28px,4vw,54px);display:flex}.dashboard-hero>div{flex:1;gap:12px;min-width:0;max-width:none;display:grid}.dashboard-hero h1{white-space:nowrap;font-size:clamp(2rem,4vw,3.35rem)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.stat-card{min-height:124px;color:var(--text);text-align:left;cursor:pointer;border-radius:22px;gap:6px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.stat-card:hover{box-shadow:var(--soft-shadow);border-color:#8bd8f7;transform:translateY(-2px)}.stat-card.is-active{border-color:var(--accent);background:#0c273c}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{font-size:2.25rem;line-height:1}.stat-card small{color:var(--muted);font-weight:800}.status-card-new{border-left:5px solid var(--accent)}.status-card-contacted,.status-card-quoted{border-left:5px solid var(--warning)}.status-card-booked,.status-card-completed,.status-card-invoiced,.status-card-closed{border-left:5px solid var(--success)}.status-card-lost{border-left:5px solid var(--danger)}.workspace-grid{grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);align-items:start;gap:22px;margin-top:22px;display:grid}.list-panel,.detail-card{border-radius:26px;padding:20px}.panel-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:18px;display:flex}.panel-heading h2{font-size:1.55rem;line-height:1.1}.panel-heading>span{border:1px solid var(--line);color:var(--muted);background:#7dd3fc14;border-radius:999px;padding:7px 10px;font-size:.85rem;font-weight:900}.filters{grid-template-columns:minmax(280px,1fr) 150px 210px 132px 104px;align-items:end;gap:12px;margin-bottom:18px}.job-list{gap:12px;max-height:760px;padding-right:4px;display:grid;overflow:auto}.job-row{border:1px solid var(--line);background:var(--panel-soft);width:100%;color:var(--text);text-align:left;border-radius:20px;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0820330a}.job-row:hover,.job-row.is-active{border-color:var(--accent);box-shadow:var(--soft-shadow);background:#0c273c}.job-row:hover{transform:translateY(-1px)}.job-row:before{content:"";background:var(--accent);width:5px;position:absolute;inset:0 auto 0 0}.status-left-contacted:before,.status-left-quoted:before{background:var(--warning)}.status-left-booked:before,.status-left-completed:before,.status-left-invoiced:before,.status-left-closed:before{background:var(--success)}.status-left-lost:before{background:var(--danger)}.job-row-top,.job-row-main,.job-row-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-row-main b{font-size:1rem;display:block}.job-row-main small{color:var(--muted);margin-top:2px;font-weight:800;display:block}.job-row-main>span:last-child{color:#bae6fd;background:#7dd3fc1a;border-radius:999px;flex:none;padding:5px 9px;font-size:.86rem;font-weight:900}.job-row-meta{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:.9rem;display:grid}.job-row-message{color:#dceef9;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.job-row-top small,.job-row-bottom,dt{color:var(--muted)}.status{color:#d7f3ff;text-transform:uppercase;background:#7dd3fc1a;border:1px solid #7dd3fc3d;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.status-new{color:#bae6fd}.status-contacted,.status-quoted{color:#fef08a;background:#facc151a;border-color:#facc1547}.status-booked{color:#bbf7d0;background:#4ade801a;border-color:#4ade8047}.status-completed{color:#86efac;background:#4ade801a;border-color:#4ade8047}.status-lost{color:#fecdd3;background:#fb71851a;border-color:#fb71854d}.status-invoiced,.status-closed{color:#86efac;background:#4ade801a;border-color:#4ade8047}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:20px;gap:8px;padding:28px;display:grid}.detail-card{gap:18px;display:grid;position:sticky;top:104px}.detail-card.placeholder{text-align:center;place-content:center;min-height:240px}.detail-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.detail-header h2{margin-top:6px;font-size:clamp(1.6rem,3vw,2.2rem)}.detail-header-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.92rem;font-weight:800;display:flex}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:#7dd3fc14;border-radius:14px;font-weight:900}.detail-section{gap:12px;display:grid}.detail-section h3,.message-box h3{color:var(--text);font-size:1rem}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}dt{text-transform:uppercase;font-size:.82rem;font-weight:900}dd{overflow-wrap:anywhere;color:#dceef9;margin:4px 0 0;font-weight:700}.contact-link{color:#d7f3ff;background:#7dd3fc14;border:1px solid #7dd3fc42;border-radius:999px;width:fit-content;padding:5px 9px;text-decoration:none;display:inline-flex}.message-box{border:1px solid var(--line);background:var(--panel-soft);border-radius:20px;gap:10px;padding:18px;display:grid}.message-box p{white-space:pre-wrap;color:#dceef9}.activity-box{border:1px solid var(--line);background:#081a2ab8;border-radius:20px;gap:12px;padding:18px;display:grid}.ai-assistant-box{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 18rem),#081a2ad1;border:1px solid #38bdf857;border-radius:22px;gap:16px;padding:18px;display:grid;box-shadow:0 18px 44px #0ea5e914}.ai-heading-row{align-items:center}.ai-heading-row h3{font-size:1.1rem}.ai-draft-grid{gap:12px;display:grid}.ai-draft-card{background:#7dd3fc0f;border:1px solid #7dd3fc2e;border-radius:18px;gap:10px;padding:14px;display:grid}.ai-draft-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-draft-card h4{color:var(--text);margin:0;font-size:.95rem}.ai-draft-card p,.ai-draft-card li{color:#dceef9;white-space:pre-wrap}.ai-draft-card ul{gap:6px;margin:0;padding-left:18px;display:grid}.mini-copy-btn{color:#d7f3ff;background:#7dd3fc17;border:1px solid #7dd3fc47;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:900}.mini-copy-btn:hover{border-color:var(--accent);color:var(--text)}.suggested-status-card{align-items:start}.ai-history-box{gap:10px;padding-top:4px;display:grid}.ai-history-box>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-history-box h4{color:var(--text);margin:0;font-size:.95rem}.ai-history-box>div:first-child span{color:var(--muted);font-size:.82rem;font-weight:900}.ai-history-list{gap:8px;max-height:210px;padding-right:4px;display:grid;overflow:auto}.ai-history-item{width:100%;color:var(--text);text-align:left;background:#081a2a9e;border:1px solid #7dd3fc29;border-radius:15px;gap:4px;padding:11px 12px;display:grid}.ai-history-item:hover,.ai-history-item.is-active{border-color:var(--accent);background:#0ea5e91f}.ai-history-item span,.ai-history-item small{color:var(--muted);font-size:.84rem}.activity-box h3{font-size:1rem}.activity-list{gap:10px;max-height:260px;padding-right:4px;display:grid;overflow:auto}.activity-item{background:#7dd3fc0f;border:1px solid #7dd3fc29;border-radius:16px;gap:6px;padding:12px;display:grid}.activity-item div{color:var(--muted);justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.activity-item strong,.activity-item b{color:var(--text)}.activity-item p{color:#dceef9;overflow-wrap:anywhere}.activity-item small,.muted-copy{color:var(--muted)}.workflow-form{border:1px solid var(--line);background:#081a2ab8;border-radius:22px;gap:16px;padding:18px;display:grid}.section-heading-row{justify-content:space-between;gap:12px;display:flex}.section-heading-row p{color:var(--muted);margin-top:4px}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=980px){.dashboard-shell{width:min(100% - 28px,1440px)}.dashboard-hero,.topbar,.job-row-top,.job-row-main,.job-row-bottom{flex-direction:column;align-items:flex-start}.dashboard-hero h1{white-space:normal}.stats-grid,.workspace-grid,.filters,.edit-grid,.job-row-meta,dl{grid-template-columns:1fr}.panel-heading,.activity-item div,.ai-draft-card>div{flex-direction:column;align-items:flex-start}.ai-heading-row{flex-direction:column;align-items:stretch}.detail-card{position:static}.staff-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}}