@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-main:#16171e;--bg-sidebar:#22242c;--bg-card:#1f2229;--border-color:hsla(0,0%,100%,.05);--gold-accent:#c2a05f;--gold-hover:#b39151;--gold-gradient:linear-gradient(135deg,#c2a05f,#9a783d);--text-active:#fff;--text-inactive:#8b8e96;--text-muted:#5e6167;--accent-purple:#5c62d6;--accent-blue:#5b92e5;--accent-blue-gradient:linear-gradient(180deg,#6c8ef0,#476cdb)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-active);min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2d303b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3e4252}.dashboard-container{display:flex;width:100%;min-height:100vh}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:200;padding:30px 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{margin-left:260px;flex-grow:1;background-color:var(--bg-main);min-height:100vh;display:flex;flex-direction:column;padding:30px 40px;overflow-x:hidden;min-width:0}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;color:var(--text-active);font-size:1.1rem;cursor:pointer;line-height:1;transition:background .2s;flex-shrink:0}.mobile-menu-btn:hover{background:hsla(0,0%,100%,.05)}@media (max-width:768px){.sidebar{transform:translateX(-100%);z-index:200;width:260px}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay.overlay-open{display:block}.main-content{margin-left:0;padding:16px 16px 30px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.top-bar{gap:12px;margin-bottom:20px}.search-container{width:auto;flex-grow:1;min-width:0}.search-input{font-size:.8rem}.user-name{display:none}.dashboard-grid{grid-template-columns:1fr}.revenue-amount{font-size:1.4rem}.dashboard-card{padding:16px}}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-container{position:relative;width:450px}.search-input{width:100%;padding:12px 16px 12px 42px;border-radius:8px;border:1px solid var(--border-color);background-color:#22242c;color:var(--text-active);font-size:.9rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--gold-accent)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-inactive);pointer-events:none}.user-profile{display:flex;align-items:center;gap:20px}.notification-bell{position:relative;cursor:pointer;color:var(--text-inactive);font-size:1.25rem;transition:color .2s}.notification-bell:hover{color:var(--text-active)}.notification-badge{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background-color:#ef4444;border-radius:50%}.user-avatar-group{display:flex;align-items:center;gap:10px;cursor:pointer}.avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--gold-accent);color:var(--bg-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.user-name{font-size:.9rem;font-weight:600;color:var(--text-active)}.sidebar-logo{padding:0 30px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.sidebar-logo-shield{width:60px;height:60px;border-radius:50%;border:2px solid var(--gold-accent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:var(--gold-accent);background:radial-gradient(circle,rgba(194,160,95,.15) 0,transparent 80%)}.sidebar-logo-text{font-size:1rem;font-weight:700;letter-spacing:2px;color:var(--gold-accent)}.menu-category{margin-bottom:24px}.menu-category-title{padding:0 30px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.menu-link{display:flex;align-items:center;gap:16px;padding:12px 30px;color:var(--text-inactive);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.menu-link:hover{color:var(--text-active);background-color:hsla(0,0%,100%,.02)}.menu-link.active{color:var(--text-active);background-color:var(--gold-accent);font-weight:600}.menu-link.active:hover{background-color:var(--gold-hover)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column}.card-header-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.1rem;font-weight:700}.btn-report,.card-title{color:var(--text-active)}.btn-report{background-color:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;font-size:.75rem;padding:6px 14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-report:hover{background-color:hsla(0,0%,100%,.05);border-color:var(--gold-accent)}.revenue-stat{margin-bottom:16px}.revenue-amount{font-size:1.8rem;font-weight:800;color:var(--text-active)}.revenue-trend{font-size:.8rem;color:#10b981;display:flex;align-items:center;gap:4px;margin-top:4px}.revenue-trend.down{color:#ef4444}.data-table{width:100%;border-collapse:collapse;margin-top:15px}.data-table th{text-align:left;padding:14px 16px;font-size:.8rem;font-weight:700;color:var(--text-inactive);text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;font-size:.85rem;color:var(--text-active)}.data-table tr:hover td{background-color:hsla(0,0%,100%,.01)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:600;color:var(--text-inactive)}.form-input{padding:10px 14px;border-radius:6px;border:1px solid var(--border-color);background-color:#22242c;color:var(--text-active);font-size:.85rem;outline:none}.form-input:focus{border-color:var(--gold-accent)}.responsive-grid-2{display:grid;grid-template-columns:4fr 5fr;grid-gap:30px;gap:30px;align-items:start}@media (max-width:768px){.responsive-grid-2{grid-template-columns:1fr;gap:20px}.responsive-stats-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.responsive-stats-row>div{min-width:unset!important;width:100%!important}[data-modal-content]{width:calc(100vw - 40px)!important;max-width:500px!important}.sfa-gps-grid{grid-template-columns:1fr!important}}