:root{--primary:#000b36;--primary-container:#081f5e;--secondary:#2e57c2;--tertiary:#4a78d8;--surface:#f8f9fc;--surface-container-low:#f2f4fa;--surface-container:#eceff7;--surface-container-high:#e5e9f4;--surface-container-lowest:#fff;--on-surface:#1a1c24;--on-surface-variant:#515566;--outline-variant:rgba(0,11,54,.08);--accent:#ff4757;--success:#1e8e5c;--warning:#e8a317;--error:#ba1a1a;--shadow-ambient:0 12px 32px rgba(0,11,54,.06);--shadow-elevated:0 24px 64px rgba(0,11,54,.12);--shadow-money:0 4px 24px rgba(0,11,54,.08);--gradient-hero:linear-gradient(135deg,#081f5e,#000b36);--gradient-accent:linear-gradient(135deg,#ff4757,#c2185b);--display-lg:3.5rem;--display-md:2.5rem;--headline-lg:2rem;--headline-md:1.5rem;--title-lg:1.25rem;--body-lg:1rem;--body-md:0.9375rem;--label:0.8125rem;--tracking-tight:-0.02em;--tracking-normal:0;--gap-section:32px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Pretendard,Public Sans,-apple-system,system-ui,sans-serif;background:var(--surface);color:var(--on-surface);font-size:var(--body-lg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:var(--tracking-tight);line-height:1.2;font-weight:700;margin:0}h1{font-size:var(--display-md)}h2{font-size:var(--headline-lg)}h3{font-size:var(--headline-md)}h4{font-size:var(--title-lg)}p{margin:0 0 12px}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}hr{display:none}code{font-family:JetBrains Mono,ui-monospace,monospace;background:var(--surface-container);padding:2px 8px;border-radius:6px;font-size:.875em;color:var(--primary-container)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-ambient)}.card-elevated{background:var(--surface-container-lowest);padding:32px}.card-elevated,.card-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.card-hero{background:var(--gradient-hero);color:#fff;padding:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:9999px;border:none;font-weight:600;font-size:var(--body-md);letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--gradient-hero);color:#fff;box-shadow:var(--shadow-money)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.btn-accent{background:var(--gradient-accent);color:#fff}.btn-ghost{background:var(--surface-container);color:var(--primary)}.btn-ghost:hover{background:var(--surface-container-high)}.money{font-weight:700;letter-spacing:var(--tracking-tight);color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.money-lg{font-size:var(--display-md)}.money-md{font-size:var(--headline-md)}.money-sm{font-size:var(--title-lg)}.money-accent{color:var(--accent)}.money-success{color:var(--success)}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-weight:700;font-size:var(--label);letter-spacing:0;background:var(--gradient-hero);color:#fff}.tier-1{background:linear-gradient(135deg,#6e7892,#515566)}.tier-2{background:linear-gradient(135deg,#4a78d8,#2e57c2)}.tier-3{background:linear-gradient(135deg,#2e57c2,#081f5e)}.tier-4{background:linear-gradient(135deg,#ff4757,#c2185b)}.tier-5{background:linear-gradient(135deg,#ffb627,#ff4757)}.stat{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-ambient)}.stat-label{font-size:var(--label);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.stat-value{font-size:var(--display-md);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section{margin-bottom:var(--gap-section)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.topbar{height:104px;justify-content:space-between;padding:12px 32px;background:var(--surface-container-lowest);box-shadow:var(--shadow-ambient);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{font-size:1.25rem;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--primary);gap:8px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--gradient-accent)}.nav{display:flex;gap:8px}.nav a{padding:8px 16px;border-radius:9999px;color:var(--on-surface-variant);font-weight:500;font-size:var(--body-md)}.nav a:hover{background:var(--surface-container);text-decoration:none}.nav a.active{background:var(--primary);color:#fff}.hamburger-btn{display:none;width:44px;height:44px;border-radius:12px;background:transparent;border:none;cursor:pointer;align-items:center;justify-content:center;color:var(--primary);padding:0}.hamburger-btn:hover{background:var(--surface-container)}.hamburger-icon{width:24px;height:18px;position:relative;display:inline-block}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:currentColor;border-radius:2px;left:0;transition:transform .25s ease,opacity .2s ease,top .25s ease}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger-icon.open span:first-child{top:8px;transform:rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){top:8px;transform:rotate(-45deg)}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,11,54,.45);z-index:998;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--surface-container-lowest);box-shadow:-16px 0 48px rgba(0,11,54,.18);z-index:999;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{padding:20px 20px 12px;display:flex;align-items:center;justify-content:space-between}.mobile-drawer-user{padding:12px 20px 16px;background:var(--surface-container)}.mobile-drawer-user-name{font-size:15px;font-weight:700;color:var(--primary)}.mobile-drawer-user-meta{font-size:12px;color:var(--on-surface-variant);margin-top:2px}.mobile-drawer-section{padding:8px 12px}.mobile-drawer-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--on-surface-variant);text-transform:uppercase;padding:8px 12px}.mobile-drawer a,.mobile-drawer button.drawer-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;color:var(--on-surface);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.mobile-drawer a:hover,.mobile-drawer button.drawer-link:hover{background:var(--surface-container)}.mobile-drawer a.active{background:var(--primary);color:#fff}.mobile-drawer-divider{height:1px;background:var(--outline-variant);margin:8px 16px}@media (max-width:768px){.topbar{height:72px;padding:8px 16px}.brand img{height:56px!important}.nav{display:none}.hamburger-btn{display:inline-flex}.topbar .desktop-user-area{display:none!important}}@media (min-width:769px){.mobile-drawer,.mobile-drawer-backdrop{display:none!important}}.ledger-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;grid-gap:16px;gap:16px;padding:18px 24px;background:var(--surface-container-lowest);border-radius:var(--radius-sm);margin-bottom:8px;box-shadow:var(--shadow-ambient)}.ledger-row:hover{background:var(--surface-container-low)}.ledger-meta{color:var(--on-surface-variant);font-size:var(--label)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:var(--label);color:var(--on-surface-variant);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.field input,.field select,.field textarea{height:48px;padding:0 16px;border-radius:var(--radius-sm);border:none;background:var(--surface-container);color:var(--on-surface);font-size:var(--body-md);font-family:inherit;outline:none;transition:background .15s ease,box-shadow .15s ease}.field textarea{height:120px;padding:12px 16px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface-container-lowest);box-shadow:0 0 0 2px var(--secondary)}.tag{display:inline-flex;padding:4px 10px;border-radius:9999px;background:var(--surface-container);color:var(--on-surface-variant);font-size:var(--label);font-weight:600}.tag-success{background:rgba(30,142,92,.12);color:var(--success)}.tag-pending{background:rgba(232,163,23,.14);color:var(--warning)}.tag-error{background:rgba(186,26,26,.1);color:var(--error)}.hero-eyebrow{font-size:var(--label);letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-bottom:12px}.hero-title{font-size:var(--display-lg);letter-spacing:var(--tracking-tight);font-weight:800;line-height:1.05}@media (max-width:600px){.hero-title{font-size:2.25rem}}.toast-stack{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:360px;padding:14px 18px;border-radius:14px;background:var(--surface-container-lowest);box-shadow:var(--shadow-elevated);cursor:pointer;border-left:4px solid var(--secondary);animation:toast-in .22s ease-out}.toast.tone-success{border-left-color:var(--success)}.toast.tone-warn{border-left-color:var(--warning)}.toast.tone-error{border-left-color:var(--error)}.toast-title{font-weight:700;font-size:14px;letter-spacing:var(--tracking-tight);margin-bottom:4px;color:var(--on-surface)}.toast-body{font-size:13px;color:var(--on-surface-variant);line-height:1.5}@keyframes toast-in{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.bell{position:relative;width:36px;height:36px;border-radius:10px;background:var(--surface-container);cursor:pointer;font-size:18px}.bell,.bell-dot{display:inline-flex;align-items:center;justify-content:center}.bell-dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.realtime-pill{font-size:11px;padding:2px 8px;border-radius:9999px;font-weight:700;letter-spacing:.04em}.realtime-on{background:rgba(30,142,92,.12);color:var(--success)}.realtime-off{background:rgba(186,26,26,.1);color:var(--error)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.admin-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface-container-lowest);border-radius:12px;margin-bottom:8px;box-shadow:var(--shadow-money)}.admin-row .meta{font-size:13px;color:var(--on-surface-variant)}.admin-actions{display:flex;gap:6px}.inbox-list{display:flex;flex-direction:column;gap:8px}.inbox-item{padding:14px 16px;background:var(--surface-container-lowest);border-radius:12px;box-shadow:var(--shadow-money);cursor:pointer}.inbox-item.unread{border-left:4px solid var(--accent)}.inbox-item .t-title{font-weight:700;font-size:14px}.inbox-item .t-body{font-size:13px;color:var(--on-surface-variant);margin-top:4px;line-height:1.5}.inbox-item .t-time{font-size:11px;color:var(--on-surface-variant);margin-top:6px;opacity:.7}