@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--purple-bar-start: #8839ef;--purple-bar-end: #7287fd;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark;background-color:var(--base);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:var(--base);color:var(--text);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--mantle)}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--surface2)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--base)}.top-bar{background:linear-gradient(90deg,var(--purple-bar-start) 0%,var(--purple-bar-end) 100%);color:#fff;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #00000040;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.top-bar-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.025em}.top-bar-logo svg{color:var(--rosewater)}.top-bar-actions{display:flex;align-items:center;gap:16px}.user-badge{display:flex;align-items:center;gap:8px;background-color:#ffffff26;padding:6px 12px;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.user-badge.admin-badge{background-color:#f9e2af33;border-color:#f9e2af66;color:var(--yellow)}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.logout-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.flat-card{background-color:var(--mantle);border:1px solid var(--surface0);border-radius:12px;padding:28px;box-shadow:0 10px 30px #00000026;transition:transform .2s ease,border-color .2s ease}.flat-card:hover{border-color:var(--surface2)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;text-align:left}.form-label{font-size:.875rem;font-weight:500;color:var(--subtext1)}.form-input{background-color:var(--surface0);border:1px solid var(--surface1);color:var(--text);padding:10px 14px;border-radius:8px;font-size:1rem;transition:all .2s ease;width:100%}.form-input:focus{outline:none;border-color:var(--mauve);background-color:var(--surface1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.btn-primary{background-color:var(--mauve);color:var(--base)}.btn-primary:hover{background-color:#d8b9ff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface0);color:var(--text);border:1px solid var(--surface1)}.btn-secondary:hover{background-color:var(--surface1);border-color:var(--surface2)}.btn-danger{background-color:var(--red);color:var(--base)}.btn-danger:hover{background-color:#fca7be}.alert{padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background-color:#f38ba826;border:1px solid rgba(243,139,168,.3);color:var(--red)}.alert-success{background-color:#a6e3a126;border:1px solid rgba(166,227,161,.3);color:var(--green)}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}