*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-hover:#252840;--border:#2e3348;--text-primary:#e8eaf0;--text-secondary:#8b91a8;--text-muted:#5a6080;--accent-red:#e53e3e;--accent-red-bright:#fc4444;--accent-orange:#ed8936;--accent-blue:#4299e1;--accent-green:#48bb78;--accent-yellow:#ecc94b;--accent-purple:#9f7aea;--sidebar-width:220px;--card-bg:#1e2130;--bg:#1a1d27}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans HK,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);text-align:center;padding:16px 16px 14px}.sidebar-logo img{width:100%;max-width:160px;height:auto;margin:0 auto 4px;display:block}.sidebar-logo span{color:var(--text-muted);font-size:11px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-blue);background:#4299e126}.nav-item.ecall-nav{color:var(--accent-red)}.nav-item.ecall-nav:hover,.nav-item.ecall-nav.active{color:var(--accent-red-bright);background:#e53e3e26}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:50;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.page-header h2{font-size:18px;font-weight:700}.page-body{flex:1;padding:20px 24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-card.ecall{background:#e53e3e12;border-color:#e53e3e66}.stat-card.pending{background:#ed893612;border-color:#ed893666}.stat-card.progress{background:#4299e112;border-color:#4299e166}.stat-card.done{background:#48bb7812;border-color:#48bb7866}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{font-size:28px;font-weight:800}.stat-card.ecall .stat-value{color:var(--accent-red)}.stat-card.pending .stat-value{color:var(--accent-orange)}.stat-card.progress .stat-value{color:var(--accent-blue)}.stat-card.done .stat-value{color:var(--accent-green)}.btn{white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#3182ce}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#c53030}.btn-ecall{color:#fff;background:linear-gradient(135deg,#e53e3e,#c53030);padding:10px 18px;font-size:14px;animation:2s infinite pulse-red;box-shadow:0 0 16px #e53e3e66}.btn-ecall:hover{box-shadow:0 0 24px #e53e3e99}.btn-success{background:var(--accent-green);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-sm{padding:5px 10px;font-size:12px}@keyframes pulse-red{0%,to{box-shadow:0 0 16px #e53e3e66}50%{box-shadow:0 0 28px #e53e3eb3}}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-available{color:var(--accent-green);background:#48bb7826}.badge-on_site{color:var(--accent-blue);background:#4299e126}.badge-roving{color:var(--accent-orange);background:#ed893626}.badge-emergency{color:var(--accent-red);background:#e53e3e33}.badge-off_duty{color:var(--text-muted);background:#5a608033}.badge-pending{color:var(--accent-orange);background:#ed893626}.badge-dispatched{color:var(--accent-purple);background:#9f7aea26}.badge-accepted{color:var(--accent-blue);background:#4299e126}.badge-in_progress{color:#63b3ed;background:#4299e133}.badge-completed{color:var(--accent-green);background:#48bb7826}.badge-ecall{color:var(--accent-red);background:#e53e3e33}.badge-repair{color:var(--accent-orange);background:#ed893626}.badge-maintenance{color:var(--accent-blue);background:#4299e126}.badge-project{color:var(--accent-purple);background:#9f7aea26}.badge-critical{color:var(--accent-red);background:#e53e3e33}.badge-high{color:var(--accent-orange);background:#ed893626}.badge-medium{color:var(--accent-blue);background:#4299e126}.badge-low,.badge-draft{color:var(--text-muted);background:#5a608026}.badge-partial_invoiced{color:var(--accent-orange);background:#ed893626}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid #2e334880;padding:11px 12px;font-size:13px}tr:hover td{background:#25284066}tr:last-child td{border-bottom:none}.ecall-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ecall-modal{border:2px solid var(--accent-red);text-align:center;background:#1a0a0a;border-radius:16px;width:90%;max-width:480px;padding:32px;animation:.3s scaleIn;box-shadow:0 0 60px #e53e3e80}.ecall-icon{margin-bottom:12px;font-size:56px;animation:.5s infinite shake}.ecall-modal h2{color:var(--accent-red);margin-bottom:8px;font-size:22px}.ecall-modal .site-name{margin-bottom:6px;font-size:18px;font-weight:700}.ecall-modal .description{color:var(--text-secondary);margin-bottom:24px}.ecall-actions{justify-content:center;gap:12px;display:flex}.btn-accept{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:700}.btn-decline{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:#5a60804d;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:600}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-input,.form-select{width:100%}textarea.form-input{resize:vertical;min-height:80px}.modal-backdrop{z-index:500;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.staff-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:10px;padding:14px;transition:border-color .2s}.staff-card:hover{border-color:var(--accent-blue)}.staff-avatar{background:linear-gradient(135deg,#4299e1,#9f7aea);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;font-size:15px;font-weight:700;display:flex}.staff-name{margin-bottom:4px;font-size:13px;font-weight:600}.staff-role{color:var(--text-muted);margin-bottom:8px;font-size:11px}.calendar-grid{grid-template-columns:140px 1fr;gap:0;display:grid}.calendar-staff-col{border-right:1px solid var(--border)}.calendar-staff-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:56px;padding:0 12px;font-size:13px;display:flex}.calendar-events-col{overflow-x:auto}.calendar-event{cursor:pointer;white-space:nowrap;border-radius:6px;margin:2px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.event-ecall{border:1px solid var(--accent-red);color:var(--accent-red);background:#e53e3e4d}.event-repair{border:1px solid var(--accent-orange);color:var(--accent-orange);background:#ed893633}.event-maintenance{border:1px solid var(--accent-blue);color:var(--accent-blue);background:#4299e133}.event-project{border:1px solid var(--accent-purple);color:var(--accent-purple);background:#9f7aea33}.ticket-num{color:var(--text-muted);font-family:monospace;font-size:12px}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state .icon{margin-bottom:12px;font-size:40px}.empty-state p{font-size:14px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-bar input,.filter-bar select{height:36px}.detail-section{margin-bottom:20px}.detail-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:600}.detail-row{gap:8px;margin-bottom:8px;font-size:13px;display:flex}.detail-label{color:var(--text-muted);min-width:80px}.detail-value{color:var(--text-primary);font-weight:500}.log-item{gap:12px;margin-bottom:12px;display:flex}.log-dot{background:var(--accent-blue);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.log-content{flex:1}.log-action{font-size:13px;font-weight:500}.log-time{color:var(--text-muted);font-size:11px}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}.nav-divider{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;pointer-events:none;padding:10px 10px 3px;font-size:10px;font-weight:700}.company-tag{color:var(--accent-blue);background:#4299e126;border:1px solid #4299e14d;border-radius:5px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.category-widget{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.category-chip{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.category-chip:hover{border-color:var(--accent-blue);color:var(--text-primary)}.category-chip.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.category-chip .chip-count{background:#fff3;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.category-chip:not(.active) .chip-count{background:var(--bg-hover);color:var(--text-muted)}.fs251-expiring{font-weight:700;color:var(--accent-red)!important}.fs251-warning-badge{color:var(--accent-red);background:#e53e3e26;border:1px solid #e53e3e4d;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.contract-expiring{font-weight:600;color:var(--accent-orange)!important}.line-items-table th{background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left;padding:8px 10px;font-size:11px;font-weight:700}.line-items-table input{width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:4px 6px;font-size:13px;transition:border-color .15s}.line-items-table input:focus{background:var(--bg-hover);border-color:var(--accent-blue)}.line-items-table .amount-col{text-align:right;color:var(--accent-green);white-space:nowrap;font-weight:600}.doc-total-section{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.doc-total-row{justify-content:flex-end;gap:20px;padding:4px 0;font-size:13px;display:flex}.doc-total-row.grand-total{color:var(--accent-green);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:16px;font-weight:800}.signature-wrapper{border:2px dashed var(--border);cursor:crosshair;background:#fff;border-radius:10px;position:relative;overflow:hidden}.signature-wrapper canvas{touch-action:none;width:100%;display:block}.signature-placeholder{color:#ccc;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.view-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.view-toggle-btn.active{background:var(--accent-red);color:#fff}.month-calendar{border:1px solid var(--border);border-radius:10px;overflow:hidden}.month-cal-header{background:var(--bg-hover);grid-template-columns:repeat(7,1fr);display:grid}.month-cal-day-name{text-align:center;color:var(--text-muted);text-transform:uppercase;border-right:1px solid var(--border);padding:8px;font-size:11px;font-weight:700}.month-cal-body{grid-template-columns:repeat(7,1fr);display:grid}.month-cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:90px;padding:6px;transition:background .1s;position:relative}.month-cal-cell:hover{background:var(--bg-hover)}.month-cal-cell.today{background:#4299e10f}.month-cal-cell.other-month{opacity:.35}.month-cal-date{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.month-cal-cell.today .month-cal-date{background:var(--accent-blue);color:#fff}.month-cal-event{cursor:grab;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;border-radius:3px;margin-bottom:2px;padding:2px 5px;font-size:10px;font-weight:600;overflow:hidden}.month-cal-event:active{cursor:grabbing;opacity:.7}.month-cal-event.ecall{color:#fc8181;border-left:2px solid var(--accent-red);background:#e53e3e40}.month-cal-event.repair{color:#f6ad55;border-left:2px solid var(--accent-orange);background:#ed893633}.month-cal-event.maintenance{color:#63b3ed;border-left:2px solid var(--accent-blue);background:#4299e133}.month-cal-event.project{color:#b794f4;border-left:2px solid var(--accent-purple);background:#9f7aea33}.week-calendar{border:1px solid var(--border);border-radius:10px;overflow:auto hidden}.week-cal-header{background:var(--bg-hover);min-width:700px;display:grid}.week-cal-body{min-width:700px}.week-cal-row{border-bottom:1px solid var(--border);display:grid}.week-cal-time{color:var(--text-muted);text-align:right;border-right:1px solid var(--border);background:var(--bg-hover);padding:8px;font-size:11px}.week-cal-cell{border-right:1px solid var(--border);cursor:pointer;min-height:50px;padding:4px;transition:background .1s;position:relative}.week-cal-cell:hover{background:var(--bg-hover)}.week-cal-cell.today-col{background:#4299e10a}.dispatch-staff-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:14px}.dispatch-staff-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dispatch-staff-item{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.dispatch-staff-item .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dispatch-staff-item .status-dot.available{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.dispatch-staff-item .status-dot.on_site{background:var(--accent-blue);box-shadow:0 0 5px var(--accent-blue)}.dispatch-staff-item .status-dot.roving{background:var(--accent-orange);box-shadow:0 0 5px var(--accent-orange)}.dispatch-staff-item .status-dot.emergency{background:var(--accent-red);box-shadow:0 0 5px var(--accent-red)}.dispatch-staff-item .status-dot.off_duty{background:var(--text-muted)}.badge-draft{color:var(--text-muted);background:#5a608033}.badge-sent{color:var(--accent-blue);background:#4299e126}.badge-confirmed{color:var(--accent-green);background:#48bb7826}.badge-invoiced{color:var(--accent-purple);background:#9f7aea26}.badge-paid{color:var(--accent-green);background:#48bb7833}.badge-overdue{color:var(--accent-red);background:#e53e3e33}.badge-cancelled{color:var(--text-muted);background:#5a608026}.drag-over{border:1px dashed var(--accent-blue)!important;background:#4299e11a!important}.unread-dot{background:var(--accent-red);border-radius:50%;width:8px;height:8px;margin-left:6px;animation:1.5s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper:hover .tooltip-text{display:block}.tooltip-text{border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;z-index:200;pointer-events:none;background:#1a1d27;border-radius:5px;padding:4px 8px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.line-items-table{border-collapse:collapse;width:100%;margin-bottom:4px;font-size:12px}.line-items-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-hover);text-align:left;padding:6px 8px;font-size:11px;font-weight:700}.line-items-table td{vertical-align:middle;border-bottom:1px solid #2e334866;padding:3px 4px}.line-items-table td input{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:4px;padding:4px 6px;font-size:12px;transition:border-color .15s}.line-items-table td input:focus{border-color:var(--accent-blue);background:var(--bg-card);outline:none}.line-items-table .amount-col{text-align:right;color:var(--accent-green);padding-right:8px;font-size:12px;font-weight:700}.line-items-table .action-col{text-align:center;width:30px}.category-widgets{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.category-widget{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;flex:1;min-width:90px;padding:10px 12px;transition:all .15s}.category-widget:hover{border-color:var(--accent-blue);background:#4299e10f}.category-widget.active{border-color:var(--accent-blue);background:#4299e11f}.category-widget .count{color:var(--text-primary);font-size:20px;font-weight:800}.category-widget .label{color:var(--text-muted);margin-top:2px;font-size:11px}.fs251-warning{font-weight:700;color:var(--accent-red)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fs251-warning-icon{margin-left:4px;animation:1.5s infinite pulse;display:inline-block}.toast{z-index:9000;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0006}.toast-success{background:var(--accent-green);color:#fff}.toast-error{background:var(--accent-red);color:#fff}.toast-info{background:var(--accent-blue);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{z-index:200;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:18px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0000004d}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{z-index:150;transition:transform .25s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.mobile-open{display:block}.main-content{margin-left:0}.page-header{padding-left:56px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}.form-grid{grid-template-columns:1fr}.modal{max-width:100%;margin:0 10px}.modal-backdrop{align-items:flex-end;padding:10px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{width:100%}.page-body{padding:14px 12px}.stat-value{font-size:22px}.category-widgets{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.category-widget{flex-shrink:0;min-width:80px}.detail-panel{width:100%!important}.calendar-grid{overflow-x:auto}.ecall-modal{padding:24px 20px}.ecall-icon{font-size:44px}.ecall-actions{flex-direction:column;gap:10px}.btn-accept,.btn-decline{width:100%;font-size:15px}.page-header{flex-wrap:wrap;gap:8px}.page-header .btn{padding:6px 10px;font-size:12px}.doc-total-section{font-size:13px}.toast{text-align:center;bottom:16px;left:12px;right:12px}}@media (width<=480px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-value{font-size:20px}.page-header h2{font-size:15px}}