@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#1f2329;font-synthesis:none;--red:#aa2329;--red-dark:#84191f;--red-soft:#f8e9e9;--ink:#202329;--muted:#777b83;--line:#e7e4de;--cream:#f5f4f1;--panel:#fff;--blue:#3b73b9;--amber:#d59a2e;--green:#2e8766;--shadow:0 10px 30px #29231a0d;background:#f5f4f1;font-family:Be Vietnam Pro,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 92% 0%, #ad232a0d, transparent 28%), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:#1d1f22;flex-direction:column;width:252px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 26px;display:flex}.brand-mark{background:linear-gradient(135deg,#c6353d,#8f1820);border-radius:13px;flex:none;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 8px 18px #b5293047}.brand-mark svg{width:34px;height:34px;overflow:visible}.brand-speed{fill:#ffffff6b}.brand-letter{fill:#fff}.brand-letter-right{fill:#f8f8f8}.brand-accent{fill:#ffbd5d}.brand-copy{min-width:0;line-height:1}.brand-copy>span,.brand-copy>strong,.brand-copy>small{display:block}.brand-copy>span{color:#ff626b;letter-spacing:2.3px;font-size:7px;font-weight:700}.brand-copy>strong{color:#fff;letter-spacing:.1px;white-space:nowrap;margin-top:3px;font:800 16px/1 Manrope}.brand-copy>small{color:#6f747e;letter-spacing:1.7px;margin-top:5px;font-size:6px;font-weight:700}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.branch-card{background:#292c30;border:1px solid #373a3e;border-radius:12px;margin-bottom:25px;padding:11px 12px 10px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#898e95;font-size:9px;font-weight:700}.branch-card label{align-items:center;gap:7px;margin-top:7px;display:flex}.branch-card select{color:#fff;appearance:none;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px;font-weight:600}.branch-card option{color:#222}.sidebar nav p{text-transform:uppercase;color:#71767e;letter-spacing:1.6px;margin:0 11px 9px;font-size:9px;font-weight:700}.sidebar nav button,.sidebar-footer>button{color:#aaaeb5;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.sidebar nav button:hover,.sidebar-footer>button:hover{color:#fff;background:#292c30}.sidebar nav button em{color:#858991;text-align:center;background:#2e3135;border-radius:8px;min-width:25px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.sidebar-footer{margin-top:auto}.support-card{color:#b7bbc1;background:linear-gradient(135deg,#282b2f,#25272b);border:1px solid #373a3e;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:12px 10px;display:flex}.support-card div{flex:1;min-width:0}.support-card strong,.support-card span{display:block}.support-card strong{color:#f4f4f4;font-size:10px}.support-card span{color:#7e838a;white-space:nowrap;margin-top:3px;font-size:8px}main{min-height:100vh;padding-left:252px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.global-search{color:#989ba0;align-items:center;gap:10px;width:min(440px,42vw);display:flex}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.global-search kbd{color:#96989c;background:#f7f6f3;border:1px solid #dedbd5;border-radius:5px;padding:3px 6px;font-size:9px;box-shadow:0 1px #d8d5cf}.topbar-actions{align-items:center;gap:18px;display:flex}.icon-button{border:1px solid var(--line);color:#60646a;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification i{background:#bc2d34;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.notification-wrap{position:relative}.notification-panel{z-index:45;background:#fff;border:1px solid #e8e8ea;border-radius:15px;width:290px;padding:10px;position:absolute;top:45px;right:0;box-shadow:0 22px 55px #14161b2e}.notification-panel header{border-bottom:1px solid #eeeef0;justify-content:space-between;align-items:center;padding:4px 5px 9px;display:flex}.notification-panel header strong{font-size:10px}.notification-panel header button{color:#858a92;background:0 0;border:0}.notification-panel>div{border-bottom:1px solid #f0f0f1;grid-template-columns:auto 1fr;gap:9px;padding:10px 5px;display:grid}.notification-panel>div:last-child{border-bottom:0}.notification-panel>div>i{border-radius:50%;width:8px;height:8px;margin-top:3px}.notification-panel i.urgent{background:var(--red)}.notification-panel i.info{background:var(--blue)}.notification-panel i.success{background:var(--green)}.notification-panel p{margin:0}.notification-panel p strong,.notification-panel p span{display:block}.notification-panel p strong{font-size:8px}.notification-panel p span{color:#92969d;margin-top:3px;font-size:7px}.profile{align-items:center;gap:10px;display:flex}.profile-avatar{color:#fff;background:#26292d;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.profile strong,.profile span{display:block}.profile strong{font-size:11px}.profile span{color:#979a9f;margin-top:2px;font-size:9px}.menu-button{background:0 0;border:0;display:none}.content{max-width:1650px;margin:auto;padding:32px 34px 90px}.page-intro{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px;display:flex}.page-intro>div:first-child>span{color:var(--red);text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700}.page-intro h1{letter-spacing:-.7px;margin:5px 0 6px;font:800 26px/1.2 Manrope}.page-intro p{color:var(--muted);margin:0;font-size:11px}.wave{display:inline-block;transform:rotate(-8deg)}.page-actions{flex-shrink:0;gap:9px;display:flex}.primary-button,.secondary-button{border:1px solid;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:600;display:inline-flex}.primary-button{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 7px 16px #a71f2629}.primary-button:hover{background:var(--red-dark)}.secondary-button{color:#555a61;border-color:var(--line);background:#fff}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:17px;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle,#a8272e0f,#0000 70%);border-radius:50%;width:85px;height:85px;position:absolute;top:-22px;right:-20px}.metric-icon{border-radius:10px;place-items:center;width:37px;height:37px;margin-bottom:14px;display:grid}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-icon.blue{color:var(--blue);background:#e8f0f8}.metric-icon.amber{color:var(--amber);background:#fbf2df}.metric-icon.green{color:var(--green);background:#e8f4ef}.metric-card>button{color:#a0a2a6;z-index:1;background:0 0;border:0;position:absolute;top:13px;right:13px}.metric-period{color:#9b9fa6;font-size:7px;font-weight:600;position:absolute;top:16px;right:16px}.metric-card:first-child .metric-period{color:#fff9}.metric-card>span{color:#777b81;font-size:10px;display:block}.metric-card>strong{letter-spacing:-.7px;font:800 23px/1.5 Manrope}.metric-note{align-items:center;gap:6px;font-size:9px;display:flex}.metric-note em{color:var(--green);background:#edf7f2;border-radius:5px;align-items:center;padding:3px 5px;font-style:normal;font-weight:700;display:inline-flex}.metric-note span{color:#999ca1}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.lower{grid-template-columns:1.05fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.panel-header h2{margin:0 0 4px;font:700 13px Manrope}.panel-header p{color:#96999d;margin:0;font-size:9px}.panel-header button{color:var(--red);background:0 0;border:0;align-items:center;padding:0;font-size:9px;font-weight:600;display:flex}.revenue-summary{justify-content:space-between;align-items:end;padding:4px 20px 3px;display:flex}.revenue-summary div:first-child span,.revenue-summary div:first-child strong{display:block}.revenue-summary div:first-child span{color:#9a9ca1;font-size:9px}.revenue-summary div:first-child strong{margin-top:2px;font:800 18px Manrope}.legend{color:#82858b;gap:13px;font-size:8px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:3px;width:15px;height:3px;display:inline-block}.legend i.sales{background:var(--red)}.legend i.service{background:var(--amber)}.chart-wrap{height:230px;padding:12px 18px 18px;display:flex}.axis-labels{color:#a0a2a6;flex-direction:column;justify-content:space-between;align-items:flex-start;width:37px;height:185px;font-size:8px;display:flex}.chart-area{flex:1;min-width:0;height:200px;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 15px}.grid-lines i{border-top:1px dashed #ece9e4;width:100%}.chart-area svg{width:100%;height:180px;position:relative;overflow:visible}.chart-days{color:#989ba0;justify-content:space-between;height:20px;font-size:8px;display:flex}.appointment-list{padding:1px 20px 11px}.appointment-row{border-top:1px solid #efede9;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.appointment-time{align-self:stretch;padding-top:2px;position:relative}.appointment-time strong{font:700 11px Manrope}.appointment-time i{border-radius:3px;width:3px;height:18px;display:block;position:absolute;top:0;right:0}.appointment-time i.red{background:var(--red)}.appointment-time i.amber{background:var(--amber)}.appointment-time i.blue{background:var(--blue)}.appointment-info strong,.appointment-info span{display:block}.appointment-info strong{font-size:10px}.appointment-info span{color:#8e9196;margin-top:3px;font-size:8px}.kind{border-radius:6px;padding:4px 7px;font-size:8px}.kind.red{color:var(--red);background:var(--red-soft)}.kind.amber{color:#9c6b14;background:#fbf1dd}.kind.blue{color:#3d6fae;background:#eaf1f8}.funnel{padding:4px 20px 17px}.funnel-step{align-items:center;gap:9px;margin:9px 0;display:flex}.funnel-bar{color:#fff;border-radius:7px;align-items:center;gap:10px;min-width:55%;height:36px;padding:0 12px;transition:all .25s;display:flex}.funnel-bar strong{font:800 14px Manrope}.funnel-bar span{opacity:.9;font-size:8px}.funnel-bar.slate{background:linear-gradient(90deg,#595f67,#717780)}.funnel-bar.blue{background:linear-gradient(90deg,#376ba9,#5385bd)}.funnel-bar.amber{background:linear-gradient(90deg,#c88c25,#dda73e)}.funnel-bar.green{background:linear-gradient(90deg,#277858,#3c9471)}.funnel-step b{color:#777b81;white-space:nowrap;font-size:8px;font-weight:600}.task-item{border-top:1px solid #efede9;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.task-check{background:#fff;border:2px solid;border-radius:5px;width:17px;height:17px}.task-check.high{border-color:var(--red)}.task-check.medium{border-color:var(--amber)}.task-check.low{border-color:#8394a6}.task-item strong,.task-item span{display:block}.task-item strong{font-size:9px}.task-item span{color:#96999d;margin-top:3px;font-size:8px}.task-item>svg{color:#a5a8ac}.task-item.done{opacity:.55}.task-item.done strong{text-decoration:line-through}.task-item.done .task-check{color:#fff;background:var(--green);border-color:var(--green);place-items:center;display:grid}.customers-panel{margin-top:0;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#93969b;text-transform:uppercase;letter-spacing:.7px;background:#faf9f7;border-top:1px solid #eeece7;border-bottom:1px solid #eeece7;padding:10px 15px;font-size:7px;font-weight:700}td{color:#656970;white-space:nowrap;border-bottom:1px solid #f0eeea;padding:12px 15px;font-size:9px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfbf9}.customer-cell,.owner{align-items:center;gap:9px;display:flex}.mini-avatar{color:#574f47;background:#f0ebe5;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:grid}.customer-cell strong,.customer-cell span,td .branch-name{display:block}.customer-cell strong{color:#2a2e33;font-size:9px}.customer-cell span,.branch-name{color:#9a9da1;margin-top:3px;font-size:7px}td strong.regular{color:#44484e;font-size:9px;font-weight:500}.status{border-radius:6px;padding:4px 7px;font-size:7px;font-weight:600;display:inline-block}.status-green{color:#287657;background:#e8f4ef}.status-blue{color:#386ca9;background:#e8f0f8}.status-amber{color:#946713;background:#fbf0dc}.status-red{color:#a32027;background:#f9e7e7}.status-slate{color:#686d73;background:#eeeeed}.owner i{color:#fff;background:#30343a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:7px;font-style:normal;display:grid}.row-menu{color:#999da2;background:0 0;border:0}.floating-add{z-index:14;color:#fff;background:#22252a;border:0;border-radius:25px;align-items:center;gap:8px;padding:12px 17px;font-size:10px;font-weight:600;display:flex;position:fixed;bottom:25px;right:28px;box-shadow:0 10px 28px #1c1e2140}.list-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.inline-search{border:1px solid var(--line);color:#92959a;background:#fff;border-radius:9px;align-items:center;gap:9px;width:340px;padding:0 12px;display:flex}.inline-search input{border:0;outline:0;width:100%;height:38px;font-size:10px}.filter-select{border:1px solid var(--line);color:#777b82;background:#fff;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.filter-select select{appearance:none;color:#555a61;background:0 0;border:0;outline:0;font-size:9px}.result-count{color:#898c91;margin-left:auto;font-size:9px}.full-list{overflow:hidden}.full-list th{padding-top:13px;padding-bottom:13px}.full-list td{padding-top:15px;padding-bottom:15px}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px;padding-bottom:15px;display:grid;overflow-x:auto}.kanban-column{background:#eeece8;border-radius:12px;min-height:500px;padding:13px}.kanban-column>header{align-items:center;gap:8px;display:flex}.kanban-column>header i{background:#777;border-radius:50%;width:8px;height:8px}.kanban-column>header i.blue{background:var(--blue)}.kanban-column>header i.amber{background:var(--amber)}.kanban-column>header i.green{background:var(--green)}.kanban-column>header strong{font-size:10px}.kanban-column>header span{background:#dedbd5;border-radius:7px;padding:2px 6px;font-size:8px}.kanban-column>header svg{color:#888c91;margin-left:auto}.kanban-column>p{color:#8f9297;margin:5px 0 13px 16px;font-size:8px}.kanban-cards{gap:9px;display:grid}.kanban-cards article{background:#fff;border:1px solid #e4e1dc;border-radius:10px;padding:13px;box-shadow:0 5px 15px #2823190a}.lead-top{align-items:center;gap:8px;display:flex}.lead-top strong{font-size:9px}.kanban-cards article>span{color:#7d8187;margin:10px 0 5px;font-size:8px;display:block}.kanban-cards article>b{font:700 11px Manrope}.kanban-cards footer{color:#999ca1;border-top:1px solid #efede9;justify-content:space-between;margin-top:12px;padding-top:9px;display:flex}.lead-move{gap:4px;display:flex}.lead-move button{color:#6c7179;background:#fff;border:1px solid #e5e5e7;border-radius:7px;place-items:center;width:24px;height:22px;display:grid}.lead-move button:disabled{opacity:.3;cursor:default}.add-card{color:#777b81;background:0 0;border:1px dashed #cbc7c0;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px;font-size:8px;display:flex}.schedule{padding:17px 21px 24px}.schedule-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:15px;display:flex}.schedule-head h2{margin:0 8px;font:700 13px Manrope}.schedule-head button{border:1px solid var(--line);color:#666a70;background:#fff;border-radius:7px;min-width:28px;height:28px}.schedule-head button.today{margin-left:auto;padding:0 10px;font-size:8px}.schedule-row{border-bottom:1px solid #f0eeea;grid-template-columns:65px 1fr;min-height:75px;padding:10px 0;display:grid}.schedule-row time{color:#656970;padding-top:7px;font:700 10px Manrope}.schedule-event{border-left:3px solid;border-color:var(--red);background:#faf4f4;border-radius:7px;grid-template-columns:1fr auto 90px;align-items:center;gap:10px;padding:9px 12px;display:grid}.schedule-event.amber{border-color:var(--amber);background:#fdf8ef}.schedule-event.blue{border-color:var(--blue);background:#f1f6fa}.schedule-event strong,.schedule-event div span{display:block}.schedule-event strong{font-size:9px}.schedule-event div span{color:#8b8f94;margin-top:3px;font-size:8px}.schedule-event>span,.schedule-event small{color:#74787e;font-size:8px}.service-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.service-stats div{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;padding:15px;display:flex}.service-stats span{color:#7f8389;font-size:9px}.service-stats strong{font:800 19px Manrope}.advance-button{width:28px;height:28px;color:var(--red);background:#fff;border:1px solid #e3e4e6;border-radius:8px;place-items:center;display:grid}.advance-button:disabled{color:var(--green);cursor:default;background:#edf7f3;border-color:#0000}.empty-state{text-align:center;color:#91959c;padding:45px 20px;font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1617198c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(520px,100%);animation:.2s modal-in;box-shadow:0 25px 70px #00000040}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.modal-header span{text-transform:uppercase;color:var(--red);letter-spacing:1.3px;font-size:8px;font-weight:700}.modal-header h2{margin:4px 0 0;font:800 20px Manrope}.modal-header button{color:#73777d;background:#f3f2ef;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px 13px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label.full{grid-column:1/-1}.form-grid label span{color:#555a60;font-size:9px;font-weight:600}.form-grid input,.form-grid select{color:#32363b;background:#fff;border:1px solid #ddd9d3;border-radius:8px;outline:none;height:40px;padding:0 11px;font-size:10px}.form-grid input:focus,.form-grid select:focus{border-color:#bd4b50;box-shadow:0 0 0 3px #aa232914}.modal-note{color:#77736b;background:#f7f4ed;border-radius:8px;align-items:flex-start;gap:9px;margin:4px 24px 0;padding:11px;font-size:8px;line-height:1.6;display:flex}.modal footer{justify-content:flex-end;gap:9px;padding:17px 24px 21px;display:flex}.toast{z-index:120;color:#fff;background:#24272b;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font-size:9px;animation:.25s toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000038}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.coming-soon{text-align:center;align-content:center;place-items:center;min-height:65vh;display:grid}.coming-soon>div{background:var(--red-soft);width:55px;height:55px;color:var(--red);border-radius:16px;place-items:center;display:grid}.coming-soon h1{margin:15px 0 4px;font:800 26px Manrope}.coming-soon p{color:#85898f;margin:0 0 18px;font-size:10px}.sidebar-overlay{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:repeat(4,260px)}}@media (width<=760px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:14px 0 35px #00000040}.sidebar.open{transform:translate(0)}.mobile-close{display:block}.sidebar-overlay{z-index:29;background:#00000059;border:0;display:block;position:fixed;inset:0}main{padding-left:0}.topbar{gap:10px;height:62px;padding:0 15px}.menu-button{display:block}.global-search{flex:1;width:auto}.global-search kbd,.profile>div:not(.profile-avatar),.profile>svg{display:none}.topbar-actions{gap:8px}.content{padding:23px 15px 85px}.page-intro{flex-direction:column;align-items:flex-start;margin-bottom:22px}.page-actions{width:100%}.page-actions button{flex:1}.metric-grid{gap:10px}.dashboard-grid.lower{grid-template-columns:1fr}.chart-wrap{height:210px}.chart-area{height:180px}.chart-area svg{height:160px}.appointment-row{grid-template-columns:46px 1fr}.appointment-row .kind{display:none}.floating-add{bottom:15px;right:15px}.service-stats{grid-template-columns:1fr 1fr}.schedule-event{grid-template-columns:1fr auto}.schedule-event small{display:none}}@media (width<=480px){.metric-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:46px 1fr;column-gap:10px;display:grid}.metric-card .metric-icon{grid-row:1/4;align-self:center;margin:0}.metric-card>span,.metric-card>strong,.metric-note{grid-column:2}.metric-card>strong{line-height:1.3}.revenue-summary{flex-direction:column;align-items:flex-start;gap:8px}.page-intro h1{font-size:23px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.inline-search{flex:1;width:auto}.result-count{display:none}.service-stats{grid-template-columns:1fr}}:root{--red:#e72c36;--red-dark:#bf1723;--red-soft:#fff0f1;--ink:#17191d;--muted:#747982;--line:#e9e8e5;--cream:#f3f4f6;--panel:#fffffff0;--blue:#3978e9;--amber:#e7a42a;--green:#16966a;--shadow:0 16px 45px #191c2311;font-family:Be Vietnam Pro,sans-serif}body{background:radial-gradient(circle at 82% -5%,#e72c3617,#0000 25%),linear-gradient(135deg,#f7f7f8 0%,#f0f1f3 100%)}.sidebar{background:radial-gradient(circle at 15% 0,#e72c3626,#0000 24%),#141519;border-right:1px solid #ffffff0f;width:226px;padding:22px 13px 16px}.brand{gap:12px;padding:0 8px 24px}.brand-mark{background:linear-gradient(145deg,#ff4a53,#c81724);border-radius:14px;width:44px;height:44px;box-shadow:0 12px 28px #e72c364d,inset 0 1px #ffffff47}.brand-mark svg{width:36px;height:36px}.brand-copy>strong{font-size:16px}.brand-copy>span{color:#ff626b;letter-spacing:2.4px;font-size:7px}.brand-copy>small{color:#686d77}.branch-card{background:#ffffff0e;border:1px solid #ffffff14;border-radius:15px;margin-bottom:26px;padding:13px;box-shadow:inset 0 1px #ffffff0a}.branch-card select{font-size:11px}.sidebar nav p{color:#555a64;margin-left:13px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#353840 transparent;flex:1;min-height:0;padding-right:2px;overflow-y:auto}.sidebar nav button,.sidebar-footer>button{color:#898e98;border-radius:11px;padding:11px 13px;font-size:11px;transition:background .2s,color .2s,transform .2s}.sidebar nav button:hover{transform:translate(2px)}.sidebar nav button.active{color:#17191d;background:#f5f5f6;box-shadow:0 10px 28px #00000038}.sidebar nav button.active svg{color:var(--red)}.sidebar nav button.active em{color:#555961;background:#e8e8ea}.sidebar nav button em{color:#707680;background:#ffffff0e}.support-card{background:linear-gradient(145deg,#ffffff12,#ffffff06);border-color:#ffffff14;border-radius:14px}main{padding-left:226px}.topbar{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#f8f8f9c7;border-color:#14161a12;height:68px;padding:0 30px}.global-search{background:#fff;border:1px solid #e6e6e8;border-radius:13px;width:min(410px,36vw);height:40px;padding:0 12px;box-shadow:0 5px 18px #191c2209}.global-search input{font-size:10px}.global-search kbd{box-shadow:none;background:#f0f1f3;border:0}.system-live{color:#71767e;align-items:center;gap:7px;margin-left:auto;margin-right:18px;font-size:9px;font-weight:600;display:flex}.system-live i{background:#22b47b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22b47b1c}.icon-button{border:0;border-radius:12px;box-shadow:0 5px 18px #191c220f}.profile-avatar{background:linear-gradient(145deg,#2b2e35,#111216);box-shadow:0 6px 15px #00000026}.content{max-width:1700px;padding:26px 30px 100px}.page-intro{isolation:isolate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffe0;border-radius:22px;align-items:center;min-height:124px;margin-bottom:18px;padding:25px 28px;position:relative;overflow:hidden;box-shadow:0 16px 44px #181b220e}.page-intro.dashboard-hero{color:#fff;background:linear-gradient(110deg,#121317fa 0%,#1f181bf7 50%,#5c141bf5 100%);border:1px solid #ffffff12;min-height:170px;padding:32px;box-shadow:0 24px 60px #1812142e}.page-intro.dashboard-hero:before{content:"";z-index:-1;opacity:.16;background-image:radial-gradient(#fffc .7px,#0000 .7px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.intro-copy{z-index:1;position:relative}.page-intro>.intro-copy>span{color:var(--red);letter-spacing:1.8px;font-size:9px}.dashboard-hero>.intro-copy>span{color:#ff8f95}.page-intro h1{letter-spacing:-1.1px;margin:7px 0 8px;font-size:clamp(24px,2.2vw,34px)}.page-intro p{font-size:10px;line-height:1.6}.dashboard-hero p{color:#ffffff94;max-width:510px}.dashboard-hero .secondary-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border-color:#ffffff21}.dashboard-hero .primary-button{color:#1d1f24;background:#fff;border-color:#fff;box-shadow:0 12px 30px #0000002e}.intro-glow{z-index:-1;pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.intro-glow-one{background:#ff465047;width:250px;height:250px;top:-155px;right:3%}.intro-glow-two{background:#ffffff12;width:180px;height:180px;bottom:-165px;right:25%}.metric-grid{z-index:3;gap:12px;margin:-42px 18px 18px;position:relative}.metric-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #ffffffe6;border-radius:18px;min-height:166px;padding:17px 18px;box-shadow:0 18px 45px #191c2316}.metric-card:after{display:none}.metric-card:first-child{color:#fff;background:linear-gradient(145deg,#ef3943,#ca1825);border-color:#ffffff1a;box-shadow:0 20px 42px #d118243d}.metric-icon{border-radius:11px;width:35px;height:35px;margin-bottom:16px}.metric-card:first-child .metric-icon{color:#fff;background:#ffffff26}.metric-card:first-child>span,.metric-card:first-child .metric-note span{color:#ffffffa8}.metric-card:first-child>button{color:#ffffffa6}.metric-card:first-child .metric-note em{color:#fff;background:#ffffff24}.metric-card>span{font-size:9px}.metric-card>strong{letter-spacing:-1px;font-size:25px}.metric-note{z-index:2;position:relative}.metric-note em{border-radius:999px;padding:4px 7px}.metric-spark{opacity:.72;width:78px;height:38px;position:absolute;bottom:13px;right:14px;overflow:visible}.metric-spark path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}.metric-spark circle{fill:#fff;stroke:currentColor;stroke-width:2px}.metric-spark.red{color:#ffffffbf}.metric-spark.blue{color:var(--blue)}.metric-spark.amber{color:var(--amber)}.metric-spark.green{color:var(--green)}.dashboard-grid{gap:14px;margin-bottom:14px}.panel{border:1px solid #ffffffe0;border-radius:18px;overflow:hidden;box-shadow:0 16px 44px #191c230e}.panel-header{padding:20px 22px 15px}.panel-header h2{letter-spacing:-.25px;font-size:14px}.panel-header p{font-size:8px}.panel-header button{color:#4f545c;background:#f3f4f5;border-radius:999px;padding:6px 9px}.revenue-summary{padding-inline:22px}.revenue-summary div:first-child strong{letter-spacing:-.7px;font-size:21px}.chart-wrap{height:245px;padding-inline:21px}.appointment-list{gap:7px;padding:0 15px 14px;display:grid}.appointment-row{background:#f7f7f8;border:0;border-radius:12px;padding:11px 12px}.appointment-time i{border-radius:99px}.funnel{padding-inline:22px}.funnel-bar{border-radius:10px;height:38px}.task-list{padding:0 15px 12px}.task-item{background:#f7f7f8;border:0;border-radius:11px;margin-bottom:7px;padding:12px}.customers-panel{border-radius:18px}th{background:#f7f7f8;border-color:#ececef}tbody tr{transition:background .18s}.mini-avatar{background:linear-gradient(145deg,#f0eeeb,#e5e2dd);border-radius:10px}.status{border-radius:999px;padding:5px 8px}.floating-add{background:linear-gradient(135deg,#202229,#111216);border:1px solid #ffffff1f;box-shadow:0 16px 35px #11121640}.kanban-column{background:#e5e6e9bf;border:1px solid #fffc;border-radius:17px}.kanban-cards article{border:0;border-radius:14px;box-shadow:0 12px 30px #191c230f}.schedule,.full-list{border-radius:18px}.service-stats div{box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:16px}.modal{border-radius:22px}.modal-header button,.form-grid input,.form-grid select{border-radius:11px}@media (width<=1100px){.metric-grid{margin-left:10px;margin-right:10px}.dashboard-grid.lower{grid-template-columns:1fr}}@media (width<=760px){main{padding-left:0}.sidebar{width:250px}.system-live{display:none}.topbar{padding:0 14px}.global-search{box-shadow:none;background:0 0;border:0;padding:0}.content{padding:18px 13px 85px}.page-intro,.page-intro.dashboard-hero{border-radius:18px;min-height:auto;padding:23px 20px}.page-intro.dashboard-hero{padding-bottom:54px}.metric-grid{gap:9px;margin:-37px 9px 14px}.metric-card{border-radius:16px;min-height:158px}.panel{border-radius:16px}}@media (width<=480px){.page-intro h1{font-size:24px}.dashboard-hero .page-actions{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:145px;padding:15px;display:block}.metric-card .metric-icon{margin-bottom:12px}.metric-card>span,.metric-card>strong,.metric-note{display:block}.metric-card>strong{font-size:21px}.metric-note span{display:none}.metric-spark{opacity:.5;width:60px}}.clickable-row{cursor:pointer}.clickable-row:hover td:first-child{box-shadow:inset 3px 0 var(--red)}.module-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:5px 0 24px;display:flex}.module-heading>div>span{color:var(--red);letter-spacing:1.7px;text-transform:uppercase;font-size:9px;font-weight:700}.module-heading h1{letter-spacing:-1px;margin:6px 0 5px;font:800 29px/1.15 Manrope}.module-heading p{color:var(--muted);margin:0;font-size:10px}.work-summary{grid-template-columns:1.7fr repeat(3,.72fr);gap:12px;margin-bottom:14px;display:grid}.work-summary article{min-height:108px;box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px}.work-progress{color:#fff;grid-template-columns:1fr auto;align-items:center;gap:10px 18px;padding:19px 20px;display:grid;background:linear-gradient(125deg,#1c1e24,#2a2529)!important}.work-progress span,.work-progress strong{display:block}.work-progress span{color:#ffffff8c;font-size:9px}.work-progress strong{margin-top:5px;font:700 15px Manrope}.work-progress>b{font:800 24px Manrope}.progress-track{background:#ffffff1a;border-radius:10px;grid-column:1/-1;height:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#ef3943,#ff737a);height:100%;display:block}.summary-tile{grid-template-columns:38px 1fr;align-content:center;column-gap:10px;padding:17px;display:grid}.summary-tile>div{border-radius:12px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.summary-tile>div.amber{color:#d68f12;background:#fff5df}.summary-tile>div.red{color:var(--red);background:#fff0f1}.summary-tile>div.green{color:var(--green);background:#eaf8f2}.summary-tile strong{font:800 21px/1.15 Manrope}.summary-tile span{color:var(--muted);font-size:8px}.work-board{padding:14px}.work-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.segmented{background:#ecedef;border-radius:11px;gap:3px;padding:4px;display:inline-flex}.segmented button{color:#787d85;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:8px;font-weight:600}.segmented button.active{color:#22252a;background:#fff;box-shadow:0 4px 12px #191c2314}.mini-search{color:#9a9da3;border:1px solid #e7e7e8;border-radius:10px;align-items:center;gap:7px;min-width:210px;height:35px;padding:0 10px;display:flex}.mini-search input{background:0 0;border:0;outline:0;width:100%;font-size:8px}.task-table-head,.task-table-row{grid-template-columns:minmax(250px,2fr) .75fr .8fr .65fr .65fr 28px;align-items:center;gap:12px;display:grid}.task-table-head{color:#999da4;text-transform:uppercase;letter-spacing:.8px;padding:9px 13px;font-size:7px}.task-table-row{background:#fff;border:1px solid #ececef;border-radius:12px;min-height:62px;margin-top:6px;padding:9px 12px 9px 47px;transition:all .2s;position:relative}.task-table-row:hover{border-color:#dddde1;transform:translateY(-1px);box-shadow:0 9px 25px #191c230e}.complete-button{color:#fff;background:#fff;border:1.5px solid #c8cbd0;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;left:15px}.is-done .complete-button{background:var(--green);border-color:var(--green)}.is-done .task-main{opacity:.48;text-decoration:line-through}.task-main strong,.task-main span{display:block}.task-main strong{font-size:9px}.task-main span{color:#969aa0;margin-top:3px;font-size:7px}.task-type,.task-due{color:#666b73;font-size:8px}.task-due{align-items:center;gap:5px;display:flex}.task-owner{align-items:center;gap:7px;font-size:8px;display:flex}.task-owner i{color:#fff;background:#272a30;border-radius:50%;place-items:center;width:25px;height:25px;font-size:7px;font-style:normal;display:grid}.priority{color:#686d74;background:#f0f1f2;border-radius:99px;width:fit-content;padding:4px 7px;font-size:7px;font-weight:600}.priority-khẩn-cấp{color:#ca2630;background:#fff0f1}.priority-cao{color:#a66d0a;background:#fff5df}.priority-thấp{color:#278063;background:#edf7f3}.plain-icon{color:#a1a4aa;background:0 0;border:0;padding:3px}.report-filter{justify-content:flex-end;gap:8px;margin:-8px 0 18px;display:flex}.report-filter label{color:#666b73;background:#fff;border:1px solid #e3e4e6;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 10px;font-size:8px;display:flex}.report-filter select{appearance:none;color:#666b73;background:0 0;border:0;outline:0;font-size:8px}.report-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.report-kpis article{min-height:122px;box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px;padding:17px;position:relative}.report-kpis article>div{width:33px;height:33px;color:var(--red);background:var(--red-soft);border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.report-kpis span,.report-kpis strong{display:block}.report-kpis span{color:#83878e;font-size:8px}.report-kpis strong{margin-top:2px;font:800 20px Manrope}.report-kpis em{color:var(--green);align-items:center;gap:3px;font-size:7px;font-style:normal;font-weight:700;display:flex;position:absolute;bottom:16px;right:15px}.report-layout{grid-template-columns:1.45fr .8fr;gap:14px;margin-bottom:14px;display:grid}.annual-chart,.source-panel,.branch-compare,.permissions{padding:20px}.report-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.report-card-head h2{margin:0 0 4px;font:700 14px Manrope}.report-card-head p{color:#999ca2;margin:0;font-size:8px}.report-card-head>span{color:#777c84;align-items:center;gap:5px;font-size:8px;display:flex}.report-card-head>span i{background:var(--red);border-radius:50%;width:8px;height:8px}.bar-chart{background-image:linear-gradient(#eeeef0 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #e9e9eb;align-items:stretch;gap:8px;height:235px;display:flex}.bar-column{text-align:center;flex:1;grid-template-rows:15px 1fr 23px;align-items:end;min-width:0;display:grid}.bar-column>b{color:#8c9097;opacity:0;font-size:6px;transition:opacity .2s}.bar-column:hover>b{opacity:1}.bar-column>div{justify-content:center;align-items:flex-end;height:100%;display:flex}.bar-column i{background:linear-gradient(#ef414a,#c91e2a);border-radius:7px 7px 2px 2px;width:min(26px,70%);display:block;box-shadow:0 8px 18px #dc222d2b}.bar-column span{color:#93979e;padding-top:7px;font-size:7px}.channel-list{gap:20px;display:grid}.channel-list>div>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.channel-list strong{font-size:9px}.channel-list span{color:#8e9299;font-size:7px}.channel-track{background:#edeef0;border-radius:20px;height:7px;overflow:hidden}.channel-track i{border-radius:inherit;height:100%;display:block}.channel-track .red{background:var(--red)}.channel-track .blue{background:var(--blue)}.channel-track .amber{background:var(--amber)}.channel-track .green{background:var(--green)}.compare-grid{grid-template-columns:1.1fr 1fr 1fr;gap:7px;display:grid}.compare-labels,.branch-column{grid-template-rows:repeat(5,42px);display:grid}.compare-labels span,.compare-labels strong,.branch-column span,.branch-column strong{border-bottom:1px solid #eeeeef;align-items:center;padding:0 12px;font-size:8px;display:flex}.compare-labels span{color:#9a9da3;text-transform:uppercase;letter-spacing:.7px;font-size:7px}.compare-labels strong{color:#696e75;font-weight:500}.branch-column{background:#f7f7f8;border-radius:12px;overflow:hidden}.branch-column.winner{background:#fff3f3}.branch-column span{gap:6px;font-weight:700}.branch-column.winner span{color:var(--red)}.branch-column strong{font:700 10px Manrope}.team-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.team-toolbar>span{color:#777c84;align-items:center;gap:7px;font-size:8px;display:flex}.team-toolbar>span i{background:#24b27c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #24b27c1a}.coverage-layout{grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:14px;display:grid}.coverage-hero{color:#fff;background:linear-gradient(125deg,#202229 0%,#31282d 58%,#571f27 100%);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:132px;padding:19px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #14161b24}.coverage-hero:after{content:"";background:#ee303b29;border-radius:50%;width:190px;height:190px;position:absolute;top:-105px;right:-55px}.coverage-icon{color:#ff7780;background:#ffffff14;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.coverage-hero span,.coverage-hero strong{display:block}.coverage-hero span{color:#ffffff85;font-size:7px}.coverage-hero strong{margin-top:4px;font:800 16px Manrope}.coverage-hero p{color:#ffffff85;max-width:470px;margin:5px 0 0;font-size:7px;line-height:1.5}.coverage-hero>button{z-index:1;color:#fff;white-space:nowrap;background:#ffffff17;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:6px;padding:9px 11px;font-size:7px;font-weight:600;display:flex;position:relative}.active-absence-panel{padding:15px 16px}.absence-panel-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.absence-panel-head span,.absence-panel-head strong{display:block}.absence-panel-head span{color:#969aa1;font-size:7px}.absence-panel-head strong{margin-top:3px;font:700 12px Manrope}.absence-panel-head>svg{color:var(--red)}.absence-row{border-top:1px solid #eeeef0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.absence-avatar{color:#fff;background:linear-gradient(145deg,#d92c36,#a91a24);border-radius:10px;place-items:center;width:34px;height:34px;font-size:7px;font-weight:700;display:grid}.absence-main strong,.absence-main span,.absence-main p{display:block}.absence-main strong{font-size:8px}.absence-main span{color:#8e9299;margin-top:2px;font-size:6px}.absence-main p{color:#566068;margin:4px 0 0;font-size:6px}.absence-main p svg{vertical-align:-2px;color:var(--red);margin-right:3px}.absence-row>button{color:#26775c;white-space:nowrap;background:#e9f7f1;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:6px;font-weight:600;display:flex}.absence-empty{color:#558a77;justify-content:center;align-items:center;gap:7px;min-height:67px;font-size:7px;display:flex}.team-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.team-card{box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px;padding:17px}.team-card.is-absent{background:linear-gradient(#fff,snow);border-color:#f0d5d7}.team-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.team-card header button{color:#9a9da3;background:0 0;border:0}.team-card header strong,.team-card header span{display:block}.team-card header strong{font-size:10px}.team-card header span{color:#8d9198;margin-top:3px;font-size:7px}.staff-avatar{color:#fff;background:linear-gradient(145deg,#292c32,#181a1e);border-radius:12px;place-items:center;width:39px;height:39px;font-size:9px;font-weight:700;display:grid;position:relative}.staff-avatar i{background:#b4b7bd;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.staff-avatar i.online{background:#22b47b}.staff-avatar i.absent{background:var(--red);box-shadow:0 0 0 3px #e028321a}.staff-branch{color:#737880;background:#f5f5f6;border-radius:8px;align-items:center;gap:6px;margin:14px 0;padding:8px 9px;font-size:7px;display:flex}.staff-absence{color:#c22631;background:#fff0f1;border-radius:8px;align-items:center;gap:7px;margin:-7px 0 10px;padding:8px 9px;display:flex}.staff-absence span,.staff-absence b{display:block}.staff-absence span{color:#9a6569;font-size:6px}.staff-absence b{color:#bd252f;margin-bottom:2px;font-size:7px}.staff-metrics{grid-template-columns:.7fr .7fr 1.1fr;gap:4px;display:grid}.staff-metrics div{border-left:1px solid #eeeef0;padding:8px}.staff-metrics div:first-child{border-left:0}.staff-metrics span,.staff-metrics b{display:block}.staff-metrics span{color:#9599a0;font-size:6px}.staff-metrics b{white-space:nowrap;margin-top:4px;font:700 10px Manrope}.team-card footer{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:14px;display:grid}.team-card footer span,.team-card footer b{font-size:7px}.team-card footer span{color:#8d9198}.team-card footer>div{background:#eceef0;border-radius:10px;height:5px;overflow:hidden}.team-card footer i{background:var(--green);border-radius:inherit;height:100%;display:block}.handover-shift{color:#656a72;background:#f8f8f9;border:1px solid #e5e6e8;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;padding:8px;font-size:7px;font-weight:600;display:flex}.team-card.is-absent .handover-shift{color:var(--red);background:#fff5f5;border-color:#f0d5d7}.transfer-check{cursor:pointer;background:#f8f8f9;border:1px solid #e4e5e7;border-radius:11px;align-items:flex-start;padding:12px;gap:10px!important;display:flex!important}.transfer-check input{accent-color:var(--red);margin:1px 0 0;width:17px!important;height:17px!important}.transfer-check>span,.transfer-check b,.transfer-check small{display:block}.transfer-check b{color:#42474e;font-size:8px}.transfer-check small{color:#8d9198;margin-top:4px;font-size:6px;font-weight:400;line-height:1.5}.report-card-head button{color:#636870;background:#f1f2f3;border:0;border-radius:9px;padding:8px 10px;font-size:8px}.role-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-list>div{background:#f7f7f8;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.role-list>div>i{width:34px;height:34px;color:var(--red);background:#fff;border-radius:10px;place-items:center;font-style:normal;display:grid}.role-list strong,.role-list span{display:block}.role-list strong{font-size:8px}.role-list span{color:#93979e;margin-top:3px;font-size:6px}.role-list b{color:#747981;font-size:7px}.role-list button{color:#a0a3a8;background:0 0;border:0}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0f1261;animation:.2s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.customer-drawer{background:#f5f6f7;flex-direction:column;width:min(540px,100%);animation:.25s drawer-in;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-25px 0 70px #0f101433}@keyframes drawer-in{0%{opacity:.4;transform:translate(30px)}}.drawer-header{background:#fff;border-bottom:1px solid #e8e8ea;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:23px 24px 18px;display:grid}.drawer-header>button{color:#747981;background:#f1f2f3;border:0;border-radius:9px;align-self:start;place-items:center;width:32px;height:32px;display:grid}.drawer-avatar{color:#fff;background:linear-gradient(145deg,#ef3b45,#c71d29);border-radius:15px;place-items:center;width:48px;height:48px;font-weight:700;display:grid;box-shadow:0 9px 20px #d21b2733}.drawer-header span{color:#a0a3a8;font-size:7px}.drawer-header h2{margin:3px 0;font:800 17px Manrope}.drawer-header p{color:#787d85;margin:0;font-size:8px}.drawer-actions{background:#fff;border-bottom:1px solid #e8e8ea;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 24px;display:grid}.drawer-actions button{color:#555a62;background:#fff;border:1px solid #e5e5e7;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:8px;font-weight:600;display:flex}.drawer-actions button:first-child{color:#fff;background:#22252a;border-color:#22252a}.drawer-scroll{padding:14px;overflow-y:auto}.customer-health{grid-template-columns:1fr 1fr 1.1fr;gap:7px;margin-bottom:10px;display:grid}.customer-health>div{background:#fff;border-radius:12px;padding:12px}.customer-health span,.customer-health b{display:block}.customer-health span{color:#9599a0;margin-bottom:6px;font-size:6px}.customer-health b{font-size:8px}.drawer-section{background:#fff;border-radius:14px;margin-bottom:10px;padding:16px}.drawer-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.drawer-title h3{margin:0;font:700 11px Manrope}.drawer-title button{color:var(--red);background:0 0;border:0;align-items:center;gap:4px;font-size:7px;display:flex}.info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.info-grid>div{color:#7a7f87;background:#f7f7f8;border-radius:9px;grid-template-columns:auto 1fr;column-gap:7px;padding:9px;display:grid}.info-grid svg{grid-row:1/3}.info-grid span{font-size:6px}.info-grid b{color:#42464d;margin-top:2px;font-size:7px}.vehicle-card{color:#fff;background:linear-gradient(125deg,#202228,#343039);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.vehicle-visual{color:#ff686f;background:#ffffff17;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.vehicle-card span{color:#ffffff7a;letter-spacing:1px;font-size:6px}.vehicle-card strong{margin:3px 0;font-size:10px;display:block}.vehicle-card p{color:#ffffff8c;margin:0;font-size:7px}.vehicle-km{text-align:right}.vehicle-km b{margin-top:3px;font-size:9px;display:block}.timeline{display:grid}.timeline-item{grid-template-columns:auto 1fr auto;align-items:start;gap:9px;padding:9px 0;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";border-left:1px dashed #dadcdf;position:absolute;top:36px;bottom:-3px;left:14px}.timeline-item>i{z-index:1;color:#6c7179;background:#f0f1f3;border-radius:9px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{font-size:8px}.timeline-item span{color:#979ba2;margin-top:3px;font-size:6px}.timeline-item time{color:#9a9ea4;font-size:6px}.next-action{color:#fff;background:linear-gradient(125deg,#d8222e,#a81320);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.next-action>svg{color:#ffb4b8}.next-action span,.next-action strong,.next-action p{display:block}.next-action span{color:#ffffff94;font-size:6px}.next-action strong{margin-top:3px;font-size:8px}.next-action p{color:#ffffffa6;margin:3px 0 0;font-size:6px}.next-action button{color:#fff;background:#ffffff29;border:0;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.next-action.completed{background:linear-gradient(125deg,#208465,#16654d)}.quick-modal textarea{resize:vertical;border:1px solid #ddd9d3;border-radius:11px;outline:none;min-height:78px;padding:10px 11px;font-family:inherit;font-size:10px}.quick-modal textarea:focus{border-color:#bd4b50;box-shadow:0 0 0 3px #aa232914}.customer-link-state{border:1px solid;border-radius:11px;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px 12px;display:grid}.customer-link-state strong,.customer-link-state span{display:block}.customer-link-state strong{font-size:8px}.customer-link-state span{margin-top:3px;font-size:7px;line-height:1.45}.customer-link-state.found{color:#26775c;background:#edf8f3;border-color:#cce9dd}.customer-link-state.found span{color:#5c8777}.customer-link-state.new{color:#9d6b15;background:#fff8e9;border-color:#f1dfb8}.customer-link-state.new span{color:#987f51}.order-customer-link{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.order-customer-link:not(:disabled):hover strong{color:var(--red);text-underline-offset:2px;text-decoration:underline}.order-customer-link:disabled{cursor:default}@media (width<=1100px){.work-summary{grid-template-columns:1.4fr repeat(3,.7fr)}.task-table-head,.task-table-row{grid-template-columns:minmax(210px,1.6fr) .7fr .8fr .55fr .65fr 25px}.team-grid{grid-template-columns:1fr 1fr}.coverage-layout{grid-template-columns:1fr}}@media (width<=850px){.work-summary{grid-template-columns:1fr 1fr}.work-progress{grid-column:1/-1}.report-kpis{grid-template-columns:1fr 1fr}.report-layout{grid-template-columns:1fr}.task-table-head{display:none}.task-table-row{grid-template-columns:1fr auto;gap:7px;padding:13px 12px 13px 46px}.task-type,.task-owner{display:none}.task-due{grid-column:1}.priority{grid-area:1/2}.task-table-row>.plain-icon{display:none}}@media (width<=760px){.module-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.module-heading .primary-button{width:100%}.report-filter{justify-content:flex-start;margin:0 0 14px}.team-grid,.role-list{grid-template-columns:1fr}.coverage-hero{grid-template-columns:auto 1fr}.coverage-hero>button{grid-column:1/-1;justify-content:center}.customer-drawer{width:100%}.drawer-header,.drawer-actions{padding-inline:17px}.customer-health{grid-template-columns:1fr 1fr}.customer-health>div:last-child{grid-column:1/-1}}@media (width<=480px){.work-summary{grid-template-columns:repeat(3,1fr)}.work-progress{grid-column:1/-1}.summary-tile{padding:12px;display:block}.summary-tile>div{width:32px;height:32px;margin-bottom:9px}.summary-tile strong,.summary-tile span{display:block}.summary-tile strong{font-size:18px}.summary-tile span{margin-top:2px}.work-toolbar{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented button{flex:1;padding-inline:6px}.mini-search{min-width:0}.report-filter{flex-wrap:wrap;justify-content:flex-start}.report-kpis{gap:8px}.report-kpis article{min-height:112px;padding:14px}.report-kpis strong{font-size:17px}.compare-grid{grid-template-columns:.95fr 1fr 1fr;overflow-x:auto}.compare-labels,.branch-column{min-width:115px}.team-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.team-toolbar .segmented{width:auto}.coverage-hero{padding:16px}.coverage-icon{width:39px;height:39px}.coverage-hero strong{font-size:14px}.absence-row{grid-template-columns:auto 1fr}.absence-row>button{grid-column:2;justify-self:start}.info-grid{grid-template-columns:1fr}.vehicle-card{grid-template-columns:auto 1fr}.vehicle-km{text-align:left;grid-column:2}.drawer-actions button{font-size:0}.drawer-actions button svg{margin:0}}.order-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.order-kpis article{min-height:105px;box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px;grid-template-columns:38px 1fr;align-content:center;column-gap:10px;padding:16px;display:grid}.order-kpis article>div{border-radius:12px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.order-kpis .red{color:var(--red);background:var(--red-soft)}.order-kpis .blue{color:var(--blue);background:#edf3ff}.order-kpis .green{color:var(--green);background:#eaf8f2}.order-kpis .amber{color:var(--amber);background:#fff5df}.order-kpis span{color:#898d94;font-size:7px}.order-kpis strong{margin-top:3px;font:800 16px Manrope}.orders-panel{padding:14px}.operation-toolbar{align-items:center;gap:9px;margin-bottom:13px;display:flex}.operation-toolbar .mini-search{background:#fff;flex:1;max-width:350px}.operation-toolbar>span{color:#8d9198;margin-left:auto;font-size:8px}.operation-select{color:#777c84;background:#fff;border:1px solid #e5e6e8;border-radius:10px;align-items:center;gap:6px;min-width:150px;height:35px;padding:0 9px;display:flex}.operation-select select{appearance:none;color:#646970;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:8px}.order-list{gap:7px;display:grid}.order-row{background:#fff;border:1px solid #ececef;border-radius:13px;grid-template-columns:1.05fr 1.2fr 1.1fr .75fr auto 30px;align-items:center;gap:12px;min-height:76px;padding:12px 13px;transition:all .2s;display:grid}.order-row:hover{border-color:#dedee2;box-shadow:0 10px 25px #191c230d}.order-code span,.order-code strong,.order-code small{display:block}.order-code span{color:var(--red);font-size:6px;font-weight:700}.order-code strong{margin-top:3px;font-size:9px}.order-code small{color:#999da3;margin-top:2px;font-size:6px}.order-bike{color:#696e76;align-items:center;gap:8px;display:flex}.order-bike>svg{color:#858a92}.order-bike strong,.order-bike span{display:block}.order-bike strong{color:#444950;font-size:8px}.order-bike span{color:#989ca3;margin-top:3px;font-size:6px}.payment-progress>div:first-child{justify-content:space-between;gap:5px;margin-bottom:7px;display:flex}.payment-progress span{color:#989ca3;font-size:6px}.payment-progress b{color:#555a62;font-size:6px}.payment-progress>div:last-child{background:#eceef0;border-radius:10px;height:5px;overflow:hidden}.payment-progress i{border-radius:inherit;background:linear-gradient(90deg,#e92f39,#f0636b);height:100%;display:block}.delivery-date{color:#81868e;align-items:center;gap:7px;display:flex}.delivery-date span,.delivery-date b{display:block}.delivery-date span{font-size:6px}.delivery-date b{color:#565b63;margin-top:2px;font-size:7px}.order-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:6px;font-weight:600}.order-status.green{color:#23785b;background:#e9f7f1}.order-status.blue{color:#326fb8;background:#edf4fc}.order-status.amber{color:#98650d;background:#fff4dd}.order-status.red{color:#c3242e;background:#fff0f1}.order-status.slate{color:#696e76;background:#f0f1f2}.inventory-overview{grid-template-columns:1.4fr repeat(3,.75fr);gap:12px;margin-bottom:14px;display:grid}.inventory-overview>*{min-height:105px;box-shadow:var(--shadow);border-radius:17px}.inventory-total{color:#fff;background:linear-gradient(125deg,#1c1e24,#343039);padding:17px 20px}.inventory-total span,.inventory-total strong{display:block}.inventory-total span{color:#ffffff8c;font-size:8px}.inventory-total strong{margin-top:4px;font:800 22px Manrope}.inventory-total p{color:#ffffff80;margin:7px 0 0;font-size:7px}.inventory-total p b{color:#fff}.inventory-overview article{background:#fff;border:1px solid #ffffffe6;padding:18px;position:relative}.inventory-overview article>i{border-radius:50%;width:7px;height:7px;position:absolute;top:15px;right:15px}.inventory-overview article>i.green{background:var(--green)}.inventory-overview article>i.red{background:var(--red)}.inventory-overview article>i.blue{background:var(--blue)}.inventory-overview article span,.inventory-overview article strong{display:block}.inventory-overview article span{color:#8b8f96;font-size:7px}.inventory-overview article strong{margin-top:9px;font:800 22px Manrope}.inventory-toolbar{background:#ffffffb3;border:1px solid #ffffffd9;border-radius:14px;margin-bottom:12px;padding:11px 13px}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.inventory-card{box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px;overflow:hidden}.inventory-card>header{justify-content:space-between;align-items:center;padding:12px 14px 0;display:flex}.inventory-card>header>span{color:#999da3;font-size:7px;font-weight:600}.inventory-status{border-radius:999px;padding:4px 7px;font-size:6px}.inventory-status.green{color:#207457;background:#e9f7f1}.inventory-status.red{color:#c3222d;background:#fff0f1}.inventory-status.amber{color:#98650d;background:#fff4dd}.inventory-status.blue{color:#326fb8;background:#edf4fc}.inventory-bike{text-align:center;background:radial-gradient(circle at 50% 35%,#e82e3814,#0000 35%);padding:14px 15px 16px}.inventory-bike>div{color:#ff626a;background:linear-gradient(145deg,#25272d,#121317);border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 9px;display:grid;box-shadow:0 12px 25px #14161a2b}.inventory-bike>span{color:#a2a5aa;letter-spacing:1.4px;font-size:6px}.inventory-bike h3{margin:3px 0;font:800 14px Manrope}.inventory-bike p{color:#868a91;margin:0;font-size:7px}.inventory-meta{border-top:1px solid #eeeef0;grid-template-columns:1fr 1fr;display:grid}.inventory-meta>div{border-bottom:1px solid #eeeef0;padding:10px 12px}.inventory-meta>div:nth-child(odd){border-right:1px solid #eeeef0}.inventory-meta span,.inventory-meta b{display:block}.inventory-meta span{color:#9a9ea4;font-size:6px}.inventory-meta b{color:#555a62;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;margin-top:4px;font-size:7px;display:flex;overflow:hidden}.inventory-card footer{grid-template-columns:1fr 1fr;gap:7px;padding:10px 12px 12px;display:grid}.inventory-card footer button{color:#646970;background:#fff;border:1px solid #e4e5e7;border-radius:9px;padding:8px;font-size:7px;font-weight:600}.inventory-card footer button:last-child{color:#fff;background:#202329;border-color:#202329}.inventory-card footer button:disabled{opacity:.4;cursor:default}.campaign-hero{background:#33363c;border-radius:18px;grid-template-columns:1.15fr 1fr 1fr;gap:1px;margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 18px 42px #14161b24}.campaign-hero>div{color:#fff;background:linear-gradient(125deg,#1d1f24,#29272c);min-height:128px;padding:20px}.campaign-hero>div:first-child{background:linear-gradient(125deg,#e52b36,#a91420)}.campaign-hero span,.campaign-hero strong,.campaign-hero p,.campaign-hero em{display:block}.campaign-hero span{color:#ffffff94;font-size:7px}.campaign-hero strong{margin-top:6px;font:800 24px Manrope}.campaign-hero p,.campaign-hero em{color:#ffffff80;margin:4px 0 0;font-size:7px;font-style:normal}.campaign-hero svg{float:right;color:#ff6b73}.campaign-layout{grid-template-columns:1.55fr .65fr;gap:14px;display:grid}.campaign-list,.automation-panel{padding:16px}.campaign-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.campaign-head h2{margin:0;font:700 13px Manrope}.campaign-head p{color:#969aa1;margin:4px 0 0;font-size:7px}.campaign-head>button{color:#5e636b;background:#f1f2f3;border:0;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:7px;display:flex}.campaign-head>svg{color:var(--red)}.campaign-row{border-top:1px solid #eeeef0;grid-template-columns:auto 1.25fr .7fr .55fr .55fr auto 28px;align-items:center;gap:9px;padding:11px 7px;display:grid}.campaign-icon{width:32px;height:32px;color:var(--red);background:var(--red-soft);border-radius:10px;place-items:center;display:grid}.campaign-main span,.campaign-main strong,.campaign-main p{display:block}.campaign-main span{color:#a0a3a9;font-size:6px}.campaign-main strong{margin-top:2px;font-size:8px}.campaign-main p{color:#92969d;margin:3px 0 0;font-size:6px}.campaign-channel{color:#6e737a;align-items:center;gap:5px;font-size:7px;display:flex}.campaign-numbers span,.campaign-numbers b{display:block}.campaign-numbers span{color:#999da3;font-size:6px}.campaign-numbers b{margin-top:3px;font-size:8px}.campaign-status{white-space:nowrap;border-radius:99px;padding:4px 7px;font-size:6px;font-weight:600}.campaign-status.running{color:#217759;background:#e9f7f1}.campaign-status.finished{color:#386faa;background:#edf4fc}.campaign-status.paused{color:#8b661f;background:#fff5df}.campaign-toggle{color:#555a62;background:#fff;border:1px solid #e3e4e6;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.campaign-toggle:disabled{opacity:.3;cursor:default}.automation-rule{border-top:1px solid #eeeef0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.automation-rule>i{color:#636870;background:#f1f2f3;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.automation-rule strong,.automation-rule span{display:block}.automation-rule strong{font-size:8px}.automation-rule span{color:#999da3;margin-top:3px;font-size:6px}.automation-rule>button{background:#d8dade;border:0;border-radius:20px;width:34px;height:19px;padding:0;transition:all .2s;position:relative}.automation-rule>button b{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000029}.automation-rule>button.enabled{background:var(--green)}.automation-rule>button.enabled b{transform:translate(15px)}.automation-add{color:#747981;background:0 0;border:1px dashed #d3d5d8;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:10px;padding:9px;font-size:7px;display:flex}@media (width<=1200px){.inventory-grid{grid-template-columns:1fr 1fr}.order-row{grid-template-columns:1fr 1.1fr 1fr auto 28px}.delivery-date{display:none}.campaign-row{grid-template-columns:auto 1.2fr .65fr .5fr auto 28px}.campaign-row .campaign-conversion{display:none}}@media (width<=900px){.order-kpis{grid-template-columns:1fr 1fr}.inventory-overview{grid-template-columns:1.4fr repeat(3,.7fr)}.campaign-layout{grid-template-columns:1fr}}@media (width<=760px){.order-row{grid-template-columns:1fr auto;padding:13px}.order-bike,.payment-progress{grid-column:1/-1}.order-status{grid-area:1/2}.order-row>.advance-button{grid-column:2}.inventory-overview{grid-template-columns:repeat(3,1fr)}.inventory-total{grid-column:1/-1}.inventory-grid{grid-template-columns:1fr 1fr}.campaign-hero{grid-template-columns:1fr}.campaign-hero>div{min-height:105px}.campaign-row{grid-template-columns:auto 1fr auto 28px}.campaign-channel,.campaign-numbers{display:none}}@media (width<=480px){.order-kpis{gap:8px}.order-kpis article{grid-template-columns:32px 1fr;min-height:90px;padding:12px}.order-kpis article>div{width:32px;height:32px}.order-kpis strong{font-size:13px}.operation-toolbar{flex-direction:column;align-items:stretch}.operation-toolbar .mini-search{max-width:none}.operation-toolbar .operation-select{width:100%}.operation-toolbar>span{margin-left:0}.inventory-overview{gap:8px}.inventory-overview article{padding:12px}.inventory-overview article strong{font-size:18px}.inventory-grid{grid-template-columns:1fr}.campaign-row{grid-template-columns:auto 1fr auto}.campaign-toggle{grid-column:3}.campaign-status{display:none}}.after-sales-overview{grid-template-columns:1.45fr repeat(3,.75fr);gap:12px;margin-bottom:14px;display:grid}.after-sales-overview>article{min-height:118px;box-shadow:var(--shadow);border-radius:17px}.after-sales-feature{color:#fff;background:linear-gradient(125deg,#202229 0%,#302c31 62%,#472329 100%);padding:18px 20px}.after-sales-feature>div:first-child{color:#ff747c;align-items:center;gap:8px;display:flex}.after-sales-feature>div:first-child span{color:#ffffff8f;font-size:7px}.after-sales-feature strong{margin-top:8px;font:800 17px Manrope;display:block}.after-sales-feature p{color:#ffffff80;margin:4px 0 10px;font-size:7px}.mini-progress{background:#ffffff1f;border-radius:20px;height:5px;overflow:hidden}.mini-progress i{border-radius:inherit;background:linear-gradient(90deg,#ef3440,#ff7980);height:100%;display:block}.after-sales-feature small{color:#ffffff8a;margin-top:6px;font-size:6px;display:block}.after-sales-stat{background:#fff;border:1px solid #ffffffe6;padding:17px;position:relative}.after-sales-stat>i{border-radius:11px;place-items:center;width:34px;height:34px;font-style:normal;display:grid;position:absolute;top:15px;right:15px}.after-sales-stat>i.red{color:var(--red);background:var(--red-soft)}.after-sales-stat>i.blue{color:var(--blue);background:#edf3ff}.after-sales-stat>i.amber{color:var(--amber);background:#fff4dd}.after-sales-stat>span,.after-sales-stat>strong{display:block}.after-sales-stat>span{color:#8c9097;font-size:7px}.after-sales-stat>strong{margin-top:10px;font:800 23px Manrope}.after-sales-stat>p{color:#9a9ea4;margin:3px 0 0;font-size:6px}.after-sales-panel{padding:14px}.segmented.compact button{white-space:nowrap;padding:7px 9px}.after-sales-list{gap:7px;display:grid}.after-sales-row{background:#fff;border:1px solid #ececef;border-radius:13px;grid-template-columns:1fr 1.2fr .85fr 1fr auto 30px;align-items:center;gap:12px;min-height:82px;padding:12px 13px;transition:all .2s;display:grid}.after-sales-row:hover{border-color:#dddfe2;box-shadow:0 10px 25px #191c230d}.after-sales-customer{align-items:center;gap:9px;display:flex}.after-sales-customer>div{color:#fff;background:linear-gradient(145deg,#33363d,#1c1e23);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:7px;font-weight:700;display:grid}.after-sales-customer span>*,.after-sales-bike span>*,.next-care span>*{display:block}.after-sales-customer small{color:var(--red);font-size:6px;font-weight:700}.after-sales-customer strong{margin-top:2px;font-size:8px}.after-sales-customer b{color:#999da3;margin-top:2px;font-size:6px;font-weight:500}.after-sales-bike{color:#777c84;align-items:flex-start;gap:8px;display:flex}.after-sales-bike>svg{color:#7f848c;margin-top:2px}.after-sales-bike strong{color:#4f545c;font-size:8px}.after-sales-bike b{color:#999da3;margin-top:3px;font-size:6px;font-weight:500}.after-sales-bike small{color:#888d94;align-items:center;gap:3px;margin-top:4px;font-size:6px;display:flex}.document-stack{gap:7px;display:grid}.document-stack>span{color:#999da3;justify-content:space-between;gap:5px;font-size:6px;display:flex}.document-stack b{color:#9a6712;font-size:6px}.document-stack b.done{color:#25785c}.next-care{color:#7d828a;align-items:flex-start;gap:7px;display:flex}.next-care>svg{margin-top:2px}.next-care small{color:#9a9ea4;font-size:6px}.next-care strong{color:#555a62;margin-top:3px;font-size:7px}.next-care b{color:#34745e;margin-top:3px;font-size:6px;font-weight:600}.next-care b.late{color:var(--red)}.after-sales-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:6px;font-weight:600}.after-sales-status.finished{color:#34705c;background:#e9f7f1}.after-sales-status.urgent{color:#c12530;background:#fff0f1}.after-sales-status.active{color:#386fae;background:#edf4fc}.after-sales-status.new{color:#996810;background:#fff4dd}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.finance-kpis article{min-height:112px;box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffe6;border-radius:17px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:11px;padding:17px;display:grid}.finance-kpis article>i{border-radius:12px;grid-row:1/4;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.finance-kpis i.green{color:var(--green);background:#e9f7f1}.finance-kpis i.red{color:var(--red);background:var(--red-soft)}.finance-kpis i.amber{color:var(--amber);background:#fff4dd}.finance-kpis i.blue{color:var(--blue);background:#edf3ff}.finance-kpis span{color:#8e9299;font-size:7px}.finance-kpis strong{margin-top:3px;font:800 15px Manrope}.finance-kpis p{color:#a0a3a9;margin:3px 0 0;font-size:6px}.finance-layout{grid-template-columns:1.55fr .55fr;gap:14px;display:grid}.finance-ledger,.finance-side{padding:16px}.finance-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.finance-head h2{margin:0;font:700 13px Manrope}.finance-head p{color:#979ba2;margin:4px 0 0;font-size:7px}.finance-head>span{color:#8a8f96;align-items:center;gap:6px;font-size:7px;display:flex}.finance-head>span i{background:var(--green);border-radius:50%;width:7px;height:7px}.finance-head>span b{color:#42474f;font-size:8px}.finance-list{gap:6px;display:grid}.finance-row{border-top:1px solid #eeeef0;grid-template-columns:auto 1.25fr .8fr .7fr auto 28px;align-items:center;gap:10px;padding:11px 7px;display:grid}.finance-type{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.finance-type.income{color:#26795d;background:#e9f7f1}.finance-type.expense{color:#c22630;background:#fff0f1}.finance-type.debt{color:#9a6912;background:#fff4dd}.finance-main>*,.finance-meta>*{display:block}.finance-main>span{color:#a0a3a9;font-size:6px}.finance-main strong{margin-top:2px;font-size:8px}.finance-main p{color:#888d94;align-items:center;gap:4px;margin:4px 0 0;font-size:6px;display:flex}.finance-meta span{color:#777c84;font-size:6px}.finance-meta b{color:#646970;align-items:center;gap:3px;margin-top:4px;font-size:6px;display:flex}.finance-meta small{color:#a0a3a9;margin-top:3px;font-size:6px}.finance-amount{text-align:right;color:#23775a;white-space:nowrap;font-size:8px}.finance-amount.negative{color:#c22630}.finance-amount.debt{color:#97660f}.finance-status{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:6px;font-weight:600}.finance-status.done{color:#26785d;background:#e9f7f1}.finance-status.pending{color:#3b71ad;background:#edf4fc}.finance-status.due{color:#c22630;background:#fff0f1}.reconcile-item{border-top:1px solid #eeeef0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.reconcile-item>i{color:#676c74;background:#f1f2f3;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.reconcile-item strong,.reconcile-item span{display:block}.reconcile-item strong{font-size:8px}.reconcile-item span{color:#969aa1;margin-top:3px;font-size:6px}.reconcile-item>b{color:#27795e;font-size:6px}.reconcile-item>b.warn{color:#b87912}.finance-note{color:#9d6b15;background:#fff7e7;border-radius:11px;gap:9px;margin-top:12px;padding:12px;display:flex}.finance-note strong,.finance-note span{display:block}.finance-note strong{font-size:7px}.finance-note span{color:#9f865b;margin-top:3px;font-size:6px;line-height:1.5}.reconcile-button{color:#fff;background:#22252a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:9px;font-size:7px;font-weight:600;display:flex}.full-field{grid-column:1/-1}@media (width<=1200px){.after-sales-row{grid-template-columns:1fr 1.2fr .9fr auto 28px}.document-stack{display:none}.finance-row{grid-template-columns:auto 1.2fr .75fr auto 28px}.finance-status{display:none}}@media (width<=950px){.after-sales-overview{grid-template-columns:1fr repeat(3,.7fr)}.after-sales-feature{grid-column:1/-1}.finance-kpis{grid-template-columns:1fr 1fr}.finance-layout{grid-template-columns:1fr}}@media (width<=760px){.after-sales-row{grid-template-columns:1fr auto;padding:13px}.after-sales-bike,.next-care{grid-column:1/-1}.after-sales-status{grid-area:1/2}.after-sales-row>.advance-button{grid-column:2}.after-sales-panel .operation-toolbar .segmented{overflow-x:auto}.finance-row{grid-template-columns:auto 1fr auto}.finance-meta{display:none}.finance-amount{text-align:left;grid-column:2}.finance-row>.advance-button{grid-area:1/3/3}}@media (width<=480px){.after-sales-overview{grid-template-columns:repeat(3,1fr);gap:8px}.after-sales-feature{grid-column:1/-1}.after-sales-stat{min-width:0;padding:12px}.after-sales-stat>i{width:30px;height:30px;margin-bottom:10px;position:static}.after-sales-stat>strong{font-size:18px}.after-sales-stat>p{line-height:1.4}.finance-kpis{gap:8px}.finance-kpis article{grid-template-columns:31px 1fr;column-gap:8px;min-height:103px;padding:12px}.finance-kpis article>i{width:31px;height:31px}.finance-kpis strong{font-size:12px}.finance-head{flex-direction:column}.finance-head>span{background:#f5f5f6;border-radius:9px;justify-content:space-between;align-self:stretch;padding:9px 10px}.finance-row{gap:8px}.finance-type{width:30px;height:30px}.finance-main strong{line-height:1.35}}