:root{--navy: #00104b;--navy-deep: #000a33;--orange: #fc7133;--yellow: #fce205;--yellow-green: #f9d440;--teal: #7dc1b1;--light-blue: #bbcde2;--beige: #f0decd;--off-white: #f3eae3;--ink: #1a1f36;--ink-soft: #5a6178;--line: rgba(0, 16, 75, .09);--danger: #d64545;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--off-white);color:var(--ink);font-size:14px}h1,h2,h3{font-family:Syne,DM Sans,sans-serif;color:var(--navy)}.shell{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--navy);color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:4px 10px 20px}.sidebar .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--orange);display:grid;place-items:center;font-weight:800;color:#fff;font-family:Syne}.sidebar .brand-name{font-weight:800;font-size:15px;letter-spacing:.2px}.sidebar .brand-sub{font-size:10px;color:var(--light-blue)}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#ffffffb8;cursor:pointer;font-weight:500;border:none;background:transparent;width:100%;text-align:left;font-size:13.5px}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--orange);color:#fff;font-weight:700}.sidebar .spacer{flex:1}.main{flex:1;padding:28px 32px;max-width:1180px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-head h1{font-size:24px}.page-head p{color:var(--ink-soft);margin-top:4px;font-size:13px}.card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 4px 18px #00104b0f;margin-bottom:18px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.kpi .kpi-value{font-size:26px;font-weight:800;color:var(--navy);font-family:Syne}.kpi .kpi-label{font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.kpi .kpi-accent{width:28px;height:4px;border-radius:2px;margin-bottom:10px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable:hover{background:#faf7f2;cursor:pointer}.btn{border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{filter:brightness(1.06)}.btn-navy{background:var(--navy);color:#fff}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.btn-danger{background:#fbe3e3;color:var(--danger)}.btn-sm{padding:6px 11px;font-size:12px;border-radius:8px}label.field{display:block;margin-bottom:12px}label.field span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin-bottom:5px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13.5px;background:#faf8f5;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--light-blue)}input[type=color]{padding:2px;height:42px;cursor:pointer;background:#fff}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge.done{background:#7dc1b138;color:#2e7d6b}.badge.in_progress{background:#fc713326;color:var(--orange)}.badge.pending{background:#bbcde266;color:var(--ink-soft)}.badge.active{background:#7dc1b138;color:#2e7d6b}.badge.inactive{background:#fbe3e3;color:var(--danger)}.stage-pill{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink-soft);font-family:inherit}.stage-pill.done{border-color:var(--teal);color:#2e7d6b;background:#7dc1b11f}.stage-pill.in_progress{border-color:var(--orange);color:var(--orange);background:#fc71331a}.stage-flow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00104b73;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:18px;padding:24px;width:min(560px,92vw);max-height:88vh;overflow:auto}.modal h2{margin-bottom:16px;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--navy),var(--navy-deep))}.login-card{background:#fff;border-radius:20px;padding:32px;width:min(400px,92vw)}.login-card h1{font-size:20px;margin-bottom:4px}.login-card p{color:var(--ink-soft);font-size:13px;margin-bottom:20px}.login-logo{width:44px;height:44px;border-radius:12px;background:var(--orange);display:grid;place-items:center;color:#fff;font-weight:800;font-family:Syne;font-size:18px;margin-bottom:16px}.error{background:#fbe3e3;color:var(--danger);border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.hint{font-size:11.5px;color:var(--ink-soft);margin-top:12px}.phone{width:250px;border-radius:30px;border:8px solid var(--navy-deep);overflow:hidden;background:var(--off-white);flex-shrink:0}.phone-hero{padding:16px;color:#fff}.phone-hero .ph-label{font-size:8px;text-transform:uppercase;letter-spacing:1px;opacity:.7}.phone-hero .ph-stage{font-size:13px;font-weight:800;margin-top:3px}.phone-bar{height:6px;border-radius:3px;background:#fff3;margin-top:10px;overflow:hidden}.phone-bar i{display:block;height:100%;width:55%}.phone-stats{display:flex;background:#fff;margin:10px;border-radius:10px;padding:8px 0}.phone-stats div{flex:1;text-align:center}.phone-stats b{font-size:9px;display:block}.phone-stats span{font-size:6.5px;text-transform:uppercase;font-weight:700}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:none}.switch{position:relative;width:40px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--light-blue);border-radius:999px;cursor:pointer;transition:.2s}.switch:checked{background:var(--teal)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch:checked:after{left:20px}.muted{color:var(--ink-soft);font-size:12px}.section-title{font-size:15px;margin-bottom:12px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar input{max-width:260px}.save-bar{position:sticky;bottom:16px;display:flex;justify-content:flex-end}.saved-toast{background:var(--teal);color:#fff;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:700;margin-right:12px;align-self:center}