.header{height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-glass);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header__brand{align-items:center;gap:12px;display:flex}.header__logo{background:linear-gradient(135deg, var(--accent), #4fc3f7);width:36px;height:36px;box-shadow:var(--shadow-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.header__logo-icon{color:#fff;font-size:18px}.header__title h1{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2}.header__subtitle{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px}.header__user{align-items:center;gap:12px;display:flex}.header__user-info{flex-direction:column;align-items:flex-end;display:flex}.header__user-name{color:var(--text-primary);font-size:13px;font-weight:500}.header__user-email{color:var(--text-secondary);font-size:11px}.header__avatar{background:var(--bg-glass-hover);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.header__logout{width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.header__logout:hover{color:#f55;background:#ff505026}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-glass);height:100%;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border-glass);flex-direction:column;justify-content:space-between;padding:20px 12px;display:flex;overflow-y:auto}.sidebar__section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:8px 12px 6px;font-size:10px;font-weight:700;display:block}.sidebar__menu{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.sidebar__link{border-radius:var(--glass-radius);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.sidebar__link:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar__link--active{background:var(--bg-glass-active);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent)}.sidebar__link--active .sidebar__link-icon{color:var(--accent)}.sidebar__link-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sidebar__link-label{font-size:13px;font-weight:500}.sidebar__bottom{border-top:1px solid var(--border-glass);padding-top:12px}.main-content{background:0 0;flex:1;padding:28px;overflow-y:auto}.main-content__inner{max-width:1200px;margin:0 auto}.layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.layout__body{flex:1;display:flex;overflow:hidden}.home__welcome{margin-bottom:32px}.home__welcome h1{margin-bottom:4px;font-size:28px;font-weight:700}.home__welcome p{color:var(--text-secondary);font-size:15px}.home__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:36px;display:grid}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--glass-radius);transition:all var(--transition-normal);padding:24px}.card:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__icon{margin-bottom:12px;font-size:28px}.card__title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.card__value{color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.card__label{color:var(--text-muted);font-size:12px}.home__activity{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--glass-radius);padding:24px}.home__activity h2{margin-bottom:20px;font-size:16px;font-weight:600}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-item__dot{background:var(--accent);width:8px;min-width:8px;height:8px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;margin-top:6px}.activity-item__content{flex-direction:column;gap:2px;display:flex}.activity-item__text{color:var(--text-secondary);font-size:13px}.activity-item__text strong{color:var(--text-primary)}.activity-item__time{color:var(--text-muted);font-size:11px}.dashboard__header{margin-bottom:28px}.dashboard__header h1{margin-bottom:4px;font-size:28px;font-weight:700}.dashboard__header p{color:var(--text-secondary)}.dashboard__panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--glass-radius);margin-bottom:20px;padding:24px}.dashboard__panel h2{margin-bottom:16px;font-size:16px;font-weight:600}.dashboard__panel p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.dashboard__panel--accent{background:linear-gradient(135deg, #6c63ff0d, var(--bg-glass));border-color:#6c63ff33}.dashboard__profile-grid{flex-direction:column;gap:14px;display:flex}.profile-field{flex-direction:column;gap:4px;display:flex}.profile-field__label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:11px;font-weight:600}.profile-field__value{color:var(--text-primary);font-size:14px}.profile-field__tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--accent-hover);background:#6c63ff26;border:1px solid #6c63ff40;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.dashboard__admin-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-stat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--glass-radius);text-align:center;flex-direction:column;align-items:center;padding:16px;display:flex}.admin-stat__value{color:var(--accent);font-size:24px;font-weight:700}.admin-stat__label{color:var(--text-secondary);margin-top:4px;font-size:11px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff1a;--bg-glass-active:#ffffff26;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--text-primary:#e4e4f0;--text-secondary:#88a;--text-muted:#557;--accent:#6c63ff;--accent-hover:#7f78ff;--accent-glow:#6c63ff4d;--header-height:64px;--sidebar-width:260px;--glass-blur:20px;--glass-radius:12px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.2s ease;--transition-normal:.3s ease}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(at 20%,#6c63ff14 0%,#0000 50%),radial-gradient(at 80% 20%,#63b3ff0f 0%,#0000 50%);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}