:root{--ink:#14233a;--muted:#6b7890;--line:#e5eaf1;--bg:#f5f7fa;--blue:#2455d6;--navy:#10213b;--green:#147b5b;--amber:#a96612;--violet:#7548b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.shell{min-height:100vh}aside{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:248px;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 29px;display:flex}.brand-mark{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:21px;display:grid}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand strong{font-size:16px}.brand small{color:var(--muted);letter-spacing:.03em;margin-top:2px;font-size:11px}nav{flex-direction:column;gap:3px;display:flex}nav a{color:#56647a;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}nav a i{text-align:center;width:18px;font-size:16px;font-style:normal}nav a:hover,nav a.active{color:var(--blue);background:#edf2ff}nav a em{color:var(--blue);background:#dfe7ff;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.safety{background:#edf8f3;border:1px solid #d7eee4;border-radius:10px;gap:9px;margin-top:auto;padding:12px;display:flex}.shield{color:var(--green);background:#d4ede2;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.safety strong{color:#185d48;font-size:12px}.safety p{color:#58746c;margin:4px 0 0;font-size:10px;line-height:1.45}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:17px;padding:17px 6px 0;display:flex}.avatar{color:#3c4f68;background:#e8edf6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.profile strong{font-size:11px}.profile small{color:var(--muted);margin-top:2px;font-size:9px}.profile span{color:#8691a3;margin-left:auto}main{max-width:1600px;margin-left:248px;padding:34px 46px 24px}main>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{letter-spacing:-.02em;margin:3px 0 7px;font-family:Georgia,serif;font-size:32px;font-weight:500}main>header p{color:var(--muted);margin:0}.overline,.section-title span{letter-spacing:.13em;font-weight:800;color:#8290a4!important;font-size:10px!important}.header-actions{gap:9px;display:flex}.header-actions button,.notice button,.approval button{font:inherit;border:0}.primary{background:var(--navy);color:#fff;border-radius:8px;padding:11px 17px;font-weight:700}.icon-button{background:#fff;width:41px;position:relative;border:1px solid var(--line)!important;border-radius:8px!important}.icon-button b{color:#fff;background:#d65252;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;display:grid;position:absolute;top:-5px;right:-4px}.notice{background:#eef3ff;border:1px solid #d9e3fb;border-radius:9px;align-items:center;gap:11px;margin-bottom:34px;padding:12px 15px;display:flex}.notice>span{color:var(--blue)}.notice strong{font-size:12px}.notice p{color:#64738b;margin-left:8px;font-size:11px;display:inline}.notice button{color:#718098;background:0 0;margin-left:auto;font-size:11px}section{margin-bottom:42px;scroll-margin-top:22px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-title h2{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;font-weight:500}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:10px}.metric{align-items:center;gap:14px;padding:19px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.metric-icon.blue{color:var(--blue);background:#edf2ff}.metric-icon.amber{color:var(--amber);background:#fdf4e7}.metric-icon.green{color:var(--green);background:#eaf7f1}.metric-icon.violet{color:var(--violet);background:#f3edfa}.metric p{color:var(--muted);margin:0 0 5px;font-size:11px}.metric strong{margin-right:9px;font-family:Georgia,serif;font-size:26px;font-weight:500}.metric small{color:#8290a4;font-size:9px}.overview-grid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:20px}.panel .section-title{margin-bottom:17px}.panel .section-title h2{font-family:inherit;font-size:13px;font-weight:800}.funnel-row{grid-template-columns:140px 1fr;align-items:center;margin:12px 0;display:grid}.funnel-row label{color:#66748a;justify-content:space-between;padding-right:18px;font-size:10px;display:flex}.funnel-row label b{color:var(--ink)}.funnel-row>div{background:#edf0f5;border-radius:10px;height:7px;overflow:hidden}.funnel-row span{background:linear-gradient(90deg,#173d91,#4d76de);border-radius:10px;height:100%;display:block}.attention{padding-bottom:9px}.attention-item{border-top:1px solid #edf0f4;align-items:center;gap:11px;padding:13px 0;display:flex}.attention-item:first-of-type{border:0}.attention-item>span{border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.amber-dot{color:var(--amber);background:#fcf2e2}.violet-dot{color:var(--violet);background:#f2eafa}.blue-dot{color:var(--blue);background:#eaf0ff}.attention-item div{flex:1}.attention-item strong{font-size:11px}.attention-item p{color:var(--muted);margin:3px 0 0;font-size:9px}.attention-item>b{color:var(--blue);font-size:9px}.table-wrap{padding:0;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.08em;color:#8a95a6;text-transform:uppercase;background:#fafbfd;padding:12px 17px;font-size:9px}td{border-top:1px solid #edf0f4;padding:13px 17px}.company{align-items:center;gap:10px;display:flex}.company>span{color:#52627a;background:#eef2f7;border-radius:8px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:800;display:grid}.company strong,.company small{display:block}.company strong{font-size:11px}.company small,.cell-label{color:var(--muted);margin-top:3px;font-size:9px}.score{align-items:center;gap:7px;display:flex}.score b{font-size:12px}.score>span{background:#e8ecf2;border-radius:10px;width:45px;height:4px}.score i{background:#3b65cd;border-radius:10px;height:100%;display:block}.status{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-block}.status.good{color:#177256;background:#e8f6f0}.status.warn{color:#a26313;background:#fcf2e2}.status.neutral{color:#5d6b80;background:#eef1f5}.approval-grid,.booking-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.approval>div{justify-content:space-between;display:flex}.approval span{color:var(--blue);background:#eef3ff;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:800}.approval small{color:#94a0b0;font-size:9px}.approval h3{margin:16px 0 6px;font-size:13px}.approval p{color:var(--muted);margin:0 0 16px;font-size:10px}.approval button{color:var(--blue);background:0 0;padding:0;font-size:10px;font-weight:700}.build-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.build-column{background:#edf0f5;border-radius:9px;padding:12px}.build-column>header{justify-content:space-between;align-items:center;padding:0 3px 8px;display:flex}.build-column h3{margin:0;font-size:11px}.build-column header span{background:#dfe4eb;border-radius:20px;padding:2px 7px;font-size:9px}.build-card{background:#fff;border:1px solid #e0e5ec;border-radius:8px;margin-bottom:8px;padding:10px}.mini-preview{background:linear-gradient(135deg,#dce4ec,#f5f7fa);border-radius:5px;height:48px;margin-bottom:9px;padding:8px}.mini-preview i{background:#fff;border-radius:4px;width:52%;height:4px;margin-bottom:4px;display:block}.mini-preview i:nth-child(2){width:75%;height:8px}.mini-preview i:nth-child(3){background:#315889;width:27%}.build-card strong,.build-card small{display:block}.build-card strong{font-size:10px}.build-card small{color:var(--muted);margin-top:3px;font-size:8px}.two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compact-list{padding:0}.list-row{border-top:1px solid #edf0f4;align-items:center;gap:10px;padding:13px 16px;display:flex}.list-row:first-child{border:0}.row-icon{width:28px;height:28px;color:var(--blue);background:#edf2ff;border-radius:7px;place-items:center;display:grid}.list-row>div{flex:1}.list-row strong,.list-row small{display:block}.list-row strong{font-size:10px}.list-row small{color:var(--muted);margin-top:3px;font-size:8px}.reply{border-top:1px solid #edf0f4;padding:13px 16px}.reply:first-child{border:0}.reply>div{justify-content:space-between;display:flex}.reply strong{font-size:10px}.reply time,.reply small{color:var(--muted);font-size:8px}.reply p{margin:7px 0;font-size:10px}.booking-grid{grid-template-columns:1fr 1fr}.booking{align-items:center;gap:13px;display:flex}.date-box{border:1px solid #dfe4ec;border-radius:7px;place-items:center;width:52px;height:55px;padding:5px;display:grid}.date-box b{color:var(--blue);text-transform:uppercase;font-size:8px}.date-box strong{font-family:Georgia,serif;font-size:20px}.booking>div:nth-child(2){flex:1}.booking h3{margin:0;font-size:12px}.booking p{color:var(--muted);margin:4px 0;font-size:9px}.booking small{color:#8390a2;font-size:8px}.bottom{align-items:start}.suppression-head,.setting{justify-content:space-between;align-items:center;display:flex}.suppression-head{border-bottom:1px solid #edf0f4;padding-bottom:12px}.suppression-head p{color:var(--muted);margin:0;font-size:10px}.suppression-head b{font-size:9px}.suppression{border-bottom:1px solid #edf0f4;gap:10px;padding:12px 0;display:flex}.suppression:last-child{border:0;padding-bottom:0}.suppression>span{color:#b05555}.suppression strong,.suppression small{display:block}.suppression strong{font-size:9px}.suppression small{color:var(--muted);margin-top:3px;font-size:8px}.settings{padding:8px 18px}.setting{border-bottom:1px solid #edf0f4;padding:12px 0}.setting:last-child{border:0}.setting span:first-child{color:var(--muted);font-size:9px}.setting b{text-align:right;max-width:62%;font-size:9px}footer{border-top:1px solid var(--line);color:#8a95a6;justify-content:space-between;padding:20px 0 5px;font-size:9px;display:flex}footer b{color:#537063}@media (max-width:1050px){aside{width:205px}main{margin-left:205px;padding:28px 25px}.metric-grid{grid-template-columns:1fr 1fr}.approval-grid,.overview-grid,.two-column{grid-template-columns:1fr}}@media (max-width:720px){aside{width:100%;height:auto;position:static}.safety,.profile{display:none}nav{grid-template-columns:1fr 1fr;display:grid}main{margin:0;padding:24px 16px}.metric-grid,.build-grid,.booking-grid{grid-template-columns:1fr}main>header{align-items:flex-start}.header-actions .icon-button{display:none}.notice p{margin:3px 0;display:block}.notice button{display:none}.table-wrap{overflow:auto}table{min-width:700px}}
.mock-banner{color:#684e00;background:#fff4cf;border:1px solid #ecd47f;border-radius:9px;margin-bottom:24px;padding:11px 15px}.mock-banner strong{margin-right:8px}.content-grid{grid-template-columns:360px 1fr;gap:18px;display:grid}.control-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stack,.form-grid{gap:12px;display:grid}.form-grid{grid-template-columns:1fr 1fr}.form-grid button{grid-column:1/-1}label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #ccd5e2;border-radius:7px;padding:10px}textarea{resize:vertical;min-height:85px}button{cursor:pointer}.danger{color:#fff;background:#9c3434;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.button-row{flex-wrap:wrap;gap:9px;display:flex}.confirm-box{color:#685425;background:#fff8e8;border:1px solid #efdfb8;border-radius:7px;padding:10px;font-size:11px}.flash{border-radius:8px;margin-bottom:16px;padding:12px 15px}.flash.error{color:#8d2828;background:#fff0f0;border:1px solid #efcaca}.flash.success{color:#176447;background:#eaf8f1;border:1px solid #c7ead8}.empty{text-align:center;color:var(--muted);padding:40px}.narrow{max-width:720px}.workflow{margin-top:18px}.link-button{margin-top:10px;text-decoration:none;display:inline-block}.detail-status{gap:8px;margin:-10px 0 18px;display:flex}.muted{color:var(--muted);font-size:11px}.disabled-send{color:#8893a3;cursor:not-allowed;background:#f1f3f6;border:1px solid #d9dee6;border-radius:7px;margin-top:10px;padding:9px 13px;display:block}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}dl{grid-template-columns:150px 1fr;gap:10px;display:grid}dt{color:var(--muted)}dd{margin:0;font-weight:700}.auth-page{place-items:center;min-height:100vh;margin:0;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(430px,100%);padding:30px}.auth-card form{gap:15px;margin:22px 0;display:grid}.auth-card>small{color:var(--muted)}@media (max-width:850px){.content-grid,.control-grid,.card-grid{grid-template-columns:1fr}}@media (max-width:720px){.form-grid{grid-template-columns:1fr}.shell aside form{display:none}}