*{box-sizing:border-box}body{color:#16183a;-webkit-font-smoothing:antialiased;direction:rtl;background:#edeef3;margin:0;font-family:Vazirmatn,system-ui,sans-serif}input,button,textarea,select{font-family:inherit}input::placeholder,textarea::placeholder{color:#9a9eb0}button{font-family:inherit}@keyframes mIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.page{background:#edeef3;min-height:100vh}.topbar{color:#fff;background:#16183a;font-size:13px}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:8px 28px;display:flex}.topbar-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar a,.topbar button.link{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12.5px;text-decoration:none}.topbar a:hover,.topbar button.link:hover{background:#ffffff1f}.topbar-hello{color:#ffffffbf}.header{z-index:30;background:#fff;border-bottom:1px solid #e8eaf2;position:sticky;top:0}.header-inner{max-width:1200px;margin:0 auto;padding:18px 28px}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{flex:none;width:auto;height:28px;display:block}.brand-logo-fallback{color:navy;white-space:nowrap;flex:none;font-size:18px;font-weight:800}.brand-divider{background:#e2e4ef;width:1px;height:30px}.brand-title{color:#16183a;font-size:18px;font-weight:800}.brand-sub{color:#8a8ea0;margin-top:2px;font-size:12.5px}.stats{gap:16px;display:flex}.stat{text-align:center}.stat-num{font-size:19px;font-weight:800;line-height:1}.stat-num.blue{color:navy}.stat-num.orange{color:#ff6900}.stat-label{color:#8a8ea0;margin-top:3px;font-size:11px}.btn-primary{color:#fff;cursor:pointer;background:#ff6900;border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700;transition:filter .15s}.btn-primary:hover{filter:brightness(.92)}.btn-primary.full{text-align:center;width:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#5a5e70;cursor:pointer;background:#fff;border:1px solid #e0e2ec;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700}.btn-secondary:hover{background:#f7f8fb}.btn-danger{color:#b23a3a;cursor:pointer;background:#fff3f3;border:1px solid #f3c4c4;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700}.btn-danger:hover{background:#ffe7e7}.search-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.search-input{color:#16183a;background:#f7f8fb;border:1px solid #e0e2ec;border-radius:12px;outline:none;flex:1;min-width:240px;padding:12px 16px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;color:#3a3e52;background:#fff;border:1px solid #e2e4ef;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;transition:all .12s}.chip.active{border-color:var(--chip-c,navy);background:var(--chip-c,navy);color:#fff}.main{max-width:1200px;margin:0 auto;padding:26px 28px 60px}.state-msg{text-align:center;color:#9a9eb0;padding:60px;font-size:14px}.state-msg.error{color:#b23a3a}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.card{background:#fff;border:1px solid #e8eaf2;border-radius:18px;flex-direction:column;padding:22px;display:flex}.card-head{border-bottom:1px solid #eef0f6;align-items:center;gap:13px;padding-bottom:16px;display:flex}.avatar{color:#fff;background-position:50%;background-size:cover;border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;font-size:17px;font-weight:800;display:flex}.card-name{color:#16183a;font-size:16px;font-weight:800}.card-role{color:#8a8ea0;margin-top:2px;font-size:12.5px}.card-team{color:#6b6f82;white-space:nowrap;background:#f1f2f8;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600}.lesson{border-bottom:1px solid #f2f3f9;padding:15px 0}.lesson:last-child{border-bottom:none}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.dot{border-radius:50%;width:7px;height:7px}.lesson-title{color:#16183a;margin:9px 0 6px;font-size:15px;font-weight:700;line-height:1.55}.lesson-desc{color:#5a5e70;margin:0 0 11px;font-size:13px;line-height:1.85}.lesson-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.like-btn{cursor:pointer;color:#7a7e90;background:#fff;border:1px solid #e2e4ef;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.like-btn.liked{color:#c25200;background:#fff1e6;border-color:#ff6900}.edit-btn{cursor:pointer;color:navy;background:#f1f1fa;border:1px solid #cfcfea;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.lesson-edit-form{flex-direction:column;gap:8px;margin-top:10px;display:flex}.lesson-edit-form input,.lesson-edit-form textarea{color:#16183a;background:#f7f8fb;border:1px solid #e0e2ec;border-radius:10px;outline:none;width:100%;padding:9px 11px;font-size:13px}.lesson-edit-actions{gap:8px;display:flex}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1012288c;justify-content:center;align-items:center;padding:20px;animation:.18s ovIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:460px;max-height:90vh;animation:.22s cubic-bezier(.2,.8,.2,1) mIn;overflow:hidden auto;box-shadow:0 30px 70px -20px #10122899}.modal-head{color:#fff;background:navy;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-head h3{margin:0;font-size:17px;font-weight:800}.modal-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:9px;width:30px;height:30px;font-size:16px;line-height:1}.modal-body{flex-direction:column;gap:15px;padding:22px 24px;display:flex}.field label{color:#6b6f82;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field input,.field select,.field textarea{color:#16183a;background:#f7f8fb;border:1px solid #e0e2ec;border-radius:11px;outline:none;width:100%;padding:11px 13px;font-size:14px}.field textarea{resize:vertical;line-height:1.8}.modal-actions{gap:10px;margin-top:4px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:20px;display:flex}.auth-card{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 50px -20px #10122840}.auth-title{color:#16183a;margin-bottom:4px;font-size:18px;font-weight:800}.auth-sub{color:#8a8ea0;margin-bottom:20px;font-size:13px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-switch{color:#6b6f82;text-align:center;margin-top:14px;font-size:12.5px}.auth-switch button{color:navy;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:700}.error-text{color:#b23a3a;background:#fff3f3;border:1px solid #f3c4c4;border-radius:8px;padding:8px 12px;font-size:13px}.success-text{color:#1e7a4c;background:#eef9f2;border:1px solid #bfe6ce;border-radius:8px;padding:8px 12px;font-size:13px}.panel{flex-direction:column;gap:20px;max-width:1000px;margin:0 auto;padding:26px 28px 60px;display:flex}.panel-title{color:#16183a;font-size:20px;font-weight:800}.panel-section{background:#fff;border:1px solid #e8eaf2;border-radius:16px;padding:20px}.panel-section h3{color:#16183a;margin:0 0 14px;font-size:15px;font-weight:800}.panel-row{border-bottom:1px solid #f2f3f9;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.panel-row:last-child{border-bottom:none}.panel-row-main{flex:1;min-width:180px}.panel-row-title{color:#16183a;font-size:14px;font-weight:700}.panel-row-sub{color:#8a8ea0;margin-top:2px;font-size:12.5px}.panel-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.form-grid input,.form-grid select{color:#16183a;background:#f7f8fb;border:1px solid #e0e2ec;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:13.5px}.color-swatch{border:1px solid #e2e4ef;border-radius:6px;flex:none;width:22px;height:22px}.form-grid input[type=file],.photo-input{color:#8a8ea0;text-align:left;cursor:pointer;direction:ltr;align-items:center;font-size:12.5px;display:flex}.form-grid input[type=file]::file-selector-button{color:#3a3e52;cursor:pointer;background:#f1f2f8;border:none;border-radius:8px;margin-inline-end:10px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s}.photo-input::file-selector-button{color:#3a3e52;cursor:pointer;background:#f1f2f8;border:none;border-radius:8px;margin-inline-end:10px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s}.form-grid input[type=file]:hover::file-selector-button{background:#e2e4ef}.photo-input:hover::file-selector-button{background:#e2e4ef}.photo-input{background:0 0;border:none;max-width:168px;padding:0}.palette-picker{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.palette-swatch{cursor:pointer;border:1px solid #e2e4ef;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .1s;display:flex}.palette-swatch:hover{transform:scale(1.08)}.palette-swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #16183a}.palette-dot{border-radius:50%;width:14px;height:14px}.import-section{border-top:1px solid #eef0f6;margin-top:18px;padding-top:16px}.import-section h4{color:#16183a;margin:0 0 8px;font-size:13.5px;font-weight:800}.import-hint{color:#8a8ea0;margin-bottom:10px;font-size:12px;line-height:1.8}.import-result-table{margin-top:10px;overflow-x:auto}.import-result-table table{border-collapse:collapse;width:100%;font-size:13px}.import-result-table th,.import-result-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #f2f3f9;padding:8px 10px}.import-result-table th{color:#8a8ea0;font-weight:700}.import-result-table td:last-child,.import-result-table td:nth-last-child(2){font-family:monospace}.mini-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}