:root{--pro-bg:#f3f7f6;--pro-surface:#fff;--pro-text:#14252d;--pro-muted:#60727b;--pro-line:#d7e1de;--pro-accent:#f28a3a;--pro-shadow:0 8px 24px rgba(20,45,55,.08)}
body{background:var(--pro-bg);color:var(--pro-text);font-family:Inter,"Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}
.app{background:var(--pro-bg)}
.top-app{background:rgba(255,255,255,.97);border-bottom:1px solid var(--pro-line);box-shadow:0 4px 16px rgba(20,45,55,.06)}
.brand-pill{color:#123d35}
.brand-mark{box-shadow:0 5px 15px rgba(7,95,70,.18)}
.drawer{box-shadow:12px 0 34px rgba(8,35,43,.18)}
.drawer button,.bottom-nav button{letter-spacing:0;transition:background-color .16s ease,color .16s ease,transform .12s ease}
.drawer button:active,.bottom-nav button:active{transform:scale(.98)}
.panel,.card,.routine-card,.measure-card,.progress-card{border:1px solid var(--pro-line);border-radius:7px;background:var(--pro-surface);box-shadow:var(--pro-shadow)}
.panel h2,.panel h3,.card h3{color:#12352f}
button,.primary-btn,.ghost-btn,.icon-btn{font-family:inherit;letter-spacing:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
button:active{transform:translateY(1px)}
.primary-btn{box-shadow:0 5px 14px rgba(7,95,70,.18)}
input,select,textarea{border-color:#c8d5d1!important;background:#fff;color:var(--pro-text);font-family:inherit}
input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:3px solid rgba(242,138,58,.24);outline-offset:1px;border-color:var(--pro-accent)!important}
details>summary{border-radius:5px}
.training-table{border-collapse:separate;border-spacing:0}
.training-table tbody td{border-color:#dde6e3;background:#fff}
.training-table tbody tr:nth-child(even) td{background:#f9fbfa}
.training-table tbody tr:hover td{background:#f0f8f4}
.training-table thead th{box-shadow:inset 0 -2px 0 #2b7862}
.client-entry{background:#fff1f1!important;border-color:#e7a8a8!important}
.status.success{padding:8px 10px;border-left:3px solid #15935f;background:#eef8f3;border-radius:4px}
.bottom-nav{background:rgba(255,255,255,.98);border-top:1px solid var(--pro-line);box-shadow:0 -6px 20px rgba(20,45,55,.08)}
@media(max-width:720px){.panel,.card,.routine-card{box-shadow:0 4px 14px rgba(20,45,55,.07)}.top-app{padding-inline:12px}.content{padding-inline:12px}}