@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#102a43;background:#f4f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input,select{width:100%;border:1px solid #d8e2eb;background:#fff;border-radius:9px;padding:11px 12px;color:#102a43;outline:none;transition:.2s}input:focus,select:focus{border-color:#36c5b8;box-shadow:0 0 0 3px #36c5b82b}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#486581}.app{min-height:100vh}.sidebar{background:#102a43;position:fixed;inset:0 auto 0 0;width:254px;padding:26px 16px;color:#dce8f3;display:flex;flex-direction:column;z-index:5}.sidebar>img{width:160px;margin:0 10px 36px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{color:#b5c8d9;background:transparent;border-radius:10px;padding:13px 12px;text-align:left;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600}.sidebar nav button svg{width:18px}.sidebar nav button.active,.sidebar nav button:hover{background:#1b3b59;color:#fff}.profile{border-top:1px solid #2a4a67;margin-top:auto;padding:18px 8px 2px;display:flex;align-items:center;gap:9px;font-size:12px}.profile .avatar{background:#36c5b8;color:#102a43;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-weight:800}.profile b,.profile small{display:block}.profile small{color:#94aabb;margin-top:3px}.profile button{background:transparent;color:#b5c8d9;margin-left:auto}.content{margin-left:254px;padding:38px 44px 56px;min-height:100vh;max-width:1640px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{color:#36a99e;font-size:10px;letter-spacing:.12em;font-weight:800}.page-header h1{font-size:30px;letter-spacing:-1px;margin:5px 0;color:#102a43}.page-header p{margin:0;color:#627d98;font-size:14px}.header-date{background:#e8fbf8;color:#167a70;padding:10px 14px;border-radius:9px;text-transform:capitalize;font-size:12px;font-weight:700}.mobile-menu{display:none}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.kpi{background:#fff;border-radius:15px;padding:21px;display:flex;justify-content:space-between;box-shadow:0 5px 17px #102a4308;border:1px solid #e5edf3}.kpi span,.kpi small{display:block;color:#627d98;font-size:12px}.kpi strong{font-size:27px;letter-spacing:-1px;display:block;margin:9px 0 4px}.kpi>svg{padding:11px;border-radius:11px;width:20px;height:20px}.kpi.turchese>svg{background:#dff9f5;color:#149c90}.kpi.viola>svg{background:#f0eaff;color:#7b59d2}.kpi.arancio>svg{background:#fff3da;color:#d88d00}.kpi.rosso>svg{background:#ffe6e8;color:#d94a58}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e5edf3;border-radius:15px;padding:23px;box-shadow:0 5px 17px #102a4308}.panel h2{font-size:17px;margin:0 0 5px}.section-head{display:flex;justify-content:space-between;margin-bottom:15px}.section-head p{color:#829ab1;font-size:12px;margin:4px 0}.session-list{display:grid}.session{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf2f6}.session i{width:9px;height:37px;border-radius:7px;display:block}.session i.dot-ok,.session i.dot-no{width:9px;height:9px;margin:0 0 19px}.dot-ok{background:#36c5b8}.dot-no{background:#e45b6a}.session div{display:grid;gap:4px;flex:1}.session b{font-size:13px}.session span{font-size:11px;color:#829ab1}.session>strong{font-size:12px;color:#486581}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;align-items:center}.search{position:relative;max-width:360px;width:100%}.search svg{position:absolute;left:12px;top:12px;color:#829ab1;font-size:12px}.search input{padding-left:33px}.primary,.secondary{border-radius:9px;padding:11px 14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#36c5b8;color:#092c37}.primary:hover{background:#24b5a8}.secondary{background:#edf3f7;color:#334e68}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#829ab1;text-transform:uppercase;font-size:10px;letter-spacing:.06em;padding:10px 12px;border-bottom:1px solid #dce6ee}td{padding:15px 12px;border-bottom:1px solid #edf2f6;color:#486581}td b{color:#102a43}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}code{font-family:Inter;background:#edf3f7;border-radius:5px;padding:4px 6px;color:#334e68}.pill{font-size:10px;font-weight:800;padding:5px 7px;border-radius:99px;background:#e8fbf8;color:#167a70}.pill.suspended,.pill.expired{background:#fff3da;color:#b26d00}.pill.blocked{background:#ffe6e8;color:#bd3545}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a4366;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:16px;padding:25px;width:min(590px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #102a4355}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title h2{margin:0;font-size:20px}.modal-title button{background:#edf3f7;border-radius:50%;height:30px;width:30px;color:#486581}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#f7fafc;padding:14px;border-radius:10px}.detail-grid div{display:grid;gap:4px}.detail-grid span{font-size:10px;color:#829ab1;text-transform:uppercase}.detail-grid b{font-size:13px}.modal h3{font-size:14px;margin:23px 0 9px}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{padding:9px 0;border-bottom:1px solid #edf2f6;font-size:13px}.plain-list span{color:#829ab1;float:right}.inline-form{display:flex;gap:9px;margin-top:20px}.compact-list{display:grid}.compact-list>div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f6;gap:10px}.compact-list b,.compact-list span{display:block}.compact-list b{font-size:13px}.compact-list span{font-size:11px;color:#829ab1;margin-top:4px}.agenda{display:grid;gap:12px}.course-card{border:1px solid #e5edf3;border-left:5px solid;padding:16px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.course-card h3{font-size:16px;margin:5px 0}.course-card p,.course-card span{font-size:12px;color:#627d98;margin:0}.booking{text-align:right}.booking b{display:block;font-size:14px;margin-bottom:8px}.booking select{width:160px;padding:7px;font-size:11px}.date-control{display:flex;align-items:center;gap:8px}.date-control input{width:auto;padding:8px}.checkin-wrap{display:grid;place-items:center;padding-top:50px}.checkin-panel{width:min(650px,100%);text-align:center;padding:45px}.checkin-panel>svg{font-size:34px;color:#36c5b8;background:#e8fbf8;padding:18px;border-radius:50%}.checkin-panel h2{margin:17px 0 7px;font-size:22px}.checkin-panel p{color:#627d98;font-size:13px;margin:0 0 25px}.checkin-panel form{display:flex;gap:10px}.checkin-panel form input{font-size:16px}.access-result{margin-top:23px;padding:15px;border-radius:10px;display:flex;text-align:left;gap:13px;align-items:center}.access-result>svg{font-size:21px}.access-result strong,.access-result span{display:block}.access-result span{font-size:12px;margin-top:3px}.granted{background:#e8fbf8;color:#167a70}.denied{background:#ffe6e8;color:#b23040}.top-gap{margin-top:22px}.workout{border:1px solid #e5edf3;border-radius:10px;padding:14px;margin-top:12px}.workout b{font-size:14px}.workout p{font-size:12px;color:#627d98;margin:5px 0}.workout span{background:#e8fbf8;color:#167a70;padding:5px 7px;border-radius:5px;font-size:11px}.metric{display:grid;grid-template-columns:130px 1fr 42px;gap:10px;align-items:center;font-size:12px;margin:18px 0}.metric div{height:8px;background:#edf3f7;border-radius:10px;overflow:hidden}.metric i{height:100%;background:#36c5b8;display:block;border-radius:10px}.tabs{display:flex;gap:6px;border-bottom:1px solid #e5edf3;padding-bottom:15px;overflow:auto}.tabs button{background:#f1f5f8;color:#627d98;white-space:nowrap;padding:8px 11px;border-radius:7px;font-size:12px;font-weight:700}.tabs button.active{background:#102a43;color:#fff}.empty{padding:30px 10px;text-align:center;color:#829ab1;font-size:13px}.loading{padding:60px;color:#829ab1;text-align:center}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand{background:#102a43;padding:60px max(7vw,40px);color:#dce8f3;display:flex;flex-direction:column;justify-content:center}.login-brand>img:first-child{width:170px;margin-bottom:30px}.login-brand .hero{width:min(560px,100%);margin:0 0 24px}.login-brand p{font-size:17px;max-width:400px}.feature{font-size:13px;margin-top:10px}.feature span{color:#36c5b8;font-weight:800;margin-right:9px}.login-card{align-self:center;width:min(390px,calc(100% - 50px));margin:auto;display:grid;gap:16px}.login-card h1{margin:0;font-size:32px;letter-spacing:-1px}.login-card p{margin:-8px 0 8px;color:#627d98;font-size:14px}.login-card small{color:#829ab1;text-align:center;font-size:10px}.error{background:#ffe6e8;color:#b23040;padding:10px;border-radius:7px;font-size:12px}@media (max-width:980px){.sidebar{width:70px;padding:20px 10px}.sidebar>img{width:40px;height:40px;object-fit:cover;object-position:left;margin:0 auto 30px}.sidebar nav button{justify-content:center;padding:13px}.sidebar nav button span,.profile>div:not(.avatar),.profile button{display:none}.profile{justify-content:center;padding:16px 0}.content{margin-left:70px;padding:30px}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.sidebar{display:none}.content{margin:0;padding:23px 15px}.page-header{align-items:flex-start}.mobile-menu{display:block;background:#102a43;color:#fff;border-radius:7px;padding:9px;margin-right:10px}.page-header>div:first-of-type{flex:1}.page-header h1{font-size:25px}.header-date{display:none}.kpis,.grid-2{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .primary{width:100%}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.course-card{align-items:flex-start;flex-direction:column}.booking{text-align:left;width:100%}.booking select{width:100%}.checkin-panel{padding:30px 18px}.checkin-panel form{flex-direction:column}.login{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:100vh;align-content:center}.metric{grid-template-columns:100px 1fr 35px}.inline-form{flex-direction:column}.table-wrap{margin:0 -17px}.table-wrap table{min-width:700px}}.exercise-autocomplete{position:relative}.exercise-autocomplete .search{max-width:none}.autocomplete-list{position:absolute;z-index:4;top:calc(100% + 5px);width:100%;max-height:250px;overflow:auto;background:#fff;border:1px solid #d8e2eb;border-radius:9px;box-shadow:0 10px 24px #102a4322}.autocomplete-list button{width:100%;background:#fff;text-align:left;padding:10px 12px;border-bottom:1px solid #edf2f6}.autocomplete-list button:hover{background:#f1fbfa}.autocomplete-list b,.autocomplete-list span{display:block}.autocomplete-list b{font-size:12px;color:#102a43}.autocomplete-list span,.autocomplete-empty,.selected-exercise{font-size:11px;color:#627d98}.autocomplete-list span{margin-top:3px}.autocomplete-empty{padding:12px}.selected-exercise{color:#167a70;font-weight:700;margin-top:5px}.list-search{max-width:none;margin:12px 0}.list-count{color:#829ab1;font-size:12px;font-weight:500}.catalog-list{max-height:530px;overflow:auto;padding-right:4px}.page-error{margin:-14px 0 20px}.workout-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);gap:20px;align-items:start}.workout-library{position:sticky;top:20px}.workout-library-head,.catalog-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.workout-library-head h2,.catalog-list-head h2{margin:0;font-size:16px}.workout-library-head span{font-size:11px;color:#829ab1;display:block;margin-top:4px}.workout-plan-list{display:grid;gap:8px}.workout-plan-card{border:1px solid #e5edf3;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workout-plan-card b,.workout-plan-card span{display:block}.workout-plan-card b{font-size:13px}.workout-plan-card span{font-size:11px;color:#627d98;margin-top:4px}.plan-actions{display:flex;align-items:center;gap:6px}.plan-actions .secondary{padding:8px 9px;font-size:11px}.icon-danger{background:#fff0f1;color:#bd3545;border-radius:8px;width:33px;height:33px}.workout-workspace{min-height:530px}.workout-start{min-height:440px;display:grid;place-content:center;text-align:center;gap:10px;max-width:360px;margin:auto}.workout-start>svg{font-size:28px;color:#36c5b8;margin:auto}.workout-start h2{margin:0}.workout-start p,.workout-editor-head p{font-size:13px;line-height:1.5;color:#627d98;margin:0}.workout-start .primary{margin:8px auto 0}.workout-editor{display:grid;gap:20px}.workout-editor-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.workout-editor-head h2{font-size:22px;margin:5px 0}.workout-editor-head .secondary{flex:none}.exercise-add{border:1px solid #bcece6;background:#f3fffd;border-radius:12px;padding:16px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:12px;align-items:center}.exercise-add b,.exercise-add span{display:block}.exercise-add b{font-size:13px}.exercise-add span{font-size:11px;color:#627d98;margin-top:4px}.exercise-add .secondary{white-space:nowrap}.workout-items{display:grid;gap:10px}.workout-items .section-head{margin-bottom:0}.workout-items h3{font-size:15px;margin:0}.workout-item-editor{border:1px solid #e5edf3;border-radius:10px;overflow:hidden}.workout-item-title{background:#f8fafc;display:flex;align-items:center;gap:9px;padding:10px 12px}.workout-item-title span{display:grid;place-items:center;background:#36c5b8;color:#092c37;width:21px;height:21px;border-radius:50%;font-weight:800;font-size:11px}.workout-item-title b{font-size:13px;flex:1}.workout-item-title button{background:transparent;color:#bd3545;padding:5px}.workout-item-fields{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.workout-item-fields .full{grid-column:1/-1}.workout-save{justify-self:end;min-width:160px}.catalog-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:26px}.catalog-create{padding-right:26px;border-right:1px solid #edf2f6}.catalog-form-actions{display:flex;gap:8px;justify-content:flex-end}.shared-label{font-size:11px;color:#167a70;font-weight:700;background:#e8fbf8;padding:5px 7px;border-radius:99px}.catalog-list-head{margin:0}.catalog-list-head .list-search{flex:1;margin:0;max-width:360px}.catalog-list>div .secondary{padding:8px 9px;font-size:11px;white-space:nowrap}.list-view{max-width:1100px;margin:0 auto}.form-view{max-width:900px;margin:0 auto}.catalog-form-view{max-width:680px}.catalog-list-head .primary{white-space:nowrap}.member-assignment-list{display:grid;gap:8px;margin-top:16px}.member-assignment-list article{border:1px solid #e5edf3;border-radius:10px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.member-assignment-list b,.member-assignment-list span{display:block}.member-assignment-list b{font-size:14px}.member-assignment-list span{font-size:12px;color:#627d98;margin-top:4px}.back-to-members{margin-top:20px}@media (max-width: 980px){.workout-layout,.catalog-layout{grid-template-columns:1fr}.workout-library{position:static}.catalog-create{padding:0 0 23px;border:0;border-bottom:1px solid #edf2f6}.workout-workspace{min-height:auto}}@media (max-width: 680px){.workout-library-head,.catalog-list-head,.workout-editor-head{align-items:flex-start;flex-direction:column}.exercise-add{grid-template-columns:1fr}.exercise-add .secondary{width:100%}.workout-item-fields{grid-template-columns:1fr}.workout-save{justify-self:stretch}.catalog-list-head .list-search{width:100%;max-width:none}.member-assignment-list article{align-items:flex-start;flex-direction:column}.member-assignment-list .plan-actions{width:100%;flex-wrap:wrap}.member-assignment-list .plan-actions button{flex:1}}.catalog-actions{display:flex;align-items:center;gap:6px}.training-tabs{display:flex;gap:7px;margin:0 0 24px;padding:7px;background:#eaf1f5;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.training-tabs button{padding:9px 13px;border-radius:8px;background:transparent;color:#627d98;font-size:12px;font-weight:700;white-space:nowrap}.training-tabs button.active{background:#102a43;color:#fff}@media (max-width: 680px){.training-tabs{width:100%}.training-tabs button{flex:1;padding:9px 10px}}
