@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--bg-color: #f8fafc;--surface-color: #ffffff;--surface-soft: #f1f5f9;--border-color: #e2e8f0;--primary-color: #f97316;--primary-hover: #ea580c;--primary-soft: #fff7ed;--text-main: #0f172a;--text-muted: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #0284c7;--error-color: #ef4444;--shadow-glow: 0 16px 40px rgba(249, 115, 22, .13);--shadow-card: 0 4px 18px rgba(15, 23, 42, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg-color);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:var(--surface-color);border-right:1px solid var(--border-color);padding:1.75rem 1.25rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.sidebar-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.3rem;padding:0 .5rem}.sidebar-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary-color),var(--primary-hover));box-shadow:0 7px 16px #f973163d}.sidebar-subtitle{padding-left:46px;font-size:.68rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.nav-links{display:flex;flex-direction:column;gap:.45rem;flex:1}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.78rem .9rem;border-radius:10px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.875rem;transition:background .18s ease,color .18s ease,border-color .18s ease;border:1px solid transparent}.nav-item:hover{background:var(--surface-soft);color:var(--text-main)}.nav-item.active{background:var(--primary-soft);color:var(--primary-hover);border-color:#fed7aa}.nav-item-logout{width:100%;background:transparent;color:var(--error-color);margin-top:auto;justify-content:flex-start;cursor:pointer}.nav-item-logout:hover{background:#fef2f2;color:#dc2626}.main-content{min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.top-bar{min-height:96px;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f8fafceb;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar-title h1,.header h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em}.top-bar-title p,.header p{margin-top:.25rem;font-size:.875rem;color:var(--text-muted)}.badge-super-admin{flex-shrink:0;background:var(--surface-color);color:var(--text-main);padding:.52rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.55rem;border:1px solid var(--border-color);box-shadow:0 2px 8px #0f172a0a}.admin-avatar{width:22px;height:22px;border-radius:50%;color:#fff;background:var(--primary-color);display:grid;place-items:center;font-size:.68rem;font-weight:800}.page-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:1.75rem 2rem 2.5rem}.header{margin-bottom:1.25rem}.glass-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-card);margin-bottom:1.5rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:#fed7aa;box-shadow:var(--shadow-glow)}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.7rem;color:var(--text-main)}.card-title svg{color:var(--primary-color)}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.055em}.form-input,select{width:100%;background:var(--surface-color);border:1px solid #cbd5e1;border-radius:9px;padding:.78rem .95rem;color:var(--text-main);font-size:.875rem;transition:border-color .18s ease,box-shadow .18s ease}.form-input::placeholder{color:#94a3b8}.form-input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f9731621}.btn-primary,.btn-secondary,.btn-outline{min-height:42px;border-radius:9px;padding:.68rem 1.05rem;font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.btn-primary{width:100%;color:#fff;background:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 6px 14px #f973162e}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 8px 18px #f973163b;transform:translateY(-1px)}.btn-secondary,.btn-outline{color:var(--text-main);background:var(--surface-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:var(--primary-soft);border-color:#fdba74;color:var(--primary-hover)}.login-container{min-height:100vh;padding:1.5rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 15%,rgba(249,115,22,.16),transparent 32%),radial-gradient(circle at 85% 80%,rgba(255,107,107,.1),transparent 30%),#f8fafc}.login-card{width:100%;max-width:420px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:0 24px 60px #0f172a1f;text-align:center}.login-icon{width:78px;height:78px;margin:0 auto 1.35rem;border-radius:24px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary-color),var(--primary-hover));box-shadow:0 14px 28px #f9731638}.login-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:.4rem;letter-spacing:-.035em;color:var(--text-main)}.login-subtitle{color:var(--text-muted);margin-bottom:2rem}.filter-bar{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem;display:flex;align-items:center;gap:1rem;margin-bottom:0}.stat-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{min-width:0;display:flex;flex-direction:column}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-bottom:.2rem}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.7rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em}.qr-preview-container{background:var(--surface-soft)!important}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table th{color:var(--text-muted);background:#f8fafc;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{font-size:.84rem;font-weight:500;color:var(--text-main)}.data-table tbody tr:hover{background:#fffaf5}.data-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid var(--border-color)}.badge.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.badge.danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}@media (max-width: 1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:1fr!important}}@media (max-width: 760px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;padding:.8rem 1rem;position:sticky;border-right:0;border-bottom:1px solid var(--border-color)}.sidebar-header{margin-bottom:.75rem;padding:0}.sidebar-subtitle{display:none}.nav-links{flex-direction:row;overflow-x:auto;padding-bottom:.1rem}.nav-item{flex:0 0 auto;padding:.65rem .75rem}.nav-item-logout{position:absolute;top:.75rem;right:1rem;width:auto;margin:0}.nav-item-logout span{display:none}.main-content{min-height:auto}.top-bar{min-height:auto;padding:1rem;position:static;align-items:flex-start}.top-bar-title h1,.header h1{font-size:1.25rem}.badge-super-admin{font-size:0;padding:.38rem}.page-content{padding:1.25rem 1rem 2rem}.glass-card{border-radius:14px;padding:1.1rem}.filter-bar{align-items:stretch;flex-direction:column}}@media (max-width: 520px){.dashboard-stats{grid-template-columns:1fr;gap:.8rem}.stat-card,.login-container{padding:1rem}.login-card{padding:1.75rem 1.25rem}.form-group[style*="display: flex"]{flex-direction:column}.data-table{min-width:720px}}