*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1d24;--surface: #242832;--surface-2: #2d313c;--border: rgba(255, 255, 255, .08);--text: #e5e7eb;--text-muted: #6b7280;--text-dim: #9ca3af;--accent: #7c5cff;--accent-hover: #8b6dff;--accent-soft: rgba(124, 92, 255, .18);--green: #4ade80;--red: #f87171;--yellow: #fbbf24;--blue: #60a5fa;--cyan: #22d3ee;--pink: #f472b6;--purple-soft: #a78bfa;--gold: #d4a843;--gold-soft: rgba(212, 168, 67, .14);--gold-border: rgba(212, 168, 67, .5)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}.app{display:flex;min-height:100vh;width:100%}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.75rem 0;position:sticky;top:0;height:100vh}.sidebar-brand{padding:0 1.5rem 1.75rem;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:.65rem}.sidebar-brand-icon{width:28px;height:28px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.sidebar-nav a{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:10px;color:var(--text-dim);text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:color .15s,background .15s}.sidebar-nav a:hover{color:var(--text);background:var(--surface-2)}.sidebar-nav a:hover .tab-icon{color:var(--text)}.sidebar-nav a.active{color:var(--gold);background:var(--surface-2)}.sidebar-nav a.active .tab-icon{background:var(--gold-soft);color:var(--gold)}.sidebar-footer{margin-top:auto;padding:0 1rem}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.page-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.page-title{font-size:1.5rem;font-weight:700}.page-body{flex:1;padding:2rem;min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{width:36px;height:36px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.brand-title{font-size:1rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text)}.tab-icon{width:30px;height:30px;border-radius:8px;background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0;transition:color .15s,background .15s}main{padding-top:1rem}.date-label{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.greeting{font-size:1.875rem;font-weight:700;margin-bottom:1.75rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stats-grid.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.stat-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card-title{font-size:.875rem;color:var(--text-dim)}.stat-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.stat-icon.electric{background:#fbbf2426;color:var(--yellow)}.stat-icon.water{background:#60a5fa26;color:var(--blue)}.stat-icon.sport{background:#4ade8026;color:var(--green)}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-value-unit{font-size:.875rem;font-weight:400;color:var(--text-muted);margin-left:.35rem}.stat-delta{font-size:.8rem;color:var(--green)}.stat-delta.warn{color:var(--red)}.stat-delta.muted{color:var(--text-muted)}.panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-title{font-weight:600}.panel-link{color:var(--accent);text-decoration:none;font-size:.85rem}.panel-link:hover{text-decoration:underline}.reading-list{list-style:none;display:flex;flex-direction:column}.reading-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.reading-item:last-child{border-bottom:none}.reading-dot{width:8px;height:8px;border-radius:50%}.reading-dot.electric{background:var(--yellow)}.reading-dot.water{background:var(--blue)}.reading-type{font-size:.95rem}.reading-value{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.9rem}.reading-when{color:var(--text-muted);font-size:.8rem}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;height:170px}.bar-column{display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{flex:1;width:100%;display:flex;align-items:end}.bar{width:100%;background:var(--accent-soft);border-radius:8px;min-height:4px}.bar.active{background:var(--accent)}.bar-label{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.subtabs a{font-size:.85rem;font-weight:500;padding:.45rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);text-decoration:none;transition:color .15s,border-color .15s,background .15s}.subtabs a:hover{color:var(--text)}.subtabs a.active{color:var(--text);background:var(--surface-2);border-color:var(--accent)}.tabs-line{display:flex;gap:2rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tabs-line a{color:var(--text-dim);text-decoration:none;font-size:1rem;font-weight:500;padding:.75rem 0;position:relative;transition:color .15s}.tabs-line a:hover{color:var(--text)}.tabs-line a.active{color:var(--gold)}.tabs-line a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);border-radius:2px}.odecet-form{display:grid;grid-template-columns:150px 110px 110px 110px 1fr auto;gap:1rem;align-items:end;margin-bottom:1.25rem}.odecet-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);min-width:0}.odecet-form input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.95rem;width:100%;transition:border-color .15s}.odecet-form input:focus{outline:none;border-color:var(--gold)}.odecet-form input[type=date]{color-scheme:dark}.odecet-form input[type=number]{-moz-appearance:textfield;text-align:right;font-variant-numeric:tabular-nums}.odecet-form input[type=number]::-webkit-outer-spin-button,.odecet-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.odecet-form .form-actions{display:flex;gap:.5rem;align-items:center}.btn-warm{background:transparent;color:var(--gold);border:1px solid var(--gold-border);padding:.6rem 1.1rem;border-radius:8px;font-weight:500;font-size:.9rem;white-space:nowrap;transition:background .15s,border-color .15s}.btn-warm:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold)}.btn-warm:disabled{opacity:.5;cursor:not-allowed}.year-pills{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 1.25rem}.year-pills .label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:.25rem}.year-pill{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.35rem .85rem;border-radius:6px;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.year-pill:hover{color:var(--text);border-color:#ffffff26}.year-pill.active{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold)}.odecty-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px}.odecty-table{width:100%;border-collapse:collapse;font-size:.95rem}.odecty-table th{text-align:left;font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.85rem 1.25rem;border-bottom:1px solid var(--border)}.odecty-table td{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);vertical-align:middle}.odecty-table tr:last-child td{border-bottom:none}.odecty-table .date-cell{color:var(--text);font-weight:500}.odecty-table .num{font-size:1.05rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text)}.odecty-table .unit{font-size:.75rem;color:var(--text-muted);margin-left:.25rem}.odecty-table .note-cell{color:var(--text-dim)}.icon-only.warm{color:var(--gold);border-color:var(--gold-border)}.icon-only.warm:hover{background:var(--gold-soft);border-color:var(--gold)}.statistiky{display:flex;flex-direction:column;gap:1.25rem}.stats-overview{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.stats-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.stats-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.stats-card-title{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.chart-legend{display:flex;gap:.75rem;margin-left:auto;font-size:.75rem;color:var(--text-dim)}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.stats-elektrina-body{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:1.25rem;align-items:start}.donut-wrap{display:flex;align-items:center;justify-content:center;padding-top:.5rem}.stat-column{display:flex;flex-direction:column;gap:.7rem;min-width:0}.stat-col-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--text-dim)}.stat-col-label.end{justify-content:flex-end}.stat-col-num-box{display:inline-flex;align-items:baseline;gap:.4rem;padding:.6rem .85rem;background:var(--surface-2);border-radius:10px;align-self:flex-start}.stat-col-num{font-size:1.55rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.stat-col-unit{font-size:.8rem;color:var(--text-muted)}.delta-badge{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;font-size:.75rem;font-weight:500;padding:.3rem .65rem;border-radius:6px}.delta-badge.up{color:var(--red);background:#f871711f}.delta-badge.down{color:var(--green);background:#4ade801f}.delta-suffix{font-weight:400;opacity:.75}.stat-col-rows{display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}.stat-col-row{display:flex;align-items:baseline;justify-content:space-between;font-size:.85rem}.stat-col-row-label{color:var(--text-muted)}.stat-col-row-value{color:var(--text);font-variant-numeric:tabular-nums}.unit-tiny{color:var(--text-muted);font-size:.75rem}.period-pills{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.25rem 0 .5rem}.period-pills .label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:.25rem}.stats-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chart-card{padding:1.25rem 1rem .75rem}.bar-chart-container{width:100%}.porovnani{display:flex;flex-direction:column;gap:1rem}.year-toggles{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.25rem}.year-toggles .label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:.25rem}.year-toggle{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-dim);font-size:.85rem;font-weight:500;padding:.2rem .3rem;cursor:pointer;transition:opacity .15s,color .15s}.year-toggle:hover,.year-toggle.active{color:var(--text)}.year-toggle-box{width:14px;height:14px;border-radius:3px;border:1px solid var(--border);background:var(--surface);transition:background .15s}.year-toggle.active .year-toggle-box{background:var(--text-muted);border-color:var(--text-muted)}.year-hint{font-style:italic;color:var(--text-muted);font-size:.8rem;margin-left:.5rem}.comparison-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.comparison-row-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.comparison-row-title{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.ytd-block{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem}.ytd-label,.ytd-vs{color:var(--text-muted)}.year-boxes{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.year-box{flex:0 0 auto;padding:.55rem .85rem;border-radius:10px;border:1px solid;min-width:102px}.year-box-year{font-size:.7rem;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.2rem}.year-box-total{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.year-box-unit{font-size:.75rem;color:var(--text-muted);font-weight:400}.month-mini-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem}.month-mini{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .45rem .3rem;display:flex;flex-direction:column}.month-mini-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:88px}.month-mini-bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;min-width:4px;max-width:12px}.month-mini-label{text-align:center;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-top:.35rem}.connect-strava{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2.5rem;max-width:520px;margin:2rem auto;text-align:center}.connect-strava h2{margin-bottom:.75rem}.connect-strava p{color:var(--text-dim);margin-bottom:1.5rem;line-height:1.5}.btn-strava{display:inline-block;background:#fc4c02;color:#fff;text-decoration:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .15s}.btn-strava:hover{background:#e44400}.strava-athlete{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-dim);margin-bottom:1rem}.strava-athlete img{width:28px;height:28px;border-radius:50%}.strava-athlete strong{color:var(--text);font-weight:600}.runs-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow-x:auto}.runs-table{width:100%;border-collapse:collapse;font-size:.92rem}.runs-table th{text-align:left;font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}.runs-table th.num,.runs-table td.num{text-align:right;font-variant-numeric:tabular-nums}.runs-table td{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);vertical-align:middle}.runs-table tr:last-child td{border-bottom:none}.runs-table .date-cell{white-space:nowrap;color:var(--text-dim)}.runs-table .strong{font-weight:600}.runs-table .unit{color:var(--text-muted);font-size:.78rem;margin-left:.15rem}.kind-pill{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .55rem;border-radius:6px}.kind-venku{background:#4ade8026;color:var(--green)}.kind-pás{background:#60a5fa26;color:var(--blue)}.kind-trail{background:#d4a84326;color:var(--gold)}.sport-stats{display:flex;flex-direction:column;gap:1rem}.sport-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sport-stat{padding:1.25rem 1.5rem}.sport-stat .stat-big-delta.muted{color:var(--text-muted)}.sport-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text);padding:0;max-width:440px;width:calc(100% - 2rem);box-shadow:0 24px 70px #0000008c}.confirm-dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog[open]{animation:confirm-pop .18s ease-out}@keyframes confirm-pop{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.confirm-content{padding:1.5rem 1.75rem 1.25rem}.confirm-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.confirm-message{color:var(--text-dim);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);padding:.55rem 1.1rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--surface-2);border-color:#ffffff2e}.btn-danger{background:var(--red);color:#fff;border:1px solid transparent;padding:.55rem 1.1rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .15s}.btn-danger:hover{background:#ef4444}.records-section{display:flex;flex-direction:column;gap:1rem}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.chart-panel{padding:1.5rem;display:flex;flex-direction:column}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.chart-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.chart-subtitle:before{content:""}.trend-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;padding:.3rem .65rem;border-radius:999px}.trend-pill.good{color:var(--green);background:#4ade801a}.trend-pill.bad{color:var(--red);background:#f871711a}.chart-container{position:relative;width:100%;flex:1;min-height:0}.chart-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.line-chart{display:block}.overview-side{display:flex;flex-direction:column;gap:1rem}.stat-big{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.stat-big-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.stat-big-value{font-size:2.75rem;font-weight:700;line-height:1}.stat-big-value .unit{font-size:1rem;font-weight:500;color:var(--text-muted);margin-left:.4rem}.stat-big-delta{font-size:.85rem;margin-top:.5rem}.stat-big-delta.good{color:var(--green)}.stat-big-delta.bad{color:var(--red)}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-small{padding:1.25rem}.stat-small-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.stat-small-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat-small-unit{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.tier-low{color:var(--cyan)}.tier-mid{color:var(--purple-soft)}.tier-high{color:var(--pink)}.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.muted-count{color:var(--text-muted);font-weight:400}.record-list{list-style:none;display:flex;flex-direction:column}.record-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.record-row:last-child{border-bottom:none}.record-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.record-date{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.record-detail{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-side{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.record-value{display:flex;align-items:baseline;gap:.35rem}.value-num{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.value-unit{font-size:.8rem;color:var(--text-muted)}.record-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.record-row:hover .record-actions,.record-row:focus-within .record-actions{opacity:1}.icon-only{width:30px;height:30px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s,border-color .15s}.icon-only:hover{color:var(--text);background:var(--surface-2)}.icon-only.danger:hover{color:var(--red);border-color:#f8717166;background:#f8717114}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--text-dim)}.form-grid input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.95rem;transition:border-color .15s}.form-grid input:focus{outline:none;border-color:var(--accent)}.form-grid input[type=date]{color-scheme:dark}.form-grid .span-full{grid-column:1 / -1}.btn-primary{background:var(--accent);color:#fff;padding:.6rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9rem;justify-self:start;grid-column:1 / -1;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.placeholder.error{color:var(--red);font-style:normal}.btn-link{color:var(--text-dim);font-size:.85rem}.btn-link:hover{color:var(--text)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:left;font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .75rem;border-bottom:1px solid var(--border)}.data-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table .num{font-variant-numeric:tabular-nums;color:var(--text)}.data-table .note{color:var(--text-dim)}.row-actions{display:flex;gap:.4rem;justify-content:flex-end}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:.78rem;padding:.3rem .7rem;border-radius:6px;transition:color .15s,border-color .15s,background .15s}.btn-icon:hover{color:var(--text);border-color:#ffffff26;background:var(--surface-2)}.btn-icon.danger:hover{color:var(--red);border-color:#f8717166;background:#f8717114}.page{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem}.page h2{margin-bottom:.75rem}.placeholder{color:var(--text-muted);font-style:italic}@media(max-width:1100px){.odecet-form{grid-template-columns:1fr 1fr 1fr}.odecet-form .wide,.odecet-form .form-actions{grid-column:1 / -1}}@media(max-width:980px){.overview-grid,.records-grid,.stats-overview,.stats-charts{grid-template-columns:1fr}.stats-elektrina-body{grid-template-columns:1fr 1fr}.month-mini-grid{grid-template-columns:repeat(6,1fr)}.sport-stat-grid{grid-template-columns:repeat(2,1fr)}.sport-charts{grid-template-columns:1fr}}@media(max-width:580px){.month-mini-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.app{flex-direction:column;min-height:auto}.sidebar{width:100%;height:auto;position:static;padding:1rem;flex-direction:row;align-items:center;gap:.5rem;overflow-x:auto}.sidebar-brand{padding:0 .5rem 0 0;border-right:1px solid var(--border);margin-right:.5rem;flex-shrink:0}.sidebar-nav{flex-direction:row;padding:0;flex:1}.sidebar-footer{margin-top:0;margin-left:auto;padding:0}.page-header,.page-body{padding:1rem}.stats-grid,.stats-grid.stats-grid--3,.panels-grid{grid-template-columns:1fr}.greeting{font-size:1.5rem}.form-grid,.odecet-form{grid-template-columns:1fr}}