:root{--hue-primary: 220;--hue-accent: 330;--color-bg-base: hsl(var(--hue-primary), 20%, 8%);--color-bg-surface: hsl(var(--hue-primary), 20%, 12%);--color-bg-surface-hover: hsl(var(--hue-primary), 20%, 16%);--color-text-primary: hsl(var(--hue-primary), 10%, 98%);--color-text-secondary: hsl(var(--hue-primary), 10%, 70%);--color-text-muted: hsl(var(--hue-primary), 10%, 50%);--color-primary: hsl(var(--hue-primary), 90%, 60%);--color-primary-glow: hsla(var(--hue-primary), 90%, 60%, .5);--color-accent: hsl(var(--hue-accent), 70%, 55%);--color-accent-glow: hsla(var(--hue-accent), 70%, 55%, .4);--color-border: hsla(var(--hue-primary), 10%, 90%, .1);--color-success: hsl(145, 65%, 45%);--color-warning: hsl(35, 95%, 60%);--color-danger: hsl(0, 85%, 60%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--glass-bg: hsla(var(--hue-primary), 20%, 12%, .7);--glass-border: hsla(var(--hue-primary), 10%, 90%, .08);--glass-blur: 12px}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:transform var(--transition-normal),border-color var(--transition-normal)}.card:hover{border-color:var(--color-primary-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 12px var(--color-accent-glow)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 16px var(--color-accent-glow)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-draft{background:#3d475c80;color:#a0a0a0}.badge-working{background:#0f618a80;color:#60a5fa}.badge-pending_review{background:#916f0880;color:#fbbf24}.badge-approved{background:#14522e80;color:#34d399}.badge-published{background:#5c1f7a80;color:#c084fc}.page-header{margin-bottom:var(--space-2xl);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:700;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}