:root{--sidebar-w: 190px;--primary: #1A365D;--primary-lt: #2C4A7C;--accent: #2B6CB0;--accent-bg: #EBF8FF;--accent-bd: #BEE3F8;--green: #276749;--green-lt: #38A169;--green-bg: #F0FFF4;--green-bd: #C6F6D5;--orange: #C05621;--orange-bg: #FFFAF0;--orange-bd: #FEEBC8;--red: #C53030;--red-bg: #FFF5F5;--red-bd: #FEB2B2;--amber: #B7791F;--amber-bg: #FFFFF0;--amber-bd: #FAF089;--teal: #0D7377;--teal-bg: #E6FFFA;--teal-bd: #81E6D9;--bg: #EDF2F7;--card: #FFFFFF;--card2: #F4F6F8;--border: #D0D6DC;--txt1: #1A202C;--txt2: #4A5568;--txt3: #9AA5B4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt1)}.admin-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--primary);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:16px 14px;border-bottom:1px solid var(--primary-lt);font-size:15px;font-weight:700;color:#fff}.nav-group-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#63b3ed;padding:12px 14px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;color:#bee3f8;cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--primary-lt);color:#fff}.nav-item.active{background:var(--primary-lt);border-left-color:#63b3ed;color:#fff;font-weight:700}.sidebar-footer{margin-top:auto;padding:14px;border-top:1px solid var(--primary-lt);font-size:11px;color:#718096}.sidebar-signout{font-size:11px;color:#63b3ed;cursor:pointer;margin-top:4px}.sidebar-signout:hover{color:#fff}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-header{height:52px;background:var(--primary);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0;color:#fff}.page-title{font-size:16px;font-weight:700;flex:1}.page-meta{font-size:12px;color:#ffffffa6}.page-badge{background:#fff3;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.screen-body{flex:1;overflow-y:auto;padding:20px 24px}.screen-body::-webkit-scrollbar{width:4px}.screen-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.two-panel{display:flex;flex:1;overflow:hidden}.left-col{width:300px;min-width:300px;border-right:1px solid var(--border);overflow-y:auto;background:var(--card);display:flex;flex-direction:column}.left-col::-webkit-scrollbar{display:none}.right-col{flex:1;overflow-y:auto;padding:20px 24px;background:var(--bg)}.right-col::-webkit-scrollbar{width:4px}.right-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.stat-grid{display:grid;gap:14px;margin-bottom:20px}.stat-grid-4{grid-template-columns:repeat(4,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-grid-2{grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:default}.stat-card.clickable{cursor:pointer;transition:box-shadow .15s}.stat-card.clickable:hover{box-shadow:0 4px 12px #00000014}.stat-label{font-size:11px;color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--txt1);line-height:1;margin-bottom:4px}.stat-sub{font-size:11px;color:var(--txt2);margin-bottom:6px}.stat-link{font-size:11px;color:var(--accent);margin-top:6px}.badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd)}.badge-blue{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd)}.badge-grey{background:#edf2f7;color:var(--txt2);border:1px solid var(--border)}.badge-orange{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-bd)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd)}.badge-teal{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-bd)}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-bd)}.pill{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.pill-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd)}.pill-blue{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd)}.pill-teal{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-bd)}.pill-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-bd)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:7px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-navy{background:var(--primary);color:#fff}.btn-green{background:var(--green-lt);color:#fff}.btn-outline{background:transparent;color:var(--txt2);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-sm{font-size:11px;padding:5px 11px}.btn-full{width:100%}.section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;margin-top:20px}.section-hd:first-child{margin-top:0}.section-title{font-size:13px;font-weight:700;color:var(--txt1)}.section-sub{font-size:11px;color:var(--txt3)}.data-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--border);font-size:12px}.data-table th{background:#edf2f7;font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;text-align:left;border-bottom:1px solid var(--border)}.data-table td{padding:10px 14px;border-bottom:1px solid #EDF2F7;color:var(--txt1);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f7fafc}.financial-panel{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.content-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}.content-card-title{font-size:12px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #EDF2F7;font-size:12px}.info-row:last-child{border-bottom:none}.info-key{color:var(--txt2)}.info-val{font-weight:700;color:var(--txt1)}.hub-list-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.hub-list-item{padding:12px 14px;border-bottom:1px solid #EDF2F7;cursor:pointer;border-left:3px solid transparent;transition:all .1s}.hub-list-item:last-child{border-bottom:none}.hub-list-item:hover{background:#f7fafc}.hub-list-item.active{background:var(--accent-bg);border-left-color:var(--accent)}.hub-item-name{font-size:13px;font-weight:700;color:var(--txt1);margin-bottom:2px}.hub-item-meta{font-size:11px;color:var(--txt2)}.agent-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}.agent-name{font-size:15px;font-weight:700;color:var(--txt1);margin-bottom:2px}.agent-meta{font-size:12px;color:var(--txt2);margin-bottom:12px}.route-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.route-hub{font-weight:700;color:var(--txt1);min-width:170px}.route-days{color:var(--txt2);flex:1}.day-chip{display:inline-block;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd);border-radius:4px;font-size:10px;font-weight:700;padding:1px 6px;margin-right:3px}.fin-panel{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px}.fin-panel-header{background:var(--primary);color:#fff;padding:10px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.fin-panel-header.teal{background:var(--teal)}.fin-total{font-size:18px;font-weight:700}.fin-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #EDF2F7;font-size:12px;gap:12px}.fin-row:last-child{border-bottom:none}.fin-hub{flex:1;color:var(--txt1);font-weight:700;min-width:0}.fin-hub-meta{font-size:11px;color:var(--txt3);font-weight:400}.fin-bar-wrap{width:120px;min-width:120px;height:6px;background:#edf2f7;border-radius:3px;overflow:hidden}.fin-bar{height:100%;border-radius:3px}.fin-val{font-weight:700;min-width:80px;text-align:right}.progress-wrap{height:6px;background:#edf2f7;border-radius:3px;overflow:hidden;margin-top:6px}.progress-bar{height:100%;border-radius:3px;background:var(--green-lt)}.divider{height:1px;background:var(--border);margin:14px 0}.notice{border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;margin-bottom:12px}.notice-blue{background:var(--accent-bg);border:1px solid var(--accent-bd);color:var(--primary)}.notice-green{background:var(--green-bg);border:1px solid var(--green-bd);color:var(--green)}.notice-amber{background:var(--amber-bg);border:1px solid var(--amber-bd);color:#7b341e}.form-row{margin-bottom:14px}.form-label{font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;display:block}.form-input{width:100%;border:1px solid var(--border);border-radius:7px;padding:8px 12px;font-size:13px;color:var(--txt1);background:var(--card);outline:none}.form-input:focus{border-color:var(--accent)}.form-input:read-only{background:#f7fafc;color:var(--txt3)}.form-select{width:100%;border:1px solid var(--border);border-radius:7px;padding:8px 12px;font-size:13px;color:var(--txt1);background:var(--card);outline:none}.form-hint{font-size:11px;color:var(--txt3);margin-top:4px}.form-section{font-size:13px;font-weight:700;color:var(--txt1);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.day-checks{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.day-check{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--txt3);font-size:14px;padding:40px;text-align:center}.add-card{background:var(--card);border:1.5px dashed var(--border);border-radius:10px;padding:20px;text-align:center;color:var(--txt3);font-size:13px;margin-bottom:14px}.login-wrap{display:flex;height:100vh;align-items:center;justify-content:center;background:var(--primary)}.login-card{width:400px;background:var(--card);border-radius:16px;padding:40px;box-shadow:0 20px 56px #0000004d}.login-logo{text-align:center;margin-bottom:28px}.login-logo-name{font-size:22px;color:var(--txt1)}.login-sub{font-size:12px;color:var(--txt3);text-align:center;margin-top:6px}.form-group{margin-bottom:14px}.form-input-lg{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--txt1);background:var(--card);outline:none}.form-input-lg:focus{border-color:var(--accent)}