.app-layout{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.app-header{padding:14px var(--spacing-md);background-color:var(--primary-color);color:#fff;z-index:20;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-brand h1{letter-spacing:-.5px;color:#fff;margin:0;font-size:22px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.icon-button:hover{background:#ffffff40}.user-avatar{color:#fff;letter-spacing:.5px;background:#ffffff40;border:2px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.main-content{padding:var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:80px;overflow-y:auto}.main-content::-webkit-scrollbar{display:none}.bottom-nav{background-color:var(--surface-color);z-index:20;border-top:1px solid #e2e8f0;border-top-left-radius:0;border-top-right-radius:0;justify-content:space-around;align-items:center;height:64px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000d}.nav-item{color:var(--text-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-item .nav-icon{stroke-width:1.8px}.nav-item.active{color:var(--primary-color);font-weight:600}.nav-item.active .nav-icon{stroke-width:2.2px}.nav-item.active:before{content:"";background-color:var(--primary-color);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.user-avatar{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.home-container{padding:var(--spacing-md);gap:var(--spacing-lg);flex-direction:column;padding-bottom:80px;display:flex}.filter-section{justify-content:space-between;align-items:center;display:flex}.filter-label{color:var(--text-secondary);font-size:14px;font-weight:500}.filter-dropdown{background:var(--surface-color);color:var(--text-primary);cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000d}.rotate-90{transform:rotate(90deg)}.total-collection-card{background-color:var(--primary-color);color:#fff;border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #12826433}.card-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.card-title{letter-spacing:.5px;opacity:.9;font-size:12px;font-weight:700}.live-badge{background:#fff3;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.live-badge .dot,.bus-status .dot{border-radius:50%;width:6px;height:6px;display:inline-block}.live-badge .dot{background-color:#86efac}.collection-amount{letter-spacing:-1px;z-index:2;margin-bottom:16px;font-size:40px;font-weight:800;position:relative}.collection-stats{z-index:2;gap:16px;display:flex;position:relative}.stat-item{opacity:.9;align-items:center;gap:6px;font-size:13px;display:flex}.stat-item strong{color:#fff;font-weight:700}.card-circles{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.circle-1{border:1px solid #ffffff26;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;right:-50px}.circle-2{border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-100px;right:-100px}.breakdown-card{background:var(--surface-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.breakdown-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:700}.breakdown-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.breakdown-item{align-items:center;gap:12px;display:flex}.icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cash-icon{background-color:#1282641a}.upi-icon{background-color:#8b5cf61a}.breakdown-info{flex-direction:column;display:flex}.breakdown-label{color:var(--text-secondary);font-size:12px;font-weight:500}.breakdown-value{color:var(--text-primary);font-size:16px;font-weight:700}.fleet-section{flex-direction:column;gap:16px;display:flex}.fleet-header{justify-content:space-between;align-items:baseline;display:flex}.fleet-title{color:var(--text-primary);font-size:18px;font-weight:700}.fleet-count{color:var(--text-secondary);font-size:13px;font-weight:500}.fleet-list{flex-direction:column;gap:12px;display:flex}.bus-card{background:var(--surface-color);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.bus-card-header{align-items:center;gap:12px;display:flex}.bus-status{color:var(--text-secondary);background:#f1f5f9;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.status-idle .dot{background-color:#94a3b8}.status-active .dot{background-color:#10b981}.status-active{color:#10b981;background:#ecfdf5}.arrow-icon{color:#cbd5e1;margin-left:auto}.bus-stats{justify-content:space-between;align-items:center;display:flex}.bus-collection{flex-direction:column;gap:2px;display:flex}.bus-collection .label{color:var(--text-secondary);font-size:12px}.bus-collection .value{color:var(--text-primary);font-size:20px;font-weight:800}.bus-metrics{gap:24px;display:flex}.metric{text-align:right;flex-direction:column;gap:2px;display:flex}.metric .label{color:var(--text-secondary);font-size:12px}.metric .value{color:var(--text-primary);font-size:15px;font-weight:700}.metric .value.green{color:var(--primary-color)}.bus-footer{color:var(--text-secondary);border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:12px;font-size:13px;font-weight:500;display:flex}.time,.rating{align-items:center;gap:6px;display:flex}.rating{color:var(--text-primary);font-weight:600}.warning-banner{color:#b45309;background-color:#fdf6b2;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.reports-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.dropdown-container{align-self:flex-start;margin-bottom:4px;position:relative}.reports-dropdown-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000d}.reports-dropdown-btn .calendar-icon{color:var(--primary-color)}.reports-dropdown-btn .chevron-icon{color:#64748b;margin-left:2px}.reports-dropdown-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.reports-dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;display:block}.reports-dropdown-item:hover{color:var(--primary-color);background:#f1f5f9}.reports-dropdown-item.active{color:var(--primary-color);background:#ecfdf5;font-weight:600}.period-tabs{background:#f1f5f9;border-radius:12px;gap:6px;padding:4px;display:flex}.period-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 6px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.period-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #0080604d}.today-summary-card{background:var(--primary-color);color:#fff;border-radius:20px;padding:20px}.today-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.today-label{letter-spacing:.8px;opacity:.85;text-transform:uppercase;font-size:11px;font-weight:600}.today-date{opacity:.8;font-size:12px}.today-amount{letter-spacing:-1px;margin-bottom:16px;font-size:32px;font-weight:700}.today-stats{gap:8px;display:flex}.today-summary-card .stat-box{background:#ffffff26;border-radius:12px;flex:1;padding:10px 12px}.today-summary-card .stat-box-label{opacity:.75;letter-spacing:.3px;color:#fff;margin-bottom:4px;font-size:10px;display:block}.today-summary-card .stat-box-value{letter-spacing:-.3px;color:#fff;font-size:14px;font-weight:700;display:block}.section-label{letter-spacing:.8px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.report-types-list{flex-direction:column;gap:8px;display:flex}.report-type-item{background:var(--surface-color);cursor:pointer;color:inherit;text-align:left;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 6px #0000000d}.report-type-item:active{transform:scale(.98)}.report-badge{letter-spacing:.3px;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:flex}.badge-teal{color:#065f46;background:#d1fae5}.badge-blue{color:#1e3a8a;background:#dbeafe}.badge-green{color:#166534;background:#dcfce7}.badge-orange{color:#9a3412;background:#ffedd5}.badge-dark{color:#075985;background:#e0f2fe}.badge-red{color:#991b1b;background:#fee2e2}.report-type-text{flex:1;min-width:0}.report-type-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.report-type-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.report-chevron{color:#cbd5e1;flex-shrink:0}.date-range-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.date-range-modal{background:var(--surface-color,#fff);border-radius:16px;width:90%;max-width:320px;padding:24px;box-shadow:0 10px 25px #0003}.date-range-title{color:var(--text-color,#1a1a1a);text-align:center;margin-top:0;margin-bottom:20px;font-size:1.1rem}.date-range-inputs{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.date-input-group{flex-direction:column;gap:6px;display:flex}.date-input-group label{color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.date-input{border:1px solid var(--border-color,#e5e7eb);color:var(--text-color,#1a1a1a);background-color:var(--bg-color,#f9fafb);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.date-input:focus{border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a}.date-range-actions{justify-content:space-between;gap:12px;display:flex}.btn-cancel{background:var(--bg-color,#f3f4f6);color:var(--text-color,#374151);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#e5e7eb}.btn-apply{background:var(--primary-color,#10b981);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:background .2s}.btn-apply:hover{background:#059669}.bus-detail-page{background-color:var(--bg-color);flex-direction:column;min-height:100%;display:flex}.bus-detail-header{background-color:var(--primary-color);color:#fff;padding:12px var(--spacing-md);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.back-button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.header-info{flex-direction:column;align-items:center;display:flex}.header-info h1{margin:0;font-size:16px;font-weight:700}.header-info p{opacity:.8;margin:2px 0 0;font-size:12px}.user-avatar-small{cursor:pointer;background-color:#fff3;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.bus-detail-content{padding:var(--spacing-md);z-index:5;margin-top:20px;position:relative}.trip-report-page .bus-detail-content{margin-top:var(--spacing-md);padding-bottom:90px}.bus-info-card{background-color:var(--surface-color);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:16px;box-shadow:0 4px 12px #0000000d}.card-header-row{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.plate-pill{color:#1e293b;background-color:#fcd34d;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px #0000001a}.rating{color:var(--text-primary);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.transport-name{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:13px}.stats-row{justify-content:space-between;gap:var(--spacing-sm);display:flex}.stat-box{background-color:#f8fafc;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:10px 12px;display:flex}.stat-box .stat-label{color:var(--text-secondary);text-transform:capitalize;margin-bottom:4px;font-size:10px}.stat-box .stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.stat-box:last-child .stat-value{color:var(--primary-color)}.shift-history-section h2{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:16px;font-weight:700}.shift-list{gap:var(--spacing-md);flex-direction:column;display:flex}.shift-card{background-color:var(--surface-color);padding:var(--spacing-md);border-radius:16px;box-shadow:0 2px 8px #00000008}.shift-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.shift-card-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.status-pill{color:var(--text-secondary);background-color:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:flex}.status-pill:before{content:"";background-color:#94a3b8;border-radius:50%;width:6px;height:6px;display:block}.shift-time{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:12px}.shift-card-footer{padding-top:var(--spacing-sm);border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;display:flex}.shift-driver{color:var(--text-secondary);font-size:13px}.shift-amount{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.chevron-icon{color:#cbd5e1}.fleet-page{flex-direction:column;gap:0;padding-top:4px;display:flex}.fleet-hint{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding:0 2px;font-size:13px}.fleet-list-grid{flex-direction:column;gap:10px;display:flex}.bus-list-item{background-color:var(--surface-color);padding:14px var(--spacing-md);cursor:pointer;color:inherit;border-radius:14px;align-items:center;gap:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 6px #0000000d}.bus-list-item:active{transform:scale(.98);box-shadow:0 1px 3px #00000014}.bus-icon-wrap{width:44px;height:44px;color:var(--primary-color);background-color:#e6f4f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bus-list-item-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bus-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bus-list-plate{color:var(--text-primary);font-size:15px;font-weight:700}.bus-status-badge{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.bus-status-badge.active{color:var(--primary-color)}.bus-status-badge.idle{color:var(--text-secondary)}.status-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.bus-list-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bus-chevron{color:#cbd5e1;flex-shrink:0}.trip-summary-card{background-color:var(--primary-color);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:#fff;border-radius:16px}.summary-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.summary-date{opacity:.9;font-size:13px}.summary-stats{justify-content:space-between;display:flex}.stat-group{flex-direction:column;display:flex}.stat-group.text-right{align-items:flex-end}.stat-group .stat-label{opacity:.8;margin-bottom:4px;font-size:10px}.stat-group .stat-value{font-size:24px;font-weight:700}.trip-list{gap:var(--spacing-md);flex-direction:column;display:flex}.trip-item-card{background-color:var(--surface-color);padding:var(--spacing-md);border-radius:16px;box-shadow:0 2px 8px #00000008}.trip-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trip-number{color:var(--primary-color);font-size:13px;font-weight:700}.trip-time{color:var(--text-secondary);font-size:12px}.trip-route{color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:700}.ticket-breakdown{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.ticket-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.ticket-type-left{align-items:center;gap:8px;display:flex}.ticket-pill{text-align:center;border-radius:4px;min-width:32px;padding:2px 6px;font-size:10px;font-weight:700}.pill-green{color:#166534;background-color:#dcfce7}.pill-yellow{color:#854d0e;background-color:#fef9c3}.pill-blue{color:#1e40af;background-color:#dbeafe}.pill-purple{color:#6b21a8;background-color:#f3e8ff}.pill-red{color:#991b1b;background-color:#fee2e2}.ticket-name{color:var(--text-primary);font-size:13px}.ticket-count{color:var(--text-secondary);font-size:13px}.ticket-amount{color:var(--text-primary);font-size:14px;font-weight:600}.trip-total-row{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;display:flex}.total-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.total-amount{color:var(--primary-color);font-size:16px;font-weight:700}.payment-split{gap:var(--spacing-sm);display:flex}.payment-pill{text-align:center;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600}.pill-cash{color:#059669;background-color:#ecfdf5}.pill-qr{color:#7c3aed;background-color:#f5f3ff}.collection-report-page{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.cr-content{flex-direction:column;gap:20px;padding:16px 16px 80px;display:flex}.cr-header-row{justify-content:space-between;align-items:center;display:flex}.cr-header-title{color:var(--text-secondary);font-size:13px}.cr-date-picker{color:var(--text-primary);cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex;box-shadow:0 1px 2px #0000000d}.cr-calendar-icon{color:var(--primary-color)}.cr-chevron{color:var(--text-secondary)}.cr-total-card{color:#fff;background:linear-gradient(135deg,#0f766e,#115e59);border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f766e33}.cr-total-card:after{content:"";background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-20px}.cr-total-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.cr-total-label{letter-spacing:.5px;opacity:.9;font-size:11px;font-weight:700}.cr-live-badge{background:#fff3;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.cr-live-dot{background-color:#a7f3d0;border-radius:50%;width:6px;height:6px}.cr-total-amount{letter-spacing:-1px;z-index:2;margin-bottom:16px;font-size:36px;font-weight:700;position:relative}.cr-total-stats{opacity:.9;z-index:2;gap:20px;font-size:13px;display:flex;position:relative}.cr-total-stat-item{align-items:center;gap:6px;display:flex}.cr-total-stat-item strong{color:#fff;font-weight:700}.cr-breakdown-card{background-color:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000008}.cr-breakdown-title{color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.cr-breakdown-row{justify-content:space-between;gap:12px;display:flex}.cr-breakdown-item{flex:1;align-items:center;gap:10px;display:flex}.cr-breakdown-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-purple-light{color:#7c3aed;background-color:#f3e8ff}.cr-breakdown-text{flex-direction:column;display:flex}.cr-breakdown-label{color:var(--text-secondary);font-size:11px}.cr-breakdown-value{color:var(--text-primary);font-size:15px;font-weight:700}.cr-fleet-header{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.cr-fleet-title{color:var(--text-primary);font-size:16px;font-weight:700}.cr-fleet-count{color:var(--text-secondary);font-size:13px}.cr-fleet-list{flex-direction:column;gap:12px;display:flex}.cr-bus-card{color:inherit;background-color:#fff;border-radius:16px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 2px 8px #0000000a}.cr-bus-card:active{transform:scale(.98)}.cr-bus-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cr-bus-card-left{align-items:center;gap:10px;display:flex}.cr-bus-stats-grid{grid-template-columns:1fr auto auto;gap:16px;margin-bottom:16px;display:grid}.cr-stat-col{flex-direction:column;display:flex}.cr-stat-col.align-center{align-items:center}.cr-stat-col.align-right{align-items:flex-end}.cr-stat-name{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.cr-stat-num{color:var(--text-primary);font-size:18px;font-weight:700}.cr-stat-num.teal{color:var(--primary-color)}.cr-bus-card-bottom{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.cr-last-seen{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.cr-rating{color:var(--text-primary);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.conductor-report-page{background-color:#f8fafc;min-height:100vh;padding:0}.cr-content{padding-top:16px;padding-bottom:80px}.conductor-list{flex-direction:column;gap:12px;padding:0 16px;display:flex}.conductor-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.conductor-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.conductor-info-left{align-items:center;gap:12px;display:flex}.conductor-avatar{color:#0284c7;background-color:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.conductor-name{color:#1e293b;margin:0 0 2px;font-size:16px;font-weight:600}.conductor-emp-id{color:#64748b;font-size:12px;font-weight:500}.conductor-stats{justify-content:space-between;display:flex}.c-stat-box{flex-direction:column;gap:4px;display:flex}.c-stat-label{color:#64748b;font-size:12px;font-weight:500}.c-stat-value{color:#1e293b;font-size:15px;font-weight:600}.c-stat-value.primary{color:#128264}.text-danger{color:#ef4444}.daily-closing-page{background-color:#f8fafc;min-height:100vh;padding:0}.dc-content{padding:16px 16px 80px}.dc-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dc-header-title{color:#64748b;font-size:14px}.dc-date-picker{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.dc-calendar-icon{color:var(--primary-color)}.dc-overview-card{background:var(--primary-color);color:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 12px #12826433}.dc-balance-row{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.dc-balance-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px}.dc-balance-amount{font-size:32px;font-weight:700}.dc-flow-grid{background:#ffffff1a;border-radius:12px;justify-content:space-between;padding:12px;display:flex}.dc-flow-item{flex-direction:column;gap:4px;display:flex}.dc-flow-label{opacity:.8;font-size:12px}.dc-flow-val{font-size:14px;font-weight:600}.dc-flow-val.text-green{color:#a7f3d0}.dc-flow-val.text-red{color:#fca5a5}.dc-section{margin-bottom:24px}.dc-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dc-section-title{color:#1e293b;margin:0 0 12px;font-size:15px;font-weight:600}.dc-section-header .dc-section-title{margin-bottom:0}.dc-section-total{color:#ef4444;font-size:14px;font-weight:600}.dc-list-card{background:#fff;border-radius:16px;padding:0 16px;box-shadow:0 2px 8px #0000000a}.dc-list-item{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.border-bottom{border-bottom:1px solid #f1f5f9}.dc-item-left{align-items:center;gap:12px;display:flex}.dc-item-icon{color:#64748b;background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-light-red{background-color:#fee2e2}.dc-item-label{color:#1e293b;font-size:14px;font-weight:500}.dc-item-amount{color:#1e293b;font-size:15px;font-weight:600}.text-purple{color:#8b5cf6}.text-blue{color:#3b82f6}.dc-approve-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s}.dc-approve-btn:active{opacity:.9}.fleet-compliance-page{background-color:#f8fafc;min-height:100vh;padding:0}.fc-content{padding:16px 16px 80px}.fc-summary-card{background:#fff;border:1px solid #ecfdf5;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 12px #12826414}.fc-summary-icon{background-color:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fc-summary-info{flex-direction:column;gap:4px;display:flex}.fc-summary-title{color:#1e293b;margin:0;font-size:16px;font-weight:600}.fc-summary-desc{color:#64748b;margin:0;font-size:13px}.fc-list{flex-direction:column;gap:16px;display:flex}.fc-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.fc-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.fc-overall-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.fc-overall-badge.valid{color:#128264;background-color:#ecfdf5}.fc-overall-badge.warning{color:#ea580c;background-color:#fff7ed}.fc-overall-badge.expired{color:#ef4444;background-color:#fef2f2}.fc-docs-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.fc-doc-item{justify-content:space-between;align-items:center;display:flex}.fc-doc-info{align-items:center;gap:8px;display:flex}.fc-doc-name{color:#334155;font-size:14px;font-weight:500}.fc-doc-expiry{font-size:13px;font-weight:600}.fc-status-valid{color:#128264}.fc-status-warning{color:#ea580c}.fc-status-expired{color:#ef4444}.text-green{color:#128264}.text-orange{color:#ea580c}.text-red{color:#ef4444}.fc-action-btn{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.fc-action-btn:active{background-color:#f1f5f9}.account-container{padding:var(--spacing-md);gap:var(--spacing-lg);flex-direction:column;padding-bottom:80px;display:flex}.profile-card{background:var(--surface-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:32px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.profile-avatar{color:#1e293b;background-color:#fbbf24;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:22px;font-weight:800;display:flex}.profile-name{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.profile-subtext{color:var(--text-secondary);font-size:13px;font-weight:500}.role-section{background:var(--surface-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.section-title{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:16px;font-size:11px;font-weight:700}.role-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.role-btn{color:var(--text-primary);cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.role-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.role-help-text{color:var(--text-secondary);font-size:12px;line-height:1.5}.settings-list{background:var(--surface-color);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000000a}.setting-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:16px 20px;display:flex}.setting-item:last-child{border-bottom:none}.setting-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.bg-green-light{color:var(--primary-color);background-color:#ecfdf5}.setting-content{flex:1}.setting-title{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:700}.setting-desc{color:var(--text-secondary);font-size:12px}.arrow-icon{color:#cbd5e1}.logout-button{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:none;border-radius:12px;width:100%;margin-bottom:16px;padding:16px;font-size:15px;font-weight:700;transition:background-color .2s}.logout-button:active{background-color:#fecaca}.buses-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.buses-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.buses-content{gap:var(--spacing-lg);background:#f4f6f5;flex-direction:column;flex:1;margin-top:0;padding:20px 20px 100px;display:flex}.add-bus-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #12826433}.bus-list{flex-direction:column;gap:16px;display:flex}.bus-card{background:var(--surface-color);border-radius:8px;gap:0;padding:20px;box-shadow:0 2px 8px #0000000a}.bus-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bus-number{color:#080300;letter-spacing:.5px;background-color:#fcd34d;border:1px solid #050300;border-radius:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:15px;font-weight:800}.bus-header-actions{align-items:center;gap:8px;display:flex}.type-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.type-badge.ordinary{color:#059669;background-color:#ecfdf5}.type-badge.express{color:#16a34a;background-color:#f0fdf4}.type-badge.delux{color:#2563eb;background-color:#eff6ff}.type-badge.ac{color:#db2777;background-color:#fdf2f8}.type-badge.sleeper{color:#ca8a04;background-color:#fefce8}.bus-details{justify-content:space-between;margin-bottom:20px;display:flex}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:600}.detail-value{color:var(--text-primary);font-size:14px;font-weight:700}.section-divider{background-color:#f1f5f9;height:1px;margin:0 -20px 16px}.section-subtitle{color:#94a3b8;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.assigned-routes{margin-bottom:16px}.route-badge{color:#059669;background-color:#ecfdf5;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.compliance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compliance-item{border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.compliance-item .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.compliance-info{flex-direction:column;gap:2px;display:flex}.compliance-title{color:var(--text-primary);font-size:13px;font-weight:700}.compliance-date{font-size:11px;font-weight:500}.compliance-item.valid{background-color:#ecfdf5}.compliance-item.valid .dot{background-color:#10b981}.compliance-item.valid .compliance-date{color:#059669}.compliance-item.expired{background-color:#fef2f2}.compliance-item.expired .dot{background-color:#ef4444}.compliance-item.expired .compliance-date{color:#ef4444}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-group input,.form-group select{color:var(--text-primary);background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color)}.route-chips{flex-wrap:wrap;gap:10px;display:flex}.route-chip{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.route-chip.selected{color:#059669;background-color:#ecfdf5;border-color:#10b981}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.routes-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.routes-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.routes-content{background:#f4f6f5;flex-direction:column;flex:1;gap:20px;margin-top:0;padding:20px 20px 100px;display:flex}.add-route-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;display:flex}.route-list{flex-direction:column;gap:16px;display:flex}.route-card{background:var(--surface-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.route-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.route-name{color:var(--text-primary);font-size:16px;font-weight:700}.route-header-actions{align-items:center;gap:8px;display:flex}.route-code-badge{color:#94a3b8;background-color:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800}.route-subtext{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.stages-container{flex-wrap:wrap;gap:8px;display:flex}.stage-chip{color:#064e3b;background-color:#ecfdf5;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.form-group input,.form-group textarea{color:var(--text-primary);background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color)}.fares-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.fares-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.fares-content{background:#f4f6f5;flex-direction:column;flex:1;gap:20px;margin-top:0;padding:20px 20px 100px;display:flex}.route-selector{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.route-selector-label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700}.route-selector-value{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.route-select{appearance:none;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0 24px 0 0;font-family:inherit;font-size:15px;font-weight:700}.route-select:focus{outline:none}.select-wrapper{align-items:center;width:100%;display:flex;position:relative}.select-icon{pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.custom-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.custom-dropdown-item{color:var(--text-primary);cursor:pointer;border-bottom:1px solid #f1f5f9;padding:16px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background:#f8fafc}.custom-dropdown-item.active{color:#059669;background:#ecfdf5;font-weight:700}.rules-container{flex-wrap:wrap;gap:8px;display:flex}.rule-badge{color:#94a3b8;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.rule-badge span{color:var(--text-primary)}.fare-table-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.fare-table-header{border-bottom:1px solid #f1f5f9;padding:16px 20px;display:flex}.fare-table-row{border-bottom:1px solid #f1f5f9;align-items:center;padding:16px 20px;display:flex}.fare-table-row:last-child{border-bottom:none}.col-leg{color:#94a3b8;flex:3;font-size:11px;font-weight:800}.col-price{color:#94a3b8;text-align:center;flex:1;font-size:11px;font-weight:800}.col-actions{flex-shrink:0;justify-content:flex-end;gap:8px;width:100px;display:flex}.row-leg{color:var(--text-secondary);flex:3;font-size:13px;font-weight:500;line-height:1.4}.row-leg-strong{color:var(--text-primary);font-weight:700}.price-val{text-align:center;flex:1;font-size:14px;font-weight:800}.price-adt{color:var(--text-primary)}.price-stu{color:#3b82f6}.price-chd{color:#d97706}.add-leg-btn{color:#059669;cursor:pointer;background-color:#ecfdf5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:-4px;padding:16px;font-size:14px;font-weight:700;display:flex}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.center{align-items:center}.bottom-sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:90vh;padding:16px 24px 40px;animation:.3s ease-out slideUp;display:flex;overflow-y:auto}.drag-handle{background-color:#e2e8f0;border-radius:2px;width:40px;height:4px;margin:0 auto 8px}.sheet-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.form-group input{color:var(--text-primary);background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus{border-color:var(--primary-color)}.alert-modal{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:320px;padding:32px 24px;animation:.2s ease-out zoomIn;display:flex}.alert-icon-container{background-color:#fef2f2;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.alert-icon{color:#ef4444}.alert-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.alert-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.alert-actions{gap:12px;width:100%;display:flex}.btn-delete{color:#fff;cursor:pointer;background:#c84c4c;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700}.ticket-types-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.ticket-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.ticket-content{background:#f4f6f5;border-top-left-radius:20px;border-top-right-radius:20px;flex:1;margin-top:0;padding:20px 20px 100px}.add-ticket-btn{color:#fff;cursor:pointer;background-color:#147967;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:600;display:flex}.ticket-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.ticket-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.ticket-item:last-child{border-bottom:none}.ticket-info{flex-direction:column;gap:4px;display:flex}.ticket-name{color:#1a1a1a;font-size:15px;font-weight:600}.ticket-desc{color:#757575;font-size:13px}.ticket-actions{align-items:center;gap:8px;display:flex}.status-badge{border-radius:12px;margin-right:4px;padding:4px 8px;font-size:11px;font-weight:600}.staff-roles-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.staff-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.staff-content{background:#f4f6f5;border-top-left-radius:20px;border-top-right-radius:20px;flex:1;margin-top:0;padding:20px 20px 100px}.staff-list{background:#fff;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.staff-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.staff-item:last-child{border-bottom:none}.staff-info-section{align-items:center;gap:12px;display:flex}.staff-avatar{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.avatar-conductor{color:#147967;background-color:#e6f4ea}.avatar-driver{color:#1967d2;background-color:#e8f0fe}.avatar-manager{color:#b06000;background-color:#fef7e0}.avatar-cleaner{color:#7b1fa2;background-color:#f3e5f5}.avatar-inspector{color:#00838f;background-color:#e0f7fa}.staff-details{flex-direction:column;gap:2px;display:flex}.staff-name{color:#1a1a1a;font-size:15px;font-weight:600}.staff-phone{color:#757575;width:80px;font-size:13px;line-height:1.3}.staff-actions{align-items:center;gap:8px;display:flex}.role-badge{border-radius:12px;margin-right:4px;padding:4px 8px;font-size:11px;font-weight:600}.role-conductor{color:#137333;background:#e6f4ea}.role-driver{color:#1967d2;background:#e8f0fe}.role-manager{color:#b06000;background:#fef7e0}.role-cleaner{color:#7b1fa2;background:#f3e5f5}.role-inspector{color:#00838f;background:#e0f7fa}.icon-btn{cursor:pointer;background-color:#0000;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.edit-btn{color:#64748b}.delete-btn{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.add-staff-btn{color:#147967;cursor:pointer;background-color:#e6f4ea;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;display:flex}.settings-alerts-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.settings-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.settings-content{background:#f4f6f5;flex:1;margin-top:0;padding:20px 20px 100px}.settings-section{margin-bottom:24px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.section-title-row .section-title{margin-bottom:0}.edit-text-btn{color:#147967;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.settings-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.setting-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex-direction:column;gap:4px;padding-right:16px;display:flex}.setting-name{color:#1a1a1a;font-size:15px;font-weight:600}.setting-desc{color:#9aa0a6;font-size:13px;line-height:1.3}.setting-value{color:#1a1a1a;font-size:14px;font-weight:600}.toggle-switch{cursor:pointer;background-color:#d8dbdf;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.toggle-switch.active{background-color:#147967}.toggle-thumb{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-thumb{transform:translate(20px)}.ticket-message-card{padding:16px}.ticket-message-box{text-align:center;color:#a46f25;background-color:#fff9ed;border:1px dashed #f2dbb3;border-radius:8px;margin-bottom:12px;padding:16px;font-size:15px;font-weight:700}.ticket-message-footer{color:#9aa0a6;text-align:center;font-size:12px}.bottom-sheet-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:flex-end;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.bottom-sheet{box-sizing:border-box;background-color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:16px 24px 40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.sheet-title{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:700}.modal-input{color:#1a1a1a;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;font-weight:500}.modal-input:focus{border-color:#147967}.select-wrapper{align-items:center;display:flex;position:relative}.modal-select{appearance:none;cursor:pointer}.select-icon{pointer-events:none;color:#1a1a1a;position:absolute;right:16px}.btn-cancel,.btn-save{cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:600}.btn-cancel{color:#6c757d;background-color:#fff;border:1px solid #e0e0e0}.btn-save{color:#fff;background-color:#147967}.companies-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.companies-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:15px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-title-section{flex-direction:column;display:flex}.header-title{margin:0;font-size:20px;font-weight:600}.header-subtitle{opacity:.9;margin:4px 0 0;font-size:13px}.companies-content{background:#f4f6f5;flex:1;margin-top:0;padding:20px 20px 100px}.add-company-btn{color:#fff;cursor:pointer;background-color:#147967;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:600;display:flex}.companies-list{flex-direction:column;gap:16px;display:flex}.company-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.company-info-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.company-name{color:#1a1a1a;font-size:15px;font-weight:600}.status-badge{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.status-badge.active{color:#137333;background:#e6f4ea}.status-badge.inactive{color:#5f6368;background:#f1f3f4}.company-details{color:#9aa0a6;margin-bottom:20px;font-size:12px}.company-actions{justify-content:flex-end;gap:12px;display:flex}.action-btn{cursor:pointer;color:#64748b;background-color:#0000;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.action-btn.delete-btn{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.modal-overlay{z-index:1000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 16px);background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;animation:.3s ease-out slideUp}.sheet-handle{background:#e0e0e0;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.sheet-title{margin:0 0 20px;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:#5f6368;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.form-input,.form-select{box-sizing:border-box;color:#1a1a1a;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:15px}.form-input:focus,.form-select:focus{background:#fff;border-color:#147967;outline:none}.select-wrapper{position:relative}.form-select{appearance:none;padding-right:40px}.select-icon{color:#5f6368;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:15px;font-weight:600}.cancel-btn{color:#3c4043;background:#fff;border:1px solid #e0e0e0}.save-btn{color:#fff;background:#147967}.payments-container{background-color:var(--bg-primary,#f4f6f5);flex-direction:column;min-height:100vh;display:flex}.payments-header{z-index:10;background-color:var(--primary-color,#0f6c5c);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;position:sticky;top:0}.profile-avatar-small{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.payments-content{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex}.payments-section{flex-direction:column;gap:12px;display:flex}.section-title-row{justify-content:space-between;align-items:center;display:flex}.edit-text-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.payments-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.payment-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.payment-row:last-child{border-bottom:none}.payment-label{color:var(--text-secondary);font-size:15px;font-weight:600}.payment-value{color:var(--text-primary);font-size:15px;font-weight:700}.qr-preview-box{background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.qr-preview-box img{object-fit:contain;border-radius:8px;max-width:100%;max-height:250px}.qr-code-section{cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;transition:background-color .2s;display:flex}.qr-code-section:hover{background:#f8fafc}.qr-upload-icon{color:var(--primary-color);background:#ecfdf5;border-radius:50%;padding:16px}.qr-upload-text{color:var(--primary-color);font-size:15px;font-weight:700}.qr-upload-subtext{color:var(--text-secondary);font-size:13px}.bottom-sheet-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet{box-sizing:border-box;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:16px 24px 40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.sheet-handle{background-color:#e0e0e0;border-radius:2px;width:40px;height:4px;margin:0 auto 8px}.sheet-title{color:var(--text-primary);margin-top:0;margin-bottom:8px;font-size:20px;font-weight:800}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.modal-input{color:var(--text-primary);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.modal-input:focus{border-color:var(--primary-color);background-color:#fff}.sheet-actions{gap:16px;margin-top:16px;display:flex}.btn-cancel{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700}.btn-add{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700}.login-container{min-height:100vh;padding:env(safe-area-inset-top,24px) 24px env(safe-area-inset-bottom,24px);background-color:#0f6c5c;background-image:linear-gradient(135deg,#11584c 0%,#0f6c5c 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-bg-graphic-1{pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:10%;left:-20%}.login-bg-graphic-2{pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-10%;left:-10%}.login-content{z-index:10;flex-direction:column;flex:1;justify-content:center;max-width:100%;display:flex;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-logo-box{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.brand-text{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.login-header{margin-bottom:24px}.login-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#ffffffd9;margin:0;font-size:15px}.login-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 8px 32px #0000001a}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:#4b5563;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.id-input-wrapper{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;padding:0 16px;transition:all .2s;display:flex;overflow:hidden}.id-input-wrapper:focus-within{border-color:#0f6c5c;box-shadow:0 0 0 3px #0f6c5c1a}.id-icon{color:#64748b;margin-right:12px}.id-input-wrapper input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px;font-weight:500}.id-input-wrapper input::placeholder{color:#cbd5e1}.pin-group{cursor:pointer;margin-top:32px;margin-bottom:32px;position:relative}.pin-boxes-container{justify-content:center;gap:12px;margin-top:16px;display:flex}.pin-box{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:56px;font-size:28px;transition:all .2s;display:flex}.pin-box.filled{background-color:#0f6c5c0d;border-color:#0f6c5c}.pin-box.focused{border-color:#0f6c5c;box-shadow:0 0 0 3px #0f6c5c1a}.hidden-pin-input{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.forgot-password{justify-content:flex-end;margin-bottom:24px;display:flex}.text-link{color:#0f6c5c;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.text-link:hover{text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;background-color:#0f6c5c;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background-color .2s}.login-submit-btn:hover{background-color:#0d5a4d}.login-submit-btn:active{transform:translateY(1px)}.login-footer{text-align:center;color:#ffffffb3;margin-top:auto;padding-bottom:12px;font-size:12px}.login-footer strong{color:#fff;font-weight:600}:root{--primary-color:#128264;--bg-color:#f3f6f5;--surface-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}