@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18213f;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#111a38;color:#fff;padding:30px 20px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 44px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8c6cff,#5d3ee8);font:800 22px Manrope}.brand div{display:flex;flex-direction:column}.brand b{font:800 20px Manrope}.brand small{color:#909ab6;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{border:0;background:transparent;color:#aeb6cc;padding:13px 15px;border-radius:10px;text-align:left;font:600 14px inherit;cursor:pointer}.sidebar nav button span{display:inline-block;width:29px;font-size:18px}.sidebar nav button:hover,.sidebar nav button.active{background:#6950e8;color:#fff}.sidebar-bottom{margin-top:auto}.sidebar label{font-size:11px;color:#8994b1;text-transform:uppercase}.sidebar select{display:block;width:100%;margin-top:7px;background:#1d284c;border:1px solid #344061;border-radius:8px;color:#fff;padding:8px}.profile{border-top:1px solid #273252;margin-top:22px;padding:22px 5px 0;display:flex;gap:10px;align-items:center}.profile>span,.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7e1ff;color:#5d3ee8;font-weight:700}.profile div{display:flex;flex-direction:column}.profile small{color:#818ca9}main{margin-left:248px;padding:38px 44px;max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}h1,h2{font-family:Manrope,sans-serif;margin:0}h1{font-size:28px;letter-spacing:-.6px}header p{margin:7px 0 0;color:#81899e}.primary{border:0;background:#6950e8;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;box-shadow:0 7px 18px #6950e835;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat,.panel,.route-card{background:#fff;border:1px solid #e9ecf3;border-radius:15px;box-shadow:0 5px 20px #1a274508}.stat{padding:21px;display:flex;gap:15px;align-items:center}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.violet{background:#eeeaff;color:#6b51ed}.cyan{background:#e5f8f5;color:#15aa98}.green{background:#eaf8ee;color:#37ad62}.orange{background:#fff2e6;color:#ee8d33}.stat div{display:flex;flex-direction:column}.stat small{color:#8990a3}.stat strong{font:800 24px Manrope;margin:3px 0}.stat em{font-size:11px;color:#39a963;font-style:normal}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title h2{font-size:16px}.panel-title>span{font-size:12px;color:#8d94a7}.route-row,.payment-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eef0f5}.route-row i{width:4px;height:38px;border-radius:4px}.route-row div,.payment-row div{display:flex;flex-direction:column;flex:1}.route-row small,.payment-row small,td small{display:block;color:#9299aa;font-size:11px;margin-top:3px}.route-row>strong{font-size:14px}.route-row>span{font-size:12px;color:#7f8799}.payment-row strong{font-size:13px}.badge{padding:5px 8px;border-radius:15px;font-size:10px;font-weight:700}.badge.paid{background:#e8f8ed;color:#299d52}.badge.pending{background:#fff5df;color:#c8810d}.badge.overdue{background:#ffeaea;color:#d14c4c}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.toolbar input{width:min(470px,70%);border:1px solid #dde1ea;border-radius:10px;background:#fff;padding:13px 15px;font:inherit}.toolbar span{color:#8b93a6;font-size:13px}.table-wrap{background:#fff;border:1px solid #e6eaf1;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 18px;background:#fafbfc;color:#8790a5;font-size:11px;text-transform:uppercase}td{padding:16px 18px;border-top:1px solid #edf0f4;font-size:13px}td b{font-size:14px}.modal{position:fixed;inset:0;background:#0c1431a8;z-index:5;display:grid;place-items:center;padding:20px}.modal form{background:#fff;border-radius:16px;padding:24px;width:min(700px,100%);max-height:90vh;overflow:auto}.close{border:0;background:transparent;font-size:25px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:600}.form-grid input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dfe3eb;border-radius:8px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.actions button:not(.primary),.route-card button{border:1px solid #dfe3eb;background:#fff;padding:10px 16px;border-radius:9px;cursor:pointer}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{padding:22px;position:relative;overflow:hidden}.route-card>i{position:absolute;left:0;top:0;bottom:0;width:5px}.route-card h2{font-size:18px}.route-card p{color:#80899e}.route-card div{display:flex;gap:35px;margin:25px 0}.route-card div span{display:flex;flex-direction:column;color:#9098aa;font-size:12px}.route-card b{color:#18213f;font-size:16px;margin-top:4px}.small-button{border:1px solid #dadfeb;background:#fff;border-radius:7px;padding:7px;font-size:11px}.setting{display:flex;gap:16px}.setting>span{font:800 24px Manrope;color:#6950e8}.setting p,.info{color:#788196}.info{margin-top:20px}.info b{color:#252e4a}.form-grid select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dfe3eb;border-radius:8px;background:#fff}.capacity-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:20px;margin-bottom:20px}.panel-title div small{display:block;color:#8d94a7;margin-top:4px}.capacity-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.capacity-inputs label{font-size:12px;font-weight:600}.capacity-inputs input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dfe3eb;border-radius:8px}.capacity-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.capacity-totals span{padding:12px;background:#f8f9fc;border-radius:10px;display:flex;flex-direction:column}.capacity-totals small{color:#8790a5}.capacity-totals b{font:700 17px Manrope;margin-top:4px}.shift-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.shift-list div{border-top:1px solid #eef0f5;padding-top:10px;display:flex;flex-direction:column}.shift-list span{font-size:11px;color:#8790a5;margin-top:3px}.form-error{color:#c53f3f;font-size:12px;font-weight:600}@media(max-width:1050px){.stat-grid{grid-template-columns:1fr 1fr}.split,.capacity-section{grid-template-columns:1fr}.route-cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:16px}.brand{margin:0 0 14px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{white-space:nowrap}.sidebar-bottom{display:none}main{margin:0;padding:22px 16px}.stat-grid,.route-cards,.form-grid,.capacity-totals{grid-template-columns:1fr}.capacity-inputs,.shift-list{grid-template-columns:repeat(3,1fr)}header{align-items:flex-start;gap:12px}h1{font-size:23px}.payment-row{flex-wrap:wrap}table{min-width:850px}}.whatsapp-settings{margin-top:20px}.whatsapp-title>div p{margin:5px 0 0;color:#7f8799}.connection-status{padding:7px 10px!important;border-radius:20px;font-weight:700}.connection-status.disconnected{background:#fff0f0;color:#c64b4b}.whatsapp-connect-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5}.phone-preview{display:flex;gap:12px;align-items:center}.phone-preview>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f8ed;color:#299d52;font-size:20px}.phone-preview div{display:flex;flex-direction:column}.phone-preview small,.notification-form small{color:#8990a3}.notification-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:18px}.notification-form label{font-size:12px;font-weight:600}.notification-form input,.notification-form textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dfe3eb;border-radius:8px;font:inherit}.toggle-row{display:flex!important;align-items:center;gap:9px;grid-column:1/-1}.toggle-row input{display:inline-block;width:auto;margin:0}.template-field{grid-column:1/-1}.settings-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#299d52;font-size:13px}.channel-note,.risk-note{padding:10px 12px;border-radius:9px;background:#fff7e9;color:#92651d}.connect-modal{background:#fff;border-radius:16px;padding:24px;width:min(480px,100%);text-align:center}.connect-modal .panel-title{text-align:left}.qr-placeholder{width:140px;height:140px;margin:10px auto 18px;border:2px dashed #cbd1df;border-radius:14px;display:grid;place-items:center;font-size:70px;color:#8c94a7}.connect-modal p{color:#70798e;line-height:1.5}.connect-modal .risk-note{color:#92651d}@media(max-width:700px){.whatsapp-connect-row{align-items:flex-start;gap:12px;flex-direction:column}.notification-form{grid-template-columns:1fr}.notification-form>*{grid-column:1!important}.whatsapp-title{align-items:flex-start;gap:12px}}