@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sl-midnight:#0d1a24;--sl-navy:#0f1e2b;--sl-surface:#162330;--sl-surface2:#1d2d3e;--sl-gold:#d4a84b;--sl-gold-muted:#b39650;--sl-gold-bright:#e8b830;--sl-gold-dim:#d4a84b1a;--sl-gold-border:#d4a84b38;--sl-gold-glow:#d4a84b1f;--sl-teal:#2a6b6b;--sl-teal-bright:#3aafaf;--sl-text:#e8e4dc;--sl-text-dim:#8a9ab5;--sl-text-faint:#4a5a6b;--sl-border:#ffffff12;--sl-success:#1a6b3c;--sl-error:#e05a4e;--sl-warning:var(--sl-gold);--sl-info:var(--sl-teal-bright);--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:36px;--space-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:light){:root{--sl-midnight:#f5f3ee;--sl-navy:#fff;--sl-surface:#fff;--sl-surface2:#ede8df;--sl-gold:#b8933f;--sl-gold-muted:#9a7d38;--sl-gold-bright:#d4a84b;--sl-gold-dim:#b8933f1a;--sl-gold-border:#b8933f40;--sl-gold-glow:#b8933f1f;--sl-teal:#236060;--sl-teal-bright:#248a8a;--sl-text:#1a1a1a;--sl-text-dim:#5a6b7a;--sl-text-faint:#8a96a3;--sl-border:#00000014;--sl-error:#dc2626}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--sl-midnight);color:var(--sl-text);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--sl-gold);text-decoration:none}a:hover{color:var(--sl-gold-bright)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;border:none;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--sl-gold);color:#0d1a24}.btn-primary:hover:not(:disabled){background:var(--sl-gold-bright);transform:translateY(-1px)}.btn-secondary{background:var(--sl-surface2);color:var(--sl-text);border:1px solid var(--sl-border)}.btn-secondary:hover:not(:disabled){background:var(--sl-surface);border-color:var(--sl-gold-border)}.btn-ghost{color:var(--sl-text-dim);border:1px solid var(--sl-border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--sl-text);background:var(--sl-surface)}.btn-green{background:var(--sl-success);color:#fff}.btn-green:hover:not(:disabled){background:#1f7f48;transform:translateY(-1px)}.btn-danger{color:var(--sl-error);border:1px solid var(--sl-error);background:0 0}.btn-danger:hover:not(:disabled){background:#e05a4e1a}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:16px 28px;font-size:16px;font-weight:600}.btn-full{width:100%}.icon-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--sl-text-faint);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--sl-gold);border-color:var(--sl-gold-border);background:var(--sl-surface)}.icon-button.danger:hover:not(:disabled){color:var(--sl-error);border-color:#e05a4e59}.icon-button:disabled{opacity:.45;cursor:not-allowed}.input{background:var(--sl-surface);border:1px solid var(--sl-surface2);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--sl-text);outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s}.input::placeholder{color:var(--sl-text-faint)}.input:focus{border-color:var(--sl-gold-border)}.input.error{border-color:var(--sl-error)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer;appearance:none}.card{background:var(--sl-navy);border:1px solid var(--sl-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-gold);margin-bottom:var(--space-md);font-size:11px;font-weight:400}.section-label:before{content:"// ";color:var(--sl-teal-bright)}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--sl-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.form-error{color:var(--sl-error);font-size:13px}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-open{color:var(--sl-success);background:#1a6b3c26;border:1px solid #1a6b3c4d}.badge-full{background:var(--sl-gold-dim);color:var(--sl-gold);border:1px solid var(--sl-gold-border)}.badge-cancelled{color:var(--sl-error);background:#e05a4e1a;border:1px solid #e05a4e40}.spinner{border:2px solid var(--sl-border);border-top-color:var(--sl-gold);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{max-width:680px;padding:var(--space-lg) var(--space-md);margin:0 auto}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--sl-text);font-size:24px;font-weight:700}.empty-state{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center;flex-direction:column;display:flex}.empty-state-icon{opacity:.4;font-size:48px}.empty-state-title{font-family:var(--font-display);color:var(--sl-text);font-size:18px;font-weight:600}.empty-state-body{color:var(--sl-text-dim);max-width:280px;font-size:15px}.divider{background:var(--sl-border);height:1px;margin:var(--space-lg) 0}.code-box{background:var(--sl-surface);border:1px solid var(--sl-gold-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-text{font-family:var(--font-mono);color:var(--sl-gold);letter-spacing:.12em;font-size:18px;font-weight:500}.avatar{border-radius:var(--radius-full);background:var(--sl-surface2);color:var(--sl-text-dim);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:52px;height:52px;font-size:18px}.feedback-fab{z-index:120;border:1px solid var(--sl-gold-border);border-radius:var(--radius-full);background:var(--sl-gold);color:#0d1a24;font-family:var(--font-body);cursor:pointer;padding:10px 14px;font-size:13px;font-weight:700;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 28px #00000042}.feedback-backdrop{z-index:130;padding:var(--space-md);background:#070f16ad;place-items:end center;display:grid;position:fixed;inset:0}.feedback-modal{width:min(100%,420px);max-height:calc(100vh - 32px);overflow:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}