:root{--color-primary: #0B6E4F;--color-primary-dark: #084C37;--color-primary-light: #E3F5EE;--color-secondary: #114B7A;--color-secondary-light: #E8F1FA;--color-accent: #F2A93B;--color-success: #1A9C5C;--color-warning: #E0A100;--color-danger: #D14343;--color-bg: #F7F9F8;--color-surface: #FFFFFF;--color-border: #E2E8E5;--color-text-primary: #172621;--color-text-secondary: #5C6B65;--color-text-muted: #94A39C;--color-sidebar-bg: #0B2A1F;--color-sidebar-text: #FFFFFF;--color-sidebar-hover: rgba(255, 255, 255, .08);--radius-card: 10px;--radius-input: 8px;--radius-badge: 999px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .06);--shadow-modal: 0 4px 12px rgba(0, 0, 0, .08);--shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-weight:600;color:var(--color-text-primary)}a{color:var(--color-secondary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:Inter,sans-serif;cursor:pointer;border:none;background:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-badge)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-mono{font-family:JetBrains Mono,monospace;font-size:14px}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:260px;background-color:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;transition:width var(--transition-normal);border-right:1px solid rgba(255,255,255,.05)}.sidebar.collapsed{width:72px}.sidebar-logo{height:80px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden;white-space:nowrap;transition:all var(--transition-normal)}.sidebar.collapsed .sidebar-logo{height:60px;padding:0 10px}.sidebar-logo img{height:50px;width:auto;max-width:100%;object-fit:contain;transition:all var(--transition-normal)}.sidebar.collapsed .sidebar-logo img{height:32px}.logo-text{font-family:Sora,sans-serif;font-weight:700;font-size:18px;color:#fff}.sidebar-nav{flex:1;padding:var(--space-sm) 0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;padding:12px var(--space-sm);color:#ffffffb3;font-size:14px;font-weight:500;gap:12px;transition:all var(--transition-fast);border-left:4px solid transparent;white-space:nowrap}.nav-item:hover{background-color:var(--color-sidebar-hover);color:#fff}.nav-item.active{background-color:var(--color-primary-dark);color:#fff;border-left-color:var(--color-accent)}.sidebar-collapse-btn{padding:var(--space-sm);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;color:#ffffff80;transition:var(--transition-fast)}.sidebar-collapse-btn:hover{color:#fff}.main-wrapper{flex:1;margin-left:260px;max-width:calc(100% - 260px);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-normal),max-width var(--transition-normal)}.main-wrapper.sidebar-collapsed{margin-left:72px;max-width:calc(100% - 72px)}.header{height:64px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);position:sticky;top:0;z-index:90}.header-search{display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:6px 12px;width:300px;gap:var(--space-xs)}.header-search input{border:none;background:none;outline:none;font-size:14px;color:var(--color-text-primary);width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-icon-btn{color:var(--color-text-secondary);padding:8px;border-radius:50%;position:relative;transition:var(--transition-fast)}.header-icon-btn:hover{background-color:var(--color-bg);color:var(--color-text-primary)}.badge-count{position:absolute;top:2px;right:2px;background-color:var(--color-danger);color:#fff;font-size:10px;font-weight:700;height:16px;min-width:16px;padding:0 4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:55px;right:80px;width:360px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-dropdown);z-index:120;display:flex;flex-direction:column}.notif-header{padding:14px var(--space-sm);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.notif-header h4{font-size:15px;font-family:Sora,sans-serif}.notif-list{max-height:280px;overflow-y:auto}.notif-item{padding:12px var(--space-sm);border-bottom:1px solid var(--color-border);font-size:13px;transition:var(--transition-fast);cursor:pointer}.notif-item:hover{background-color:var(--color-bg)}.notif-item.unread{background-color:var(--color-primary-light)}.notif-item-msg{color:var(--color-text-primary);margin-bottom:4px;line-height:1.4}.notif-item-time{color:var(--color-text-muted);font-size:11px}.notif-footer{padding:10px;text-align:center;border-top:1px solid var(--color-border);font-size:13px}.admin-profile{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:6px 12px;border-radius:var(--radius-input);transition:var(--transition-fast);position:relative}.admin-profile:hover{background-color:var(--color-bg)}.admin-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.admin-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.profile-dropdown{position:absolute;top:45px;right:0;width:160px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-dropdown);padding:var(--space-xs) 0;display:flex;flex-direction:column;z-index:100}.profile-dropdown button{padding:8px var(--space-sm);text-align:left;font-size:14px;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-fast)}.profile-dropdown button:hover{background-color:var(--color-bg);color:var(--color-danger)}.content-area{padding:var(--space-md);flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.page-title{font-size:28px;font-family:Sora,sans-serif;color:var(--color-text-primary)}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-top:4px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-subtle);transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{flex:1}.stat-value{font-family:Sora,sans-serif;font-size:26px;font-weight:600;color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.stat-trend{display:flex;align-items:center;font-size:12px;font-weight:600;gap:2px;margin-top:var(--space-xs)}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md);box-shadow:var(--shadow-subtle)}.card-title{font-size:18px;font-family:Sora,sans-serif;margin-bottom:var(--space-md);display:flex;justify-content:space-between;align-items:center}.table-container{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface)}.table-controls{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);background-color:var(--color-surface)}.table-search{display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:8px 12px;width:320px;gap:var(--space-xs)}.table-search input{border:none;background:none;outline:none;font-size:14px;width:100%}.table-filters{display:flex;align-items:center;gap:var(--space-sm)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background-color:var(--color-bg);color:var(--color-text-secondary);font-size:13px;font-weight:600;padding:14px var(--space-sm);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.custom-table td{padding:14px var(--space-sm);border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-text-primary);vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#fafcfb}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-badge);font-size:12px;font-weight:500;text-transform:capitalize;gap:4px}.badge.success{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge.warning{background-color:#fff3cd;color:var(--color-warning)}.badge.danger{background-color:#f8d7da;color:var(--color-danger)}.badge.info{background-color:var(--color-secondary-light);color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-card);transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary-light);color:var(--color-secondary)}.btn-secondary:hover{background-color:#d3e4f5}.btn-outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background-color:var(--color-bg);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#b23232}.btn-small{padding:6px 12px;font-size:12px;border-radius:6px}.btn-icon{padding:8px;border-radius:8px;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--color-bg);color:var(--color-text-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#17262199;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-card);width:100%;max-width:500px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;animation:scaleUp var(--transition-fast);overflow:hidden}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px}.modal-body{padding:var(--space-md);overflow-y:auto;max-height:70vh}.modal-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-sm);background-color:var(--color-bg)}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#17262199;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--transition-fast)}.drawer-content{position:fixed;top:0;right:0;width:480px;height:100vh;background-color:var(--color-surface);box-shadow:-4px 0 24px #00000014;display:flex;flex-direction:column;z-index:210;animation:slideInRight var(--transition-normal)}.drawer-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:var(--space-md);overflow-y:auto;flex:1}.form-group{margin-bottom:var(--space-sm)}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-control{width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-input);outline:none;transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-error{color:var(--color-danger);font-size:12px;margin-top:4px;display:block}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:radial-gradient(circle at 15% 20%,rgba(16,185,129,.12) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(92,179,177,.18) 0%,transparent 45%),#0f241a;padding:var(--space-md);font-family:Inter,sans-serif;overflow-x:hidden}.login-card{display:flex;width:1000px;max-width:95vw;height:620px;background-color:#142d22;border-radius:28px;overflow:hidden;box-shadow:0 24px 48px #0006;border:1px solid rgba(255,255,255,.05)}.login-brand-panel{flex:1.25;background-color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;height:100%;clip-path:url(#wave-clip);-webkit-clip-path:url(#wave-clip)}.login-brand-logo-container{display:flex;align-items:center;gap:12px}.login-brand-logo-img{height:38px;width:auto;object-fit:contain}.login-brand-logo-text{display:flex;flex-direction:column;line-height:1.2}.login-brand-logo-text .logo-main{font-family:Sora,sans-serif;font-size:18px;font-weight:800;color:#0b132b;letter-spacing:.5px}.login-brand-logo-text .logo-sub{font-size:11px;font-weight:600;color:#475569;letter-spacing:1px}.login-illustration-container{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--space-md) 0}.animated-logo-container{display:flex;align-items:center;justify-content:center;width:380px;height:210px;position:relative;margin-left:-60px}.logo-text-part{width:190px;height:100%;overflow:hidden;position:relative;opacity:0;animation:fadeInText 1.2s cubic-bezier(.25,1,.5,1) .6s forwards}.logo-text-part img{position:absolute;left:0;top:0;width:380px;height:100%;object-fit:contain}.logo-bike-part{width:190px;height:100%;overflow:hidden;position:relative;opacity:0;animation:rideInBike 1.6s cubic-bezier(.18,.89,.32,1.15) .1s forwards}.logo-bike-part img{position:absolute;left:-190px;top:0;width:380px;height:100%;object-fit:contain}@keyframes rideInBike{0%{transform:translate(220px);opacity:0}20%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes fadeInText{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.login-brand-footer{font-size:12px;color:#64748b;line-height:1.5;font-weight:500}.login-form-panel{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center;background-color:transparent}.login-form-card{width:100%;max-width:340px;margin:0 auto}.login-form-title{font-family:Sora,sans-serif;font-size:32px;font-weight:600;color:#fff;margin-bottom:28px;letter-spacing:-.5px}.login-form-panel .form-group{margin-bottom:20px}.login-form-panel .form-group label{color:#a3b899;font-size:13px;font-weight:500;margin-bottom:8px;display:block}.login-form-panel .form-control-pill{width:100%;height:46px;padding:10px 24px;background-color:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:#fff;font-size:14px;outline:none;transition:all .2s ease-in-out}.login-form-panel .form-control-pill::placeholder{color:#ffffff59}.login-form-panel .form-control-pill:focus{border-color:#5cb3b1;background-color:#0000004d;box-shadow:0 0 0 3px #5cb3b126}.login-form-link-container{display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:24px}.login-link{color:#5cb3b1;font-size:12px;text-decoration:none;font-weight:500;transition:color .15s}.login-link:hover{color:#7dd3d1;text-decoration:underline}.login-submit-btn{width:100%;height:46px;border-radius:9999px;background-color:#5cb3b1;color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease-in-out}.login-submit-btn:hover:not(:disabled){background-color:#4b9e9c}.login-submit-btn:active:not(:disabled){transform:scale(.98)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-register-prompt{margin-top:24px;text-align:center;font-size:13px;color:#fff9;font-weight:400}.login-register-prompt a{color:#5cb3b1;text-decoration:none;font-weight:600}.login-register-prompt a:hover{text-decoration:underline}.login-footer-links{margin-top:48px;text-align:center}.login-footer-links a{color:#fff6;font-size:11px;text-decoration:none;transition:color .15s}.login-footer-links a:hover{color:#ffffffb3;text-decoration:underline}.login-support-info{margin-top:12px;text-align:center;font-size:11px;color:#fff6}.login-support-info a{color:#ffffff8c;text-decoration:none}.login-support-info a:hover{color:#5cb3b1;text-decoration:underline}@media (max-width: 880px){.login-card{flex-direction:column;height:auto;max-width:440px;border-radius:20px}.login-brand-panel{clip-path:none;-webkit-clip-path:none;padding:32px;align-items:center;text-align:center}.login-illustration-container,.login-brand-footer{display:none}.login-form-panel{padding:32px 24px;background-color:#142d22}}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);background-color:var(--color-surface)}.quick-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.activity-feed{display:flex;flex-direction:column;gap:var(--space-sm)}.activity-item{display:flex;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.activity-desc{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.activity-time{font-size:11px;color:var(--color-text-muted);margin-top:4px}.bike-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.bike-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;transition:transform var(--transition-fast)}.bike-card:hover{transform:translateY(-2px)}.bike-card-image{height:160px;background-color:#eceff1;position:relative;display:flex;align-items:center;justify-content:center}.bike-card-image img{width:100%;height:100%;object-fit:cover}.bike-card-status{position:absolute;top:12px;right:12px}.bike-card-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.bike-card-id{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--color-text-muted);margin-bottom:4px}.bike-card-model{font-size:16px;font-family:Sora,sans-serif;margin-bottom:var(--space-sm)}.bike-card-rates{border-top:1px solid var(--color-border);padding-top:var(--space-sm);margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary)}.rate-item span{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);margin-top:2px}.bike-card-actions{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--color-border)}.bike-card-actions button{flex:1}.qr-sticker-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md);box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;align-items:center;text-align:center}.qr-sticker-container{border:4px solid var(--color-text-primary);padding:var(--space-md);background-color:#fff;border-radius:16px;margin:var(--space-sm) 0;display:flex;flex-direction:column;align-items:center}.qr-sticker-brand{font-family:Sora,sans-serif;font-weight:700;font-size:16px;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.qr-sticker-image{width:160px;height:160px}.qr-sticker-scan-label{font-family:Sora,sans-serif;font-weight:700;font-size:14px;color:var(--color-text-primary);letter-spacing:2px;margin-top:var(--space-xs);border-top:1px dashed var(--color-text-primary);padding-top:var(--space-xs);width:100%}.qr-sticker-bike-id{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-text-secondary);margin-top:4px}.tracker-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-md);height:calc(100vh - 150px)}.map-container{height:100%;border-radius:var(--radius-card);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-subtle);position:relative}.tracking-sidebar{height:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);overflow:hidden}.tracking-sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.tracking-list{flex:1;overflow-y:auto}.tracking-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition-fast)}.tracking-item:hover{background-color:var(--color-bg)}.tracking-item.active{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary)}.leaflet-popup-content-wrapper{border-radius:var(--radius-card)!important;font-family:Inter,sans-serif!important;box-shadow:var(--shadow-modal)!important}.leaflet-popup-content h4{font-family:Sora,sans-serif;font-size:14px;margin-bottom:6px}.leaflet-popup-content p{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.skeleton-pulse{background:linear-gradient(-90deg,#f0f2f1,#e2e8e5,#f0f2f1);background-size:400% 400%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.sidebar{width:72px}.main-wrapper{margin-left:72px;max-width:calc(100% - 72px)}.logo-text,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px 0}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:60px;flex-direction:row;position:sticky;top:0;z-index:100}.sidebar-logo{height:100%;border-bottom:none}.sidebar-nav{flex-direction:row;padding:0;overflow-x:auto;align-items:center}.nav-item{border-left:none;border-bottom:3px solid transparent;padding:var(--space-xs) var(--space-sm)}.nav-item.active{border-bottom-color:var(--color-accent)}.main-wrapper{margin-left:0!important;max-width:100%!important}.grid-2-1,.grid-3,.tracker-layout{grid-template-columns:1fr}.tracker-layout{height:auto}.map-container{height:400px}.table-controls{flex-direction:column;align-items:stretch}.table-search{width:100%}.table-filters{justify-content:space-between}}.page-loader{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg)}.page-loader-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}