:root{--ink:#172230;--muted:#768394;--line:#e8edf2;--blue:#2c6bed;--navy:#10202d;--bg:#f7f9fb;--orange:#f5a345;--green:#31a675;--purple:#8b73e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#cad5df;padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;letter-spacing:-.5px;margin:0 10px 46px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#7990a5;font-weight:600;margin-top:1px}.brand-mark{width:30px;height:30px;border-radius:10px;background:#f3a04e;color:#10202d;display:grid;place-items:center;font:bold 22px Georgia;font-style:italic}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;color:#9eafbf;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#203442;color:#fff}.sidebar nav i{font-style:normal;font-size:18px;width:20px;text-align:center}.nav-label{font-size:10px;color:#64798d;letter-spacing:1.5px;margin:29px 14px 6px}.nav-badge{margin-left:auto;background:#f3a04e;color:#192936;border-radius:50%;width:18px;height:18px;text-align:center;font-size:11px}.sidebar-foot{margin-top:auto;border-top:1px solid #263a48;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar,.mini-avatar{display:grid;place-items:center;background:#dbe8ff;color:#2864d5;border-radius:50%;font-weight:800}.avatar{width:34px;height:34px}.sidebar-foot strong{display:block;color:#fff;font-size:12px}.sidebar-foot small{color:#7890a5;font-size:11px}.logout{margin-left:auto;color:#7890a5;font-size:20px}.main{margin-left:250px;padding:0 48px 60px;max-width:1500px}.topbar{height:122px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar h1{margin:4px 0 0;font-size:27px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#8491a0}.top-actions{display:flex;align-items:center;gap:17px;color:var(--muted)}.icon-btn{font-size:23px}.divider{height:26px;border-left:1px solid var(--line)}.top-user{font-weight:600}.welcome{display:flex;align-items:center;justify-content:space-between;padding:34px 0 28px}.welcome h2{font-size:24px;margin:5px 0}.wave{color:var(--orange);font-size:18px}.muted{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;gap:15px;align-items:flex-start}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px}.stat-icon.blue{background:#e9f0ff;color:var(--blue)}.stat-icon.orange{background:#fff2df;color:#ed902c}.stat-icon.purple{background:#f0edff;color:var(--purple)}.stat-icon.green{background:#e2f7ef;color:var(--green)}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:28px;line-height:1.2;margin:3px 0}.stat small{font-size:11px}.dashboard-grid,.detail-grid,.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:18px}.panel.narrow{max-width:800px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.panel-title h3{margin:3px 0;font-size:17px}.panel-title a{color:var(--blue);font-size:12px;font-weight:700}.count{background:#f1f4f7;color:#748292;border-radius:20px;padding:5px 11px;font-size:11px}.recent-list{display:grid}.recent-row,.agenda-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.recent-row>span:nth-child(2),.agenda-row>span:nth-child(2){flex:1}.mini-avatar{width:34px;height:34px;font-size:12px}.recent-row strong,.agenda-row strong{display:block;font-size:13px}.recent-row small,.agenda-row small{display:block;color:var(--muted);font-size:11px}.status{font-size:11px;font-weight:700;white-space:nowrap;text-transform:capitalize}.status.active{color:#20a171}.status.converted{color:#6d59db}.status.paused{color:#b38344}.agenda-time{border-right:1px solid var(--line);padding-right:15px;color:var(--blue);font-weight:800;text-align:center}.agenda-time small{color:var(--muted)}.toolbar,.report-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 13px;width:340px}.search input{border:0!important;padding:12px 0!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;padding:11px 16px;font-weight:800;font-size:12px;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#edf3ff;color:var(--blue)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#526273}.full{width:100%}.table-panel{padding-bottom:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#8491a0;text-transform:uppercase;letter-spacing:1px;font-weight:800;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #f0f3f6;color:#536272;font-size:12px}td strong{color:var(--ink)}.table-client{display:flex;align-items:center;gap:10px}.table-client small{display:block;color:var(--muted)}.mono{font-family:monospace;color:#4b68a2}.more{font-size:18px;color:var(--blue)}.back{margin:26px 0 18px;color:var(--blue);font-size:12px;font-weight:700}.detail-head{display:flex;align-items:center;gap:16px;margin:25px 0 28px}.client-avatar{width:56px;height:56px;border-radius:14px;background:#dce8ff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:800}.detail-head h2{margin:2px 0;font-size:25px}.detail-head .status{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label{font-size:11px;font-weight:800;color:#667688}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce3ea;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #eaf0ff}.contact-info{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:grid;gap:8px;font-size:12px}.contact-info strong{font-size:11px;color:#526273;text-transform:uppercase;letter-spacing:1px}.contact-info small{color:var(--muted);margin-left:6px}.timeline{margin-top:0}.timeline-item{display:flex;gap:16px;border-top:1px solid var(--line);padding:18px 0}.timeline-dot{width:10px;height:10px;border:3px solid #bcd1ff;border-radius:50%;margin:4px 2px 0 3px;flex:none}.timeline-meta{display:flex;gap:15px;align-items:center}.timeline-meta strong{color:var(--blue);font-size:13px}.timeline-meta span{color:var(--muted);font-size:11px}.timeline-item p{margin:5px 0;color:#4f5d6c}.timeline-item small{color:var(--muted);font-size:11px}.empty{text-align:center;color:var(--muted);padding:28px}.reminder-list{display:grid;gap:12px}.reminder-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;display:flex;align-items:center;gap:18px}.reminder-card.overdue{border-left:4px solid #ee7c59}.reminder-date{width:54px;height:54px;border-radius:10px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;line-height:1}.reminder-date strong{font-size:20px}.reminder-date span{font-size:10px;font-weight:800}.reminder-card h3{margin:2px 0;font-size:16px}.reminder-card p{margin:2px 0;color:#5f6e7c}.reminder-card small{color:var(--muted)}.reminder-card form{margin-left:auto}.role{font-size:11px;background:#eef2f6;border-radius:20px;padding:5px 9px;color:#657383}.role.admin{background:#f0edff;color:#6c58d7}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tag-list span{background:#f4f6f8;border-radius:20px;padding:7px 11px;font-size:12px}.tag-list small{color:var(--muted);font-weight:700}.inline-form{border-top:1px solid var(--line);padding-top:16px}.inline-form summary{cursor:pointer;color:var(--blue);font-weight:800;font-size:12px;margin-bottom:12px}.report-stats{grid-template-columns:repeat(4,1fr)}.bar-row{display:grid;grid-template-columns:160px 1fr 30px;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.bar{height:9px;border-radius:20px;background:#edf1f5;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:20px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#10202d 0%,#193544 55%,#f3a04e 160%)}.login-card{background:#fff;width:min(420px,calc(100% - 32px));border-radius:16px;padding:40px;box-shadow:0 20px 60px #06131c66}.login-card .brand{color:var(--navy);margin:0 0 36px}.login-card .brand small{color:var(--muted)}.login-card h1{margin:0 0 5px;font-size:25px}.login-card form{display:grid;gap:16px;margin-top:26px}.hint{text-align:center;font-size:11px;color:var(--muted);margin:20px 0 0}.alert{padding:12px 16px;border-radius:8px;margin:18px 0;font-weight:600;font-size:12px}.alert.success{background:#e5f7ef;color:#167a55}.alert.error{background:#ffebe8;color:#b0493d}@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px;padding:0 25px}.dashboard-grid,.detail-grid,.admin-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto;padding:16px}.sidebar .brand{margin:0 0 15px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{padding:9px}.sidebar nav i{display:none}.nav-label,.sidebar-foot{display:none}.main{margin-left:0;padding:0 14px 30px}.topbar{height:94px}.top-user{display:none}.welcome,.toolbar,.report-head{display:block}.welcome .btn,.toolbar .btn,.report-head .btn{margin-top:15px}.stats,.report-stats{grid-template-columns:1fr}.search{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.detail-head{align-items:flex-start;flex-wrap:wrap}.detail-head .status{margin-left:0;width:100%}.reminder-card{align-items:flex-start;flex-wrap:wrap}.reminder-card form{margin-left:72px}}
:root{--ink:#24282c;--muted:#747a80;--line:#e1e3e5;--blue:#4d555c;--navy:#252a2e;--bg:#f3f4f3;--orange:#aa8a63;--green:#63816f;--purple:#7a7470}.main{max-width:none;padding-left:48px;padding-right:48px}.btn.primary{background:#4d555c}.btn.secondary{background:#ececea;color:#4d555c}.sidebar nav a:hover,.sidebar nav a.active{background:#343a3f;color:#fff}.brand-mark{background:#b99a70;color:#252a2e}.nav-badge{background:#b99a70;color:#252a2e}.stat-icon.blue{background:#eceeed;color:#4d555c}.stat-icon.orange{background:#f1ece5;color:#957751}.stat-icon.purple{background:#ece9e6;color:#756e69}.stat-icon.green{background:#e7eee9;color:#63816f}.search input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8e9498;box-shadow:0 0 0 3px #eef0ef}.reminder-inline{color:#596168!important}.table-panel{width:100%}@media(max-width:900px){.main{padding-left:25px;padding-right:25px}}@media(max-width:650px){.main{padding-left:14px;padding-right:14px}}
.panel.narrow{max-width:none;width:100%}.panel.narrow .form-grid{width:100%}
.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin:20px 0 -8px}.btn.danger{background:#f3e8e5;color:#9b5f54;border:1px solid #ead5d1}.btn.danger:hover{background:#ead5d1}.detail-actions form{margin:0}.panel-title form{margin:0}