@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap";:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--amber-400: #fbbf24;--rose-400: #fb7185;--indigo-500: #6366f1;--glass: rgba(15, 23, 42, .4);--glass-heavy: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Outfit", sans-serif;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:#050a1b;color:var(--slate-50);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}.glass-card{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#ffffff26;background:#0f172a73}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:340px;margin:2.5rem auto}.pin-btn{aspect-ratio:1;border-radius:50%;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;font-size:1.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.pin-btn:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.pin-btn:active{transform:scale(.92);background:#10b98133;border-color:var(--emerald-500)}.pin-display{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 2rem;background:#0003;border-radius:3rem;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--glass-border)}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--slate-700);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pin-dot.filled{background:var(--emerald-400);border-color:var(--emerald-400);box-shadow:0 0 15px var(--emerald-400);transform:scale(1.2)}.staff-tag{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.25rem;border-radius:2rem;background:#ffffff08;border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.staff-tag.active{background:#10b9811a;border-color:#10b98166;box-shadow:0 0 20px -5px #10b98133}.staff-tag.active span{color:var(--emerald-400)}input[type=text],textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#0003;border:1px solid var(--glass-border);color:#fff;font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease;outline:none}input[type=text]:focus,textarea:focus{background:#0006;border-color:var(--emerald-500);box-shadow:0 0 0 4px #10b9811a}::placeholder{color:var(--slate-600)}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:start}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}}.tag-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:1rem;background:#ffffff08;border:1px solid var(--glass-border);color:#fff;cursor:pointer;transition:all .2s ease}.tag-btn.selected{background:#10b98133;border-color:var(--emerald-500);transform:translateY(-2px)}.tag-icon{font-size:1.5rem}.tag-label{font-size:.75rem;font-weight:600}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:slide-up .5s cubic-bezier(.4,0,.2,1) forwards}.btn{font-family:var(--font-heading);display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;gap:.75rem}.btn-primary{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#fff;box-shadow:0 10px 15px -3px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #10b98166;filter:brightness(1.1)}.btn-primary:active{transform:scale(.96)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:pulse 2s infinite}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--slate-400) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.05);box-shadow:0 0 0 12px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--emerald-400),transparent);opacity:.3;animation:scan 3s linear infinite;pointer-events:none}@keyframes scan{0%{top:0}to{top:100%}}.pulse-border{position:relative;z-index:10}.pulse-border:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:4px solid var(--amber-400);border-radius:1.75rem;animation:pulse-border 2s infinite ease-in-out;pointer-events:none}@keyframes pulse-border{0%{opacity:.2;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}to{opacity:.2;transform:scale(.99)}}.flash-red{animation:flash-red 1s infinite alternate ease-in-out}@keyframes flash-red{0%{background:#0006}to{background:#e11d4833;box-shadow:inset 0 0 60px #e11d481a}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-amber{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}