*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:DM Sans,sans-serif;background:#0f172a;color:#e2e8f0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#fee2e2;color:#991b1b}.badge-pending{background:#fef3c7;color:#92400e}.badge-admin{background:#e0e7ff;color:#3730a3}.badge-manager{background:#fce7f3;color:#9d174d}.badge-viewer{background:#f3f4f6;color:#374151}.badge-driver{background:#dcfce7;color:#166534}.tab-btn{border-bottom:2px solid transparent;transition:all .2s}.tab-btn.active{border-bottom:2px solid #6366f1;color:#818cf8}.fade-up{animation:fadeUp .5s ease forwards}.fade-up-2{animation:fadeUp .5s .08s ease both}.fade-up-3{animation:fadeUp .5s .16s ease both}.fade-up-4{animation:fadeUp .5s .24s ease both}.fade-up-5{animation:fadeUp .5s .32s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.live-dot{animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.kpi-card{transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f11f}.bar-fill{animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards}@keyframes fillBar{0%{width:0}}.doc-ok{background:#14b8a614;border:1px solid rgba(20,184,166,.2)}.doc-warn{background:#f59e0b12;border:1px solid rgba(245,158,11,.2)}.doc-exp{background:#ef444412;border:1px solid rgba(239,68,68,.2)}.gauge-track{fill:none;stroke:#1e293b;stroke-width:14;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px)}.sidebar-collapsed{width:68px!important}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-item-label,.sidebar-collapsed .badge-count,.sidebar-collapsed .sidebar-user-text{display:none!important}.sidebar-collapsed .collapse-icon{transform:rotate(180deg)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #6366f166}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.chart-bar{transition:height .6s ease}.ring-brand{box-shadow:0 0 0 3px #6366f14d}.nav-item.active{background:#6366f126!important;color:#818cf8!important}.nav-item.active svg{color:#818cf8!important}