:root{font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;color-scheme:light;--bg: #f5f7fb;--bg-2: #eef3ff;--text: #111827;--muted: #5b6475;--surface: rgba(255, 255, 255, .78);--surface-2: rgba(255, 255, 255, .92);--border: rgba(148, 163, 184, .28);--shadow: 0 24px 54px rgba(15, 23, 42, .08);--shadow-2: 0 12px 30px rgba(15, 23, 42, .08);--primary: #4f46e5;--primary-2: #4338ca;--primary-soft: rgba(79, 70, 229, .12);--ring: rgba(79, 70, 229, .18);--radius: 18px;--radius-sm: 12px;--content: 1120px;--sidebar-bg: rgba(255, 255, 255, .26);--bottomnav-bg: rgba(255, 255, 255, .84);color:var(--text);background:radial-gradient(circle at 10% 8%,rgba(191,219,254,.58) 0,transparent 42%),radial-gradient(circle at 85% 14%,rgba(224,231,255,.72) 0,transparent 44%),radial-gradient(circle at 48% 100%,rgba(216,180,254,.24) 0,transparent 34%),linear-gradient(180deg,var(--bg),var(--bg-2))}*{box-sizing:border-box}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #070b14;--bg-2: #0d1324;--text: #e5e7eb;--muted: #98a3b5;--surface: rgba(15, 23, 42, .7);--surface-2: rgba(15, 23, 42, .86);--border: rgba(148, 163, 184, .18);--shadow: 0 28px 68px rgba(0, 0, 0, .42);--shadow-2: 0 14px 34px rgba(0, 0, 0, .3);--primary: #818cf8;--primary-2: #6366f1;--primary-soft: rgba(129, 140, 248, .16);--ring: rgba(129, 140, 248, .18);--sidebar-bg: rgba(15, 23, 42, .58);--bottomnav-bg: rgba(15, 23, 42, .82);background:radial-gradient(circle at 12% 8%,rgba(67,56,202,.28) 0,transparent 44%),radial-gradient(circle at 88% 14%,rgba(30,41,59,.64) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(91,33,182,.14) 0,transparent 34%),linear-gradient(180deg,var(--bg),var(--bg-2))}}body{margin:0;min-height:100vh;background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100vh}.page-frame{width:100%}.page-frame--auth{display:grid;min-height:calc(100vh - 24px)}.app-shell--authed{display:grid;grid-template-columns:280px 1fr;align-items:stretch}.app-shell--authed .page-frame{grid-column:2}.app-shell--authed .page{margin-left:0;margin-right:0}h1,h2{margin:0 0 .6rem;letter-spacing:-.02em}h1{font-size:clamp(1.55rem,1.1vw + 1.2rem,2.05rem)}h2{font-size:1.1rem}.container{width:min(100%,var(--content));margin:0 auto;padding:0 1.1rem}.page{width:min(100%,var(--content));margin:1.2rem auto;padding:0 1.1rem 2.2rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;margin:.25rem 0 1.2rem}.page-title{display:grid;gap:.35rem}.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.page-subtitle{color:var(--muted);margin:0;line-height:1.45}.account-link{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;max-width:100%;padding:.45rem .78rem;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:color-mix(in srgb,var(--surface-2) 76%,transparent);text-decoration:none;color:var(--text);box-shadow:0 10px 24px #0f172a0f;transition:transform .12s ease,border-color .12s ease,background .12s ease}.account-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--surface-2) 92%,var(--primary-soft))}.account-avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 32%,white 10%));color:var(--primary-2);font-size:.88rem;font-weight:800;flex:0 0 auto}.account-copy{display:grid;gap:.08rem;min-width:0}.account-copy strong,.account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:.94rem;letter-spacing:-.01em}.account-copy span{color:var(--muted);font-size:.78rem}.nav{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;margin:1rem auto 0;max-width:var(--content);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:10px;z-index:10;box-shadow:var(--shadow-2)}.nav a{color:var(--text);text-decoration:none;margin-right:.9rem;font-weight:600;padding:.42rem .55rem;border-radius:999px;transition:background .12s ease,color .12s ease,transform .12s ease}.nav a:hover{background:#2563eb1a;transform:translateY(-1px)}.nav .brand{font-weight:800;color:var(--text);margin-right:.7rem;display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .65rem}.brand-mark{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#0f172a,var(--primary));color:#fff;font-size:.95rem;letter-spacing:-.06em}.brand-text{font-weight:800}.brand{border-radius:16px;transition:background .12s ease,border-color .12s ease,transform .12s ease}.brand--active{background:color-mix(in srgb,var(--primary-soft) 90%,transparent)}.nav-left{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.sidebar{position:sticky;top:0;height:100vh;padding:1rem;border-right:1px solid rgba(148,163,184,.14);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.sidebar-links{display:grid;align-content:start;gap:.45rem;padding-top:.55rem}.sidebar-links--empty{min-height:1px}.sidebar-link{margin-right:0;display:flex;align-items:center;min-height:44px;padding:.8rem .9rem;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:color-mix(in srgb,var(--surface-2) 72%,transparent);text-decoration:none;color:var(--text);font-weight:680;box-shadow:0 4px 10px #0f172a08;transition:background .12s ease,border-color .12s ease,transform .12s ease,color .12s ease;white-space:nowrap}.sidebar-link:hover{background:color-mix(in srgb,var(--primary-soft) 100%,var(--surface-2));border-color:color-mix(in srgb,var(--primary) 18%,var(--border));transform:translateY(-1px)}.sidebar-link--active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,transparent),color-mix(in srgb,var(--primary) 6%,var(--surface-2)));border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary-2);box-shadow:0 12px 28px #4f46e51a}.sidebar-actions{display:grid;gap:.5rem}.bottomnav-shell{display:none}.bottomnav{display:none;gap:.4rem;overflow-x:auto;padding:.2rem;scrollbar-width:none}.bottomnav::-webkit-scrollbar{display:none}.bottomnav-track{display:inline-flex;gap:.35rem;min-width:max-content;padding:.45rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:var(--bottomnav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-2)}.bottomnav-link{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);text-decoration:none;font-weight:680;font-size:.93rem;min-height:44px;padding:.72rem .88rem;border-radius:999px;transition:background .12s ease,transform .12s ease,border-color .12s ease,color .12s ease;text-align:center;white-space:nowrap}.bottomnav-link:hover{background:color-mix(in srgb,var(--primary-soft) 100%,var(--surface-2));transform:translateY(-1px)}.bottomnav-link--active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--primary) 7%,var(--surface-2)));border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary-2)}.bottomnav-link--brand{font-weight:760}.bottomnav-logout{min-height:40px}.card{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);padding:1.15rem;margin-bottom:1rem;display:grid;gap:.8rem;box-shadow:0 14px 32px #0f172a0d}.auth-page{min-height:82vh;display:grid;place-items:center}.hero-card{width:min(100%,500px);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:1.4rem;box-shadow:var(--shadow);animation:rise .32s ease-out}.hero-card .card input,.hero-card .card button{width:100%}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.field{display:grid;gap:.35rem}.field input{width:100%}.label{font-size:.9rem;font-weight:650;letter-spacing:-.01em}.help{color:var(--muted);font-size:.9rem;line-height:1.4}.row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.18)}.row>*{flex:1 1 180px}.tabs{display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:.15rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-rail{overflow:hidden;margin-bottom:1rem}button,input{min-height:44px;padding:.68rem .88rem;border-radius:14px;border:1px solid rgba(148,163,184,.32);font-size:.95rem;font-family:inherit}button{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-color:color-mix(in srgb,var(--primary) 32%,var(--border));color:#fff;cursor:pointer;font-weight:700;letter-spacing:-.01em;box-shadow:0 12px 24px #4f46e52e;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease}.btn-small{min-height:38px;padding:.42rem .72rem;font-size:.9rem;border-radius:999px}button.active{background:linear-gradient(180deg,var(--primary-2),color-mix(in srgb,var(--primary) 82%,black 6%))}button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #4f46e538}.btn-secondary{background:color-mix(in srgb,var(--surface-2) 80%,transparent);border-color:#94a3b847;color:var(--text);box-shadow:none}.btn-secondary:hover{background:color-mix(in srgb,var(--primary-soft) 88%,var(--surface-2));box-shadow:0 10px 22px #0f172a14}.btn-ghost{background:transparent;color:var(--text);box-shadow:none}.btn-ghost:hover{background:color-mix(in srgb,var(--primary-soft) 100%,transparent);box-shadow:none}.btn-quiet{background:transparent;color:var(--muted);border-color:transparent;box-shadow:none}.btn-quiet:hover{background:color-mix(in srgb,var(--primary-soft) 100%,transparent);color:var(--text);transform:none;box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.danger{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#dc262647;box-shadow:0 12px 24px #dc262629}.error{color:#dc2626}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}button:focus-visible,input:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.ok{color:#166534;font-weight:600}.muted{color:var(--muted)}.divider{height:1px;background:#94a3b82e;border:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.stat{padding:1rem;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #0f172a0f}.stat .k{color:var(--muted);font-size:.92rem;margin:0}.stat .v{font-size:1.65rem;letter-spacing:-.03em;font-weight:800;margin:.2rem 0 0}.stat-button{text-align:left}.stat-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a14}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#ffffff8c;color:var(--text);font-size:.84rem;font-weight:650}.badge--danger{border-color:#dc262659;background:#fee2e2a6;color:#991b1b}.badge--ok{border-color:#16a34a59;background:#dcfce7a6;color:#14532d}.table{display:grid;gap:.65rem;min-width:0}.table-head,.table-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(96px,.7fr) minmax(280px,1.2fr);gap:.75rem;align-items:center}.table-head{color:var(--muted);font-size:.86rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.table-row{padding:.8rem .85rem;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.table-note{grid-column:1 / -1;color:var(--muted);font-size:.88rem}.table-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;min-width:0}.table-actions>button,.table-actions>a{flex:1 1 128px;min-width:0}.table-row>div,.table-row>p{min-width:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}@keyframes rise{0%{transform:translateY(8px);opacity:.1}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.hero-card{animation:none}*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1080px){.app-shell--authed{grid-template-columns:248px 1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.table-head,.table-row{grid-template-columns:minmax(0,1fr) minmax(92px,.7fr) minmax(220px,1fr)}}@media(max-width:720px){.app-shell--authed{grid-template-columns:1fr}.app-shell--authed .page-frame{grid-column:1;padding-bottom:92px}.sidebar{display:none}.bottomnav-shell{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(148,163,184,.16);background:color-mix(in srgb,var(--bottomnav-bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:.4rem}.bottomnav{display:block}.bottomnav-track{gap:.25rem;padding:.35rem}.bottomnav-link{min-height:40px;padding:.62rem .76rem;font-size:.89rem}.bottomnav-logout{justify-self:end;padding-inline:.85rem}.row{flex-direction:column;align-items:stretch}.page-head{flex-direction:column;gap:.8rem}.page-actions{width:100%;justify-content:flex-start;align-self:flex-start}.account-link{width:100%;justify-content:flex-start}.grid-2,.stats,.table-head,.table-row{grid-template-columns:1fr}.table-actions{justify-content:flex-start}.table-actions>button,.table-actions>a{flex-basis:calc(50% - .45rem)}.section-head{flex-direction:column}.hero-card{padding:1.15rem}.account-link{max-width:100%}}@media(max-width:420px){.page{padding-inline:.85rem}.table-actions>button,.table-actions>a{flex-basis:100%}.badge{white-space:nowrap}}