:root{--navy: #0A1628;--navy-mid: #0D1F3C;--navy-light: #132848;--blue: #2A6DD9;--blue-light: #3D8EF0;--teal: #00C9A7;--teal-light: #00E5C0;--green: #00E676;--grad-start: #2A6DD9;--grad-end: #00C9A7;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(0, 201, 167, .15);--text-primary: #F0F8FF;--text-secondary: #7FA8C9;--text-muted: #4A6F8A;--danger: #FF5252;--warning: #FFB300}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--navy);color:var(--text-primary);font-family:Trebuchet MS,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{max-width:430px;margin:0 auto;min-height:100vh;position:relative;background:var(--navy);box-shadow:0 0 80px #00c9a71a;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:15px;color:var(--text-primary);background:var(--navy-light);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;width:100%;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:var(--teal-light);text-decoration:none}.gradient-text{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-bg{background:linear-gradient(135deg,var(--grad-start),var(--grad-end))}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px;position:relative;overflow:hidden}.app-header{background:linear-gradient(160deg,var(--navy-mid) 0%,var(--navy) 100%);padding:52px 20px 20px;position:relative;border-bottom:1px solid var(--card-border);overflow:hidden}.app-header-glow-1{position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,201,167,.13),transparent 70%);pointer-events:none}.app-header-glow-2{position:absolute;bottom:-30px;left:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(42,109,217,.1),transparent 70%);pointer-events:none}.app-logo-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.app-logo-box{width:40px;height:40px;border-radius:11px;overflow:hidden;box-shadow:0 4px 16px #00c9a754;flex-shrink:0}.app-logo-box img{width:100%;height:100%;object-fit:cover}.app-name{font-size:22px;font-weight:900}.app-tagline{color:var(--text-secondary);font-size:12px;margin-top:6px;position:relative;z-index:1}.stats-row{display:flex;gap:8px;margin-top:16px;position:relative;z-index:1}.stat-card{flex:1;background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;padding:10px 8px;text-align:center}.stat-value{font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--stat-color, var(--teal)),var(--teal-light));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{color:var(--text-muted);font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin-top:2px}.health-bar-track{background:#ffffff14;border-radius:4px;height:7px}.health-bar-fill{height:7px;border-radius:4px;background:linear-gradient(135deg,var(--grad-start),var(--grad-end));box-shadow:0 0 14px #00c9a766;transition:width 1s ease}.fab{position:fixed;bottom:86px;right:calc(50% - 201px);background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;border:none;border-radius:30px;padding:13px 22px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #00c9a759;display:flex;align-items:center;gap:8px;z-index:5}.check-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:13px;color:#fff;transition:all .2s}.check-circle.done{border-color:var(--teal);background:linear-gradient(135deg,var(--grad-start),var(--grad-end));box-shadow:0 0 12px #00c9a770}.toggle-switch{width:46px;height:26px;border-radius:13px;background:#ffffff1a;position:relative;cursor:pointer;border:1px solid transparent;transition:background .2s}.toggle-switch.on{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));border-color:#00c9a745;box-shadow:0 0 10px #00c9a733}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:left .2s}.toggle-switch.on .toggle-thumb{left:22px}.btn-primary{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;font-weight:700;border-radius:13px;padding:14px 20px;font-size:15px;width:100%;text-align:center}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--navy-light);border:1px solid var(--card-border);color:var(--text-primary);border-radius:13px;padding:14px 20px;font-size:15px;width:100%;text-align:center}.chip{border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary)}.chip.active{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;border:none}::-webkit-scrollbar{display:none}.page{padding:20px 16px 100px;min-height:100vh}.label{font-size:13px;color:var(--text-secondary);font-weight:600;margin-bottom:6px;display:block}.error-text{color:var(--danger);font-size:13px;margin-top:6px}