:root{--dv-primary: #0d9488;--dv-primary-dark: #0f766e;--dv-primary-light: #14b8a6;--dv-accent: #6366f1;--dv-accent-hover: #4f46e5;--dv-purple: #8b5cf6;--dv-success: #10b981;--dv-warning: #f59e0b;--dv-danger: #ef4444;--dv-info: #3b82f6;--dv-bg: #f8fafc;--dv-bg-elevated: #ffffff;--dv-bg-card: rgba(255, 255, 255, .85);--dv-bg-hover: rgba(241, 245, 249, .8);--dv-text: #0f172a;--dv-text-secondary: #475569;--dv-text-muted: #64748b;--dv-text-inverse: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .02);--shadow-glow: 0 0 0 3px rgba(13, 148, 136, .15);--shadow-accent: 0 4px 14px rgba(99, 102, 241, .25);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, .9375rem);--text-base: clamp(.9375rem, .9rem + .5vw, 1rem);--text-lg: clamp(1.125rem, 1rem + .65vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--sidebar-width: 280px;--header-height: 72px;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px}body.dark{--dv-bg: #0f172a;--dv-bg-elevated: #1e293b;--dv-bg-card: rgba(30, 41, 59, .8);--dv-bg-hover: rgba(51, 65, 85, .5);--dv-text: #f1f5f9;--dv-text-secondary: #94a3b8;--dv-text-muted: #64748b;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--dv-bg);color:var(--dv-text);line-height:1.6;font-size:var(--text-base);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dv-text-muted);border-radius:var(--radius-full);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--dv-text-secondary)}::selection{background:#0d948833;color:var(--dv-primary-dark)}*:focus-visible{outline:2px solid var(--dv-primary);outline-offset:2px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),var(--shadow-sm);transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),var(--shadow-lg),0 0 0 1px #6366f11a}body.dark .glass-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--duration-base) var(--ease-out);border:1px solid transparent;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.btn:hover:after{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--dv-accent),var(--dv-accent-hover));color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f166}.btn-secondary{background:var(--dv-bg-elevated);color:var(--dv-text);border-color:var(--dv-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--dv-bg-hover);border-color:var(--dv-text-muted);transform:translateY(-1px)}.badge-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 2px 8px #fbbf2466;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg,var(--dv-bg-elevated) 25%,var(--dv-bg-hover) 50%,var(--dv-bg-elevated) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:20000;pointer-events:none}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);animation:toast-in .3s var(--ease-spring);pointer-events:auto;max-width:400px}.toast.success{border-left:4px solid var(--dv-success)}.toast.error{border-left:4px solid var(--dv-danger)}.toast.warning{border-left:4px solid var(--dv-warning)}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}