@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--nav:#10271f;--nav2:#18382d;--brand:#16865e;--brand-dark:#0d6948;--brand-soft:#e8f6f0;--bg:#f4f7f5;--card:#fff;--ink:#17221d;--muted:#728079;--line:#e3eae6;--danger:#d34f55;--danger-soft:#fff0f1;--warning:#e79a36;--purple:#7967d8;--blue:#4488d9;--shadow:0 8px 30px rgba(24,58,44,.055);--radius:17px}*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{text-decoration:none}.sidebar{position:fixed;inset:0 0 0 auto;width:252px;background:linear-gradient(180deg,var(--nav),#0c211a);color:#fff;padding:24px 17px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 24px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#d8f476,#bce84e);color:#153426;font-weight:900;font-size:23px;box-shadow:0 7px 20px #07150d55}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:17px}.brand b{display:block;font-size:18px}.brand small{display:block;color:#8da89c;font-size:10px;margin-top:1px}.nav{display:flex;flex-direction:column;gap:4px}.nav-label{color:#6f8c80;font-size:10px;padding:16px 14px 5px}.nav a{display:flex;align-items:center;gap:12px;color:#aec1b8;padding:11px 13px;border-radius:10px;transition:.18s}.nav a i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;font-size:17px}.nav a:hover{background:#ffffff0b;color:white}.nav a.active{background:linear-gradient(90deg,#24513e,#1b4434);color:#fff;box-shadow:inset -3px 0 #bfe958}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff12;padding:16px 6px 0}.sidebar-footer>div{display:flex;align-items:center;gap:8px}.online-dot{width:9px;height:9px;background:#6dde9e;border-radius:50%;box-shadow:0 0 0 4px #61d8971c}.sidebar-footer p{margin:0;flex:1}.sidebar-footer b,.sidebar-footer small{display:block}.sidebar-footer b{font-size:11px}.sidebar-footer small{font-size:9px;color:#789487}.sidebar-footer>a{display:block;color:#88a095;font-size:11px;margin-top:11px}.main{margin-right:252px;min-height:100vh}.topbar{height:91px;padding:0 36px;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line)}.page-heading{flex:1}.page-heading h1{font-size:24px;margin:0;font-weight:800;letter-spacing:-.4px}.page-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.quick-send{display:flex;align-items:center;gap:9px;color:var(--brand);font-weight:700}.quick-send span{background:var(--brand);color:#fff;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.menu{display:none;border:0;background:transparent;font-size:24px}.content{padding:26px 34px 45px;max-width:1580px;margin:auto}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px;margin-bottom:20px}.panel-head,.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h2,.card-head h2,.panel h2,.card h2{font-size:16px;margin:0}.panel-head p,.card-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-head a,.card-head a{color:var(--brand);font-size:11px;font-weight:700}.metric-grid,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric,.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow)}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:21px}.metric-icon.purple{background:#f0edff;color:var(--purple)}.metric-icon.orange{background:#fff3e4;color:var(--warning)}.metric-icon.blue{background:#eaf4ff;color:var(--blue)}.metric>div:last-child{display:flex;flex-direction:column}.metric span,.stats span{font-size:11px;color:var(--muted)}.metric b,.stats b{font-size:25px;line-height:1.35}.metric b small{font-size:12px;color:#9aa59f;font-weight:500}.metric em{font-size:9px;color:var(--brand);font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:17px}.dashboard-grid.lower{grid-template-columns:1.25fr 1fr}.bar-chart{height:245px;display:flex;align-items:end;gap:8px;padding:30px 4px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 48px,#edf1ef 49px)}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative}.bar{width:min(28px,65%);min-height:3px;background:linear-gradient(180deg,#39ae7c,var(--brand));border-radius:7px 7px 2px 2px;transition:.3s}.bar-col:hover .bar{filter:brightness(.9)}.bar-value{font-size:9px;color:var(--muted);margin-bottom:4px}.bar-col small{font-size:8px;color:#89958f;position:absolute;bottom:-20px;white-space:nowrap}.chart-panel{padding-bottom:39px}.legend{font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--brand)}.completion-panel{display:flex;flex-direction:column}.donut{--value:0;width:165px;aspect-ratio:1;border-radius:50%;margin:5px auto 20px;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--value)*1%),#edf2ef 0);position:relative}.donut:before{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%}.donut>div{position:relative;text-align:center;display:flex;flex-direction:column}.donut b{font-size:27px}.donut span{font-size:10px;color:var(--muted)}.donut-detail{display:flex;justify-content:center;gap:20px}.donut-detail span{font-size:10px;color:var(--muted)}.donut-detail b{display:block;color:var(--ink);font-size:15px}.donut-detail i{width:7px;height:7px;border-radius:2px;display:inline-block}.donut-detail i.green{background:var(--brand)}.donut-detail i.gray{background:#d9e1dd}.ranking>div{display:grid;grid-template-columns:30px minmax(105px,1fr) minmax(100px,1.6fr) 45px;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.rank{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f0f3f1;color:#75817b;font-size:11px}.rank.winner{background:#fff0bf;color:#9a7111}.rank-name strong,.rank-name small{display:block}.rank-name small{font-size:9px;color:var(--muted)}.progress{height:7px;background:#edf2ef;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#45b986);border-radius:10px}.ranking>div>span{font-size:11px;font-weight:800;color:var(--brand)}.activity-list>div,.member-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1ef}.activity-list p,.member-list p{margin:0;flex:1}.activity-list strong,.activity-list small,.member-list strong,.member-list small{display:block}.activity-list small,.member-list small{font-size:9px;color:var(--muted)}.avatar,.team-avatar{flex:none;width:39px;height:39px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}.status,.team-pill,.connection,.requirement,.count-badge,.connected-count{display:inline-block;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:700;background:#f0f3f1;color:#77837d}.status.ok,.connection.connected,.requirement.required{background:var(--brand-soft);color:var(--brand)}.status.late{background:var(--danger-soft);color:var(--danger)}.status.muted{background:#f1f3f2;color:#87918c}.toast,.success,.alert{padding:13px 16px;border-radius:11px;margin-bottom:17px;font-size:12px}.toast.success,.success{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #cdebdc}.toast.danger,.alert{background:var(--danger-soft);color:var(--danger);border:1px solid #f4d0d2}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 13px}.section-title h2{margin:0;font-size:17px}.section-title p{margin:2px 0;color:var(--muted);font-size:10px}.create-team{display:flex;justify-content:space-between;align-items:end;gap:20px}.create-team>div{display:flex;align-items:center;gap:11px}.create-team h2,.create-team p{margin:0}.create-team p{font-size:10px;color:var(--muted)}.section-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:20px}.inline-form,.filters form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.team-grid,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.team-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow);transition:.2s}.team-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #183a2c12}.team-card.archived{opacity:.65}.team-card-head{display:flex;justify-content:space-between;align-items:start}.team-card h3{font-size:16px;margin:13px 0 1px}.team-card>p{font-size:9px;color:var(--muted);margin:0;height:18px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;border-block:1px solid var(--line);padding:13px 0}.team-stats span{text-align:center;border-left:1px solid var(--line)}.team-stats span:last-child{border:0}.team-stats b,.team-stats small{display:block}.team-stats b{font-size:12px}.team-stats small{font-size:8px;color:var(--muted)}.team-card-actions{display:flex;gap:7px}.team-card-actions>a{flex:1;text-align:center}.icon-button{width:36px;height:36px;padding:0;background:#f2f5f3;color:#6f7d76}.team-summary{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#fff,#f5faf7);border:1px solid var(--line);border-radius:16px;padding:16px 19px;margin-bottom:18px}.team-summary>div{display:flex;align-items:center;gap:12px}.team-summary p{margin:0}.team-summary b,.team-summary small{display:block}.team-summary small{font-size:10px;color:var(--muted)}.team-avatar.large{width:48px;height:48px;font-size:18px}.settings-section>label{display:grid;margin-top:16px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.form-grid.compact{grid-template-columns:200px}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-title{font-size:11px;font-weight:700;margin-top:17px}.checks{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 17px}.checks label{position:relative}.checks input{position:absolute;opacity:0}.checks span{display:block;padding:7px 13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);cursor:pointer}.checks input:checked+span{background:var(--brand-soft);border-color:#b9dfce;color:var(--brand)}.switches{display:flex;gap:12px;margin-top:17px}.switches>label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;min-width:210px;cursor:pointer}.switches input{display:none}.switches label>span{width:36px;height:20px;border-radius:20px;background:#dbe2de;position:relative}.switches label>span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s}.switches input:checked+span{background:var(--brand)}.switches input:checked+span:after{right:19px}.switches p{margin:0}.switches b,.switches small{display:block}.switches b{font-size:10px}.switches small{font-size:8px;color:var(--muted)}.variables{color:var(--brand);direction:ltr;display:inline-block}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.requirement{white-space:nowrap}.button,button{border:0;border-radius:9px;padding:9px 16px;background:var(--brand);color:#fff;font-weight:700;font-size:11px;cursor:pointer}.button:hover,button:hover{filter:brightness(.94)}.button.secondary,.secondary{background:var(--brand-soft);color:var(--brand)}.button.ghost,.ghost{background:#f1f4f2;color:#6f7c75}.button.danger{background:var(--danger);color:#fff}.button.tiny{padding:6px 9px;font-size:9px}.button.wide{width:100%;padding:12px}.danger-zone{border-color:#f0d5d6;display:flex;justify-content:space-between;align-items:center}.danger-zone h2{color:var(--danger)}.danger-zone p{color:var(--muted);font-size:10px;margin:3px 0}.danger-actions,.danger-actions form{display:flex;gap:8px}.compose-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:17px}.composer label{display:grid;gap:6px;margin-bottom:16px;font-weight:700;font-size:11px}.char-count{text-align:left;color:var(--muted);font-weight:400}.send-hint{display:flex;gap:8px;background:#f4f8f6;border-radius:10px;padding:10px;margin-bottom:14px;color:var(--muted)}.send-hint p{margin:0;font-size:9px}.phone{background:linear-gradient(150deg,#dcece6,#edf6f2);border:7px solid #23352e;border-radius:24px;min-height:300px;padding:16px}.phone-head{display:flex;gap:8px;align-items:center;border-bottom:1px solid #c9dcd4;padding-bottom:10px}.phone-head p{margin:0}.phone-head b,.phone-head small{display:block}.phone-head small{font-size:8px;color:var(--muted)}.bubble{background:#fff;border-radius:13px 3px 13px 13px;padding:12px;margin-top:70px;font-size:10px;line-height:1.8;box-shadow:0 5px 14px #29483a17}.bubble small{display:block;text-align:left;color:var(--brand);font-size:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:9px;color:var(--muted);background:#f7f9f8;padding:10px;font-weight:600}td{padding:11px 10px;border-bottom:1px solid #edf1ef;font-size:10px}.message-cell{max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-list{display:grid;gap:12px}.report-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.report-top{display:flex;align-items:center;gap:10px}.report-top>div:nth-child(2){flex:1}.report-top h3,.report-top p{margin:0}.report-top p,.report-card>small{font-size:9px;color:var(--muted)}.report-card pre{white-space:pre-wrap;font:11px/2 Vazirmatn;background:#f7f9f8;border-radius:10px;padding:13px}.attendance .progress{margin:13px 0}.missing{display:inline-block;background:var(--danger-soft);color:var(--danger);padding:5px 8px;border-radius:8px;font-size:9px;margin:2px}.all-done{color:var(--brand);font-size:10px}.empty,.empty-state{text-align:center;color:var(--muted);padding:25px}.empty-state{grid-column:1/-1}.empty-state>span{font-size:30px}.empty-state h3{color:var(--ink);margin:8px 0 0}.empty-state p{margin:3px 0}.count-badge{background:var(--brand-soft);color:var(--brand)}label{font-size:10px;font-weight:700;color:#415048}input,select,textarea{width:100%;border:1px solid #dbe4df;background:#fff;border-radius:9px;padding:9px 11px;outline:none;color:var(--ink);transition:.15s}input:focus,select:focus,textarea:focus{border-color:#67b494;box-shadow:0 0 0 3px #e8f6f0}textarea{resize:vertical;min-height:85px}label small{font-weight:400;color:var(--muted)}.mini-form{display:flex;gap:6px}.mini-form input{width:140px}.help{line-height:2;color:var(--muted);font-size:11px}
body.login{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#2a5a461f,transparent 35%),linear-gradient(145deg,#eef6f2,#f8faf9)}.login-card{width:min(390px,calc(100% - 28px));background:#fff;padding:34px;border:1px solid var(--line);border-radius:21px;box-shadow:0 25px 70px #173a2b18}.login-card .logo{width:48px;height:48px;display:grid;place-items:center;background:#cdec62;color:#183326;border-radius:14px;margin:auto;font-size:24px;font-weight:900}.login-card h1{text-align:center;margin:15px 0 2px}.login-card>p{text-align:center;color:var(--muted);font-size:11px}.login-card label{display:grid;gap:6px;margin:14px 0}.login-card button{width:100%;padding:11px}.mobile-overlay{display:none}
@media(max-width:1200px){.metric-grid,.stats{grid-template-columns:repeat(2,1fr)}.team-grid,.grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.completion-panel{min-height:330px}}
@media(max-width:820px){.sidebar{transform:translateX(100%);transition:.25s}.open .sidebar{transform:none}.open .mobile-overlay{display:block;position:fixed;inset:0;background:#06140d88;z-index:19}.main{margin:0}.topbar{height:76px;padding:0 16px}.menu{display:block}.quick-send{font-size:0}.quick-send span{font-size:16px}.content{padding:18px 14px 35px}.create-team,.danger-zone{align-items:stretch;flex-direction:column}.form-grid,.text-grid{grid-template-columns:1fr}.switches{flex-direction:column}.danger-actions{flex-direction:column}.compose-layout{grid-template-columns:1fr}.preview{display:none}}
@media(max-width:560px){.metric-grid,.stats,.team-grid,.grid{grid-template-columns:1fr}.metric-grid{gap:9px}.page-heading h1{font-size:19px}.bar-chart{gap:3px}.bar{width:70%}.bar-col small{font-size:7px;transform:rotate(-45deg);bottom:-26px}.ranking>div{grid-template-columns:28px 1fr 40px}.ranking .progress{grid-column:2/4}.member-list>div{flex-wrap:wrap}.member-list p{min-width:calc(100% - 55px)}.team-stats{gap:0}.inline-form{align-items:stretch;flex-direction:column}.mini-form{width:100%}.mini-form input{flex:1}.top-actions{margin-right:auto}}