@font-face{font-family:DejaVu Sans;src:url(/assets/DejaVuSans-uCh15Ap1.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DejaVu Sans;src:url(/assets/DejaVuSans-Bold-D5xQDVUG.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--space-0:0;--space-px:1px;--space-0_5:2px;--space-1:4px;--space-1_5:6px;--space-2:8px;--space-2_5:10px;--space-3:12px;--space-3_5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--text-3xs:8px;--text-2xs:10px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:28px;--text-5xl:32px;--text-6xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-family-base:"DejaVu Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"DejaVu Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--size-xs:24px;--size-sm:32px;--size-md:40px;--size-lg:48px;--size-xl:56px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-xl:24px;--primary:#1a73e8;--primary-dark:#1557b0;--primary-light:#4a90e2;--success:#34a853;--warning:#fbbc04;--warning-text:#333;--danger:#ea4335;--info:#4285f4;--primary-rgb:26, 115, 232;--primary-light-rgb:74, 144, 226;--primary-dark-rgb:21, 87, 176;--success-rgb:52, 168, 83;--warning-rgb:251, 188, 4;--danger-rgb:234, 67, 53;--info-rgb:66, 133, 244;--text-primary-rgb:32, 33, 36;--text-secondary-rgb:95, 99, 104;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#1a1a2e;--bg-card:#fff;--text-primary:#202124;--text-secondary:#5f6368;--text-muted:#9aa0a6;--text-light:#fff;--border-color:#e8eaed;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--card-bg:#fff;--card-blur:none;--card-border:#e8eaed;--sidebar-bg:#fff;--sidebar-border:#e8eaed;--input-bg:#f8f9fa;--input-border:#e8eaed;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-xl:0 20px 50px -12px #0000001f;--shadow-glow:0 0 20px rgba(var(--primary-rgb), .15);--shadow-color:rgba(var(--primary-rgb), .15);--table-row-alt:rgba(var(--bg-secondary-rgb), .5);--table-row-hover:rgba(var(--primary-rgb), .04);--focus-ring-color:rgba(var(--primary-rgb), .1);--danger-ring-color:rgba(var(--danger-rgb), .1);--sidebar-width:220px;--sidebar-collapsed-width:72px;--mobile-header-height:60px;--header-height:64px;--shell-gutter-x:clamp(var(--space-4), 2vw, var(--space-8));--shell-gutter-y:clamp(var(--space-4), 2vw, var(--space-6));--mobile-safe-gutter-inline:max(var(--space-4), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--page-section-gap:clamp(var(--space-4), 2vw, var(--space-6));--page-block-gap:clamp(var(--space-5), 2.4vw, var(--space-8));--content-width-sm:720px;--content-width-md:960px;--content-width-lg:1200px;--content-width-xl:1400px;--max-content-width:var(--content-width-xl);--main-bg:#f8f9fa;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition:all var(--duration-normal) var(--ease-out);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-out);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-fast) var(--ease-out);--gradient-primary:linear-gradient(135deg, #1a73e8 0%, #4a90e2 100%);--gradient-success:linear-gradient(135deg, #34a853 0%, #57c77f 100%);--gradient-warning:linear-gradient(135deg, #fbbc04 0%, #fcd34d 100%);--gradient-danger:linear-gradient(135deg, #ea4335 0%, #f07065 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-secondary);overscroll-behavior:contain;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-family-base);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;touch-action:manipulation;min-height:100dvh;line-height:1.6;overflow-x:clip}button,input,select,textarea{font:inherit}#app{min-height:100dvh;overflow-x:clip}::selection{background:var(--focus-ring-color);color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%,to{box-shadow:0 0 6px rgba(var(--success-rgb), .4)}50%{box-shadow:0 0 12px rgba(var(--success-rgb), .6)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.main-content{margin-left:var(--sidebar-width);padding:var(--shell-gutter-y) var(--shell-gutter-x);background:var(--main-bg);min-width:0;min-height:100dvh;padding-bottom:calc(var(--shell-gutter-y) + env(safe-area-inset-bottom,0px));flex:1;transition:background .3s;overflow-x:clip}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.app-layout--drawer .main-content{padding-top:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px) + var(--space-4));padding-inline:var(--mobile-safe-gutter-inline);margin-left:0}.app-layout--mobile-nav .main-content{padding-bottom:calc(var(--shell-gutter-y) + 84px + env(safe-area-inset-bottom,0px))}.header{margin-bottom:var(--page-section-gap);justify-content:space-between;align-items:center;display:flex}.header h1{letter-spacing:-.5px;color:var(--text-primary);font-size:clamp(20px,2vw + 10px,28px);font-weight:700}.header .header-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.page-head{margin-bottom:var(--space-5)}.page-shell{width:100%;max-width:var(--max-content-width);gap:var(--page-block-gap);flex-direction:column;margin:0 auto;display:flex}.section-stack{gap:var(--page-section-gap);flex-direction:column;display:flex}.content-grid-2{gap:var(--page-section-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.content-grid-3{gap:var(--page-section-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.toolbar-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.toolbar-cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-layout{background:var(--main-bg);max-width:100vw;min-height:100dvh;display:flex;overflow-x:clip}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--space-2);height:100dvh;z-index:var(--z-sidebar);grid-template-rows:auto 1fr auto auto auto;grid-template-columns:100%;display:grid;position:fixed;top:0;left:0;overflow:hidden}.sidebar .sidebar-header{justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--sidebar-border);border-radius:var(--border-radius-lg);min-height:56px;display:flex;overflow:hidden}.sidebar .logo-icon{color:var(--primary);flex-shrink:0}.sidebar .logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar .nav-menu{gap:var(--space-4);min-height:0;padding:0 var(--space-1_5);flex-direction:column;display:flex;overflow:hidden auto}.sidebar .nav-menu::-webkit-scrollbar{width:4px}.sidebar .nav-menu::-webkit-scrollbar-track{background:0 0}.sidebar .nav-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}.sidebar .nav-section{gap:var(--space-1);flex-direction:column;display:flex}.sidebar .nav-section-label{padding:0 var(--space-3);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:var(--font-bold)}.sidebar .theme-row{padding:var(--space-1);margin-top:var(--space-2);border-top:1px solid var(--sidebar-border)}.sidebar .sidebar-footer{padding:var(--space-2);border-top:1px solid var(--sidebar-border)}.sidebar .user-indicator{justify-content:center;align-items:center;display:none;position:relative}.sidebar .user-indicator .status-dot{border:2px solid var(--sidebar-bg);border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.sidebar .nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:48px;color:var(--text-secondary);transition:var(--transition-colors);font-weight:var(--font-medium);font-size:var(--text-sm);border-radius:14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar .nav-item i,.sidebar .nav-item svg{width:var(--icon-lg);height:var(--icon-lg);flex-shrink:0}.sidebar .nav-item .nav-label{white-space:nowrap}.sidebar .nav-item:hover{background:var(--table-row-hover);color:var(--primary);transform:translate(2px)}.sidebar .nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--shadow-color)}.sidebar .nav-item.active:hover{background:var(--gradient-primary);color:#fff}.sidebar .theme-btn,.sidebar .collapse-btn{align-items:center;gap:var(--space-2_5);width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-colors);white-space:nowrap;border:none;border-radius:14px;display:flex;overflow:hidden}.sidebar .theme-btn:hover,.sidebar .collapse-btn:hover{background:var(--primary);color:#fff}.sidebar .user-info{padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid var(--sidebar-border);flex-wrap:wrap;display:flex}.sidebar .user-details{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--table-row-hover);border-radius:14px;flex:1;min-width:120px}.sidebar .user-name-row{align-items:center;gap:var(--space-1_5);margin-bottom:2px;display:flex}.sidebar .user-name-row small{font-weight:var(--font-semibold);color:var(--text-primary)}.sidebar .status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.sidebar .status-dot.online{background:var(--success);box-shadow:0 0 6px rgba(var(--success-rgb), .5);animation:2s infinite pulse-green}.sidebar .status-dot.offline{background:var(--danger);box-shadow:0 0 6px rgba(var(--danger-rgb), .5)}.sidebar .btn-logout{align-items:center;gap:var(--space-1_5);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;background:0 0;border-radius:14px;flex-shrink:0;display:flex}.sidebar .btn-logout:hover{background:rgba(var(--danger-rgb), .08);color:var(--danger);border-color:rgba(var(--danger-rgb), .3)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-header{padding:var(--space-2);justify-content:center;gap:0}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .theme-btn,.sidebar.collapsed .collapse-btn{justify-content:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;margin-inline:auto;padding:0}.sidebar.collapsed .theme-row{padding:var(--space-1)}.sidebar.collapsed .sidebar-footer{padding:var(--space-2)}.sidebar.collapsed .user-info{padding:var(--space-2);align-items:center;gap:var(--space-1_5);flex-direction:column}.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .user-indicator{display:flex}.sidebar.collapsed .btn-logout{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;margin-inline:auto;padding:0}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border-radius:var(--border-radius-xl);transition:var(--transition);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--card-border);align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow:clip}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{width:56px;height:56px;font-size:var(--text-3xl);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card .stat-icon.primary{background:var(--icon-primary-bg);color:var(--primary)}.stat-card .stat-icon.success{background:var(--icon-success-bg);color:var(--success)}.stat-card .stat-icon.warning{background:var(--icon-warning-bg);color:var(--warning)}.stat-card .stat-icon.danger{background:var(--icon-danger-bg);color:var(--danger)}.stat-card .stat-info h3{font-size:var(--text-4xl);letter-spacing:-.5px;margin-bottom:2px;font-weight:700}.stat-card .stat-info p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:16px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 var(--space-0_5) var(--space-2) var(--shadow-color)}.btn-primary:hover{box-shadow:0 var(--space-1) var(--space-3_5) var(--shadow-color);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);border-color:var(--text-muted)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 var(--space-0_5) var(--space-2) rgba(var(--success-rgb), .25)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 var(--space-0_5) var(--space-2) rgba(var(--danger-rgb), .25)}.btn-warning{background:var(--gradient-warning);color:var(--warning-text);box-shadow:0 var(--space-0_5) var(--space-2) rgba(var(--warning-rgb), .25)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);letter-spacing:.2px;margin-bottom:8px;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring-color);background:var(--input-bg);outline:none}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.search-bar{gap:12px;margin-bottom:20px;display:flex}.search-bar input{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);transition:var(--transition);border-radius:12px;flex:1;padding:12px 16px;font-family:inherit;font-size:16px}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring-color);outline:none}.modal-form{flex-direction:column;gap:4px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.table-container{border-radius:var(--border-radius-lg);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}table th,table td{padding:var(--space-2) var(--space-3);text-align:left}table th{color:var(--text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--card-border);background:var(--card-bg);position:sticky;top:0}table td{border-bottom:1px solid var(--card-border);font-size:var(--text-sm)}table tr{transition:var(--transition-fast)}table tbody tr:nth-child(2n){background:var(--table-row-alt)}table tbody tr:hover{background:var(--table-row-hover)}.base-table-mobile{display:none}.badge{font-size:var(--text-xs);letter-spacing:.2px;white-space:nowrap;border-radius:100px;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.badge-success{background:rgba(var(--success-rgb), .12);color:var(--success)}.badge-warning{background:rgba(var(--warning-rgb), .12);color:var(--warning)}.badge-danger{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.badge-info{background:rgba(var(--info-rgb), .12);color:var(--info)}.login-screen{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-box{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--border-radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-logo{text-align:center;margin-bottom:28px}.login-logo svg{color:var(--primary)}.login-logo h1{font-size:var(--text-3xl);letter-spacing:-.5px;color:var(--text-primary);margin-top:12px;font-weight:700}.login-tagline{color:var(--text-secondary);font-size:var(--text-base);margin-top:4px}.login-form{flex-direction:column;gap:4px;display:flex}.login-error{color:var(--danger);text-align:center;font-size:var(--text-base);background:rgba(var(--danger-rgb), .08);border-radius:10px;margin-bottom:12px;padding:10px 16px;font-weight:500}.login-hint{text-align:center;color:var(--text-muted);font-size:var(--text-xs);margin-top:16px}.tabs{gap:4px;margin-bottom:24px;display:flex}.tabs .tab{font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:12px 20px;font-weight:500}.tabs .tab:hover{color:var(--text-primary)}.tabs .tab.active{color:var(--primary);font-weight:600}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.subscription-banner{background:var(--gradient-warning);color:var(--warning-text);text-align:center;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top,0px));font-size:var(--text-base);z-index:9999;justify-content:center;align-items:center;gap:8px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:fixed;top:0;left:0;right:0}.subscription-banner-link{color:inherit;white-space:nowrap;font-weight:700;text-decoration:underline}.subscription-banner-link:hover{opacity:.85}.offline-indicator{font-size:var(--text-xs);align-items:center;gap:6px;font-weight:500;display:inline-flex}.offline-indicator .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.offline-indicator .status-dot.online{background:var(--success);box-shadow:0 0 6px rgba(var(--success-rgb), .4);animation:2s infinite pulse-green}.offline-indicator .status-dot.offline{background:var(--danger);box-shadow:0 0 6px rgba(var(--danger-rgb), .4)}.action-btns{gap:4px;display:flex}.auth-shell{min-height:100dvh;padding:clamp(var(--space-3), 3vw, var(--space-6));background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .1), transparent 28%), radial-gradient(circle at bottom right, rgba(var(--success-rgb), .08), transparent 24%), var(--bg-secondary);place-items:center;display:grid}.auth-card{width:min(100%,520px);max-height:calc(100dvh - 2 * var(--space-4));padding:clamp(var(--space-5), 3vw, var(--space-8));border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);overflow:auto}.auth-brand{text-align:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-title{font-size:clamp(var(--text-2xl), 2vw + 10px, var(--text-4xl));font-weight:var(--font-bold);color:var(--text-primary);margin:0}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-footer{margin-top:var(--space-5);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.auth-links{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-section-error{text-align:center;padding:var(--space-12) var(--space-6);color:var(--danger)}.app-retry-btn{padding:var(--space-2) var(--space-5);border:1px solid var(--danger);border-radius:var(--border-radius);color:var(--danger);cursor:pointer;transition:var(--transition-colors);background:0 0}.app-retry-btn:hover{background:var(--danger);color:var(--text-light)}.loading-state{justify-content:center;align-items:center;padding:80px 0;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--text-muted);padding:40px}.card-title{font-size:var(--text-lg);margin:0;font-weight:700}.chart-container{height:300px;position:relative}.chart-container--donut{height:320px}.chart-empty{height:100%;color:var(--text-muted);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.sku-code{font-size:var(--text-xs);background:var(--input-bg);border:1px solid var(--border-color);font-family:var(--font-family-mono);border-radius:4px;padding:2px 6px}.spin-icon{animation:1s linear infinite spin}.icon-mr{vertical-align:middle;margin-right:8px}.icon-mr-sm{vertical-align:middle;margin-right:4px}.public-auth-shell{min-height:100dvh;padding:clamp(var(--space-4), 3vw, var(--space-8));background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .1), transparent 28%), radial-gradient(circle at bottom right, rgba(var(--success-rgb), .08), transparent 22%), linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 42%);place-items:center;display:grid}.public-auth-card{width:min(100%, var(--public-auth-width,460px));max-height:calc(100dvh - 2 * var(--space-4));padding:clamp(var(--space-5), 3vw, var(--space-8));box-shadow:var(--shadow-xl);border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border-radius:28px;overflow:auto}.public-auth-brand,.public-section-head{flex-direction:column;display:flex}.public-auth-brand{text-align:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.public-auth-copy h1,.public-section-head h2{color:var(--text-primary);margin:0}.public-auth-copy h1{font-size:clamp(var(--text-2xl), 2vw + 10px, var(--text-4xl))}.public-auth-copy p,.public-section-head p{margin:var(--space-2) 0 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.public-container{width:min(100%,1180px);padding-inline:var(--shell-gutter-x);margin:0 auto}@media (width<=768px){.public-container{padding-inline:var(--mobile-safe-gutter-inline)}}.public-section{padding:clamp(var(--space-10), 8vw, var(--space-20)) 0}.public-section--contrast{background:var(--bg-secondary);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.public-section-head{gap:var(--space-2);margin-bottom:clamp(var(--space-5), 4vw, var(--space-8));max-width:720px}.public-eyebrow,.public-badge{align-items:center;gap:var(--space-2);background:rgba(var(--primary-rgb), .12);width:fit-content;color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 12px;display:inline-flex}.admin-page{background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .12), transparent 30%), radial-gradient(circle at top right, rgba(var(--success-rgb), .08), transparent 22%), var(--main-bg);min-height:100dvh;padding:clamp(16px,3vw,32px)}.admin-login-shell,.admin-state-screen{place-items:center;gap:var(--space-4);min-height:70dvh;color:var(--text-secondary);display:grid}.admin-login-card{width:min(100%,480px)}.admin-login-header,.admin-shell-topbar__title{gap:var(--space-4);align-items:center;display:flex}.admin-login-header h1,.admin-shell-topbar__title h1{color:var(--text-primary);margin:0}.admin-login-header p,.admin-shell-topbar__title p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.admin-login-mark,.admin-shell-topbar__badge{background:linear-gradient(135deg, rgba(var(--primary-rgb), .18), rgba(var(--success-rgb), .18));width:52px;height:52px;color:var(--primary);border-radius:18px;place-items:center;display:grid}.admin-login-form,.admin-modal-stack{gap:var(--space-4);flex-direction:column;display:flex}.admin-shell{gap:var(--space-5);flex-direction:column;display:flex}.admin-shell-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--card-blur);border-radius:24px;padding:clamp(18px,2vw,26px);display:flex}.admin-shell-topbar__actions,.admin-actions-row,.admin-screen-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-shell-nav{gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.admin-shell-nav__button{border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-semibold);cursor:pointer;align-items:center;gap:var(--space-2);transition:var(--transition);border-radius:999px;padding:12px 16px;display:inline-flex}.admin-shell-nav__button:hover{color:var(--text-primary);border-color:var(--primary)}.admin-shell-nav__button.active{color:var(--text-light);background:var(--gradient-primary);border-color:#0000}.admin-shell-nav__badge{min-width:20px;height:20px;font-size:var(--text-xs);background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.admin-tab{gap:var(--space-4);flex-direction:column;display:flex}.admin-tab--split,.admin-hero-grid,.admin-metrics-grid,.admin-chart-grid,.admin-summary-grid,.admin-user-grid,.admin-option-grid{gap:var(--space-4);display:grid}.admin-tab--split{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-hero-card--accent{background:linear-gradient(135deg, rgba(var(--primary-rgb), .1), rgba(var(--success-rgb), .08)), var(--card-bg)}.admin-kicker-row,.admin-section-head,.admin-queue-head,.admin-user-head,.admin-user-strip,.admin-meta-row,.admin-stack-row,.admin-leaderboard-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.admin-kicker-row,.admin-eyebrow{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:var(--text-xs)}.admin-hero-value,.admin-metric-value{color:var(--text-primary);font-weight:var(--font-bold)}.admin-hero-value{margin-top:var(--space-4);font-size:clamp(1.5rem,4vw,2.25rem)}.admin-metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-metric-card{gap:var(--space-3);align-items:center;display:flex}.admin-metric-value{font-size:1.4rem}.admin-metric-label,.admin-subtext,.admin-hint{color:var(--text-secondary);font-size:var(--text-sm)}.admin-meta-row,.admin-meta-wrap{margin-top:var(--space-3);gap:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.admin-chart-grid,.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-chart-box{height:250px}.admin-chart-box--pie{height:300px}.admin-stack-list,.admin-card-stack,.admin-leaderboard{gap:var(--space-3);flex-direction:column;display:flex}.admin-stack-row{padding:var(--space-2) 0;border-bottom:1px solid var(--card-border)}.admin-stack-row:last-child{border-bottom:0}.admin-stack-row--danger{color:var(--danger)}.admin-leaderboard-row{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.admin-leaderboard-rank{background:var(--gradient-primary);width:32px;height:32px;color:var(--text-light);font-weight:var(--font-bold);border-radius:50%;place-items:center;display:grid}.admin-leaderboard-main{flex-direction:column;flex:1;gap:4px;display:flex}.admin-leaderboard-main span{color:var(--text-secondary);font-size:var(--text-sm)}.admin-leaderboard-value{font-weight:var(--font-bold);color:var(--success)}.admin-toolbar,.admin-section-head--wrap{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-search-pill{align-items:center;gap:var(--space-2);border:1px solid var(--card-border);background:var(--bg-primary);min-width:220px;height:44px;color:var(--text-secondary);border-radius:999px;padding:0 14px;display:flex}.admin-search-pill input,.admin-pill-select{color:var(--text-primary);background:0 0;border:none;outline:none}.admin-search-pill input{width:100%}.admin-pill-select{border:1px solid var(--card-border);background:var(--bg-primary);border-radius:999px;min-height:44px;padding:0 14px}.admin-toggle{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:inline-flex}.admin-queue-card,.admin-user-card{border:1px solid var(--card-border);padding:var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-sm);border-radius:18px}.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-footer{margin-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.admin-code-pill{align-items:center;gap:var(--space-2);border:1px solid rgba(var(--primary-rgb), .28);background:rgba(var(--primary-rgb), .08);width:fit-content;color:var(--primary);cursor:pointer;font-weight:var(--font-semibold);border-radius:999px;padding:8px 12px;display:inline-flex}.admin-code-pill--large{width:100%;font-size:var(--text-lg);justify-content:center;padding:16px}.admin-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-option-card{text-align:left;border:1px solid var(--card-border);border-radius:var(--border-radius-xl);padding:var(--space-4);background:var(--bg-primary);color:var(--text-primary);gap:var(--space-1_5);cursor:pointer;transition:var(--transition);flex-direction:column;display:flex}.admin-option-card.active{border-color:rgba(var(--primary-rgb), .36);background:rgba(var(--primary-rgb), .08)}.admin-option-card.disabled{opacity:.5;cursor:not-allowed}.admin-modal-user{flex-direction:column;gap:4px;display:flex}.admin-state-inline{padding:var(--space-6) 0;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.admin-hero-grid,.admin-chart-grid,.admin-summary-grid,.admin-tab--split,.admin-user-grid,.admin-option-grid,.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-shell-topbar,.admin-shell-topbar__title,.admin-section-head,.admin-section-head--wrap{flex-direction:column;align-items:flex-start}.admin-hero-grid,.admin-chart-grid,.admin-summary-grid,.admin-tab--split,.admin-user-grid,.admin-option-grid,.admin-metrics-grid{grid-template-columns:1fr}.admin-search-pill{width:100%}.main-content{padding:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px) + var(--space-3)) var(--mobile-safe-gutter-inline) calc(var(--shell-gutter-y) + env(safe-area-inset-bottom,0px));overflow-x:hidden;margin-left:0!important}.header{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.header h1{font-size:var(--text-2xl)}.page-head{margin-bottom:var(--space-3)}.page-shell{gap:var(--space-4)}.content-grid-2,.content-grid-3{grid-template-columns:1fr}.tabs{gap:var(--space-1);flex-wrap:wrap}.tab{padding:5px var(--space-2_5);font-size:var(--text-xs)}.stats-grid{gap:var(--space-2_5);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-3)}.stat-card .stat-icon{width:36px;height:36px}.stat-card .stat-info h3{font-size:var(--text-lg)}input,select,textarea,.base-input__field,.combobox__wrapper input,.dropdown__button{font-size:max(16px, var(--text-base))!important}.base-btn{min-height:44px}.base-btn--sm{min-height:36px}.base-btn--icon{min-width:44px;min-height:44px}.base-btn--icon.base-btn--sm{min-width:36px;min-height:36px}.btn{min-height:44px}.base-modal{align-items:flex-end;padding:0}.base-modal__content{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-height:90dvh;width:100%!important;max-width:100%!important}.base-modal__body{padding:var(--space-4)}.base-modal__header{padding:var(--space-3) var(--space-4)}.base-modal__footer{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.card{padding:var(--space-4);margin-bottom:var(--space-3)}.table-container{border-radius:var(--border-radius)}table th,table td{padding:10px 12px}.mobile-header{padding-top:env(safe-area-inset-top,0px);height:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px))}.form-row{grid-template-columns:1fr}.chart-container{height:220px}.chart-container--donut{height:240px}}@media (width<=480px){.sidebar,.sidebar.collapsed{width:calc(100vw - var(--space-4))}.main-content{padding-inline:var(--mobile-safe-gutter-inline)}.page-shell{gap:var(--space-4)}.stats-grid{grid-template-columns:1fr}.auth-card{padding:var(--space-5)}}