@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #6366F1;--color-secondary: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-background-primary: #F8FAFC;--color-background-secondary: #FFFFFF;--color-background-tertiary: #F1F5F9;--color-background-interactive: #E2E8F0;--color-background-interactive-hover: #CBD5E1;--color-background-glass: rgba(255, 255, 255, .8);--color-background-glass-hover: rgba(255, 255, 255, .95);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-accent: #6366F1;--color-text-white: #ffffff;--color-purple: #8B5CF6;--color-blue: #3B82F6;--color-pink: #EC4899;--color-indigo: #6366F1;--color-teal: #14B8A6;--color-orange: #F97316;--shadow-glass: 0 4px 16px rgba(15, 23, 42, .1);--shadow-soft: 0 2px 8px rgba(15, 23, 42, .08);--shadow-elevated: 0 8px 24px rgba(15, 23, 42, .15);--shadow-hover: 0 12px 32px rgba(15, 23, 42, .2);--radius-soft: 12px;--radius-round: 16px;--radius-pill: 50px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}html.dark{--color-background-primary: #0F172A;--color-background-secondary: #1E293B;--color-background-tertiary: #334155;--color-background-interactive: #475569;--color-background-interactive-hover: #64748B;--color-background-glass: rgba(30, 41, 59, .8);--color-background-glass-hover: rgba(30, 41, 59, .95);--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-text-accent: #818CF8}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--color-background-primary);min-height:100vh;position:relative}.glass-card{background:var(--color-background-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-soft);box-shadow:var(--shadow-glass);transition:var(--transition-smooth)}.glass-card:hover{background:var(--color-background-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-gradient{background:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-white);font-weight:600;padding:12px 24px;transition:var(--transition-bounce);box-shadow:var(--shadow-soft)}.btn-gradient:hover{background:#4f46e5;transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-elevated)}.btn-gradient-secondary{background:var(--color-secondary)}.btn-gradient-secondary:hover{background:#7c3aed}.btn-gradient-accent{background:var(--color-blue)}.btn-gradient-accent:hover{background:#2563eb}.icon-bounce{transition:var(--transition-bounce)}.icon-bounce:hover{transform:scale(1.1) rotate(5deg)}button,.interactive{transition:var(--transition-smooth)}button:hover{transform:translateY(-1px)}.input-modern{background:var(--color-background-glass);border:2px solid transparent;border-radius:var(--radius-soft);padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth)}.input-modern:focus{border-color:var(--color-primary);background:var(--color-background-secondary);outline:none;box-shadow:0 0 0 4px #6366f11a}.tab-modern{position:relative;padding:12px 20px;border-radius:var(--radius-soft) var(--radius-soft) 0 0;transition:var(--transition-smooth);font-weight:500}.tab-modern.active{background:var(--color-primary);color:var(--color-text-white)}.tab-modern.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-blue);border-radius:2px}.status-draft{background:#64748b}.status-pending{background:var(--color-warning)}.status-approved{background:var(--color-success)}.status-rejected{background:var(--color-danger)}.status-posted{background:var(--color-blue)}.card-hover{transition:var(--transition-smooth)}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover)}.border-modern{border:2px solid var(--color-background-interactive);border-radius:var(--radius-soft);transition:var(--transition-smooth)}.border-modern:hover{border-color:var(--color-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes pulse-color{0%,to{opacity:1}50%{opacity:.8}}.pulse-color{animation:pulse-color 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (max-width: 768px){.glass-card{margin:8px}.btn-gradient{padding:10px 20px;font-size:14px}}html.dark .glass-card{border:1px solid rgba(255,255,255,.1)}html.dark .input-modern{color:var(--color-text-primary)}html.dark .input-modern::placeholder{color:var(--color-text-muted)}