:root{--purple:#7561dc}body{font-family:Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}input[type=checkbox]{width:17px;height:17px;accent-color:var(--purple)}.wrap{flex-wrap:wrap}.full-width{width:100%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading h1{font-size:29px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#9c94b0;font-weight:700}.panel{margin-bottom:22px;padding:24px;border-radius:18px;background:#fff;border:1px solid #ebe8f2}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:17px}.stat-card strong{display:block;font-size:27px;letter-spacing:-.6px;margin:16px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #ebe8f2;border-radius:18px;padding:24px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6b657b}.stat-icon{display:inline-flex;border-radius:12px;padding:10px;background:#f0edfc;color:#7b64d8}.stat-icon svg{width:21px;height:21px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.accent-panel{background:#242035;color:#fff;overflow:hidden;position:relative}.accent-panel h2{font-size:28px;line-height:1.7}.accent-panel p{color:#c7bfdc;line-height:1.9}.accent-panel .ghost{color:#fff}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;min-height:190px;direction:ltr;margin-top:25px}.bar-chart>div{flex:1;text-align:center;font-size:9px;color:#9690a4}.chart-bar{background:#a499e7;border-radius:6px 6px 2px 2px;margin:0 auto 10px;max-width:26px;min-height:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:9px;margin:14px 0;font-size:13px;font-weight:500}.form-field input,.form-field select,.form-field textarea,input,textarea,select{border:1px solid #dedbe8;border-radius:9px;padding:11px 12px;min-width:0;outline:none;background:#fff;color:#292537}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8d7adb;box-shadow:0 0 0 3px #f0edfc}.check-field{display:flex;align-items:center;gap:10px;font-size:13px;margin:14px 0}.check-group{border:1px solid #e9e5f0;border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;gap:12px}.check-group legend{font-size:13px;padding:0 7px}.check-group label{display:flex;align-items:center;gap:7px;font-size:12px}.repeat-row{display:flex;align-items:center;gap:10px;margin:12px 0}.repeat-row>input,.repeat-row>select{flex:1;min-width:0}.repeat-row .btn{flex:0 0 auto}.repeat-row select{min-width:150px}.installment-box{border:1px dashed #ded9ec;border-radius:12px;padding:16px}.installment-box:has(.installment-row){display:block}.workout-day{border:1px solid #e8e4ef;background:#faf9fd;padding:18px;border-radius:12px;margin:18px 0}.workout-day>label{display:flex;gap:12px;align-items:center}.workout-day>label>input{flex:1}.workout-exercise [data-reps]{direction:ltr}.search-box{display:flex;align-items:center;gap:9px;min-width:200px;width:450px;max-width:100%}.search-box input{border:0;flex:1;width:100%}.search-box svg{width:19px;color:#98909f}.toolbar,.filter-form{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.filter-form{justify-content:flex-start}.tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid #eeebf3;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:14px 2px;color:#888095;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.tabs button.active{color:#7561dc;border-color:#7561dc}.btn.small{font-size:11px;padding:7px 10px;min-height:30px}.btn.ghost{background:#f7f5fc;color:#685b93;border:1px solid #e9e4f4}.btn.danger{color:#bc4c67}.person{display:flex;align-items:center;gap:12px}.badge.red{color:#bc4c67;background:#fff0f3}.badge.green{color:#238a68;background:#e8f8f0}.badge.purple{color:#7660bd;background:#f0ecfb}.empty-state{padding:45px 20px;text-align:center;color:#9b93a9}.empty-state svg{width:38px;margin-bottom:12px}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.detail-grid{display:grid;gap:14px;padding:20px 0}.member-profile{display:flex;gap:24px;align-items:center;margin:8px 0 26px}.member-profile img{width:106px;height:106px;object-fit:cover;border-radius:18px}.member-profile h2{font-size:24px}.preserve{white-space:pre-wrap;line-height:2}.notification-item{display:flex;align-items:flex-start;gap:20px}.notification-item.unread{border-inline-start:4px solid #8f7cdb}.notification-item h3{font-size:16px;margin:2px 0 9px}.notification-item p{color:#776e83}.chat-list{display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto;padding:12px}.chat-bubble{max-width:75%;background:#f2effa;padding:14px 18px;border-radius:14px;align-self:flex-start;line-height:1.8}.chat-bubble p{margin:0 0 8px;white-space:pre-wrap}.chat-bubble small{font-size:9px;color:#9b91ac}.chat-bubble.mine{align-self:flex-end;background:#e4ddfa}.chat-compose{display:flex;gap:12px;margin-top:20px}.chat-compose textarea{flex:1}.member-hero{background:#242035;color:#fff}.member-hero h1{font-size:34px}.password-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#201d31;padding:30px}.password-screen>.panel{width:450px;max-width:100%;padding:38px}.password-screen .brand{margin-bottom:30px;color:#fff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.auth-art{direction:rtl;background:#201d31;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art .brand{color:#fff}.auth-art h1{font-size:46px;line-height:1.6;margin:20px 0}.auth-art p{line-height:2;color:#ada3c5}.auth-message{position:relative;z-index:1;max-width:470px;margin:auto}.auth-shape{position:absolute;top:-70px;left:-230px;width:430px;height:430px;border:80px solid #7760c8;border-radius:80px;transform:rotate(28deg);opacity:.13;z-index:-1}.auth-main{display:flex;align-items:center;justify-content:center;position:relative;direction:rtl;background:#fbfafd}.auth-form{width:390px;max-width:90%;padding:30px 20px}.auth-form h2{font-size:30px;margin:16px 0}.auth-form .form-field{margin-top:25px}.auth-form .primary{margin-top:16px;justify-content:space-between;display:flex;padding:14px}.auth-caption{display:flex;gap:8px;justify-content:center;color:#aaa0b7;font-size:11px;margin-top:30px}.auth-caption svg{width:15px}.language-switch{position:absolute;top:25px;left:25px}.form-error{color:#bd4d66;font-size:13px}.sidebar .brand{padding:26px 20px}.brand-icon svg{width:26px}.brand strong{font-size:23px;letter-spacing:-.5px}.brand strong span{color:#b2a2ee}.brand small{display:block;font-size:7px;letter-spacing:1.4px;color:#898298}.local-badge small{display:block;margin-top:7px}.nav-label{letter-spacing:1px}.nav button{font-family:inherit;font-size:12px;padding:11px 14px}.topbar .icon-btn svg{width:18px}.notice{padding:14px 18px;border-radius:10px;background:#f1edfb;line-height:1.8;font-size:13px}.notice.amber{background:#fff6e5;color:#9b6b2c}.key-secret{word-break:break-all;padding:20px;background:#f2eff9;border-radius:10px;user-select:all;font-family:monospace}.panel td .btn{margin:3px}.table-wrap th{font-size:11px}.table-wrap td{font-size:12px}.connection{z-index:9999}html[dir=ltr] .sidebar{right:auto;left:0}html[dir=ltr] .shell{margin-right:0;margin-left:250px}html[dir=ltr] .auth-main,html[dir=ltr] .auth-art{direction:ltr}html[dir=ltr] .brand{direction:ltr}html[dir=ltr] .sidebar .nav button{text-align:left}html[dir=ltr] .table-wrap th,html[dir=ltr] .table-wrap td{text-align:left}.connection.hidden,.hidden{display:none!important}dialog{max-height:90vh;overflow:auto}.btn:disabled{opacity:.5;cursor:wait}
@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.flex{justify-content:flex-end}.auth-art h1{font-size:35px}}@media(max-width:760px){.page-heading{display:block}.page-heading>.flex{justify-content:flex-start;margin:20px 0}.page-heading h1{font-size:25px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.content{padding:22px 15px}.panel{padding:16px}.stat-card{padding:17px}.stat-card strong{font-size:21px}.stats-grid{gap:12px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-main{min-height:100vh}.topbar{padding:14px 18px}.user-meta{display:none}.repeat-row{flex-wrap:wrap}.repeat-row>select{min-width:100%;flex-basis:100%}.repeat-row>input{max-width:calc(50% - 20px)}.filter-form{gap:8px}.filter-form .form-field{width:45%}html[dir=ltr] .shell{margin-left:0}.chat-bubble{max-width:90%}}

.sidebar .brand{padding:0 2px;margin-bottom:24px}.nav button svg{width:18px;height:18px;flex:0 0 18px}.sidebar .nav-label{font-size:10px}html[dir=ltr] .shell{margin-left:230px}html[dir=ltr] .sidebar{inset:0 auto 0 0}.brand-icon{display:grid;place-items:center}.brand-icon svg{width:28px;height:28px}.badge{display:inline-flex;font-size:10px;padding:5px 9px;border-radius:6px;white-space:nowrap}.page-heading p{margin-top:8px}.platform-wrap .topbar .brand{color:#292537}.platform-wrap{max-width:1500px;margin:auto}.platform-wrap .content{max-width:none}
@media(min-width:1500px){html[dir=ltr] .shell{margin-left:250px}}@media(max-width:1180px) and (min-width:761px){html[dir=ltr] .shell{margin-left:204px}}@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .2s;width:230px}.sidebar.open{transform:translateX(0)}.shell{margin-right:0}.mobile-toggle{display:inline-grid}html[dir=ltr] .sidebar{transform:translateX(-100%)}html[dir=ltr] .sidebar.open{transform:translateX(0)}html[dir=ltr] .shell{margin-left:0}}