:root{--color-green:#1db954;--color-green-dark:#14893a;--color-orange:#ff8c1a;--color-black:#0e0f10;--color-white:#fff;--color-red:#e5484d;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--bg:#f4f6f5;--bg-elevated:#fff;--card:#fff;--text:#12181a;--text-muted:#5b6b66;--border:#e1e6e4;--accent:var(--color-green);--accent-dark:var(--color-green-dark);--danger:var(--color-red);--nav-bg:#fff}:root[data-theme=dark]{--bg:#0e0f10;--bg-elevated:#17191b;--card:#1c1f21;--text:#f2f5f3;--text-muted:#9aa8a3;--border:#2a2d2f;--accent:var(--color-green);--accent-dark:#22c55e;--danger:#ff6b6f;--nav-bg:#17191b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0f10;--bg-elevated:#17191b;--card:#1c1f21;--text:#f2f5f3;--text-muted:#9aa8a3;--border:#2a2d2f;--accent:var(--color-green);--accent-dark:#22c55e;--danger:#ff6b6f;--nav-bg:#17191b}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f4f6f5;--bg-elevated:#fff;--card:#fff;--text:#12181a;--text-muted:#5b6b66;--border:#e1e6e4;--accent:var(--color-green);--accent-dark:var(--color-green-dark);--danger:var(--color-red);--nav-bg:#fff}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{background:var(--bg);flex-direction:column;flex:1;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex}@media (width>=720px){body{background:var(--bg-elevated)}.app-shell{border-radius:var(--radius-lg);max-width:640px;min-height:calc(100vh - 32px);margin:16px auto;overflow:hidden;box-shadow:0 20px 60px -20px #00000059}}.app-main{flex:1;padding:16px 16px 88px;overflow-y:auto}.top-bar{background:color-mix(in srgb, var(--bg-elevated) 85%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.top-bar h1{margin:0;font-size:18px;font-weight:700}.theme-toggle{border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 10px;font-size:16px}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;display:flex;position:sticky;bottom:0}.bottom-nav a{border-radius:var(--radius-sm);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:600;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{font-size:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px;animation:.28s both card-in;box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000002e}.card h2,.card h3{margin-top:0}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#06210f;box-shadow:0 6px 16px -6px #1db9548c}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-orange{background:linear-gradient(135deg, var(--color-orange), #e6720a);color:#2a1600;box-shadow:0 6px 16px -6px #ff8c1a80}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-sm{width:auto;padding:8px 12px;font-size:13px}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--border) 25%, var(--bg-elevated) 50%, var(--border) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}input[type=text],input[type=number],input[type=password],select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);padding:12px;font-size:15px}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:14px}.pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill-captain{color:var(--color-orange);background:#ff8c1a26}.pill-intermediate{color:var(--accent);background:#1db95426}.pill-beginner{color:var(--text-muted);background:#80808026}.amount-positive{color:var(--accent);font-weight:700}.amount-negative{color:var(--danger);font-weight:700}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.list-item:last-child{border-bottom:none}button.list-item{all:unset;box-sizing:border-box;border-bottom:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;justify-content:space-between;align-items:center;padding:12px 0;display:flex}button.list-item:last-child{border-bottom:none}button.list-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px}.step-indicator{gap:6px;margin-bottom:16px;display:flex}.step-indicator .dot{background:var(--border);border-radius:2px;flex:1;height:4px}.step-indicator .dot.active{background:var(--accent)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(90px);opacity:.32;z-index:0;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.login-page:before{background:var(--color-green);top:-110px;left:-110px}.login-page:after{background:var(--color-orange);bottom:-130px;right:-110px}.login-card{z-index:1;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:24px;width:100%;max-width:380px;padding:36px 28px 28px;position:relative;box-shadow:0 30px 80px -28px #00000080,0 2px 8px #0000000f}.login-badge{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;font-size:28px;display:flex;box-shadow:0 12px 28px -10px #1db9548c}.login-title{text-align:center;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.login-subtitle{text-align:center;color:var(--text-muted);margin:6px 0 28px;font-size:13.5px}.role-switch{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:flex;position:relative}.role-switch button{z-index:1;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-size:14px;font-weight:700;transition:color .2s;display:flex;position:relative}.role-switch button.active{color:#06210f}.role-switch .slider{background:linear-gradient(135deg, var(--accent), var(--accent-dark));z-index:0;border-radius:10px;position:absolute;inset:0;box-shadow:0 6px 16px -6px #1db95480}.login-input-wrap{position:relative}.login-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrap input{padding-left:40px}.login-input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.login-error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:10px;align-items:center;gap:6px;margin-top:-2px;margin-bottom:14px;padding:9px 12px;font-size:12.5px;display:flex}