:root{font-family:DM Sans,system-ui,sans-serif;color:#edf2ff;background:#080c18;font-synthesis:none;--bg:#080c18;--surface:#101728;--surface2:#151e33;--line:#26314a;--muted:#94a2bc;--primary:#ff8a3d;--primary2:#ffb36f;--danger:#ff586c}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:#33405d transparent}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -10%,#1b2545 0,transparent 30%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;padding:28px 18px 20px;border-right:1px solid var(--line);background:#0a0f1cf2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-mark,.mobile-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#14101a;font:800 22px Manrope;background:linear-gradient(135deg,var(--primary2),var(--primary));box-shadow:0 7px 25px #ff8a3d33}.brand strong{display:block;font:800 19px Manrope}.brand span{font-size:11px;color:var(--muted)}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:10px;padding:11px 13px;color:var(--muted);background:transparent;text-align:left;font-weight:600}nav button i{display:grid;place-items:center;width:22px;font-size:21px;font-style:normal}nav button:hover{background:#141d31;color:#fff}nav button.active{background:linear-gradient(90deg,#ff8a3d22,transparent);color:#fff;box-shadow:inset 3px 0 var(--primary)}nav button.active i{color:var(--primary)}.privacy{margin-top:auto;padding:14px;display:flex;gap:10px;border:1px solid #234b42;border-radius:12px;background:#10241f}.privacy>span,.local-dot{color:#55d39a;font-size:10px}.privacy strong,.privacy small{display:block}.privacy strong{font-size:12px}.privacy small{font-size:10px;color:#87b5a4;margin-top:2px}main{grid-column:2;min-width:0}.page{max-width:1440px;margin:auto;padding:52px clamp(24px,4vw,64px) 70px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.page-head h1{font:800 clamp(28px,3vw,42px)/1.15 Manrope;margin:7px 0 8px;letter-spacing:-1.2px}.page-head p{max-width:690px;color:var(--muted);margin:0;line-height:1.55}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.primary,.button,button{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#172137;color:#eaf0fc;font-weight:700}.primary{background:linear-gradient(135deg,var(--primary2),var(--primary));border-color:transparent;color:#1b1210;box-shadow:0 7px 20px #ff8a3d22}.primary:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.danger{border-color:#643040;background:#321a25;color:#ff93a0}.danger-text{border:0;background:transparent;color:#ff7183;padding:5px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:13px;margin-bottom:24px}.kpi-grid.compact{grid-template-columns:repeat(4,1fr)}.kpi{position:relative;overflow:hidden;padding:19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#131b2e,#0e1525)}.kpi:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--accent,transparent)}.kpi span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.kpi strong{font:700 20px Manrope}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.chart-card,.panel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#10182a,#0d1423);box-shadow:0 15px 35px #0002}.chart-card h3{font:700 15px Manrope;margin:20px 22px 0}.panel{margin-top:20px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h2{font:700 18px Manrope;margin:0}.panel-head span,.list-card span{font-size:12px;color:var(--muted)}.empty{min-height:190px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty span{font-size:40px;color:#4c5870}.empty p{margin:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #202a40;font-size:13px}th{position:sticky;top:0;color:#8e9cb6;background:#11192a;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{color:#d6deed}.actions{display:flex;gap:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#02050dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(690px,100%);max-height:90vh;overflow:auto;border:1px solid #33405d;border-radius:17px;background:#11192a;box-shadow:0 30px 100px #000}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line);background:#11192a}.modal h2{margin:0;font:700 21px Manrope}.icon-button{padding:4px 10px;border:0;background:transparent;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:23px}.field{display:grid;gap:7px}.field>span{font-size:12px;color:#aab5ca;font-weight:700}.field:has(textarea){grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #34415b;border-radius:8px;background:#0b1120;color:#f4f7ff;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff8a3d18}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.formula-note,.caution,.warning{border:1px solid #4b3d28;border-radius:13px;background:#211b14;padding:17px 20px;margin-bottom:20px}.formula-note strong{color:#ffc382}.formula-note p,.caution p,.warning p{margin:6px 0 0;color:#c8bca9;font-size:13px;line-height:1.55}.cards-list{padding:5px 20px}.list-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 3px;border-bottom:1px solid #222c42}.list-card div>strong,.list-card div>span{display:block}.list-card p{font-size:12px;color:var(--muted);margin:5px 0 0}.dropzone{position:relative;padding:56px 25px;text-align:center;border:1px dashed #4b5c7e;border-radius:18px;background:linear-gradient(145deg,#121a2e,#0c1322)}.dropzone:hover{border-color:var(--primary)}.drop-icon,.big-icon{color:var(--primary);font-size:43px}.dropzone h2{margin:12px 0 7px;font:700 21px Manrope}.dropzone p{color:var(--muted);margin:0 0 22px}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone label{display:inline-block;cursor:pointer}.progress{display:flex;align-items:center;gap:15px;margin-top:16px;padding:15px 18px;border:1px solid #304164;border-radius:12px;background:#111c34}.progress p{margin:3px 0 0;color:var(--muted);font-size:12px}.spinner{width:24px;height:24px;border:3px solid #384762;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.import-list{padding:10px 20px}.import-card{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.file-badge{background:#26344e;color:#ffaf70;border-radius:7px;padding:8px 7px;font-size:11px;font-weight:800}.import-main{flex:1}.import-main>strong,.import-main>span{display:block}.import-main>span{color:var(--muted);font-size:12px;margin-top:3px}.mini-stats{display:flex;flex-wrap:wrap;gap:15px;margin-top:11px}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats b{display:block;color:#dfe6f5;margin-top:2px}.status{font-size:11px;color:#8da1c3;text-transform:uppercase}.import-card.listo .status{color:#55d39a}.error{color:#ff7183;margin:6px 0;font-size:13px}.back{border:0;background:transparent;padding:0;color:var(--muted);margin-bottom:25px}.series-stack{display:grid;gap:17px}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.activity-card{border:0;border-radius:0;background:#101728;padding:20px;display:flex;text-align:left;align-items:center;gap:17px}.activity-card:hover{background:#151e33}.activity-date{display:grid;place-items:center;width:50px;height:55px;border-radius:10px;background:#1d2840}.activity-date span{font:800 20px Manrope}.activity-date small{color:var(--primary);text-transform:uppercase}.activity-info{flex:1;min-width:0}.activity-info>strong,.activity-info>span{display:block;overflow:hidden;text-overflow:ellipsis}.activity-info>span{font-size:11px;color:var(--muted);margin-top:3px}.activity-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.activity-metrics b{font-size:11px}.power{color:var(--primary)!important}.heart{color:#ff6274!important}.chevron{color:#66738d;font-size:27px}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.record-card{text-align:left;padding:22px;border-radius:14px;background:linear-gradient(145deg,#151e33,#0e1524)}.record-card>*{display:block}.record-duration{color:var(--muted);font-size:12px}.record-card>strong{font:800 30px Manrope;color:var(--primary);margin:8px 0}.record-card small{color:#6f7d98;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card i{font-style:normal;color:#b7c2d7;font-size:12px;margin-top:15px}.caution{display:flex;gap:13px;background:#181d2a;border-color:#39445b}.caution>span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#27344d;color:#b8c6de;font-weight:800}.caution p{color:#aeb9ce;margin:0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#101728;margin-bottom:18px}.filters input[type=range]{padding:8px 0;accent-color:var(--primary);border:0}.pair{display:flex;gap:17px}.warning{border-color:#7c572f;background:#2a2015}.warning strong{color:#ffbe74}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.backup-card{text-align:center;padding:32px}.backup-card h2{font:700 19px Manrope;margin:9px}.backup-card p{color:var(--muted);font-size:13px;max-width:450px;margin:0 auto 20px}.backup-card .button{display:inline-block;cursor:pointer}.toast-inline{border:1px solid #315347;border-radius:10px;background:#12261f;color:#87dbb9;padding:12px 15px;margin-bottom:15px}.preview{padding:21px}.preview h2,.preview p{margin:0}.preview p{color:var(--muted);font-size:12px;margin-top:4px}.preview-counts{display:flex;gap:25px;margin:20px 0}.preview-counts span{color:var(--muted);font-size:12px}.preview-counts b{display:block;color:#fff;font-size:20px}.button-row{display:flex;gap:10px;padding:20px}.danger-zone{margin-top:25px;border:1px solid #613140;border-radius:14px;background:#21121a;padding:22px}.danger-zone h2{color:#ff7183;margin:0;font:700 18px Manrope}.danger-zone p,.danger-zone label{color:#bd98a1;font-size:13px}.delete-row{display:flex;gap:10px;margin-top:10px}.delete-row input{max-width:380px;border-color:#633143}.mobile-bar{display:none}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px clamp(24px,4vw,64px);color:#65728d;font-size:11px}.update-toast{position:fixed;z-index:100;right:20px;bottom:20px;display:flex;align-items:center;gap:15px;width:min(450px,calc(100% - 40px));padding:15px;border:1px solid #53627e;border-radius:13px;background:#172137;box-shadow:0 20px 50px #0008}.update-toast div{flex:1}.update-toast p{margin:2px 0 0;color:var(--muted);font-size:11px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.records-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.app-shell{display:block}.sidebar{transform:translate(-105%);transition:transform .25s}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:0;border-radius:0;background:#0009}.mobile-bar{position:sticky;top:0;z-index:10;height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b1120ef;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.menu-button{border:0;background:transparent;padding:5px;font-size:20px}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand span{width:29px;height:29px;border-radius:8px;font-size:16px}.page{padding:30px 16px 55px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.page-head .primary{width:100%}.kpi-grid,.kpi-grid.compact{grid-template-columns:repeat(2,1fr)}.chart-grid,.backup-grid,.activity-grid{grid-template-columns:1fr}.records-grid,.filters{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field:has(textarea),.form-actions{grid-column:1}.preview-counts{display:grid;grid-template-columns:1fr 1fr}.delete-row{flex-direction:column}.delete-row input{max-width:none}footer{padding:18px 16px}}@media(max-width:460px){.kpi-grid,.kpi-grid.compact{grid-template-columns:1fr 1fr}.kpi{padding:15px 13px}.kpi strong{font-size:16px}.records-grid,.filters{grid-template-columns:1fr}.activity-card{padding:15px 12px}.activity-date{display:none}.mini-stats{display:grid;grid-template-columns:1fr 1fr}.import-card{position:relative}.import-card .status{position:absolute;right:0}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .primary{width:100%}}.offline-banner{position:sticky;top:0;z-index:11;padding:8px 16px;text-align:center;background:#5a3b19;color:#ffd49b;font-size:12px;font-weight:700}.chart-explainer{margin:0;padding:0 22px 18px;color:var(--muted);font-size:12px;line-height:1.5}