:root{--app-bg: #f4f7f9;--card-bg: #ffffff;--sidebar-bg: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--primary-blue: #2563eb;--primary-hover: #1d4ed8;--primary-gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--primary-light: rgba(37, 99, 235, .1);--success: #38a169;--warning: #d69e2e;--danger: #e53e3e;--info: #3182ce;--border-color: #e2e8f0;--divider-color: #edf2f7;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-card: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 6px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .1);--shadow-sidebar: 2px 0 12px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 250px;--sidebar-collapsed-width: 72px;--header-height: 64px;--bottom-nav-height: 64px;--content-max-width: 1400px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-sidebar: 400;--z-modal: 500;--z-tooltip: 600;--z-toast: 700}[data-theme=dark],.dark-theme{--app-bg: #0b0f14;--card-bg: #121821;--sidebar-bg: #0f1419;--text-primary: #e6eefb;--text-secondary: #9fb0c6;--text-muted: #6b7c93;--primary-blue: #3b82f6;--primary-hover: #60a5fa;--primary-light: rgba(59, 130, 246, .15);--border-color: #1f2a38;--divider-color: #1a2332;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .4);--shadow-sidebar: 2px 0 12px rgba(0, 0, 0, .2)}.card-elevated{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.btn-gradient{background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-gradient:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-gradient:active{transform:translateY(0)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.app-layout{display:flex;min-height:100vh;background:var(--app-bg)}.app-layout__sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);z-index:var(--z-sidebar);transition:width var(--transition-normal)}.app-layout--collapsed .app-layout__sidebar{width:var(--sidebar-collapsed-width)}.app-layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-normal)}.app-layout--collapsed .app-layout__main{margin-left:var(--sidebar-collapsed-width)}.app-layout__header{position:sticky;top:0;z-index:var(--z-header)}.app-layout__content{flex:1;padding:var(--space-lg);max-width:var(--content-max-width);width:100%;margin:0 auto}.app-layout__bottom-nav{display:none}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--sidebar-bg);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sidebar);transition:width var(--transition-normal);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);height:var(--header-height);box-sizing:border-box;border-bottom:1px solid var(--border-color)}.sidebar--collapsed .sidebar__logo{justify-content:center;padding:var(--space-md)}.sidebar__logo-image{width:40px;height:40px;border-radius:var(--radius-md);background:#fff;padding:4px;box-shadow:var(--shadow-sm);object-fit:contain;flex-shrink:0}.sidebar__logo-text{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__logo-text{opacity:0;width:0;overflow:hidden}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;margin-left:auto;flex-shrink:0;transition:all var(--transition-fast)}.sidebar__toggle:hover{background:var(--primary-light);color:var(--primary-blue);border-color:var(--primary-blue)}.sidebar--collapsed .sidebar__toggle{margin-left:0;position:absolute;right:-14px;top:18px;z-index:10;box-shadow:var(--shadow-sm)}.sidebar__nav{flex:1;padding:var(--space-md);overflow-y:auto;overflow-x:hidden}.sidebar__nav-section{margin-bottom:var(--space-lg)}.sidebar__nav-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__nav-title{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--border-color)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.925rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;white-space:nowrap;overflow:hidden}.sidebar--collapsed .nav-item{justify-content:center;padding:var(--space-sm)}.nav-item:hover{background:var(--primary-light);color:var(--primary-blue)}.nav-item--active{background:var(--primary-light);color:var(--primary-blue);font-weight:600}.nav-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary-blue);border-radius:0 2px 2px 0}.nav-item__icon{width:22px;height:22px;flex-shrink:0;opacity:.85}.nav-item--active .nav-item__icon{opacity:1}.nav-item__label{flex:1;opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .nav-item__label{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .nav-item{position:relative}.sidebar--collapsed .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--text-primary);color:var(--card-bg);padding:6px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:var(--shadow-md)}.app-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--card-bg);border-bottom:1px solid var(--border-color);height:var(--header-height);box-sizing:border-box}.app-header__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex-shrink:0;min-width:100px}.app-header__search{flex:1;max-width:500px;margin:0 auto}.app-header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.search-input{position:relative;width:100%}.search-input__icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);width:20px;height:20px;pointer-events:none}.search-input__field{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 28px);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--app-bg);color:var(--text-primary);font-size:.925rem;transition:all var(--transition-fast)}.search-input__field::placeholder{color:var(--text-muted)}.search-input__field:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-light)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-header)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;flex:1;max-width:80px;transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.bottom-nav__item:hover,.bottom-nav__item--active{color:var(--primary-blue)}.bottom-nav__item-icon{width:24px;height:24px}.bottom-nav__fab{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);color:#fff;border:none;box-shadow:var(--shadow-md);cursor:pointer;margin-top:-20px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bottom-nav__fab:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.bottom-nav__fab:active{transform:scale(.98)}.bottom-nav__fab-icon{width:28px;height:28px}.user-profile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);overflow:hidden}.sidebar--collapsed .user-profile{justify-content:center;padding:var(--space-sm)}.user-profile:hover{background:var(--primary-light)}.user-profile__avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.user-profile__info{flex:1;min-width:0;opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .user-profile__info{opacity:0;width:0;overflow:hidden}.user-profile__name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile__role{font-size:.75rem;color:var(--text-muted)}@media(max-width:899px){.app-layout__sidebar{display:none}.app-layout__main{margin-left:0;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.app-layout--collapsed .app-layout__main{margin-left:0}.app-layout__bottom-nav{display:block}.app-layout__content,.app-header{padding:var(--space-md)}.app-header__title{font-size:1.25rem}.app-header__search{display:none}.app-header--search-visible .app-header__search{display:block;position:absolute;left:var(--space-md);right:var(--space-md);top:50%;transform:translateY(-50%);max-width:none}}@media(min-width:600px)and (max-width:899px){.app-layout__content{padding:var(--space-lg)}}@media(min-width:1400px){.app-layout__content{padding:var(--space-xl)}}:root{--bg: #0b0f14;--panel: #121821;--text: #e6eefb;--muted: #9fb0c6;--accent: #0b5fff;--accent-2: #3d83ff;--border: #1f2a38}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.title{font-size:18px;margin:0}.nav{display:flex;gap:12px}.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px}.nav a.active{background:#0b5fff22;color:var(--text);border:1px solid #0b5fff55}.content{padding:16px;max-width:980px;width:100%;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.list{display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}button,.btn{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}button.secondary,.btn.secondary{background:#223047;color:var(--text);border:1px solid var(--border)}input,select{background:#0f141c;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px}.video-wrapper{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);min-height:300px;background:#000}.video-wrapper video{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}.MuiDialog-paperFullScreen video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #0b5fff88}.grid{display:grid;gap:12px}.dropdown{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #0006;max-height:280px;overflow-y:auto;padding:6px;z-index:20}.dropdown-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:none;padding:8px 10px;border-radius:8px;cursor:pointer}.dropdown-item:hover,.dropdown-item:focus{background:#0b5fff22;outline:1px solid #0b5fff55}.dropdown-empty{padding:8px 10px;color:var(--muted)}.chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#0f141c;color:var(--text);font-size:12px}@keyframes float{0%{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(-30px) translate(20px) scale(1.1)}66%{transform:translateY(10px) translate(-20px) scale(.9)}to{transform:translateY(0) translate(0) scale(1)}}