@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:var(--font, "DM Sans", system-ui, sans-serif);color:var(--body-ink, #252a3b);background:var(--background, #f4f5f8);font-synthesis:none;--primary: #3857c7;--red: var(--primary);--accent: #188575;--surface: #ffffff;--ink: #252a3b;--body-ink: #252a3b;--line: #d6d9e1;--muted: #606776;--background: #f4f5f8;--subtle: #f7f8fa;--soft: #ebeef9;--on-soft: #3857c7;--on-primary: #ffffff;--on-accent: #ffffff;--link: #3857c7;--sidebar: #ffffff;--sidebar-ink: #252a3b;--sidebar-muted: #606776;--sidebar-line: #d6d9e1;--sidebar-soft: #ebeef9;--sidebar-active: #3857c7;--focus: #3857c755;--radius: 12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--red)}h1,h2,h3{font-family:var(--heading-font, Manrope, system-ui, sans-serif)}h1{font-size:30px;letter-spacing:-1px;margin:0}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.55}small{font-size:12px}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:inherit;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--red);outline:2px solid var(--focus)}input[type=checkbox]{accent-color:var(--red);width:17px;height:17px}textarea{min-height:85px;resize:vertical}.app{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);position:fixed;top:0;bottom:0;display:flex;flex-direction:column;padding:26px 18px;z-index:20}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 24px;border-bottom:1px solid var(--line)}.brand img{width:60px;height:48px;object-fit:contain}.brand strong{font:800 15px var(--heading-font, Manrope);display:block}.brand small{display:block;color:var(--muted);margin-top:4px}.sidebar nav{flex:1;overflow:auto;padding-top:18px}.sidebar nav button{border:0;background:none;color:var(--muted);width:100%;display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:8px;margin:2px 0;text-align:left;font-size:13px}.sidebar nav button:hover{background:var(--subtle)}.sidebar nav button.active{background:var(--soft);color:var(--red);font-weight:700}.sidebar-bottom{padding:16px 10px 0;border-top:1px solid var(--line)}.sidebar-bottom strong{display:block;font-size:13px}.sidebar-bottom small{color:var(--muted);display:block;margin:4px 0 12px}.sidebar-bottom button{font-size:12px}.main{margin-left:238px;flex:1;min-width:0}.topbar{height:75px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center}.topbar small{color:var(--muted)}.topbar .pill,.pilot-label{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:11px;color:var(--muted);background:var(--subtle)}.content{padding:30px 36px 42px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:18px}.page-heading p{color:var(--muted);font-size:13px;margin:8px 0 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--red);font-weight:700}.preview-banner{background:#fff5df;color:#66543a;padding:8px 36px;font-size:12px;display:flex;align-items:center;gap:12px;justify-content:space-between}.preview-banner select{font-size:12px;padding:5px 9px;background:#fffbf1}.btn{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:7px;display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:35px;padding:8px 12px;font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{background:var(--subtle)}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.primary:hover{background:var(--primary)}.btn.danger{color:var(--primary);border-color:#e7bdc3;background:var(--soft)}.icon-btn{border:0;background:transparent;display:inline-flex;padding:8px;color:var(--muted)}.mobile-menu{display:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:23px;margin-bottom:20px;box-shadow:0 3px 10px #24212503}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-size:12px}.toolbar>span{color:var(--muted);margin-right:auto}.search{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 11px;gap:8px;min-width:220px}.search input{border:none;background:transparent;padding-left:0;flex:1;min-width:0;width:100%}.toolbar input,.toolbar select{font-size:12px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 12px;font-size:12px;color:var(--muted)}.chips button.active{background:var(--soft);color:var(--red);border-color:var(--focus);font-weight:700}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;background:var(--subtle);font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 16px;border-bottom:1px solid var(--line)}td{padding:17px 16px;border-bottom:1px solid var(--subtle);vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:var(--subtle)}td small{display:block;color:var(--muted);margin-top:5px;font-size:11px}td .btn{min-height:30px;padding:6px 8px;font-size:11px;margin:2px}.numeric{text-align:right;font-variant-numeric:tabular-nums}.code{font-weight:700;color:var(--red)}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 9px;font-size:10px;background:var(--subtle);color:var(--muted);font-weight:600}.chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.chip.pendiente,.chip.pending{background:#fff3d9;color:#b07a12}.chip.aprobado{background:#eaf0fb;color:#3d6bac}.chip.cumplido,.chip.delivered,.chip.confirmed{background:#e7f3ed;color:#358460}.chip.parcial,.chip.partial{background:#fff0df;color:#b36d22}.chip.anulado,.chip.rejected,.chip.cancelled{background:#fbe9ec;color:#b84c59}.pagination{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin:15px 0}.pagination>div{display:flex;align-items:center;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:21px}.stat small{color:var(--muted);font-size:12px}.stat strong{display:block;font:800 29px var(--heading-font, Manrope);margin:14px 0 8px;letter-spacing:-1px}.stat p{font-size:11px;color:var(--muted);margin:0}.stat-icon{float:right;color:var(--red);background:var(--soft);padding:9px;border-radius:9px;display:flex}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.ranking-row,.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 1.1fr auto;gap:12px;align-items:center;margin:18px 0;font-size:12px}.bar-track{background:var(--subtle);border-radius:3px;height:7px}.bar-track>div{background:var(--primary);height:100%;border-radius:3px}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.detail-title p{font-size:12px;color:var(--muted);margin:6px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.cards .panel{margin:0}.master-card p,.route-card p{font-size:12px;color:var(--muted)}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:12px}.field>span{font-weight:600;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.inline{display:flex;gap:10px;align-items:center;font-size:12px}.muted{color:var(--muted);font-size:12px}.notice{padding:17px;background:var(--subtle);border:1px solid var(--line);border-radius:8px;margin:16px 0;font-size:12px;line-height:1.65}.error{color:var(--primary);background:var(--soft);border:1px solid #efcad0;padding:12px 15px;border-radius:7px;font-size:12px;line-height:1.5}.error-banner{margin:12px 36px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty svg{color:var(--line);margin-bottom:15px}.empty h3{color:var(--ink)}.empty p{font-size:12px}.overlay{position:fixed;inset:0;background:#27212770;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:830px;max-width:100%;max-height:92vh;overflow:auto;background:var(--surface);border-radius:13px;box-shadow:0 20px 80px #221c2840}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 25px;position:sticky;top:0;background:var(--surface);z-index:2}.modal>header h2{margin:0;font-size:18px}.modal-body{padding:24px}.items-table{width:100%;white-space:normal}.items-table th,.items-table td{padding:8px}.items-table input,.items-table select{width:100%;min-width:70px;font-size:12px}.items-table td:first-child{min-width:180px}.total{font:800 22px var(--heading-font, Manrope);text-align:right;padding:20px 0}.order-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 25px}.order-picker label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.order-picker small{display:block;color:var(--muted);margin:5px 0}.stop-sort{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 12px;margin:8px 0;border-radius:8px;font-size:12px}.stop-sort>b,.stop-number{border-radius:50%;background:var(--soft);color:var(--red);display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.stop-sort>div{flex:1}.stop-sort small{display:block;color:var(--muted);margin-top:5px}.driver-stop{display:flex;gap:15px;padding:22px 0;border-top:1px solid var(--line)}.driver-stop>div:nth-child(2){flex:1}.driver-stop h3{font-size:16px;margin:0}.driver-stop p{font-size:13px;margin:6px 0}.driver-stop small{color:var(--muted)}.driver-stop>div:last-child{display:flex;gap:12px;flex-direction:column;align-items:flex-end}.delivery-list{max-width:900px}.steps{display:flex;gap:12px;padding:12px 0 22px;color:#8b7b69;font-size:12px}.steps .done{color:#3b8761}.realloc-row{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;border-top:1px solid var(--line);padding:24px 0}.realloc-row p{font-size:12px}.review-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.review-actions .field{width:100%;margin:0}.review-actions select{width:100%;font-size:12px}.help{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help .panel{margin:0}.help p,.help li{font-size:13px;line-height:1.8;color:var(--muted)}.help li{margin:8px 0}.link{border:none;background:none;color:var(--red);padding:5px 0;display:flex;align-items:center;gap:7px;font-size:12px}.toast{position:fixed;bottom:25px;right:30px;background:#286d4c;color:var(--surface);border-radius:8px;padding:13px 20px;box-shadow:0 8px 30px #263e2230;z-index:90;font-size:13px}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red)}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-brand{background:#a61e2e;color:var(--surface);padding:12vw 8vw}.login-brand img{width:135px;border-radius:5px;margin-bottom:60px}.login-brand h1{font-size:40px;line-height:1.3;letter-spacing:-1.5px}.login-brand p{color:#f1c7cd;font-size:15px}.login-card{width:390px;max-width:85%;align-self:center;justify-self:center}.login-card small{font-size:10px;color:var(--red);letter-spacing:1.5px}.login-card h2{font-size:25px;margin:16px 0}.login-card p{font-size:13px;color:var(--muted)}.login-card .btn{width:100%;margin-top:20px}.route-map{height:300px;width:100%;border-radius:8px;margin:20px 0;background:var(--background)}.offline{background:#fff3d9;color:#875f22;padding:10px 36px;font-size:12px}@media(max-width:1150px){.sidebar{width:210px}.main{margin-left:210px}.content{padding:25px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.rankings{grid-template-columns:1fr 1fr}.stat strong{font-size:26px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:235px;box-shadow:15px 0 30px #0002}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-menu{display:flex}.topbar{height:60px;padding:0 16px;gap:12px}.topbar>div{flex:1}.topbar small{font-size:11px}.content{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:25px}.page-heading p{font-size:12px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.stat-icon{display:none}.stats .stat:first-child strong{font-size:21px}.rankings,.help{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar .search{width:100%}.preview-banner{padding:8px 16px;font-size:10px;gap:8px}.preview-banner select{max-width:135px}.panel{padding:18px}.table-wrap{padding:0}.form-grid{grid-template-columns:1fr}.overlay{padding:8px}.modal{max-height:96vh}.modal-body{padding:16px}.modal>header{padding:16px}.order-picker{grid-template-columns:1fr}.items-table{display:block;overflow-x:auto}.driver-stop{flex-wrap:wrap}.driver-stop>div:last-child{flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding-left:43px}.realloc-row{grid-template-columns:1fr;gap:14px}.steps{gap:10px;font-size:11px}.login{grid-template-columns:1fr}.login-brand{padding:40px 30px}.login-brand img{width:95px;margin:0 0 25px}.login-brand h1{font-size:27px}.login-card{padding:35px 0}.error-banner{margin:12px 16px}.toast{right:15px;left:15px;bottom:15px}.stop-sort strong{font-size:11px}.stop-sort small{font-size:10px}.offline{padding:9px 16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app>aside{width:238px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);position:fixed;top:0;bottom:0;display:flex;flex-direction:column;padding:26px 18px;z-index:20}.app>aside nav{flex:1;overflow:auto;padding-top:18px}.app>aside nav a{color:var(--muted);text-decoration:none;display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:8px;margin:2px 0;font-size:13px}.app>aside nav a:hover{background:var(--subtle)}.app>aside nav a.current{background:var(--soft);color:var(--red);font-weight:700}.app>aside nav a b{margin-left:auto;background:var(--red);color:#fff;font-size:10px;border-radius:20px;padding:2px 6px}.workspace{margin-left:238px;flex:1;min-width:0}.workspace>main{padding:30px 36px 42px;max-width:1700px;margin:auto}.profile{display:flex;align-items:center;gap:9px;padding-top:18px;border-top:1px solid var(--line)}.profile strong{display:block;font-size:12px}.profile small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.avatar{border-radius:50%;width:33px;height:33px;background:var(--soft);color:var(--red);display:flex;justify-content:center;align-items:center}.topbar>div{display:flex;gap:18px;align-items:center}.topbar>span{font-size:12px;color:var(--muted)}.topbar strong{color:var(--muted)}.slash{padding:0 12px;color:var(--line)}.pilot-tag{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:10px;background:var(--subtle);color:var(--muted)}.today{font-size:11px;color:var(--muted)}.preview-bar{padding:8px 36px;background:#fff4dc;color:#766443;display:flex;justify-content:space-between;align-items:center;font-size:11px}.preview-bar label{display:flex;gap:10px;align-items:center}.preview-bar select{padding:5px 9px;font-size:11px;background:#fffbf0}.page-heading small{font-size:10px;color:var(--red);font-weight:700;letter-spacing:1px;display:block;margin-bottom:9px}.mobile-only{display:none}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi small{color:var(--muted);font-size:12px}.kpi strong{display:block;font:800 28px var(--heading-font, Manrope);margin:15px 0;letter-spacing:-.8px}.kpi span{display:block;font-size:10px;color:var(--muted)}.rank{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;padding:15px 0;border-bottom:1px solid var(--subtle)}.rank:last-child{border:0}.chart{display:flex;gap:15px;align-items:flex-end;height:220px;padding-top:20px}.chart>div{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.chart i{display:block;width:70%;max-width:55px;background:var(--primary);border-radius:4px 4px 0 0}.chart span{font-size:10px;color:var(--muted);margin-top:12px}.filters{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px}.date-filter{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.date-filter label{display:flex;gap:8px;align-items:center}.date-filter input{font-size:11px;padding:7px;max-width:145px}.table-summary{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:0 0 12px}.row-actions{display:flex;gap:5px}.row-actions button{display:flex;padding:7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface)}.row-actions button:hover{color:var(--red);background:var(--soft)}.item-editor{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr 35px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.item-editor>.field:last-child{grid-column:1/-1}.item-editor .icon-btn{align-self:center}.total-line{display:flex;align-items:center;justify-content:space-between;margin:24px 0;font-size:11px;color:var(--muted)}.total-line strong{font:800 24px var(--heading-font, Manrope);color:var(--ink)}.master-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.master-card dl{font-size:12px}.master-card dl>div{display:flex;gap:12px;margin:9px 0}.master-card dt{color:var(--muted);width:95px;flex-shrink:0}.master-card dd{margin:0;overflow-wrap:anywhere}.master-card .form-actions,.route-card .form-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:18px;padding-top:16px}.mini-status{font-size:10px;color:#3b8b65;background:#e9f5ee;border-radius:20px;padding:5px 9px}.mini-status.off{color:#a95b61;background:var(--soft)}.date-pill{font-size:11px;color:var(--muted)}.route-card>p{display:flex;align-items:center;gap:8px}.progress{height:5px;background:var(--subtle);border-radius:3px;margin:17px 0}.progress i{display:block;height:100%;background:var(--accent);border-radius:3px}.details{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.details>div{border-bottom:1px solid var(--line);padding-bottom:12px}.details dt{font-size:10px;color:var(--muted);margin-bottom:6px}.details dd{margin:0}.address-option{border:1px solid var(--line);display:block;background:var(--surface);width:100%;padding:10px;font-size:12px;text-align:left;margin:5px 0;border-radius:5px}.saving{position:fixed;bottom:20px;left:260px;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:6px;font-size:12px;z-index:90}.alert{display:flex;justify-content:space-between;gap:15px}.alert button{border:0;background:none;color:inherit}.sidebar-scrim{position:fixed;inset:0;background:#29212770;z-index:19}.global-error{padding:20px;color:var(--red)}@media(max-width:1150px){.app>aside{width:210px}.workspace{margin-left:210px}.workspace>main{padding:25px 24px}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:26px}}@media(max-width:760px){.app>aside{transform:translate(-100%);width:235px}.app>aside.open{transform:translate(0)}.workspace{margin:0}.workspace>main{padding:24px 16px}.mobile-only{display:flex}.brand .mobile-only{margin-left:auto}.today{display:none}.topbar>span{font-size:11px}.topbar>div{gap:0}.topbar .pilot-tag{font-size:8px;padding:4px 6px}.preview-bar{padding:8px 16px;gap:10px;font-size:10px}.preview-bar label{font-size:0}.preview-bar select{max-width:120px}.kpis{gap:10px}.kpi{padding:16px}.kpi strong{font-size:22px}.kpi span{font-size:9px}.date-filter{flex-wrap:wrap;width:100%}.date-filter label{flex:1}.date-filter input{width:125px}.item-editor{grid-template-columns:1fr 1fr}.item-editor>.field:first-child{grid-column:1/3}.item-editor .icon-btn{grid-column:2;justify-self:end}.item-editor>.field:last-child{grid-column:1/3}.details{grid-template-columns:1fr 1fr}.master-grid{grid-template-columns:1fr}.saving{left:16px}.table-summary{font-size:10px}}.workspace>footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid var(--line);margin:0 clamp(16px,3vw,36px) 24px;padding-top:18px;font-size:10px;color:var(--muted)}a{color:var(--link)}.app>aside{background:var(--sidebar);color:var(--sidebar-ink);border-color:var(--sidebar-line)}.app>aside .brand,.app>aside .user-box{border-color:var(--sidebar-line)}.app>aside .brand small,.app>aside .user-box small{color:var(--sidebar-muted)}.app>aside nav a{color:var(--sidebar-muted)}.app>aside nav a:hover,.app>aside nav a.current{background:var(--sidebar-soft);color:var(--sidebar-active)}.brand{gap:10px;padding-left:0;padding-right:0}.brand>div{min-width:0}.brand strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.brand img{flex:0 0 48px;width:48px;max-height:48px}.brand small{line-height:1.4;font-size:10px}.panel,.modal,.login-card{border-radius:var(--radius)}.btn,input,select,textarea{border-radius:calc(var(--radius) * .65)}.btn.primary{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.btn.primary:hover{background:var(--primary);filter:brightness(.92)}.page-heading>div>small,.login-brand>small{color:var(--link);overflow-wrap:anywhere}.chips .active,.chips button.active,.stop-number,.stop-sort>b{color:var(--on-soft);background:var(--soft)}.login-brand>small{font-weight:700;font-size:14px;display:block;margin:22px 0 12px}.login-brand img{max-width:180px;height:90px;object-fit:contain;object-position:left center}.branding-settings{margin-bottom:24px}.branding-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.branding-intro small{letter-spacing:1px;color:var(--link);font-size:10px;font-weight:700}.branding-intro h2{margin-top:8px}.branding-intro p{color:var(--muted);max-width:620px;font-size:13px;margin-bottom:0}.branding-intro .chip{flex-shrink:0}.branding-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.branding-controls{min-width:0}.branding-field{display:flex;flex-direction:column;font-size:12px;gap:8px;margin:0 0 18px}.branding-field input,.branding-field select{width:100%;min-width:0}.branding-hint{font-size:11px;line-height:1.6;margin-top:-6px}.branding-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.branding-color{font-size:11px}.branding-color>div{display:flex;gap:9px;align-items:center;margin-top:7px}.branding-color input{width:42px;height:36px;padding:3px;cursor:pointer}.branding-color code{font-size:11px;color:var(--muted)}.brand-preview-wrap{min-width:0}.brand-preview-wrap>small{font-size:10px;color:var(--muted);letter-spacing:1px}.brand-preview{background:var(--background);color:var(--body-ink);display:grid;grid-template-columns:38% minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:12px 0 18px;min-height:330px;font-family:var(--font)}.brand-preview-nav{background:var(--sidebar);color:var(--sidebar-ink);padding:18px 10px;display:flex;flex-direction:column;gap:16px;font-size:11px;border-right:1px solid var(--sidebar-line)}.brand-preview-nav img{width:75px;max-width:100%;height:45px;object-fit:contain;align-self:flex-start}.brand-preview-nav strong{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.brand-preview-nav span{padding:8px}.brand-preview-nav .active{background:var(--sidebar-soft);color:var(--sidebar-active);border-radius:calc(var(--radius) * .6)}.brand-preview-content{padding:20px 12px}.brand-preview-content>small{font-size:8px;display:block;line-height:1.5}.brand-preview-content h3{margin-top:12px}.brand-preview-content>p{font-size:10px}.brand-preview-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:14px;margin:18px 0;border-radius:var(--radius)}.brand-preview-card>span{font-size:9px}.brand-preview-card strong{display:block;font-size:23px;margin:8px 0}.brand-preview-bars{height:30px;display:flex;gap:8px;align-items:end}.brand-preview-bars i{width:24px;height:80%;background:var(--primary);border-radius:3px 3px 0 0}.brand-preview-bars i:nth-child(2){height:100%;background:var(--accent)}.brand-preview-bars i:nth-child(3){height:60%}.brand-preview-button{display:inline-block;background:var(--primary);color:var(--on-primary);padding:9px 10px;border-radius:calc(var(--radius) * .65);font-size:10px}.branding-saved{color:var(--link);font-size:12px}@media(max-width:1100px){.branding-layout{grid-template-columns:1fr}.brand-preview-wrap{max-width:550px}}@media(max-width:600px){.branding-intro{flex-direction:column}.branding-settings{padding:18px}.branding-layout{gap:20px}.master-grid{grid-template-columns:minmax(0,1fr)}.brand-preview-content{padding:15px 10px}}.login{background:var(--background)}.login-brand{background:var(--primary);color:var(--on-primary)}.login-brand>small,.login-brand p{color:var(--on-primary)}.app>aside nav a b{color:var(--on-primary)}.btn.primary:hover{filter:none;box-shadow:0 0 0 2px var(--focus)}.toast{color:#fff}.panel,.modal,.login-card,.topbar,input,select,textarea,.saving{color:var(--ink)}.error,.global-error{color:#a61e2e;background:#fff1f3;border-color:#efcad0}.btn.danger{color:#a61e2e;background:#fff1f3;border-color:#e7bdc3}.btn.danger:hover{background:#fbe9ec}