@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-dark:#09090b;--bg-card:#141419a6;--bg-card-border:#ffffff0f;--bg-card-hover:#1c1c23d9;--primary-color:#ff6b4a;--primary-hover:#ff522c;--primary-gradient:linear-gradient(135deg, #ff6b4a 0%, #ffa04a 100%);--secondary-gradient:linear-gradient(135deg, #4e8b77 0%, #76b19d 100%);--accent-color:#ffa04a;--success-color:#4e8b77;--danger-color:#ef4444;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-white:#fff;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--border-radius-xl:32px;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 12px 40px #0006;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:clip}html,body{width:100%;max-width:100%}:where(main,section,article,aside,form,header,footer,nav,div){min-width:0}:where(p,li,dd,dt,td,th,label,a,button,code){overflow-wrap:anywhere}img,video,iframe,canvas,svg{max-width:100%}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast)}.glass-panel-hover:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);border-color:#ff6b4a33;transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}button,input,select,textarea{font-family:inherit}.btn-primary{background:var(--primary-gradient);color:var(--text-white);font-family:var(--font-display);border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #ff6b4a66}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #ff6b4a99}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ai-generated-input input,.ai-generated-input textarea{color:#3b82f6!important}@media (pointer:coarse){:where(button,[role=button],input,select){min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-table-viewport{overscroll-behavior-inline:contain;scrollbar-gutter:stable;width:100%;max-width:100%;overflow-x:auto}.admin-table-viewport:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.responsive-modal{width:min(100%,680px);max-height:calc(100dvh - 24px);overflow-y:auto}@media (max-width:639px){:where(button,[role=button],input,select){min-height:44px}footer a{align-items:center;min-height:44px;display:inline-flex}.admin-table{min-width:720px}.form-select,.form-input,.glass-btn{max-width:100%}}