.nav-item .badge[data-v-22296e60]{margin-left:auto;padding:2px 8px;font-size:11px}:root{--md-sys-color-primary: #1a73e8;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d3e3fd;--md-sys-color-on-primary-container: #041e49;--md-sys-color-secondary: #5f6368;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e8eaed;--md-sys-color-on-secondary-container: #1f1f1f;--md-sys-color-tertiary: #1e8e3e;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ceead6;--md-sys-color-on-tertiary-container: #0d652d;--md-sys-color-error: #d93025;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #fce8e6;--md-sys-color-on-error-container: #a50e0e;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #1f1f1f;--md-sys-color-surface-variant: #f1f3f4;--md-sys-color-on-surface-variant: #5f6368;--md-sys-color-surface-container: #f8f9fa;--md-sys-color-surface-container-low: #ffffff;--md-sys-color-surface-container-high: #f1f3f4;--md-sys-color-outline: #dadce0;--md-sys-color-outline-variant: #e8eaed;--md-sys-color-inverse-surface: #303134;--md-sys-color-inverse-on-surface: #f1f3f4;--md-sys-color-inverse-primary: #8ab4f8;--md-sys-color-background: #ffffff;--md-sys-color-on-background: #1f1f1f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.5}md-filled-button{--md-filled-button-label-text-color: #ffffff;--md-filled-button-hover-label-text-color: #ffffff;--md-filled-button-pressed-label-text-color: #ffffff;--md-filled-button-focus-label-text-color: #ffffff}.admin-layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--md-sys-color-outline)}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.sidebar-logo .material-icons{font-size:32px;color:var(--md-sys-color-primary)}.sidebar-logo span{font-size:24px;font-weight:500}.sidebar-nav{flex:1;padding:16px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:28px;text-decoration:none;color:var(--md-sys-color-on-surface);transition:all .2s;margin-bottom:4px}.nav-item:hover{background:var(--md-sys-color-surface-container-high)}.nav-item.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.nav-item .material-icons{font-size:24px}.sidebar-footer{padding:16px;border-top:1px solid var(--md-sys-color-outline)}.user-info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--md-sys-color-surface-container)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:500}.user-details{flex:1}.user-name{font-weight:500;font-size:14px}.user-role{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.main-content{flex:1;margin-left:280px;min-height:100vh}.page-header{padding:24px 32px;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline);position:sticky;top:0;z-index:50}.page-header h1{font-size:28px;font-weight:400;margin:0}.page-header p{color:var(--md-sys-color-on-surface-variant);margin:4px 0 0;font-size:14px}.page-content{padding:24px 32px}.card{background:var(--md-sys-color-surface);border-radius:16px;border:1px solid var(--md-sys-color-outline);padding:24px;margin-bottom:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--md-sys-color-surface);border-radius:16px;border:1px solid var(--md-sys-color-outline);padding:20px}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stat-card .stat-icon.primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.stat-card .stat-icon.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-tertiary)}.stat-card .stat-icon.warning{background:#fef7cd;color:#f9a825}.stat-card .stat-icon.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.stat-value{font-size:32px;font-weight:500;margin-bottom:4px}.stat-label{font-size:14px;color:var(--md-sys-color-on-surface-variant)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--md-sys-color-outline)}.data-table th{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant)}.data-table tr:hover{background:var(--md-sys-color-surface-container)}.data-table .actions{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.badge.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.badge.warning{background:#fef7cd;color:#f57f17}.badge.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge.info{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:48px}.empty-state{text-align:center;padding:48px 24px;color:var(--md-sys-color-on-surface-variant)}.empty-state .material-icons{font-size:64px;opacity:.5;margin-bottom:16px}@media (max-width: 1024px){.sidebar{width:72px}.sidebar-header span,.nav-item span,.user-details,.sidebar-footer .logout-text{display:none}.nav-item{justify-content:center;padding:12px}.main-content{margin-left:72px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-header,.page-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}