:root{--bg:#0a0f16;--sidebar:#0d141e;--surface:#111a26;--surface2:#172231;--line:#263447;--text:#edf3f8;--muted:#8fa0b3;--accent:#4ed6a8;--accent2:#2fb68c;--orange:#ffb45b;--red:#ff6f73;--blue:#61aef8;--radius:16px;font-family:Inter,Segoe UI,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;font-size:16px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.45rem);margin-bottom:0;letter-spacing:-.04em}h2{font-size:1.06rem;margin-bottom:18px}.muted{color:var(--muted)}.small-text{font-size:.86rem}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:7px}.hidden{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:25px 15px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,var(--accent),#187c69);display:grid;place-items:center;font-size:1.25rem;font-weight:900;color:#06130f;box-shadow:0 10px 28px #4ed6a822}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:1rem}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;text-align:left;border-radius:10px;padding:11px 12px;color:var(--muted);display:flex;align-items:center;gap:12px}.sidebar nav button i{font-style:normal;width:20px;text-align:center;font-size:1.05rem}.sidebar nav button:hover,.sidebar nav button.active{background:var(--surface2);color:var(--text)}.sidebar nav button.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px 10px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem}.sidebar-foot button{background:none;border:0;color:var(--muted);font-size:.75rem}.mobile-header{display:none}
.content{margin-left:245px;padding:38px clamp(24px,4vw,60px);max-width:1540px}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}.button-row{display:flex;gap:10px}button{border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:10px 14px;font-weight:650}button:hover{border-color:#456078}.primary{background:var(--accent);border-color:var(--accent);color:#07150f}.primary:hover{background:#67e3bb;border-color:#67e3bb}.text-button,.icon-button{border:0;background:transparent;color:var(--accent);padding:4px}.icon-button{font-size:1.3rem}.card{background:linear-gradient(150deg,var(--surface),#0f1722);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.stat span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:9px}.stat strong{font-size:1.55rem}.stat em{font-style:normal;color:var(--muted);font-size:.75rem;margin-left:4px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.span2{grid-column:span 2}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.week-strip{display:flex;align-items:center;gap:13px;margin-bottom:16px;color:var(--muted)}.week-strip button,.calendar-toolbar button{border:0;background:var(--surface);padding:7px 11px}.week-strip div{display:flex;gap:9px;font-size:.83rem}.week-strip strong{color:var(--text)}
.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.sport-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#4ed6a818;color:var(--accent);font-weight:800}.list-main strong,.list-main span{display:block}.list-main span{color:var(--muted);font-size:.78rem;margin-top:4px}.list-meta{text-align:right;color:var(--muted);font-size:.78rem}.list-meta strong{display:block;color:var(--text);font-size:.9rem}.delete{border:0;background:none;color:var(--muted);padding:5px;margin-left:8px}.delete:hover{color:var(--red)}.empty{padding:25px 8px;text-align:center;color:var(--muted)}.badge{display:inline-block;border-radius:20px;background:#4ed6a81a;color:var(--accent);font-size:.72rem;padding:4px 8px}.badge.orange{background:#ffb45b18;color:var(--orange)}.badge.red{background:#ff6f7318;color:var(--red)}.progress{height:7px;background:#263447;border-radius:10px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;background:var(--accent);border-radius:10px}.goal-card{padding:10px 0 14px;border-bottom:1px solid var(--line)}.goal-card:last-child{border-bottom:0}.goal-top{display:flex;justify-content:space-between;gap:8px}.goal-top span{color:var(--muted);font-size:.75rem}.recovery-score{display:flex;align-items:center;gap:18px}.score-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;border:7px solid var(--accent);font-size:1.35rem;font-weight:800}.notice{border:1px solid #ffb45b40;background:#ffb45b0d;color:#eac18e;padding:13px 16px;border-radius:12px;margin-bottom:15px;font-size:.86rem}
.calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:13px}.calendar-toolbar h2{margin:0;min-width:190px;text-align:center}.calendar{padding:12px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{padding:10px;color:var(--muted);font-size:.75rem;font-weight:700}.calendar-day{min-height:112px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:8px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.out{opacity:.35}.calendar-day.today .day-number{background:var(--accent);color:#06130f}.day-number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;margin-bottom:5px}.calendar-item{font-size:.68rem;padding:4px 6px;border-radius:6px;margin:3px 0;background:#61aef81a;color:#91c9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-item.done{background:#4ed6a81a;color:var(--accent)}
.bar-row{display:grid;grid-template-columns:100px 1fr 48px;gap:9px;align-items:center;margin:13px 0;font-size:.8rem}.bar-track{height:9px;background:#263447;border-radius:9px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:9px}.setting-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.integration{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);text-transform:capitalize}
dialog{width:min(680px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:0;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#03070bb8;backdrop-filter:blur(4px)}#entry-form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-size:1.5rem;margin:0}.modal-head button{background:transparent;border:0;font-size:1.6rem;padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{color:var(--muted);font-size:.78rem;font-weight:650}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;display:block;margin-top:7px;background:#0b121b;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:11px 12px;min-height:43px}.form-grid textarea{min-height:88px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}#toast{position:fixed;right:25px;bottom:25px;background:var(--accent);color:#06130f;border-radius:10px;padding:12px 18px;font-weight:700;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;z-index:50}#toast.show{opacity:1;transform:none}
.login-body{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#143629 0,transparent 30%),var(--bg);padding:20px}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 28px 90px #0008}.login-card h1{font-size:2rem;margin:14px 0 8px}.login-card .brand-mark{margin-bottom:23px}.stack{display:grid;gap:16px;margin-top:28px}.stack label{color:var(--muted);font-size:.8rem}.stack input{display:block;width:100%;margin-top:7px;background:#0b121b;border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--text)}.error{color:var(--red);font-size:.82rem;margin:0}
canvas{width:100%;max-width:100%}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-header{height:58px;display:flex;position:sticky;top:0;z-index:15;background:#0d141eee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 15px}.mobile-header button{border:0;background:none;font-size:1.25rem;padding:5px}.content{margin-left:0;padding:24px 16px}.dashboard-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}}
@media(max-width:650px){.page-head{align-items:flex-start}.page-head>.primary,.page-head>.button-row{display:none}.dashboard-grid,.split{grid-template-columns:1fr}.span2{grid-column:span 1}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:1.25rem}.calendar{overflow-x:auto}.weekdays,.calendar-grid{min-width:680px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.list-row{gap:9px}.content{padding-top:20px}}