:root{--text:#4b4f57;--text-h:#14171c;--bg:#f6f5f2;--card-bg:#fff;--border:#e2e0da;--accent:#b5502e;--accent-hover:#9c3f21;--err-bg:#fdecea;--err-text:#93291e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b8bcc4;--text-h:#f2f1ee;--bg:#15161a;--card-bg:#1d1f24;--border:#2c2e34;--accent:#d97b53;--accent-hover:#e28f6b;--err-bg:#3a1f1c;--err-text:#f2a898}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.auth-wrap{padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.auth-logo{color:var(--text-h);font-size:22px;font-weight:600}.auth-sub{color:var(--text);margin-bottom:20px;font-size:14px}.card{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:20px;display:flex}.card label{color:var(--text-h);font-size:13px;font-weight:600}.card input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:10px 12px;font-size:16px}.card input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:15px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.hint{color:var(--text);margin-top:14px;font-size:13px}.alert{background:var(--err-bg);width:100%;max-width:340px;color:var(--err-text);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{padding:calc(16px + env(safe-area-inset-top)) 20px 16px;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex}.app-content{width:100%;max-width:480px;padding:0 20px calc(84px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.app-content .card,.app-content .alert{max-width:none;margin-bottom:16px}.app-content .card h3{color:var(--text-h);margin:0 0 4px;font-size:15px}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{text-align:center;color:var(--text);flex:1;padding:12px 0;font-size:13px;font-weight:600;text-decoration:none}.bottom-nav-item.active{color:var(--accent)}.stack{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:12px;display:flex}.row input{flex:1;min-width:0}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 12px}.list-item.selected{border-color:var(--accent)}.list-item .hint{margin-top:4px}.list-item .row{margin-top:8px}.masquerade-banner{background:var(--accent);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.masquerade-banner .link-btn{color:#fff;white-space:nowrap;text-decoration:underline}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:360px}.work-item-photo-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:64px;height:64px}.contract-summary{margin-bottom:16px}.contract-amount{color:var(--text-h);margin-bottom:10px;font-size:28px;font-weight:700}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.contract-summary .hint{margin-top:8px;margin-bottom:0}.tab-bar{border-bottom:1px solid var(--border);margin-bottom:12px;display:flex}.tab-bar-item{color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-size:14px;font-weight:600}.tab-bar-item.active{color:var(--accent);border-bottom-color:var(--accent)}