:root{--bg: #f7f6f4;--surface: #ffffff;--surface-soft: rgba(255,255,255,.78);--surface-strong: #ffffff;--surface2: rgba(0,0,0,.03);--text: #151515;--muted: #6b6b6b;--muted2: #9a9a9a;--border: rgba(0,0,0,.1);--topbar: rgba(247,246,244,.88);--input-bg: rgba(255,255,255,.78);--page-bg: radial-gradient(900px 500px at 10% 0%, rgba(58,125,93,.1), transparent 60%), #f7f6f4;--accent-gradient: linear-gradient(135deg, rgba(58,125,93,.18), rgba(111,175,139,.12));--accent-fill: rgba(58,125,93,.1);--accent-border: rgba(58,125,93,.24);--danger-text: #b00020;--shadow: 0 10px 30px rgba(0,0,0,.08);--radius: 18px;color-scheme:light}:root[data-theme=dark]{--bg: #111214;--surface: #191b1f;--surface-soft: rgba(30,32,36,.88);--surface-strong: #202227;--surface2: rgba(255,255,255,.06);--text: #f4f1ec;--muted: #aaa8a4;--muted2: #85878d;--border: rgba(255,255,255,.12);--topbar: rgba(17,18,20,.9);--input-bg: rgba(255,255,255,.07);--page-bg: radial-gradient(900px 500px at 10% 0%, rgba(58,125,93,.1), transparent 60%), #111214;--accent-gradient: linear-gradient(135deg, rgba(90,120,255,.22), rgba(255,120,170,.16));--accent-fill: rgba(90,120,255,.14);--accent-border: rgba(130,150,255,.24);--danger-text: #ff6b7a;--shadow: 0 10px 30px rgba(0,0,0,.32);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #111214;--surface: #191b1f;--surface-soft: rgba(30,32,36,.88);--surface-strong: #202227;--surface2: rgba(255,255,255,.06);--text: #f4f1ec;--muted: #aaa8a4;--muted2: #85878d;--border: rgba(255,255,255,.12);--topbar: rgba(17,18,20,.9);--input-bg: rgba(255,255,255,.07);--page-bg: radial-gradient(900px 500px at 10% 0%, rgba(58,125,93,.1), transparent 60%), #111214;--accent-gradient: linear-gradient(135deg, rgba(90,120,255,.22), rgba(255,120,170,.16));--accent-fill: rgba(90,120,255,.14);--accent-border: rgba(130,150,255,.24);--danger-text: #ff6b7a;--shadow: 0 10px 30px rgba(0,0,0,.32);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}h1{margin:0 0 6px;font-size:28px;letter-spacing:-.02em}p{margin:0}#root{width:100%;max-width:none;margin:0;padding:0}html,body,#root{max-width:100%;overflow-x:hidden}@media(max-width:640px){.app-topbar{padding:8px 12px!important;gap:8px!important}.app-logo{height:72px!important}.client-row{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:start!important;gap:10px!important}.client-main{min-width:0!important}.client-topline{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}.client-date{min-width:0!important;text-align:left!important}.client-actions{grid-column:1 / -1;width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.client-actions button{width:100%;min-width:0;padding:10px 5px!important;font-size:13px!important}.theme-switcher{bottom:max(8px,env(safe-area-inset-bottom))!important;padding:3px!important;gap:1px!important}.theme-switcher button{padding:6px 7px!important;font-size:11px!important}}@media(max-width:640px){.reset-demo-btn{display:none!important}.new-client-btn{left:auto!important;right:16px!important;bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px))!important;width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(58,125,93,.35)!important;background:linear-gradient(135deg,#3a7d5d,#5c9e78)!important;color:#fff!important;font-size:0!important;display:grid!important;place-items:center!important;box-shadow:0 8px 24px #0003!important}.new-client-btn:before{content:"+";font-size:30px;line-height:1;font-weight:400;transform:translateY(-1px)}.theme-toggle{width:32px!important;height:32px!important;font-size:14px!important}}.login-submit{background-color:#3a7d5d!important;background-image:linear-gradient(135deg,#3a7d5d,#5c9e78)!important;color:#fff!important;border:1px solid #3a7d5d!important;box-shadow:0 8px 24px #3a7d5d3d!important;forced-color-adjust:none}.login-submit:hover{filter:brightness(1.05)}