:root{--p-white:#ffffff;--p-neutral-50:#f6f6f6;--p-neutral-75:#f5f5f5;--p-neutral-100:#efefef;--p-neutral-200:#e2e2e2;--p-neutral-400:#afafaf;--p-neutral-500:#888888;--p-neutral-550:#737373;--p-neutral-600:#6b6b6b;--p-neutral-750:#3a3a3a;--p-neutral-760:#2a2a2a;--p-neutral-780:#282828;--p-neutral-820:#1e1e1e;--p-neutral-850:#1a1a1a;--p-neutral-880:#141414;--p-neutral-920:#0a0a0a;--p-black:#000000;--p-green-base:#16a34a;--p-green-soft:#f0fdf4;--p-green-bright:#4ade80;--p-green-deep:#0a3d2a;--p-green-online:#22c55e;--p-green-pop:#00B95C;--p-red-base:#ef4444;--p-red-soft:#fee2e2;--p-red-bright:#f87171;--p-red-deep:#3f1616;--p-red-pop:#FC413D;--p-blue-base:#2563eb;--p-blue-soft:#eff6ff;--p-blue-bright:#60a5fa;--p-blue-deep:#1e2a4a;--p-blue-pop:#3186FF;--p-blue-avatar:#3b82f6;--p-orange-base:#ea580c;--p-orange-soft:#fff7ed;--p-orange-bright:#fb923c;--p-orange-deep:#3d2a0a;--p-amber-soft:#fefce8;--p-amber-text:#a16207;--p-amber-deep:#2a2200;--p-amber-star:#facc15;--p-purple-pop:#8B5CF6;--p-purple-avatar:#a855f7;--p-yellow-pop:#FFE432;--p-shadow-soft-light:0 1px 2px rgba(0,0,0,0.04);--p-shadow-card-light:0 4px 16px rgba(0,0,0,0.08);--p-shadow-float-light:0 2px 8px rgba(0,0,0,0.12);--p-shadow-soft-dark:0 1px 2px rgba(0,0,0,0.20);--p-shadow-card-dark:0 4px 16px rgba(0,0,0,0.32);--p-shadow-float-dark:0 2px 8px rgba(0,0,0,0.40);--p-backdrop-light:rgba(0,0,0,0.25);--p-backdrop-dark:rgba(0,0,0,0.75);--background:var(--p-white);--surface:var(--p-white);--surface-raised:var(--p-white);--surface-hover:var(--p-neutral-100);--surface-muted:var(--p-neutral-50);--surface-inverse:var(--p-black);--primary:var(--p-black);--primary-hover:var(--p-neutral-780);--text-main:var(--p-black);--text-muted:var(--p-neutral-600);--text-subtle:var(--p-neutral-400);--text-inverse:var(--p-white);--border:var(--p-neutral-200);--border-strong:var(--p-neutral-400);--backdrop:var(--p-backdrop-light);--shadow-soft:var(--p-shadow-soft-light);--shadow-card:var(--p-shadow-card-light);--shadow-float:var(--p-shadow-float-light);--success:var(--p-green-base);--success-muted:var(--p-green-soft);--destructive:var(--p-red-base);--destructive-muted:var(--p-red-soft);--status-info-bg:var(--p-blue-soft);--status-info-text:var(--p-blue-base);--status-warning-bg:var(--p-orange-soft);--status-warning-text:var(--p-orange-base);--status-success-bg:var(--p-green-soft);--status-success-text:var(--p-green-base);--status-pending-bg:var(--p-orange-soft);--status-pending-text:var(--p-orange-base);--color-pop-blue:var(--p-blue-pop);--color-pop-red:var(--p-red-pop);--color-pop-yellow:var(--p-yellow-pop);--color-pop-green:var(--p-green-pop);--color-pop-purple:var(--p-purple-pop);--color-star:var(--p-amber-star);--color-online:var(--p-green-online);--color-avatar-1:var(--p-blue-avatar);--color-avatar-2:var(--p-purple-avatar);--plan-free-bg:var(--p-neutral-75);--plan-free-text:var(--p-neutral-550);--plan-pro-bg:var(--p-blue-soft);--plan-pro-text:var(--p-blue-base);--plan-agency-bg:var(--p-amber-soft);--plan-agency-text:var(--p-amber-text);--focus-ring:var(--p-black);--status-info-border:var(--p-neutral-400);--status-warning-border:var(--p-neutral-400);--status-success-border:var(--p-neutral-400);--status-pending-border:var(--p-neutral-400);--font-sans:-apple-system,"system-ui","Pretendard","Segoe UI",sans-serif;--font-serif:"Noto Serif KR","Times New Roman",serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fs-40:40px;--lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.08em;--fw-normal:400;--fw-heading:500;--fw-wordmark:500;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:260px;--content-max:1100px;--dashboard-min:1024px;--transition-fast:120ms cubic-bezier(0.16,1,0.3,1);--transition-base:180ms cubic-bezier(0.16,1,0.3,1);--transition-slow:320ms cubic-bezier(0.16,1,0.3,1)}.dark{--background:var(--p-black);--surface:var(--p-neutral-920);--surface-raised:var(--p-neutral-880);--surface-hover:var(--p-neutral-850);--surface-muted:var(--p-neutral-920);--surface-inverse:var(--p-white);--primary:var(--p-white);--primary-hover:var(--p-neutral-200);--text-main:var(--p-white);--text-muted:var(--p-neutral-400);--text-subtle:var(--p-neutral-600);--text-inverse:var(--p-black);--border:var(--p-neutral-820);--border-strong:var(--p-neutral-750);--backdrop:var(--p-backdrop-dark);--shadow-soft:var(--p-shadow-soft-dark);--shadow-card:var(--p-shadow-card-dark);--shadow-float:var(--p-shadow-float-dark);--success:var(--p-green-bright);--success-muted:var(--p-green-deep);--destructive:var(--p-red-bright);--destructive-muted:var(--p-red-deep);--status-info-bg:var(--p-blue-deep);--status-info-text:var(--p-blue-bright);--status-warning-bg:var(--p-orange-deep);--status-warning-text:var(--p-orange-bright);--status-success-bg:var(--p-green-deep);--status-success-text:var(--p-green-bright);--status-pending-bg:var(--p-orange-deep);--status-pending-text:var(--p-orange-bright);--plan-free-bg:var(--p-neutral-760);--plan-free-text:var(--p-neutral-500);--plan-pro-bg:var(--p-blue-deep);--plan-pro-text:var(--p-blue-bright);--plan-agency-bg:var(--p-amber-deep);--plan-agency-text:var(--p-amber-star);--focus-ring:var(--p-white);--status-info-border:var(--p-neutral-750);--status-warning-border:var(--p-neutral-750);--status-success-border:var(--p-neutral-750);--status-pending-border:var(--p-neutral-750)}