@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700');
:root{--bg:#101016;--surface:#191922;--surface-2:#22222d;--line:#30303c;--text:#f4f4f6;--muted:#9898a7;--blue:#6386ff;--green:#42cb99;--red:#fb6d82;--amber:#f5b751}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.45 Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.demo-bar{height:34px;padding:8px 24px;text-align:center;font-size:12px;color:#bbbccc;background:#16161e;border-bottom:1px solid var(--line)}.app-shell{min-height:calc(100vh - 34px);display:flex}.sidebar{width:242px;padding:24px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.5px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#8fa6ff,#5968e9);color:#fff}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px;color:var(--muted);border-radius:8px;font-weight:500}.nav-item:hover,.nav-item.is-active{background:var(--surface-2);color:var(--text)}.nav-dot{width:7px;height:7px;border-radius:50%;background:#5a5a68}.nav-item.is-active .nav-dot{background:var(--blue);box-shadow:0 0 12px var(--blue)}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding:18px 8px 0;display:flex;gap:9px;align-items:center}.sidebar-bottom strong,.sidebar-bottom small{display:block;font-size:12px}.sidebar-bottom small,small,.muted{color:var(--muted)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#34334a}.main-content{width:min(1320px,100%);padding:42px clamp(22px,4vw,64px);margin:0 auto}.page-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{margin:2px 0;font-size:30px;letter-spacing:-1px}.eyebrow{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1px;margin:0}.button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:10px 14px;font-weight:600;box-shadow:0 8px 18px #0003}.button.secondary{background:var(--surface-2)}.button.danger{background:#4a202b;color:#ff9aaa}.button.full{width:100%;margin-top:10px}.tabs{display:flex;gap:22px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs a{padding:0 0 11px;color:var(--muted);white-space:nowrap}.tabs a.active,.tabs a:hover{color:var(--text);border-bottom:2px solid var(--blue)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.task-layout{display:grid;grid-template-columns:230px minmax(360px,1fr) 230px;gap:16px}.lists-panel,.day-panel{padding:16px;align-self:start}.panel-title,.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{font-weight:600}.icon-button{border:0;color:var(--muted);background:transparent;font-size:18px}.list-link,.note-link{display:flex;align-items:center;gap:8px;padding:9px 4px;color:#d8d8df}.list-link i{width:9px;height:9px;border-radius:50%}.list-link span{margin-left:auto;color:var(--muted)}.task-panel{padding:8px 16px}.task-row,.transaction,.managed-list{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #292933}.task-row div{display:grid;gap:2px}.check{width:18px;height:18px;flex:none;border-radius:50%;border:1px solid #686879;background:none}.check.done{background:var(--green);border-color:var(--green)}.priority{margin-left:auto;color:var(--amber);font-size:11px}.progress{height:6px;overflow:hidden;background:#30303b;border-radius:10px;margin:18px 0 7px}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6084ff,#9aabff)}.modal{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:26px;width:min(480px,calc(100vw - 32px))}.modal::backdrop{background:#050509aa;backdrop-filter:blur(3px)}.modal input,.modal textarea,.auth-card input,.search,select{width:100%;color:var(--text);background:#111118;border:1px solid var(--line);border-radius:7px;padding:11px;margin:8px 0}.modal textarea{min-height:90px}.modal-close{float:right;background:transparent;border:0;color:var(--muted)}.upload{display:block;color:#b7c4ff;border:1px dashed #505a86;border-radius:8px;padding:11px;margin-top:12px}.modal-actions{display:flex;justify-content:end;gap:8px;margin-top:20px}.calendar{overflow:auto}.calendar-head,.calendar-row{min-width:760px;display:grid;grid-template-columns:58px repeat(7,1fr)}.calendar-head span{padding:14px;text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}.calendar-row{min-height:62px}.calendar-row>*{border-right:1px solid #292933;border-bottom:1px solid #292933;padding:5px}.event{margin:5px;border-radius:5px;color:#cbd4ff;background:#29376d;font-size:11px}.habit-board{padding:18px;overflow:auto}.habit-row{min-width:720px;display:grid;grid-template-columns:14px 150px 1fr 48px;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #292933}.color-bullet{width:10px;height:10px;border-radius:50%}.heatmap{display:grid;grid-template-columns:repeat(31,1fr);gap:3px}.heatmap i{aspect-ratio:1;border-radius:2px;background:#30303c}.heatmap i.filled{background:#5278e8}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{padding:17px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:9px;font-size:20px}.positive{color:var(--green)}.negative{color:var(--red)}.transaction{padding:13px 18px}.transaction b{margin-left:auto}.transaction-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#303040}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.goal-card{overflow:hidden;padding:0 18px 18px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.goal-cover{height:88px;margin:0 -18px 15px;background:linear-gradient(125deg,#282c47,#202027)}.journal{display:grid;grid-template-columns:280px 1fr;gap:16px}.journal .panel{padding:16px}.editor{min-height:420px}.focus-card{margin:80px auto;max-width:480px;padding:44px;text-align:center;border-radius:18px;background:radial-gradient(circle at top,#282c55,var(--surface));border:1px solid #394069}.focus-card strong{display:block;margin:10px 0;font-size:74px;letter-spacing:-5px}.settings{display:grid;gap:16px;max-width:760px}.setting-section{padding:20px}.setting-section h2{margin:0 0 3px;font-size:17px}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #292933;margin-top:17px;padding-top:15px}.setting-line small{display:block}.segmented{display:flex;background:#111118;padding:3px;border-radius:7px}.segmented button{color:var(--muted);background:transparent;border:0;border-radius:5px;padding:5px 9px}.segmented button.selected{color:#fff;background:#383845}.api-note{margin:14px 0 0;color:#a8acc6;font-size:12px}.api-token{overflow-wrap:anywhere;padding:10px;color:#c8d2ff;background:#111118;border:1px solid #3a3c50;border-radius:7px;font-family:monospace}.list-manager,.history{max-width:760px;padding:8px 18px}.folder{width:12px;height:12px;border-radius:3px}.managed-list .icon-button{margin-left:auto}.history{margin-bottom:16px}.auth-page{min-height:100vh;display:grid;place-content:center;padding:24px;background:radial-gradient(circle at 50% 0,#242641 0,var(--bg) 45%)}.auth-brand{justify-content:center;margin-bottom:24px}.auth-card{width:min(400px,calc(100vw - 48px));padding:28px;border:1px solid var(--line);border-radius:14px;background:#171720e8;box-shadow:0 30px 70px #0006}.auth-card h1{margin:5px 0 22px;font-size:27px;letter-spacing:-1px}.auth-card label{display:grid;gap:3px;color:#d7d7df;font-size:12px;font-weight:600}.form-error{color:#ff9aaa;font-size:12px}.text-link{color:#92a8ff}.empty{color:var(--muted);padding:18px 0}.docs{max-width:860px;margin:0 auto;padding:48px 24px 80px}.docs h1{font-size:38px;letter-spacing:-1.5px}.docs section{padding:22px 0;border-top:1px solid var(--line)}.docs h2{font-size:18px}.docs pre{overflow:auto;padding:14px;border-radius:8px;background:#09090e;color:#b8c6ff}.docs table{width:100%;border-collapse:collapse;text-align:left}.docs th,.docs td{padding:10px;border-bottom:1px solid var(--line)}@media(max-width:900px){.sidebar{width:68px;padding:18px 10px}.brand{padding:0 10px 24px}.brand span:last-child,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-dot{width:10px;height:10px}.sidebar-bottom div{display:none}.task-layout{grid-template-columns:1fr}.lists-panel,.day-panel{display:none}.metric-grid,.goal-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:28px 20px}}@media(max-width:580px){.demo-bar{text-align:left;white-space:nowrap;overflow:hidden}.sidebar{display:none}.page-head h1{font-size:25px}.metric-grid,.goal-grid,.journal{grid-template-columns:1fr}.metric-grid{gap:8px}.focus-card{margin:30px 0;padding:32px 16px}.focus-card strong{font-size:58px}}