*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--md-sys-color-primary: #d97706;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #fef3c7;--md-sys-color-on-primary-container: #78350f;--md-sys-color-secondary: #0891b2;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #ecfeff;--md-sys-color-on-secondary-container: #164e63;--md-sys-color-tertiary: #6d28d9;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-error: #dc2626;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #fee2e2;--md-sys-color-on-error-container: #7f1d1d;--md-sys-color-background: #f8fafc;--md-sys-color-on-background: #0f172a;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #0f172a;--md-sys-color-surface-variant: rgba(255, 255, 255, .9);--md-sys-color-on-surface-variant: #475569;--md-sys-color-surface-container: #f1f5f9;--md-sys-color-outline: rgba(15, 23, 42, .08);--md-sys-color-outline-variant: rgba(15, 23, 42, .04);--md-elevation-1: 0px 1px 3px 1px rgba(15, 23, 42, .04), 0px 1px 2px 0px rgba(15, 23, 42, .08);--md-elevation-2: 0px 2px 6px 2px rgba(15, 23, 42, .04), 0px 1px 2px 0px rgba(15, 23, 42, .08);--md-elevation-3: 0px 4px 8px 3px rgba(15, 23, 42, .06), 0px 1px 3px 0px rgba(15, 23, 42, .08);--md-shape-corner-extra-small: 4px;--md-shape-corner-small: 8px;--md-shape-corner-medium: 12px;--md-shape-corner-large: 16px;--md-shape-corner-extra-large: 28px;--md-shape-corner-full: 9999px;--bg-primary: var(--md-sys-color-background);--bg-secondary: var(--md-sys-color-surface);--bg-card: var(--md-sys-color-surface-variant);--bg-card-hover: rgba(255, 255, 255, .95);--border-color: var(--md-sys-color-outline);--border-color-hover: rgba(15, 23, 42, .16);--text-primary: var(--md-sys-color-on-background);--text-secondary: var(--md-sys-color-on-surface-variant);--text-muted: #64748b;--color-primary: var(--md-sys-color-primary);--color-success: #10b981;--color-info: var(--md-sys-color-secondary);--color-warning: var(--md-sys-color-primary);--color-danger: var(--md-sys-color-error);--glass-blur: blur(16px);--glass-shadow: var(--md-elevation-1);--sidebar-width: 260px;--header-height: 70px;--border-radius-lg: var(--md-shape-corner-large);--border-radius-md: var(--md-shape-corner-medium);--border-radius-sm: var(--md-shape-corner-small);--transition-speed: .25s}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-speed),color var(--transition-speed)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--md-sys-color-background)}::-webkit-scrollbar-thumb{background:#80808040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80808073}.md-card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-large);box-shadow:var(--md-elevation-1);padding:20px;transition:box-shadow .2s ease,border-color .2s ease}.md-card:hover{box-shadow:var(--md-elevation-2);border-color:var(--md-sys-color-primary)}.md-card-outlined{background-color:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-large);padding:20px}.md-textbox{position:relative;display:flex;flex-direction:column;width:100%}.md-textbox input{background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:12px 16px;border-radius:var(--md-shape-corner-medium);font-size:.9rem;font-weight:500;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:100%}.md-textbox input:focus{border-color:var(--md-sys-color-primary);border-width:2px;padding:11px 15px}.md-textbox label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:500;pointer-events:none;transition:all var(--transition-speed) ease;background:var(--md-sys-color-surface);padding:0 4px}.md-textbox input:focus+label,.md-textbox input:not(:placeholder-shown)+label{top:0;font-size:.72rem;color:var(--md-sys-color-primary);font-weight:700}.md-textbox.has-error input{border-color:var(--md-sys-color-error)}.md-textbox.has-error label{color:var(--md-sys-color-error)}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-large);box-shadow:var(--md-elevation-1);transition:all var(--transition-speed) ease}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff40;box-shadow:var(--md-elevation-2)}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;padding:12px 24px;border-radius:var(--md-shape-corner-extra-large);font-weight:700;font-size:.88rem;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--md-elevation-1)}.btn-primary:hover{box-shadow:var(--md-elevation-2);filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);padding:12px 24px;border-radius:var(--md-shape-corner-extra-large);font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:#8080800d;border-color:var(--md-sys-color-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--md-shape-corner-full);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.badge-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.badge-success{background:#10b98114;color:#10b981;border-color:#10b98126}.badge-success .badge-dot{background:#10b981;box-shadow:0 0 6px #10b981}.badge-info{background:#06b6d414;color:#06b6d4;border-color:#06b6d426}.badge-info .badge-dot{background:#06b6d4;box-shadow:0 0 6px #06b6d4}.badge-warning{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b26}.badge-warning .badge-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.badge-danger{background:#ef444414;color:#ef4444;border-color:#ef444426}.badge-danger .badge-dot{background:#ef4444;box-shadow:0 0 6px #ef4444}.badge-muted{background:#80808014;color:var(--text-muted);border-color:#80808026}.badge-muted .badge-dot{background:var(--text-muted)}.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-speed) cubic-bezier(.4,0,.2,1);background-color:var(--md-sys-color-background)}.app-container.sidebar-collapsed{grid-template-columns:80px 1fr}.sidebar{height:calc(100vh - 20px);margin:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 12px;position:sticky;top:10px;z-index:100;border-radius:var(--md-shape-corner-large);overflow:hidden}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid var(--md-sys-color-outline);margin-bottom:16px;overflow:hidden;white-space:nowrap}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:6px;border-radius:var(--md-shape-corner-full);align-items:center;justify-content:center;margin-left:auto;transition:background-color .2s,color .2s}.sidebar-close-btn:hover{background-color:#80808014;color:var(--md-sys-color-primary)}.brand-logo{background:linear-gradient(135deg,#1e293b,#0f172a);border:1.5px solid var(--md-sys-color-primary);color:#fff;width:44px;height:44px;border-radius:var(--md-shape-corner-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;box-sizing:border-box}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.brand-name h2{font-size:1.15rem;font-weight:800;color:var(--md-sys-color-primary);letter-spacing:.05em;line-height:1.1}.brand-name span{font-size:.72rem;color:var(--md-sys-color-on-background);font-weight:600}.nav-menu{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow-y:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--md-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-weight:700;font-size:.85rem;transition:all .2s ease;white-space:nowrap;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.nav-item svg{width:18px;height:18px;stroke-width:2.2;transition:transform .2s ease}.nav-item:hover{color:var(--md-sys-color-on-surface);background:#8080800f}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);box-shadow:0 2px 8px #fbbf2440}.nav-item.active svg{color:var(--md-sys-color-on-primary)}.sidebar-footer{border-top:1px solid var(--md-sys-color-outline);padding-top:14px;margin-top:auto;display:flex;flex-direction:column;gap:12px}.balinese-ornament{width:100%;opacity:.7}.slogan-container{text-align:center;margin-bottom:2px}.slogan-trans{font-size:.65rem;font-weight:800;color:var(--md-sys-color-primary);letter-spacing:.08em}.slogan-desc{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);margin-top:1px}.slogan-bold{font-size:.78rem;font-weight:800;color:var(--md-sys-color-primary);margin-top:2px}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--md-shape-corner-medium);background:#80808008;border:1px solid var(--md-sys-color-outline);white-space:nowrap}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,#d97706 100%);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;box-shadow:0 2px 6px #f59e0b33;flex-shrink:0}.user-info .name{font-size:.8rem;font-weight:700;color:var(--md-sys-color-on-background)}.user-info .role{font-size:.65rem;color:var(--text-muted)}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .balinese-ornament,.sidebar-collapsed .slogan-container,.sidebar-collapsed .user-profile{opacity:0;width:0;pointer-events:none;display:none}.sidebar-collapsed .brand{justify-content:center;padding:0 0 16px}.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.sidebar-collapsed .user-profile{justify-content:center;border:none;background:transparent;padding:0}.main-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-header{height:var(--header-height);margin:10px 10px 0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-radius:var(--md-shape-corner-large);flex-shrink:0;z-index:90}.header-left{display:flex;align-items:center;gap:12px}.header-status h2{font-size:1.05rem;font-weight:800;color:var(--md-sys-color-on-background);letter-spacing:.02em}.header-status .sub-title{font-size:.68rem;color:var(--md-sys-color-on-surface-variant);font-weight:500;display:block}.date-display{font-size:.78rem;color:var(--md-sys-color-primary);font-weight:700;background:var(--md-sys-color-primary-container);border:1px solid rgba(251,191,36,.25);padding:5px 14px;border-radius:var(--md-shape-corner-small)}.header-right{display:flex;align-items:center;gap:12px}.menu-toggle-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;width:36px;height:36px;border-radius:var(--md-shape-corner-small);display:flex;align-items:center;justify-content:center}.menu-toggle-btn:hover{background:#8080800d;color:var(--md-sys-color-on-surface)}.page-content{flex-grow:1;padding:16px 20px 20px;overflow-y:auto;height:calc(100vh - var(--header-height) - 20px)}@media(max-width:768px){.app-container{grid-template-columns:100%!important}.sidebar{position:fixed;top:10px;left:-300px;width:250px;height:calc(100vh - 20px);transition:left var(--transition-speed) ease}.app-container.sidebar-collapsed .sidebar{left:10px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .balinese-ornament,.sidebar-collapsed .slogan-container,.sidebar-collapsed .user-info{opacity:1!important;width:auto!important;display:block!important}.sidebar-collapsed .brand{justify-content:flex-start!important}.sidebar-collapsed .user-profile{justify-content:flex-start!important;border:1px solid var(--md-sys-color-outline)!important;background:#80808008!important;padding:6px 8px!important}.main-wrapper{width:100%}.sidebar-close-btn{display:flex!important}.header-status .sub-title{display:none!important}.date-display{padding:4px 8px;font-size:.7rem}.top-header{padding:0 10px}.page-content{padding:10px!important}}.dashboard-container{display:flex;flex-direction:column;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metric-card{padding:14px;display:flex;flex-direction:column;justify-content:space-between;height:100px;border-radius:var(--md-shape-corner-large)!important}.metric-card-header{display:flex;align-items:center;gap:10px}.metric-icon-bg{width:36px;height:36px;border-radius:var(--md-shape-corner-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-text-group h3{font-size:.72rem;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.metric-text-group .value{font-size:1.25rem;font-weight:800;color:var(--md-sys-color-on-background);margin-top:1px}.metric-text-group .unit{font-size:.7rem;font-weight:500;color:var(--text-muted)}.metric-footer{display:flex;align-items:center;gap:6px;margin-top:8px}.pct-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px}.metric-footer .sub-label{font-size:.65rem;color:var(--text-muted);font-weight:500}.charts-section{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:14px}@media(max-width:1100px){.charts-section{grid-template-columns:1fr}}.chart-card{padding:18px;display:flex;flex-direction:column}.chart-header h3{font-size:.9rem;font-weight:700;color:var(--md-sys-color-on-background)}.title-select-group{display:flex;justify-content:space-between;align-items:center;width:100%}.chart-select{background:#8080800d;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);font-size:.7rem;padding:4px 8px;border-radius:var(--md-shape-corner-small);outline:none;cursor:pointer}.chart-body{flex-grow:1;display:flex;align-items:center;justify-content:center;padding-top:10px}.donut-card .chart-body{display:flex;flex-direction:column;gap:14px}.donut-svg-container{width:120px;height:120px}.donut-legend{display:flex;flex-direction:column;gap:6px;width:100%;border-top:1px solid var(--md-sys-color-outline);padding-top:10px}.donut-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.72rem}.donut-legend .legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend .legend-label{color:var(--md-sys-color-on-surface-variant);flex-grow:1}.donut-legend .legend-value{color:var(--md-sys-color-on-background);font-weight:700}.donut-legend .legend-pct{color:var(--text-muted);font-weight:500;font-size:.68rem}.bottom-section{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px}@media(max-width:1280px){.bottom-section{grid-template-columns:1.2fr 1fr}}@media(max-width:768px){.bottom-section{grid-template-columns:1fr}}.info-panel{padding:18px;display:flex;flex-direction:column;height:300px}.info-panel .panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-sys-color-outline);padding-bottom:10px;margin-bottom:12px;flex-shrink:0}.info-panel .panel-header h3{font-size:.85rem;font-weight:700;color:var(--md-sys-color-on-background)}.info-panel .panel-content{flex-grow:1;overflow-y:auto}.panel-table{width:100%;border-collapse:collapse;text-align:left;font-size:.72rem}.panel-table th{color:var(--md-sys-color-on-surface-variant);font-weight:600;padding-bottom:6px}.panel-table td{padding:7px 0;color:var(--md-sys-color-on-background);border-bottom:1px solid var(--md-sys-color-outline-variant)}.panel-table tr:last-child td{border-bottom:none}.car-plate-tag{font-size:.68rem;font-weight:700;background:#80808014;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:2px 6px;border-radius:4px}.tab-selectors{display:flex;background:#8080800d;padding:2px;border-radius:var(--md-shape-corner-small)}.tab-selectors button{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);font-size:.68rem;font-weight:600;padding:4px 8px;border-radius:var(--md-shape-corner-small);cursor:pointer}.tab-selectors button.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-1)}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;align-items:center;gap:10px;padding:8px;background:#80808005;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-medium)}.item-icon-bg{width:28px;height:28px;border-radius:var(--md-shape-corner-small);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-details .name{font-size:.72rem;font-weight:700;color:var(--md-sys-color-on-background)}.item-details .plate{font-size:.62rem;background:#8080800d;padding:1px 3px;border-radius:2px}.item-details .desc{font-size:.62rem;color:var(--md-sys-color-on-surface-variant)}.item-time{text-align:right}.item-time .date{font-size:.62rem;color:var(--md-sys-color-on-surface-variant)}.item-time .due{font-size:.62rem;font-weight:700}.map-preview-box{display:flex;align-items:center;justify-content:center}.mini-map-container{width:100%;height:100%;border-radius:var(--md-shape-corner-medium);overflow:hidden;border:1px solid var(--md-sys-color-outline)}.mini-map-svg{width:100%;height:100%;display:block}.notifications-list{display:flex;flex-direction:column;gap:6px}.notif-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#80808005;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-medium)}.notif-item.urgent{background:#ef444408;border-color:#ef444426}.notif-icon-bg{width:18px;height:18px;border-radius:50%;margin-top:1px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.notif-desc .title{font-size:.68rem;font-weight:700;color:var(--md-sys-color-on-background)}.notif-desc .desc{font-size:.62rem;color:var(--md-sys-color-on-surface-variant);margin-top:1px}.notif-time{font-size:.62rem;color:var(--text-muted)}.panel-footer-link{border-top:1px solid var(--md-sys-color-outline);padding-top:10px;margin-top:auto;text-align:center}.btn-link{font-size:.72rem;color:var(--md-sys-color-primary);text-decoration:none;font-weight:700}.btn-link:hover{opacity:.8}.btn-link-action{font-size:.68rem;color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-weight:700}.btn-link-action:hover{color:var(--md-sys-color-primary)}.inventory-container{display:flex;flex-direction:column;gap:16px}.inventory-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-title h1{font-size:1.6rem;font-weight:800;color:var(--md-sys-color-on-background);margin-bottom:2px}.header-title p{color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.filters-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex-wrap:wrap;border-radius:var(--md-shape-corner-large)}.search-box{position:relative;flex-grow:1;max-width:360px;min-width:200px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:100%;background:#8080800d;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:10px 12px 10px 38px;border-radius:var(--md-shape-corner-medium);font-size:.8rem}.search-box input:focus{border-color:var(--md-sys-color-primary);background:#80808014}.dropdown-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-group select{background:#8080800d;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:10px 14px;border-radius:var(--md-shape-corner-medium);font-size:.8rem;cursor:pointer}.filter-group select:focus{border-color:var(--md-sys-color-primary)}.filter-group select option{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-background)}.view-toggle{display:flex;background:#8080800d;border:1px solid var(--md-sys-color-outline);padding:3px;border-radius:var(--md-shape-corner-medium)}.toggle-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);width:32px;height:32px;border-radius:var(--md-shape-corner-small);display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-btn:hover{color:var(--md-sys-color-on-surface)}.toggle-btn.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.empty-state svg{margin-bottom:12px}.empty-state h3{font-size:1.05rem;font-weight:600;color:var(--md-sys-color-on-background);margin-bottom:4px}.empty-state p{color:var(--md-sys-color-on-surface-variant);font-size:.8rem;max-width:280px}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--md-shape-corner-large)}.inventory-table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem}.inventory-table th{padding:14px 18px;background:#80808005;border-bottom:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}.inventory-table td{padding:14px 18px;border-bottom:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);vertical-align:middle}.inventory-table tbody tr:last-child td{border-bottom:none}.inventory-table tbody tr:hover td{background:#80808005}.car-info-col{display:flex;flex-direction:column;gap:2px}.car-name{font-weight:700;color:var(--md-sys-color-on-background)}.car-plate-badge{font-size:.7rem;font-weight:700;background:#80808014;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:2px 6px;border-radius:4px;width:fit-content}.type-badge{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border:1px solid rgba(251,191,36,.25);padding:2px 8px;border-radius:4px;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.02em}.agency-text{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.driver-col{display:flex;flex-direction:column}.driver-name{font-weight:700;color:var(--md-sys-color-on-background)}.driver-phone{font-size:.7rem;color:var(--text-muted)}.fuel-progress-wrapper{display:flex;flex-direction:column;gap:4px;width:100px}.fuel-text{display:flex;justify-content:space-between;font-size:.7rem;font-weight:600;color:var(--md-sys-color-on-background)}.fuel-label{font-size:.6rem;color:var(--text-muted)}.fuel-bar-bg{width:100%;height:6px;background:#8080801a;border-radius:9999px;overflow:hidden}.fuel-bar-fill{height:100%;border-radius:9999px}.fuel-low{background:var(--md-sys-color-error)}.fuel-mid{background:var(--md-sys-color-primary)}.fuel-high{background:#10b981}.actions-col{display:flex;align-items:center;gap:6px}.action-btn{background:#8080800d;border:1px solid var(--md-sys-color-outline);width:30px;height:30px;border-radius:var(--md-shape-corner-small);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.action-btn:hover{transform:translateY(-1px)}.action-btn.track{color:var(--md-sys-color-secondary);border-color:#06b6d440}.action-btn.track:hover{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.action-btn.edit{color:var(--md-sys-color-primary);border-color:#fbbf2440}.action-btn.edit:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.action-btn.delete{color:var(--md-sys-color-error);border-color:#ef444440}.action-btn.delete:hover{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.car-card{padding:16px;display:flex;flex-direction:column;gap:12px;border-radius:var(--md-shape-corner-large)!important}.car-card .card-header{display:flex;align-items:center;justify-content:space-between}.car-card-plate{font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-background);background:#80808014;border:1px solid var(--md-sys-color-outline);padding:2px 6px;border-radius:4px}.car-card-title{font-size:.95rem;font-weight:800;color:var(--md-sys-color-on-background)}.car-card-type{font-size:.7rem;color:var(--text-muted);font-weight:600;display:block;margin-top:1px}.car-card-agency{font-size:.72rem;color:var(--md-sys-color-on-surface-variant);font-weight:600;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:32px}.card-details-divider{height:1px;background:var(--md-sys-color-outline);margin:2px 0}.card-info-item{display:flex;justify-content:space-between;font-size:.72rem}.card-info-item .item-label{color:var(--md-sys-color-on-surface-variant)}.card-info-item .item-val{color:var(--md-sys-color-on-background);font-weight:700}.card-fuel-val{display:flex;align-items:center;gap:6px;font-weight:700}.card-fuel-bar{width:44px;height:5px;background:#8080801a;border-radius:9999px;overflow:hidden}.card-fuel-fill{height:100%;border-radius:9999px}.card-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;margin-top:auto;border-top:1px solid var(--md-sys-color-outline);padding-top:12px}.card-action-btn{border:1px solid var(--md-sys-color-outline);background:#80808008;color:var(--md-sys-color-on-surface-variant);padding:8px;border-radius:var(--md-shape-corner-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;font-weight:700;gap:4px}.card-action-btn:hover{transform:translateY(-1px)}.track-btn-card{text-decoration:none;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-secondary);border-color:#06b6d433}.track-btn-card:hover{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.edit-btn-card:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.delete-btn-card{color:var(--md-sys-color-error)}.delete-btn-card:hover{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-color:var(--md-sys-color-error)}.card-active:hover{border-color:#10b98159}.card-moving:hover{border-color:#06b6d459}.card-service:hover{border-color:#fbbf2459}.card-broken:hover{border-color:#ef444459}.tracking-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;height:calc(100vh - var(--header-height) - 30px)}.map-container{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:20px}.map-overlay-header{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:50;pointer-events:none}.map-overlay-header .title-group{background:var(--md-sys-color-surface);padding:8px 14px;border-radius:var(--md-shape-corner-medium);border:1px solid var(--md-sys-color-outline);pointer-events:auto}.map-overlay-header h2{font-size:.95rem;font-weight:700;color:var(--md-sys-color-on-background)}.map-overlay-header span{font-size:.65rem;color:var(--md-sys-color-on-surface-variant)}.tracking-focus-badge{background:var(--md-sys-color-primary);border:1px solid rgba(255,255,255,.2);color:var(--md-sys-color-on-primary);padding:6px 12px;border-radius:var(--md-shape-corner-medium);display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;pointer-events:auto}.clear-focus-btn{background:transparent;border:none;color:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;margin-left:2px}.svg-map-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:25px}.svg-map{width:100%;max-height:100%;background-color:#05080e;border-radius:var(--md-shape-corner-large);border:1px solid var(--md-sys-color-outline)}.vehicle-marker{cursor:pointer;transition:transform .2s ease}.vehicle-marker:hover{transform:scale(1.18)}.vehicle-tooltip{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(4px)}.vehicle-marker:hover .vehicle-tooltip,.vehicle-marker.active-tracking .vehicle-tooltip{opacity:1;transform:translateY(0)}.map-legend{display:flex;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--md-sys-color-outline);justify-content:center;flex-wrap:wrap}.map-legend .legend-item{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--md-sys-color-on-surface-variant)}.map-legend .legend-dot{width:7px;height:7px;border-radius:50%}.control-panel{height:100%;display:flex;flex-direction:column;padding:20px;overflow:hidden}.control-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.control-panel .panel-header h3{font-size:1rem;color:var(--md-sys-color-on-background)}.filter-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;background:#8080800d;border:1px solid var(--md-sys-color-outline);padding:3px;border-radius:var(--md-shape-corner-medium);margin-bottom:12px;flex-shrink:0}.tab-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);padding:6px;border-radius:var(--md-shape-corner-small);font-size:.7rem;font-weight:600;cursor:pointer}.tab-btn:hover{color:var(--md-sys-color-on-surface)}.tab-btn.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-1)}.sidebar-car-item{background:#80808005;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-medium);padding:12px;cursor:pointer;transition:all .2s}.sidebar-car-item:hover{background:#8080800d;border-color:var(--md-sys-color-outline)}.sidebar-car-item .plate{font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-background)}.sidebar-car-item .model{font-size:.75rem;color:var(--md-sys-color-on-background);font-weight:600;margin-top:1px}.telemetry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-shrink:0}.back-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.back-btn:hover{color:var(--md-sys-color-on-surface)}.plate-num{font-size:1.35rem;font-weight:800;color:var(--md-sys-color-on-background);background:#8080800d;padding:4px 12px;border-radius:6px;width:fit-content;border:1px solid var(--md-sys-color-outline)}.identity-section .car-desc{font-size:.85rem;font-weight:700;color:var(--md-sys-color-on-background);margin-top:2px}.telemetry-gauges h4,.driver-section h4,.quick-status-section h4{font-size:.75rem;font-weight:700;color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.gauge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gauge-card{background:#80808005;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);padding:12px;display:flex;flex-direction:column;justify-content:space-between}.gauge-value{font-size:1.2rem;font-weight:800;margin:4px 0;color:var(--md-sys-color-on-background)}.driver-box{display:flex;align-items:center;gap:10px;background:#80808005;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);padding:12px;margin-bottom:10px}.driver-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,#d97706 100%);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;flex-shrink:0}.quick-status-section select{width:100%;background:#8080800a;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:8px 12px;border-radius:var(--md-shape-corner-medium);font-size:.75rem;cursor:pointer}.dates-section{display:flex;flex-direction:column;gap:6px}@media(max-width:992px){.tracking-layout{grid-template-columns:1fr;height:auto}.map-container{height:400px}.control-panel{height:360px}}.form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04070da6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.form-modal{width:100%;max-width:720px;max-height:88vh;display:flex;flex-direction:column;border-radius:var(--md-shape-corner-large);overflow:hidden;box-shadow:var(--md-elevation-3);animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:var(--md-sys-color-surface)!important;border:1px solid var(--md-sys-color-outline)}@keyframes modalScaleUp{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:18px 24px;border-bottom:1px solid var(--md-sys-color-outline);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.15rem;font-weight:700;color:var(--md-sys-color-on-background)}.close-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;width:32px;height:32px;border-radius:var(--md-shape-corner-small);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.close-btn:hover{background:#8080800d;color:var(--md-sys-color-on-surface)}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-section{display:flex;flex-direction:column;gap:14px}.form-section.full-width{grid-column:span 2;border-top:1px solid var(--md-sys-color-outline);padding-top:20px;margin-top:4px}.form-section h3{font-size:.85rem;font-weight:700;color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px;position:relative}.form-group label{font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.form-group input,.form-group select,.form-group textarea{background:#8080800a;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);padding:10px 14px;border-radius:var(--md-shape-corner-medium);font-size:.8rem;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--md-sys-color-primary);background:#80808014}.form-group input:disabled{opacity:.65;cursor:not-allowed}.form-group textarea{resize:vertical}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--md-sys-color-error)}.form-group.has-error label{color:var(--md-sys-color-error)}.error-msg{font-size:.65rem;color:var(--md-sys-color-error);font-weight:600}.form-inline-pair{display:flex;gap:8px}.form-inline-pair input{flex:1;min-width:0}.form-radio-row{display:flex;flex-direction:column;gap:8px;padding-top:6px}.form-radio-row--inline{flex-direction:row;flex-wrap:wrap;gap:16px}.form-radio-option{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--md-sys-color-on-background);cursor:pointer}.form-radio-option input[type=radio]{accent-color:var(--md-sys-color-primary);width:15px;height:15px}.form-checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5;cursor:pointer}.form-checkbox-row input[type=checkbox]{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--md-sys-color-primary)}.form-checkbox-row.has-error{color:var(--md-sys-color-error)}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);padding:20px;text-align:center;cursor:pointer;font-size:.78rem;color:var(--md-sys-color-on-surface-variant);transition:all .2s ease}.file-dropzone:hover{border-color:var(--md-sys-color-primary);background:#80808008}.file-dropzone-icon{font-size:1.3rem}.file-dropzone-hint{font-size:.68rem;color:var(--text-muted)}.file-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);background:#80808005;margin-bottom:8px}.file-chip-icon{font-size:1.15rem}.file-chip-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.file-chip-name{font-size:.8rem;font-weight:600;color:var(--md-sys-color-on-background);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-size{font-size:.68rem;color:var(--text-muted)}.file-chip-remove{background:transparent;border:none;color:var(--md-sys-color-error);cursor:pointer;padding:6px;border-radius:var(--md-shape-corner-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-chip-remove:hover{background:#ef444414}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid var(--md-sys-color-outline);margin-top:20px;flex-wrap:wrap}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-section.full-width{grid-column:span 1}.form-row{grid-template-columns:1fr!important}.form-inline-pair{flex-direction:column}.form-modal{max-height:92vh}.inventory-header{flex-direction:column;align-items:stretch!important;text-align:center}.inventory-header button{width:100%;justify-content:center}.filters-bar{flex-direction:column;align-items:stretch!important;gap:8px}.search-box{max-width:100%!important;width:100%}.dropdown-filters{width:100%;justify-content:space-between;gap:8px}.dropdown-filters .filter-group{flex-grow:1}.dropdown-filters select{width:100%}.view-toggle{justify-content:center;margin-top:4px}}.report-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04070db3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-modal{width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-large);overflow:hidden;box-shadow:var(--md-elevation-3)}.report-body{padding:30px;overflow-y:auto;flex-grow:1;color:var(--md-sys-color-on-background);background:var(--md-sys-color-surface)}.report-header-print{text-align:center;margin-bottom:24px;border-bottom:2px solid var(--md-sys-color-on-background);padding-bottom:18px}.report-header-print h1{font-size:1.5rem;font-weight:800;color:var(--md-sys-color-on-background)}.report-header-print p{font-size:.85rem;color:var(--md-sys-color-on-surface-variant);margin-top:4px}.report-table-print{width:100%;border-collapse:collapse;margin-top:15px;font-size:.78rem}.report-table-print th{border:1px solid var(--md-sys-color-outline);padding:10px 14px;background:#8080800d;font-weight:700;color:var(--md-sys-color-on-background)}.report-table-print td{border:1px solid var(--md-sys-color-outline);padding:10px 14px;color:var(--md-sys-color-on-background)}@media print{body *{visibility:hidden}.report-overlay,.report-overlay *{visibility:visible}.report-overlay{position:absolute;left:0;top:0;width:100%}.report-modal{border:none;box-shadow:none;max-height:none;width:100%}.form-actions{display:none}}.landing-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}.landing-nav{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-sys-color-outline)}@media(max-width:640px){.landing-nav{padding:0 20px}}.landing-hero{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}@media(max-width:768px){.landing-hero{padding:40px 20px}}.landing-hero-content{max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:10;animation:heroFadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-badge{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border:1px solid rgba(251,191,36,.3);padding:6px 16px;border-radius:var(--md-shape-corner-full);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-hero h1{font-size:3.5rem;font-weight:900;line-height:1.1;color:var(--md-sys-color-on-background)}@media(max-width:640px){.landing-hero h1{font-size:2.2rem}}.landing-hero-logo{display:block;width:100%;max-width:380px;height:auto}@media(max-width:640px){.landing-hero-logo{max-width:280px}}.landing-hero-sub{font-size:1.15rem;color:var(--md-sys-color-on-surface-variant);max-width:620px;line-height:1.5}.landing-ctas{display:flex;gap:16px;margin-top:10px}@media(max-width:480px){.landing-ctas{flex-direction:column;width:100%}.landing-ctas button{width:100%}}.landing-deco-batur{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;max-width:1000px;opacity:.05;pointer-events:none}.landing-deco-circle{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--md-sys-color-primary-container) 0%,transparent 70%);top:10%;right:-5%;opacity:.3;pointer-events:none}.landing-features{padding:80px 40px;background:#80808003;border-top:1px solid var(--md-sys-color-outline);display:flex;flex-direction:column;align-items:center;gap:40px}@media(max-width:640px){.landing-features{padding:40px 20px}}.features-title-group{text-align:center}.features-title-group h2{font-size:2rem;font-weight:800;color:var(--md-sys-color-on-background)}.features-title-group p{font-size:.9rem;color:var(--md-sys-color-on-surface-variant);margin-top:4px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:1100px}.feature-card{padding:24px;display:flex;flex-direction:column;gap:16px}.feature-card-icon{width:48px;height:48px;border-radius:var(--md-shape-corner-medium);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.1rem;font-weight:700;color:var(--md-sys-color-on-background)}.feature-card p{font-size:.85rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.landing-footer{padding:30px 40px;border-top:1px solid var(--md-sys-color-outline);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;gap:16px}@media(max-width:640px){.landing-footer{padding:20px;justify-content:center;text-align:center}}.landing-footer-logo{height:52px;width:auto;flex-shrink:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-background);position:relative;padding:20px;overflow:hidden}.login-back-btn{position:absolute;top:30px;left:30px;text-decoration:none}@media(max-width:640px){.login-back-btn{top:20px;left:20px}}.login-card{width:100%;max-width:420px;padding:36px 30px;display:flex;flex-direction:column;gap:24px}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.login-header-logo{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid var(--md-sys-color-primary);width:56px;height:56px;border-radius:var(--md-shape-corner-medium);display:flex;align-items:center;justify-content:center;margin-bottom:4px;padding:9px;box-sizing:border-box}.login-header-logo img{width:100%;height:100%;object-fit:contain;display:block}.login-header h1{font-size:1.4rem;font-weight:800;color:var(--md-sys-color-on-background)}.login-header p{font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.login-form{display:flex;flex-direction:column;gap:20px}.login-error-alert{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error);border:1px solid rgba(239,68,68,.2);padding:10px 14px;border-radius:var(--md-shape-corner-medium);font-size:.75rem;font-weight:600;text-align:center;animation:alertShake .3s ease}@keyframes alertShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-credentials-tip{background:#80808005;border:1px solid var(--md-sys-color-outline);padding:10px 12px;border-radius:var(--md-shape-corner-medium);font-size:.72rem;color:var(--md-sys-color-on-surface-variant)}.login-credentials-tip strong{color:var(--md-sys-color-primary)}