@font-face {
    font-family: 'Vazirmatn';
    src: url('/static/fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/static/fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root{--green:#13795b;--green2:#0f624a;--gold:#d7a83e;--cream:#f6f8f4;--ink:#18322b;--muted:#74847e;--line:#e3ebe7;--white:#fff;--red:#c64a4a;--shadow:0 12px 35px rgba(19,50,43,.08)}
*{box-sizing:border-box}body{margin:0;font-family:'Vazirmatn',"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.7}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}
.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#103f34;color:#dceee7;padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10;direction:rtl}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:28px}.brand small{display:block;font-size:10px;color:#a8c6bc;font-weight:500}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--gold);color:#173b31;font-size:24px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:11px 13px;border-radius:12px;color:#c9dfd7;font-size:14px}.sidebar nav a:hover{background:#185244;color:#fff}.sidebar-bottom{margin-top:auto}.user-mini{display:flex;align-items:center;gap:9px;padding:12px 4px;border-top:1px solid #2a5b50}.user-mini small,.user-mini b{display:block}.user-mini small{font-size:11px;color:#9dbab2}.avatar{width:36px;height:36px;border-radius:12px;background:#dcefe8;color:var(--green);display:inline-grid;place-items:center;font-weight:800;flex:none}.logout-form{margin:0}.logout{display:block;width:100%;border:0;background:transparent;color:#a9c5bd;font:inherit;font-size:12px;padding:8px 4px;text-align:right;cursor:pointer}.logout:hover{color:#fff}.main{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;direction:rtl}.topbar h1{margin:0;font-size:22px}.eyebrow{color:var(--green);font-size:11px;font-weight:800}.menu-btn{display:none}.date-chip{background:#f1f6f3;padding:7px 12px;border-radius:10px;font-size:11px;color:var(--muted)}.content{padding:30px;max-width:1400px;margin:auto}.welcome,.page-actions,.profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.welcome h2,.page-intro h2{margin:2px 0;font-size:27px}.welcome p,.page-intro p{margin:0;color:var(--muted);font-size:13px}.welcome.compact{background:#fff;padding:20px 24px;border:1px solid var(--line);border-radius:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:var(--shadow)}.stat-card.accent{background:linear-gradient(135deg,#13795b,#0f624a);color:white;border-color:transparent}.stat-card span,.stat-card small{display:block;font-size:11px;color:var(--muted)}.stat-card.accent span,.stat-card.accent small{color:#c9e8dd}.stat-card strong{font-size:30px;display:block;line-height:1.35}.small-text{font-size:20px!important}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.panel.narrow{max-width:650px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:2px 0;color:var(--muted);font-size:11px}.panel-head a{color:var(--green);font-size:12px}.btn{border:0;border-radius:11px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:var(--green2)}.btn.ghost{background:#eef4f1;color:var(--green)}.btn.xl{padding:13px 24px}.btn.full{width:100%}.btn.sm{padding:6px 10px;font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.alert{padding:11px 14px;border-radius:12px;margin-bottom:16px;font-size:12px}.alert.success{background:#e4f5ed;color:#126446}.alert.danger{background:#fde9e9;color:#9c3030}.alert.warning{background:#fff5d9;color:#7b5a08}.progress-panel{min-height:160px}.progress{height:12px;background:#e8efec;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:99px}.progress-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:7px}.level-pill{display:inline-flex;padding:6px 12px;border-radius:99px;background:#e8f5ef;color:var(--green);font-size:11px;font-weight:800}.level-pill.small{font-size:9px;padding:4px 8px}.qoba{background:#fff3d4;color:#8a6514}.active{background:#e5f3ed;color:#157155}.companion{background:#e9f1fb;color:#356b9b}.new{background:#eef0f1;color:#68777a}.leader{background:#f5e9ff;color:#7b4aa3}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:#f7faf8;border:1px solid var(--line);border-radius:14px;padding:12px;min-width:85px;text-align:center}.badge span{font-size:26px;display:block}.badge b{font-size:10px;display:block}.activity-list{display:grid}.activity-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf2ef}.activity-row:last-child{border-bottom:0}.activity-row>div:nth-child(2){flex:1}.activity-row b{font-size:12px;display:block}.activity-row small{font-size:10px;color:var(--muted);display:block}.activity-icon{width:31px;height:31px;border-radius:10px;background:#edf6f2;color:var(--green);display:grid;place-items:center;font-weight:900}.positive{color:#16815e}.negative{color:#c04444}.empty{text-align:center;color:var(--muted);padding:24px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;color:var(--muted);font-size:10px;font-weight:700;background:#f8faf9}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.person{display:flex;align-items:center;gap:8px}.status{font-size:10px;padding:4px 8px;border-radius:99px}.status.on,.status.approved{background:#e5f5ed;color:#167256}.status.off,.status.rejected{background:#fbe8e8;color:#a33c3c}.status.pending{background:#fff4d5;color:#8a650b}code{background:#f0f3f2;padding:3px 6px;border-radius:6px;color:#596963}.search{display:flex;gap:7px}.search input{min-width:260px}.search button{border:0;background:#103f34;color:white;border-radius:10px;padding:9px 14px}.page-actions{align-items:end}input,select{border:1px solid #dbe5e1;background:white;border-radius:10px;padding:10px 11px;outline:none;width:100%;font-size:12px;color:var(--ink)}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #13795b12}label{font-size:11px;font-weight:700;color:#40534c;display:grid;gap:6px}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.inline{display:inline-block;margin-left:4px}.profile-head{background:#fff;border:1px solid var(--line);padding:20px;border-radius:18px}.profile-avatar{width:60px;height:60px;border-radius:18px;background:#e3f3ed;color:var(--green);display:grid;place-items:center;font-size:27px;font-weight:900}.profile-head>div:nth-child(2){flex:1}.profile-head h2{margin:0}.profile-head p{margin:2px 0;color:var(--muted);font-size:11px}.profile-actions{display:flex;gap:7px}.attendance-list{display:grid;margin-bottom:15px}.attendance-row{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--line);cursor:pointer}.attendance-row input{position:absolute;opacity:0;width:1px}.check{width:20px;height:20px;border:2px solid #cad9d3;border-radius:7px}.attendance-row input:checked+.check{background:var(--green);border-color:var(--green);position:relative}.attendance-row input:checked+.check:after{content:"✓";color:#fff;position:absolute;font-size:12px;left:3px;top:-1px}.attendance-row div{flex:1}.attendance-row small{display:block;color:var(--muted);font-size:9px}.attendance-row strong{font-size:11px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:90px 1fr 25px;align-items:center;gap:8px;margin:13px 0;font-size:11px}.mini-bar{height:8px;background:#edf2ef;border-radius:99px;overflow:hidden}.mini-bar i{display:block;height:100%;background:var(--green);border-radius:99px}.chart{height:220px;display:flex;align-items:end;gap:7px;padding:15px 5px 0}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.chart-bar{width:100%;max-width:25px;min-height:4px;background:var(--green);border-radius:7px 7px 2px 2px;position:relative}.chart-bar span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--muted)}.chart-col small{font-size:8px;color:var(--muted);direction:ltr}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.reward-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.reward-icon{font-size:36px}.reward-card h3{margin:8px 0 2px}.reward-card p{font-size:11px;color:var(--muted);min-height:45px}.reward-bottom{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.reward-bottom b{color:var(--green)}.reward-bottom small{color:var(--muted);font-size:10px}.reward-row,.badge-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.reward-row>span,.badge-row>span{font-size:25px}.reward-row div,.badge-row div{flex:1}.reward-row small,.badge-row small{display:block;color:var(--muted);font-size:10px}.landing{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#e5f4ed,transparent 35%),#f4f7f4}.landing-card{text-align:center;background:#fff;padding:50px 40px;border-radius:28px;max-width:520px;box-shadow:0 25px 70px rgba(15,70,52,.12)}.brand.large{justify-content:center;font-size:22px}.hero-icon{font-size:60px;margin:25px 0 8px}.landing-card h1{margin:0 0 5px}.landing-card p{color:var(--muted);font-size:13px;margin-bottom:25px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-art{background:linear-gradient(145deg,#103f34,#176950);color:white;padding:55px;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:500px;height:500px;border:80px solid #ffffff0c;border-radius:50%;left:-160px;bottom:-200px}.login-art .brand{color:#fff}.login-art .brand small{color:#b7d5cb}.quote{font-size:35px;line-height:1.8;font-weight:800;margin-top:18%;position:relative;z-index:1}.floating-card{position:absolute;right:55px;bottom:80px;background:#fff;color:var(--ink);border-radius:17px;padding:15px 20px;box-shadow:0 18px 40px #001c1440;z-index:2}.floating-card small{display:block;color:var(--muted);font-size:10px}.login-box{max-width:430px;width:80%;margin:auto}.login-box h1{margin-bottom:2px}.login-box>p{color:var(--muted);font-size:12px;margin-top:0;margin-bottom:25px}.login-box form{display:grid;gap:9px}.mobile-brand{display:none}.top-actions{direction:ltr}hr{border:0;border-top:1px solid var(--line);margin:25px 0}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.reward-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-110%);transition:.2s;box-shadow:0 0 50px #0004}.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.menu-btn{display:block;border:0;background:#eef4f1;color:var(--green);border-radius:9px;padding:8px 10px}.content{padding:18px 13px}.topbar h1{font-size:18px}.date-chip{display:none}.welcome,.page-actions,.profile-head{align-items:flex-start;flex-direction:column}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:25px}.form-grid.two{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr}.profile-actions{width:100%;flex-wrap:wrap}.profile-actions form{flex:1}.profile-actions button{width:100%}.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:flex}.login-box{width:88%;padding:30px 0}.search{width:100%}.search input{min-width:0}.page-actions form{width:100%}}
.btn.danger{
    background:#dc3545;
    color:#fff;
    border-color:#dc3545;
}
.btn.danger:hover{
    background:#bb2d3b;
    border-color:#bb2d3b;
}
body {
    font-family: 'Vazirmatn', sans-serif;
}
.education-panel{padding:14px 18px}
.education-tabs{display:flex;gap:7px;flex-wrap:wrap}
.education-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:11px;background:#f1f5f3;color:#60736c;font-size:11px;font-weight:800;border:1px solid transparent}
.education-tabs a:hover{background:#e7f1ed;color:var(--green)}
.education-tabs a.active{background:var(--green);color:#fff}
.education-tabs small{font-size:9px;opacity:.75}
.grade-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.grade-filter>span{font-size:10px;color:var(--muted);font-weight:700;margin-left:4px}
.grade-filter a{font-size:10px;padding:5px 9px;border-radius:8px;background:#f7faf8;color:#61746d}
.grade-filter a.active{background:#e3f2ec;color:var(--green);font-weight:800}
.form-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start}
.attendance-date-form{display:flex;align-items:center;gap:7px}
.attendance-date-form input[data-jdp]{width:180px}
@media(max-width:760px){
    .education-tabs{display:grid;grid-template-columns:1fr 1fr}
    .education-tabs a{justify-content:center}
    .attendance-date-form{width:100%;flex-wrap:wrap}
    .attendance-date-form input[data-jdp]{flex:1;width:auto}
}

/* member action buttons */
.profile-actions{align-items:center;flex-wrap:wrap}
.profile-actions .edit-btn{background:#eef1f0;color:#52645e}
.profile-actions .edit-btn:hover{background:#e2e7e5}
.profile-actions .leader-btn{background:#fff3d1;color:#8a650d}
.profile-actions .leader-btn.is-on{background:#d9a928;color:#fff8df}
.profile-actions .status-btn.deactivate{background:#fff3d6;color:#8a650d}
.profile-actions .status-btn.activate{background:#e4f5ec;color:#147153}
.profile-actions .danger{background:#dc3545;color:#fff}
.profile-actions .danger:hover{background:#bb2d3b}
.level-edit-row{display:grid;grid-template-columns:1.2fr .6fr .8fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.level-edit-row:last-child{border-bottom:0}
@media(max-width:760px){.level-edit-row{grid-template-columns:1fr 1fr}.level-edit-row select,.level-edit-row button{width:100%}}
.progress-next{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;color:var(--muted)}
.progress-next b{color:var(--green)}
.level-edit-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.level-edit-row:last-child{border-bottom:0}
.level-edit-form{display:grid;grid-template-columns:1.2fr .6fr auto;gap:8px;align-items:center}
.level-delete-form{margin:0}
.btn.danger{background:#dc3545;color:#fff}
@media(max-width:760px){.level-edit-row{grid-template-columns:1fr}.level-edit-form{grid-template-columns:1fr 1fr}.level-edit-form button{grid-column:1/-1}.level-delete-form button{width:100%}.progress-next{flex-direction:column;gap:3px}}