@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--bg:#f8fafc;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f1f5f9;--border:#e2e8f0;--border-focus:#ff5a36;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--primary:#ff5a36;--primary-hover:#e04624;--primary-subtle:#ff5a3614;--primary-glow:#ff5a3640;--secondary:#f59e0b;--secondary-subtle:#f59e0b1f;--success:#10b981;--success-subtle:#10b9811f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0f172a14;--shadow-lg:0 12px 32px -4px #0f172a1f;--shadow-primary:0 8px 24px -4px #ff5a3659;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg:#0b0f19;--surface:#131b2e;--surface-raised:#1a243d;--surface-subtle:#0e1626;--border:#222f49;--border-focus:#ff6b4a;--text:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--primary:#ff6b4a;--primary-hover:#ff5a36;--primary-subtle:#ff6b4a26;--primary-glow:#ff6b4a59;--secondary:#fbbf24;--secondary-subtle:#fbbf2426;--success:#34d399;--success-subtle:#34d39926;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 6px 24px #0006;--shadow-lg:0 16px 40px #0009;--shadow-primary:0 8px 28px #ff6b4a66}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .25s,color .25s}label{white-space:nowrap;-webkit-user-select:none;user-select:none}input,select,textarea{border:1px solid var(--border);font-family:var(--font-main);border-radius:var(--radius-sm);outline:none;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;color:var(--text)!important;background-color:var(--surface-subtle)!important}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-subtle)!important}input::placeholder,textarea::placeholder{opacity:.8;color:var(--text-light)!important}select option{white-space:nowrap;background-color:var(--surface)!important;color:var(--text)!important}[data-theme=dark] input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-subtle) inset!important;color:var(--text)!important}[data-theme=dark] input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-subtle) inset!important;color:var(--text)!important}[data-theme=dark] input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-subtle) inset!important;color:var(--text)!important}[data-theme=dark] textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-subtle) inset!important;color:var(--text)!important}[data-theme=dark] select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-subtle) inset!important;color:var(--text)!important}.student-app-wrapper{background:var(--bg);justify-content:center;min-height:100vh;display:flex}.student-mobile-frame{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding-bottom:80px;display:flex;position:relative;box-shadow:0 0 40px #0000000a}@media (width<=480px){.student-mobile-frame{box-shadow:none;border-left:none;border-right:none}}.student-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.student-header-right{align-items:center;gap:8px;display:flex}.student-main-content{flex:1;padding:16px}.student-bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:40;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.student-tab{color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.student-tab.active{color:var(--primary);background:var(--primary-subtle)}.vendor-app-wrapper{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.vendor-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.vendor-container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 16px 40px}.admin-app-wrapper{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.admin-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.admin-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 60px}.brand-link{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-badge{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-sm);width:32px;height:32px;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;font-size:16px;display:flex}.brand-name{letter-spacing:-.3px;background:linear-gradient(135deg, var(--text) 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 22px;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #ea580c);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -2px #ff5a3673}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-subtle);border-color:var(--text-light)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-subtle);color:var(--text)}.btn:disabled,button:disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}.btn-sm{border-radius:var(--radius-sm);min-height:38px;padding:9px 16px;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);min-height:54px;padding:16px 28px;font-size:1.08rem;font-weight:700}.icon-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}th{white-space:nowrap}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-warning{background:var(--secondary-subtle);color:var(--secondary)}.badge-primary{background:var(--primary-subtle);color:var(--primary)}.voucher-ticket{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.voucher-header{color:#fff;background:linear-gradient(135deg,#ff5a36,#f59e0b);padding:18px;position:relative}.voucher-body{padding:20px 18px}.notch-left,.notch-right{background-color:var(--surface-subtle);z-index:10;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.notch-left{left:-10px}.notch-right{right:-10px}.code-display{font-family:var(--font-mono);letter-spacing:1px;background:var(--surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:1.35rem;font-weight:800;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}