@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--page-bg: #f4efe6;--page-gradient: linear-gradient(120deg, #f4efe6 0%, #eff6fb 40%, #edf7f1 100%);--page-orbs: radial-gradient(circle at 15% 20%, rgba(255, 208, 132, .35), transparent 45%), radial-gradient(circle at 80% 15%, rgba(120, 189, 255, .25), transparent 45%), radial-gradient(circle at 75% 80%, rgba(138, 224, 176, .2), transparent 50%);--text-primary: #1f2a2d;--text-muted: #5f6c72;--text-soft: #6d7a80;--surface-strong: rgba(255, 255, 255, .92);--surface-border: rgba(255, 255, 255, .7);--surface-shadow: 0 18px 40px rgba(20, 36, 44, .12);--floating-surface: rgba(255, 255, 255, .75);--floating-shadow: 0 8px 24px rgba(14, 30, 37, .12);--nav-surface: rgba(255, 255, 255, .65);--nav-surface-border: rgba(255, 255, 255, .9);--nav-active-bg: #111e24;--nav-active-text: #f7f4ed;--nav-active-shadow: 0 10px 20px rgba(17, 30, 36, .2);--table-border: rgba(47, 66, 74, .12);--field-bg: rgba(255, 255, 255, .95);--field-border: rgba(31, 42, 45, .2);--field-text: #1f2a2d;--button-base: #18242b;--button-base-text: #f7f4ed;--button-primary: linear-gradient(120deg, #1b3a4b, #2a6f7f);--button-primary-text: #f7f4ed;--button-subtle-bg: rgba(255, 255, 255, .7);--button-subtle-text: #1f2a2d;--button-subtle-border: rgba(31, 42, 45, .15);--interactive-shadow: 0 10px 20px rgba(24, 36, 43, .2);--toggle-track: rgba(24, 36, 43, .14);--toggle-track-active: rgba(42, 111, 127, .5);--toggle-thumb: #ffffff;--toggle-shadow: 0 4px 10px rgba(24, 36, 43, .18);--pill-bg: rgba(255, 196, 124, .25);--pill-text: #9a5b00;--pill-paid-bg: rgba(137, 218, 185, .3);--pill-paid-text: #1f6c52;--error-text: #b02323;--focus-outline: rgba(42, 111, 127, .38);font-family:Pretendard Variable,Pretendard,Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--page-bg);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--page-bg: #071319;--page-gradient: linear-gradient(135deg, #071319 0%, #10232b 42%, #0d1820 100%);--page-orbs: radial-gradient(circle at 15% 20%, rgba(255, 171, 88, .14), transparent 42%), radial-gradient(circle at 80% 15%, rgba(91, 190, 255, .18), transparent 42%), radial-gradient(circle at 75% 80%, rgba(101, 240, 175, .12), transparent 50%);--text-primary: #ecf4f6;--text-muted: #a7b8bc;--text-soft: #8ea1a6;--surface-strong: rgba(12, 27, 34, .92);--surface-border: rgba(163, 204, 216, .12);--surface-shadow: 0 22px 52px rgba(0, 0, 0, .34);--floating-surface: rgba(11, 25, 32, .78);--floating-shadow: 0 12px 30px rgba(0, 0, 0, .28);--nav-surface: rgba(13, 31, 39, .72);--nav-surface-border: rgba(163, 204, 216, .16);--nav-active-bg: #d8f3fb;--nav-active-text: #081219;--nav-active-shadow: 0 12px 30px rgba(0, 0, 0, .22);--table-border: rgba(163, 204, 216, .12);--field-bg: rgba(6, 16, 21, .78);--field-border: rgba(163, 204, 216, .18);--field-text: #ecf4f6;--button-base: #d8f3fb;--button-base-text: #081219;--button-primary: linear-gradient(120deg, #6ec1df, #76dfb5);--button-primary-text: #081219;--button-subtle-bg: rgba(255, 255, 255, .04);--button-subtle-text: #ecf4f6;--button-subtle-border: rgba(163, 204, 216, .14);--interactive-shadow: 0 16px 30px rgba(0, 0, 0, .24);--toggle-track: rgba(216, 243, 251, .18);--toggle-track-active: rgba(110, 193, 223, .4);--toggle-thumb: #f5fcff;--toggle-shadow: 0 8px 18px rgba(0, 0, 0, .28);--pill-bg: rgba(255, 188, 116, .2);--pill-text: #ffd49b;--pill-paid-bg: rgba(109, 224, 176, .22);--pill-paid-text: #b7f2d6;--error-text: #ffb0b0;--focus-outline: rgba(110, 193, 223, .45);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{color:var(--text-primary);background:var(--page-gradient);transition:background .25s ease,color .25s ease}body:before{content:"";position:fixed;inset:0;background:var(--page-orbs);z-index:-1;transition:background .25s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{min-height:100vh;padding:48px 64px 72px;display:flex;flex-direction:column;gap:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.topbar h1{font-family:Fraunces,serif;font-size:clamp(2.1rem,3vw,3.1rem);margin:.2rem 0 .4rem}.eyebrow{letter-spacing:.02em;font-size:3.2rem;font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:.1rem}.subtitle{margin:0;color:var(--text-muted)}.user-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:var(--floating-surface);border:1px solid var(--surface-border);box-shadow:var(--floating-shadow);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.user-name{font-weight:600}.user-role{text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:var(--text-soft)}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav a{padding:10px 16px;border-radius:999px;background:var(--nav-surface);border:1px solid var(--nav-surface-border);font-size:.65rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .25s ease,color .25s ease}.nav a.active{background:var(--nav-active-bg);color:var(--nav-active-text);box-shadow:var(--nav-active-shadow)}.nav a:hover{transform:translateY(-1px)}.content{display:flex;flex-direction:column;gap:24px}.card{background:var(--surface-strong);border-radius:20px;padding:24px;border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);animation:rise .6s ease;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.card h2,.card h3{margin-top:0}.card-actions{margin-top:12px}.settlement-group{margin-bottom:1.5rem}.settlement-group:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--table-border)}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.table-scroll{width:100%;overflow-x:auto}.daily-settlement-table{width:max-content;min-width:100%}.daily-settlement-table th,.daily-settlement-table td{white-space:nowrap;word-break:keep-all}.form{display:grid;gap:16px}.form.inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.people-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.field{display:grid;gap:6px;font-weight:500}input,select{padding:12px 14px;border-radius:12px;border:1px solid var(--field-border);background:var(--field-bg);color:var(--field-text);font-family:inherit;font-size:.95rem;transition:background .25s ease,border-color .25s ease,color .25s ease}input::placeholder{color:var(--text-soft)}.button{border:none;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;background:var(--button-base);color:var(--button-base-text);transition:transform .2s ease,box-shadow .2s ease,background .25s ease,color .25s ease}.button.primary{background:var(--button-primary);color:var(--button-primary-text)}.button.subtle{background:var(--button-subtle-bg);color:var(--button-subtle-text);border:1px solid var(--button-subtle-border)}.button:disabled{opacity:.6;cursor:default}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--interactive-shadow)}.theme-toggle{display:inline-flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:999px;border:1px solid var(--button-subtle-border);background:var(--button-subtle-bg);color:var(--button-subtle-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .25s ease,color .25s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--interactive-shadow)}.theme-toggle-text{display:grid;justify-items:start;line-height:1.05}.theme-toggle-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.theme-toggle-value{font-weight:700}.theme-toggle-switch{width:48px;height:28px;padding:4px;display:flex;align-items:center;border-radius:999px;background:var(--toggle-track);transition:background .25s ease}.theme-toggle-thumb{width:20px;height:20px;border-radius:50%;background:var(--toggle-thumb);box-shadow:var(--toggle-shadow);transform:translate(0);transition:transform .2s ease,background .25s ease,box-shadow .25s ease}.theme-toggle[aria-pressed=true] .theme-toggle-switch{background:var(--toggle-track-active)}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{transform:translate(20px)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;background:var(--pill-bg);color:var(--pill-text)}.pill.paid{background:var(--pill-paid-bg);color:var(--pill-paid-text)}.error{color:var(--error-text);font-weight:600}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px}.login-panel{width:min(440px,100%);display:grid;gap:16px}.login-actions{display:flex;justify-content:flex-end}.login-card{width:100%;padding:36px;border-radius:24px;background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.login-header h1{font-family:Fraunces,serif;margin:8px 0 4px}.table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.meta{color:var(--text-muted);font-weight:500}button:focus-visible,input:focus-visible,select:focus-visible,.nav a:focus-visible,.theme-toggle:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.row-actions{display:flex;gap:6px;white-space:nowrap}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-danger{color:var(--error-text, #c0392b)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.modal{background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:20px;padding:32px;width:min(500px,90vw);box-shadow:var(--floating-shadow);animation:rise .3s ease}.modal h2{margin-top:0;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.app-shell{padding:32px 24px 48px}.topbar{flex-direction:column;align-items:flex-start}.user-card{width:100%;justify-content:space-between}.grid,.form.inline{grid-template-columns:1fr}.login-shell{padding:24px}.login-card{padding:28px 24px}}