@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e526;--bg-color:#0f172a;--surface-color:#1e293b;--surface-card:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--error:#ef4444;--error-bg:#ef444426;--success:#10b981;--success-bg:#10b98126;--warning:#f59e0b;--warning-bg:#f59e0b26;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;overflow-x:hidden}body{flex-direction:column;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-container{width:100%;max-width:1320px;margin:0 auto;padding:16px 12px}@media (width>=640px){.app-container{padding:24px 20px}}@media (width>=1024px){.app-container{padding:36px 28px}}.page-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media (width>=768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:36px}}.page-title{color:var(--text-primary);margin:0;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.2}.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid-main-side{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1024px){.grid-main-side{grid-template-columns:2fr 1fr;gap:28px}}.grid-2-col{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.grid-2-col{grid-template-columns:1fr 1fr;gap:28px}}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}@media (width>=640px){.grid-cards{gap:20px}}.glass{background:var(--surface-card);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:16px;width:100%;padding:16px;box-shadow:0 10px 30px -5px #0006}@media (width>=640px){.glass{border-radius:18px;padding:24px}}@media (width>=1024px){.glass{border-radius:20px;padding:32px}}.section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:600;display:flex}.btn{background-color:var(--primary);color:#fff;cursor:pointer;min-height:44px;font-size:.95rem;font-weight:600;font-family:var(--font-family);white-space:nowrap;touch-action:manipulation;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e559}.btn:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;box-shadow:0 6px 16px #0000004d}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 6px 16px #ef444459}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669;box-shadow:0 6px 16px #10b98159}.tab-toggle-group{background:#ffffff14;border-radius:10px;gap:4px;padding:4px;display:flex}.tab-toggle-btn{color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.tab-toggle-btn.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #4f46e54d}.input-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-field{border:1px solid var(--border-color);color:var(--text-primary);min-height:44px;font-family:var(--font-family);background:#0f172ab3;border-radius:10px;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--primary);background:#0f172ae6;outline:none;box-shadow:0 0 0 3px #4f46e540}.form-row{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}@media (width>=768px){.form-row{flex-direction:row;align-items:flex-end;gap:16px}}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;width:100%;min-width:320px}.custom-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:12px;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid #ffffff0d;padding:14px 12px;font-size:.95rem}.queue-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;transition:all .2s;display:flex}@media (width>=480px){.queue-item{flex-direction:row;justify-content:space-between;align-items:center}}.queue-item.attending{border-left:4px solid var(--primary);background:#4f46e51f}.token-badge{background:var(--surface-color);width:42px;min-width:42px;height:42px;color:var(--primary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.completed{background:var(--success-bg);color:var(--success)}.status-badge.accepted,.status-badge.attending{background:var(--warning-bg);color:#fcd34d}.template-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .25s;display:flex;position:relative}.template-card:hover{border-color:#4f46e580;transform:translateY(-3px);box-shadow:0 12px 28px #0006}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000d1;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{padding:24px}}.modal-content{background:var(--surface-color);border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:860px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 25px 50px -12px #0009}@media (width>=640px){.modal-content{padding:32px}}.w-full{width:100%!important}.error-message{background-color:var(--error-bg);color:var(--error);border-left:4px solid var(--error);border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.success-message{background-color:var(--success-bg);color:var(--success);border-left:4px solid var(--success);border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}