:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#16233d;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;background:#101a2e;color:#aebbd0;padding:29px 17px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;color:white;padding:0 12px 31px}.brand-icon{width:36px;height:36px;border-radius:11px;background:#4c81ff;display:grid;place-items:center;font-size:23px}.brand strong{font-size:21px;letter-spacing:-.8px}.brand small{display:block;font-weight:750;font-size:9px;letter-spacing:1.8px;color:#8ca0c4;margin-top:3px}.workspace{background:#1b2a43;border:1px solid #2b3d5c;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.workspace-avatar{background:#deefe9;color:#227b66;border-radius:9px;padding:10px;font-size:11px;font-weight:800}.workspace strong{color:#fff;display:block;font-size:12px}.workspace small{font-size:11px}.workspace>span{margin-left:auto}.nav-heading{font-size:10px;font-weight:800;letter-spacing:1.6px;margin:34px 13px 12px;color:#7487a5}nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#9babc3;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;font-weight:650;font-size:13px}.nav-item .symbol{font-size:18px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:#244777;color:#f3f8ff}.nav-item.active{box-shadow:inset 3px 0 #73aeff}.sidebar-foot{margin-top:auto;background:#17243a;border-radius:12px;padding:13px;font-size:11px;line-height:2}.sidebar-foot small{color:#778da8}.live-dot{display:inline-block;width:7px;height:7px;background:#64d3a5;border-radius:50%;margin-right:6px}.main{flex:1;min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid #e8ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 37px}.breadcrumb{font-size:13px;color:#8692a7}.breadcrumb span{margin:0 12px;color:#c8cfda}.breadcrumb b{color:#22314e}.top-actions{display:flex;align-items:center;gap:20px}.demo-pill{font-size:10px;letter-spacing:1px;font-weight:800;color:#2f816f;background:#eaf8f2;padding:9px 12px;border-radius:20px}.icon-btn{border:0;background:transparent;color:#7b8ba4;font-size:22px}.user-avatar{border-radius:50%;background:#dbe7ff;color:#335fc9;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:800}.content{padding:35px 37px;max-width:1540px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{color:#487bdc;font-size:11px;letter-spacing:1.7px;font-weight:800;text-transform:uppercase}.page-header h1{font-size:29px;letter-spacing:-1.2px;margin:7px 0 6px;color:#14233d}.muted{color:#8290a7;font-size:13px;margin:0}.btn{border:1px solid transparent;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.primary{background:#427bf4;color:white;box-shadow:0 6px 14px #427bf424}.btn.primary:hover{background:#2d66df}.btn.secondary{background:white;border-color:#e0e5ee;color:#405271}.btn.danger{background:#fff0ef;color:#c64b51}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card,.panel{background:#fff;border:1px solid #e9edf4;box-shadow:0 4px 18px #1e3a6c06;border-radius:14px}.stat-card{padding:22px}.stat-title{display:flex;align-items:center;justify-content:space-between;color:#7d899c;font-size:12px;font-weight:700}.stat-symbol{width:35px;height:35px;background:#eff4ff;color:#4e7be5;border-radius:10px;display:grid;place-items:center;font-size:19px}.stat-value{font-size:29px;font-weight:800;letter-spacing:-1px;margin:17px 0 5px}.stat-detail{font-size:11px;color:#8b98aa}.green{color:#279a6b;font-weight:800}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.panel{padding:24px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.panel h2{margin:0;color:#23334c;font-size:16px;letter-spacing:-.3px}.panel-note{font-size:12px;color:#9ba6b8}.text-link{border:0;background:transparent;color:#4b78d4;font-size:12px;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}th{color:#8d99aa;text-transform:uppercase;font-size:10px;letter-spacing:.9px;font-weight:800;border-bottom:1px solid #e9edf3;padding:13px 10px}td{padding:17px 10px;border-bottom:1px solid #f0f2f6;font-size:12px;color:#516079}td strong{color:#26364f;font-size:12px}tr:last-child td{border-bottom:none}.chip{font-size:10px;font-weight:800;display:inline-block;padding:6px 9px;border-radius:6px;white-space:nowrap}.chip.confirmed,.chip.active,.chip.completed{background:#e8f8f0;color:#219b69}.chip.pending,.chip.in-progress{background:#fff5df;color:#c78a20}.chip.cancelled,.chip.inactive{background:#ffeded;color:#cc5962}.chip.scheduled{background:#eaf1ff;color:#4178e4}.avatar-circle{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:#e6ecfb;color:#5472b4;font-size:10px;font-weight:800;margin-right:9px}.person-cell{display:flex;align-items:center;white-space:nowrap}.actions{display:flex;gap:5px}.mini-btn{border:1px solid #e6ebf3;background:white;color:#63758f;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:700}.mini-btn:hover{border-color:#7aa3ed;color:#2b61be}.activity{display:flex;flex-direction:column;gap:21px}.activity-item{display:flex;gap:12px}.activity-icon{width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:#5183df;display:grid;place-items:center;flex-shrink:0}.activity-item strong{font-size:12px;color:#344258}.activity-item p{margin:5px 0;font-size:11px;color:#8190a7}.activity-item small{color:#a6b1c0;font-size:10px}.section-sub{margin-top:22px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:0 0 17px;flex-wrap:wrap}.search-input{background:white;border:1px solid #e4e9f2;border-radius:9px;padding:12px 15px;min-width:270px;color:#25344c;outline:none}.search-input:focus{border-color:#6e9df2}.record-meta{font-size:12px;color:#8794a9;padding-top:12px}.empty{text-align:center;padding:55px;color:#8896ab;font-size:13px}.empty strong{color:#354662;display:block;margin-bottom:6px}.hint{padding:18px 20px;background:#eaf2ff;border:1px solid #dce9fd;color:#46658f;border-radius:11px;font-size:12px;line-height:1.7;margin-top:21px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#53617a}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6f0;border-radius:9px;padding:11px;color:#21314d;background:#fff;outline:none}.field textarea{min-height:77px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5690ee}.modal-backdrop{position:fixed;inset:0;background:#0b1736a8;display:grid;place-items:center;padding:20px;z-index:10}.hidden{display:none!important}.modal{width:min(580px,100%);max-height:90vh;overflow:auto;border-radius:16px;background:white;padding:28px;box-shadow:0 25px 80px #0003}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.modal-head h2{margin:0;font-size:21px}.modal-head p{font-size:12px;color:#8b9ab0}.close-btn{border:0;background:transparent;font-size:25px;color:#8090a8}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;bottom:25px;right:26px;background:#18304e;color:white;padding:13px 18px;border-radius:10px;box-shadow:0 15px 40px #1235;z-index:20;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-card p{color:#8c98aa;font-size:12px;line-height:1.7}.settings-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.section-blurb{font-size:13px;line-height:1.8;color:#74849b}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.workflow-step{border:1px solid #e5ecf5;border-radius:12px;padding:18px;background:white}.workflow-step .step-num{color:#6292e8;font-size:11px;font-weight:800}.workflow-step strong{display:block;margin:11px 0 7px;font-size:13px}.workflow-step p{color:#8997ac;font-size:11px;line-height:1.6;margin:0}@media(max-width:1050px){.sidebar{width:210px}.content{padding:25px}.topbar{padding:0 25px}.stats{grid-template-columns:repeat(2,1fr)}.two-col,.settings-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app{display:block}.sidebar{width:100%;min-height:auto;padding:12px}.brand{padding:0 5px 12px}.workspace,.nav-heading,.sidebar-foot{display:none}nav{flex-direction:row;overflow:auto}nav .nav-item{white-space:nowrap;padding:9px 10px}.topbar{height:55px;padding:0 15px}.content{padding:20px 14px}.demo-pill{display:none}.page-header{align-items:flex-start}.page-header h1{font-size:24px}.stats{gap:9px}.stat-card{padding:14px}.stat-value{font-size:23px}.panel{padding:16px}.workflow{grid-template-columns:1fr}.form-fields{grid-template-columns:1fr}.field.full{grid-column:auto}}