:root{--bg-primary: #0B1120;--bg-surface: #111827;--bg-surface-hover: #1E293B;--bg-elevated: #1a2332;--border: #1E293B;--border-hover: rgba(79, 70, 229, .4);--primary: #4F46E5;--primary-hover: #4338CA;--primary-accent: #9BA3FB;--primary-light: rgba(79, 70, 229, .1);--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--font: "DM Sans", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--brand-teal: #0EA5E9;--brand-teal-hover: #0284C7;--transition: .2s ease;--sidebar-width: 260px;--sidebar-collapsed: 68px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--primary-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text)}input,select,textarea,button{font-family:var(--font-body)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width var(--transition);overflow:hidden}.admin-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);min-height:65px;flex-shrink:0}.logo-text{font-size:20px;font-weight:700;font-family:var(--font-heading);color:var(--text);white-space:nowrap;overflow:hidden;letter-spacing:-.02em}.logo-badge{font-size:10px;font-weight:600;font-family:var(--font-heading);padding:2px 8px;border-radius:100px;background:var(--primary);color:#fff;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.sidebar-nav{padding:12px 8px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .15s ease;text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary-accent)}.nav-item .material-symbols-outlined{font-size:20px;flex-shrink:0;width:20px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:12px;flex-shrink:0}.sidebar-user{padding:8px 8px 12px;overflow:hidden}.sidebar-user__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__role{font-size:11px;color:var(--text-muted)}.sidebar-footer__actions{display:flex;gap:4px}.admin-main{flex:1;margin-left:var(--sidebar-width);padding:32px;min-height:100vh;transition:margin-left var(--transition)}.admin-sidebar.collapsed+.admin-main{margin-left:var(--sidebar-collapsed)}.page-header{margin-bottom:28px}.page-header h1{font-size:24px;font-weight:700;font-family:var(--font-heading);margin-bottom:4px;line-height:1.2;letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:14px}.page-header--row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.content-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.content-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.content-card__title{font-size:16px;font-weight:600;font-family:var(--font-heading)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all var(--transition);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px}.stat-card__icon--primary{background:var(--primary-light);color:var(--primary-accent)}.stat-card__icon--success{background:#22c55e1f;color:var(--success)}.stat-card__icon--warning{background:#f59e0b1f;color:var(--warning)}.stat-card__icon--info{background:#3b82f61f;color:var(--info)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-input{width:100%;max-width:320px;padding:9px 14px 9px 36px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;transition:border-color var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.search-wrapper{position:relative}.search-wrapper .material-symbols-outlined{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted);pointer-events:none}.filter-group{display:flex;gap:6px}.filter-btn{padding:6px 14px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.filter-btn.active{background:var(--primary-light);color:var(--primary-accent);border-color:#4f46e54d}.data-table{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#ffffff05;white-space:nowrap}.data-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-surface-hover)}.data-table__clickable tr{cursor:pointer}.data-table__cell-main{font-weight:600;font-size:14px}.data-table__cell-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.pagination__controls{display:flex;gap:4px}.pagination__btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.pagination__btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap;gap:4px}.badge--success{background:#22c55e1f;color:var(--success)}.badge--warning{background:#f59e0b1f;color:var(--warning)}.badge--error{background:#ef44441f;color:var(--error)}.badge--info{background:#4f46e51f;color:var(--primary-accent)}.badge--neutral{background:#64748b1f;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.4}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--bg-surface);border-color:var(--border);color:var(--text-secondary)}.btn--secondary:hover{background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-hover)}.btn--danger{background:#ef44441f;color:var(--error)}.btn--danger:hover{background:#ef444433}.btn--ghost{background:transparent;color:var(--text-secondary);padding:8px}.btn--ghost:hover{background:var(--bg-surface-hover);color:var(--text)}.btn--sm{padding:5px 12px;font-size:12px}.btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.btn--icon .material-symbols-outlined{font-size:20px}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-row{display:flex;gap:16px}.form-row>.form-group{flex:1}.form-help{font-size:12px;color:var(--text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal--wide{max-width:640px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal__header h2{font-size:18px;font-weight:600}.modal__body{padding:24px}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.alert--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--success)}.alert--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning)}.alert--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--info)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(79,70,229,.08) 0%,transparent 70%),var(--bg-primary)}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-card h1{font-size:24px;font-weight:700;font-family:var(--font-heading);margin-bottom:4px;letter-spacing:-.02em}.login-card .subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:28px}.empty-state{text-align:center;padding:60px 20px}.empty-state__icon{font-size:48px;color:var(--text-muted);margin-bottom:16px}.empty-state__title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state__description{font-size:14px;color:var(--text-muted);margin-bottom:24px;max-width:320px;margin-left:auto;margin-right:auto}.skeleton{background:linear-gradient(90deg,var(--bg-surface-hover) 25%,var(--bg-elevated) 50%,var(--bg-surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.info-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.info-item__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-accent);font-size:18px;flex-shrink:0}.info-item__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-item__value{font-size:14px;font-weight:600;color:var(--text)}.feature-plans{display:flex;gap:4px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:99;align-items:center;justify-content:space-between;padding:0 12px}.mobile-header__title{font-size:18px;font-weight:700;font-family:var(--font-heading);display:flex;align-items:center;gap:8px}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 1024px){.mobile-header{display:flex}.mobile-overlay{display:block}.admin-sidebar{transform:translate(-100%);z-index:200;width:var(--sidebar-width)!important}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed.mobile-open{width:var(--sidebar-width)!important}.sidebar-collapse-btn{display:none}.admin-main{margin-left:0!important;padding:76px 20px 20px}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr 1fr}.data-table{overflow-x:auto}.table-toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.filter-group{overflow-x:auto}.form-row,.page-header--row{flex-direction:column}.info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.admin-main{padding:72px 16px 16px}.content-card{padding:16px}.modal{margin:8px}}#toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:400px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;color:var(--text);pointer-events:auto;opacity:0;transform:translate(100%);transition:none;min-width:280px}.toast--visible{animation:toastIn .3s ease forwards}.toast--exit{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast__icon{font-size:20px;flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:background .15s ease}.toast__close:hover{background:var(--bg-surface-hover);color:var(--text)}.toast--success{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.08),var(--bg-surface))}.toast--success .toast__icon{color:var(--success)}.toast--error{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.08),var(--bg-surface))}.toast--error .toast__icon{color:var(--error)}.toast--warning{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.08),var(--bg-surface))}.toast--warning .toast__icon{color:var(--warning)}.toast--info{border-color:#4f46e54d;background:linear-gradient(135deg,rgba(79,70,229,.08),var(--bg-surface))}.toast--info .toast__icon{color:var(--primary-accent)}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;background:var(--bg-primary);cursor:pointer;position:relative;transition:all .15s ease;flex-shrink:0}.custom-checkbox:hover{border-color:var(--primary)}.custom-checkbox:checked{background:var(--primary);border-color:var(--primary)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.bulk-action-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-sm);margin-bottom:12px;font-size:13px;color:var(--text-secondary);animation:fadeIn .2s ease}@media (max-width: 1024px){#toast-container{left:16px;right:16px;max-width:100%;top:72px}}