:root{--dark:#201e1c;--paper:#f5f0e7;--white:#fffdf9;--red:#7b1f34;--gold:#b08d57;--ink:#292522;--muted:#766e66;--line:#ded4c7;--green:#3e7e5a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:var(--red);text-decoration:none}button,input{font:inherit}.primary{background:linear-gradient(135deg,var(--red),#941d39);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;justify-content:center;padding:14px 18px}.brand{align-items:center;display:flex;gap:18px}.brand img{height:85px;width:170px;object-fit:contain}.brand span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.15em}.error,.success{border-radius:8px;font-size:13px;margin:14px 0;padding:12px}.error{background:#f6e9ec;border:1px solid #dbb4bd;color:var(--red)}.success{background:#eaf4ed;border:1px solid #bdd7c4;color:var(--green)}
.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-brand{background:linear-gradient(145deg,#201e1c,#121110);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:9vw}.login-brand img{height:160px;object-fit:contain;object-position:left;width:330px}.login-brand small{color:#d9bb84;font-weight:800;letter-spacing:.17em;margin-top:28px}.login-brand h1{font:700 48px Georgia,serif;line-height:1.08;margin:16px 0}.login-brand p{color:#c9c0b7;line-height:1.7;max-width:520px}.login-brand b{border-left:2px solid var(--gold);color:#ead5ae;margin-top:25px;padding:10px 15px}.login-box{align-items:center;display:flex;justify-content:center;padding:50px}.login-box form{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px #29252218;max-width:440px;padding:42px;width:100%}.login-box form>small{color:#8f6b35;font-weight:900;letter-spacing:.14em}.login-box h2{font:700 30px Georgia,serif;margin:9px 0}.login-box p{color:var(--muted);font-size:13px;margin-bottom:25px}.login-box label,.form-grid label{color:var(--muted);display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:7px;margin-top:14px;text-transform:uppercase}.login-box input,.form-grid input{border:1px solid var(--line);border-radius:8px;height:45px;padding:0 12px}.login-box .primary{margin-top:20px;width:100%}
.dashboard aside{background:linear-gradient(150deg,var(--dark),#151413);bottom:0;color:#eee7df;display:flex;flex-direction:column;left:0;padding:20px 15px;position:fixed;top:0;width:250px}.dashboard aside>img{height:115px;object-fit:contain}.dashboard aside>small{border-top:1px solid #b08d5740;color:#cfc3b7;font-size:9px;letter-spacing:.1em;padding:10px;text-align:center}.dashboard nav{display:flex;flex:1;flex-direction:column;gap:4px;margin-top:15px;overflow:auto}.dashboard nav a{border-radius:8px;color:#d7d0c9;font-size:13px;padding:11px}.dashboard nav a.active,.dashboard nav a:hover{background:var(--red);color:#fff}.dashboard aside>b{border:1px solid #b08d5740;border-radius:8px;color:#d9bb84;font-size:11px;padding:10px;text-align:center}.dashboard aside>b small{color:#8e857c}.main{margin-left:250px}.main>header{align-items:center;background:#fffdf9f5;border-bottom:1px solid var(--line);display:flex;height:72px;justify-content:space-between;padding:0 30px}.main>header div{display:flex;flex-direction:column}.main>header small{color:#8f6b35;font-size:9px;font-weight:800}.main>header strong{font-size:18px}.main>header span{font-size:12px}.main>header a{margin-left:12px}.main>main{padding:30px}.hero{align-items:center;background:linear-gradient(120deg,#fffdf9,#f3eadb);border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;padding:28px}.hero small,.panel-head small{color:#8f6b35;font-size:9px;font-weight:900;letter-spacing:.12em}.hero h1{font:700 31px Georgia,serif;margin:7px 0}.hero p{color:var(--muted)}.hero>b{background:var(--dark);border-radius:9px;color:#d9bb84;padding:13px}.kpis{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:14px 0}.kpis article{background:var(--white);border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;padding:18px}.kpis span{color:var(--muted);font-size:11px}.kpis strong{font:700 28px Georgia,serif;margin-top:6px}.panel{background:var(--white);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{align-items:center;display:flex;justify-content:space-between;padding:19px}.panel-head h2{font:700 22px Georgia,serif;margin:4px 0}.table{overflow:auto}.table>div,.table>section{align-items:center;border-top:1px solid #ebe3d9;display:grid;gap:12px;grid-template-columns:110px 1.3fr 70px 90px 1.2fr 75px;min-width:790px;padding:11px 18px}.table>div{background:#faf7f1;color:var(--muted);font-size:9px;text-transform:uppercase}.table>section{font-size:12px}.table section>span:nth-child(2){display:flex;flex-direction:column}.table small{color:var(--muted);margin-top:3px}.table em{background:#eaf4ed;border-radius:99px;color:var(--green);font-size:10px;font-style:normal;padding:5px;text-align:center}
.installer,.import-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:25px}.install-card,.import-card{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 60px #29252218;max-width:820px;padding:35px;width:100%}.install-card h1,.import-card h1{font:700 32px Georgia,serif;margin:20px 0 7px}.install-card>p,.import-card>p{color:var(--muted);line-height:1.6}.form-grid{display:grid;gap:0 15px;grid-template-columns:1fr 1fr}.install-card .primary{margin-top:20px;width:100%}.install-card>small{color:var(--muted);display:block;margin-top:15px;text-align:center}.steps{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:22px 0}.steps span{align-items:center;background:#faf7f1;border:1px solid var(--line);border-radius:8px;display:flex;font-size:12px;gap:8px;padding:10px}.steps b{align-items:center;background:var(--red);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.template{border:1px solid var(--line);border-radius:8px;display:inline-block;font-size:12px;font-weight:800;padding:12px}.drop{background:#faf7f1;border:1px dashed var(--gold);border-radius:11px;cursor:pointer;display:flex;flex-direction:column;margin:18px 0;padding:28px;text-align:center}.drop small{color:var(--muted);margin-top:6px}.drop input{margin:16px auto 0}.import-card form>.primary{width:100%}.hint{background:#f3eadb;border-radius:9px;margin-top:18px;padding:15px}.hint p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0}
.check{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-top:18px}.check input{height:17px;width:17px}
.module-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:14px}.module-grid a{background:var(--white);border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;padding:20px}.module-grid b{color:var(--ink)}.module-grid span{color:var(--muted);font-size:11px;margin-top:6px}.role-badge{background:#f3eadb;border-radius:99px;color:#82622e;font-size:11px;font-weight:800;padding:9px 12px}.feature-list{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:0 19px 19px}.feature-list article{background:#faf7f1;border:1px solid var(--line);border-radius:9px;padding:16px}.feature-list p{color:var(--muted);font-size:12px;line-height:1.6}.notice{background:#f3eadb;border-top:1px solid var(--line);color:#82622e;font-size:12px;padding:12px 19px}
@media(max-width:800px){.login{grid-template-columns:1fr}.login-brand{min-height:380px;padding:45px}.login-brand h1{font-size:35px}.dashboard aside{display:none}.main{margin:0}.kpis{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column;gap:15px}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.login-box{padding:20px}.login-box form,.install-card,.import-card{padding:24px}.main>main{padding:15px}.main>header{padding:0 15px}.main>header small{display:none}.kpis{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column;gap:12px}}
.entry{margin:0 18px 22px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#faf6ef}.entry summary{cursor:pointer;font-weight:800;color:var(--red)}.data-form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:13px;margin-top:16px;align-items:end}.data-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#5d5348}.data-form input,.data-form select,.data-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.data-form textarea{min-height:82px;resize:vertical}.inline{display:inline-block;margin:0 18px 15px}.records{display:grid;gap:0;margin-top:10px}.records article{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(220px,2fr) minmax(160px,1fr);gap:16px;padding:15px 19px;border-top:1px solid #eadfce;align-items:center}.records span,.records small{color:var(--muted)}.records a{font-weight:800}.alerts{display:grid;gap:8px;margin-bottom:15px}.alerts article{display:grid;gap:4px;padding:13px 16px;background:#fff2d6;border-left:5px solid #b57f2a;border-radius:8px}.traffic-grid,.id-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:0 19px 19px}.traffic-grid article{display:grid;gap:7px;padding:17px;border:1px solid var(--line);border-radius:12px}.traffic-grid i{width:30px;height:30px;border-radius:50%;background:#c73636}.traffic-grid .green i{background:#1c9a54}.traffic-grid .yellow i{background:#e7ad1b}.id-grid article{padding:18px;background:linear-gradient(135deg,#171512,#29231d);color:#ead09a;border-radius:16px;min-height:190px}.id-grid img{width:125px;height:70px;object-fit:contain}.id-grid h3{font:700 23px Georgia,serif;color:#fff;margin:18px 0 8px}.chat{display:grid;gap:9px;padding:0 19px 19px}.chat article{padding:12px 15px;background:#f8f2e9;border-radius:12px}.chat b{display:flex;justify-content:space-between}.stats-bars{display:grid;gap:20px;padding:19px}.stats-bars label{display:grid;gap:8px;font-weight:800}.stats-bars i{height:13px;border-radius:20px;background:linear-gradient(90deg,var(--red) var(--p),#e8e0d5 var(--p))}
@media(max-width:900px){.data-form{grid-template-columns:1fr 1fr}.records article{grid-template-columns:1fr}}@media(max-width:600px){.data-form{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}
.menu-toggle,.menu-close,.nav-shade{display:none}
@media(max-width:1100px){
 .dashboard aside{width:220px}.main{margin-left:220px}.main>main{padding:22px}.module-grid{grid-template-columns:repeat(3,1fr)}
 .kpis{grid-template-columns:repeat(2,1fr)}.data-form{grid-template-columns:repeat(2,minmax(150px,1fr))}
}
@media(max-width:800px){
 body.dashboard{overflow-x:hidden}.dashboard aside{display:flex;position:fixed;left:-285px;top:0;bottom:0;width:280px;height:100vh;z-index:1002;transition:left .25s ease;box-shadow:12px 0 35px #0000}
 .dashboard.menu-open aside{left:0;box-shadow:12px 0 35px #0006}.dashboard aside nav{display:flex;grid-template-columns:none}
 .menu-toggle{display:grid;place-items:center;position:fixed;left:14px;top:14px;z-index:1001;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:var(--red);color:#fff;font-size:23px;box-shadow:0 5px 16px #0003}
 .menu-close{display:grid;place-items:center;position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff18;color:#fff;font-size:28px;cursor:pointer}
 .nav-shade{display:block;position:fixed;inset:0;z-index:1000;background:#0008;opacity:0;visibility:hidden;transition:.25s}
 .menu-open .nav-shade{opacity:1;visibility:visible}.main{margin-left:0}.main>header{padding-left:72px;height:68px}.main>main{padding:16px}
 .hero{padding:21px}.hero h1{font-size:27px}.hero>b{font-size:13px}.account-info{max-width:48%;text-align:right}.module-grid{grid-template-columns:repeat(2,1fr)}
 .panel{overflow:visible}.entry{margin:0 12px 18px}.traffic-grid,.id-grid{padding:0 12px 15px}
}
@media(max-width:520px){
 .main>header strong{font-size:15px}.account-info{font-size:10px;line-height:1.5}.account-info a{display:block;margin-left:0}
 .hero h1{font-size:24px}.hero>b{width:100%;text-align:center}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpis article{padding:14px}.kpis strong{font-size:23px}
 .module-grid{grid-template-columns:1fr}.module-grid a{min-height:74px}.data-form{grid-template-columns:1fr}.data-form input,.data-form select,.data-form textarea,.primary{min-height:46px}
 .records article{padding:13px 14px}.panel-head{padding:15px}.panel-head h2{font-size:20px}.id-grid{grid-template-columns:1fr}
}

/* Original Alfaruq dashboard design */
.dashboard{background-color:#f4efe6;background-image:linear-gradient(#b99a6b0b 1px,transparent 1px),linear-gradient(90deg,#b99a6b0b 1px,transparent 1px);background-size:48px 48px}
.dashboard aside{width:292px;padding:22px 10px 14px;background:linear-gradient(145deg,#211f1d,#121211)}
.dashboard aside>img{height:145px;margin:0 20px;object-fit:contain}.dashboard aside>small{margin:0 10px;padding:13px 0;border-top:1px solid #b08d5740;font-size:9px;letter-spacing:.1em}
.dashboard nav{gap:2px;margin-top:15px;padding-right:1px;overflow-x:hidden;scrollbar-gutter:stable}.dashboard nav>em{margin:17px 14px 6px;color:#77716a;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.18em}
.dashboard nav a{display:grid;grid-template-columns:28px minmax(0,1fr) 82px;align-items:center;gap:4px;min-height:51px;padding:8px 14px;border-radius:11px;color:#ccc5be;font-weight:700}.dashboard nav a span,.dashboard nav a small{min-width:0}.dashboard nav a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard nav a i{font-style:normal;font-size:17px;color:#e0d9d1}.dashboard nav a span{font-size:14px}.dashboard nav a small{color:#8e857d;font-size:10px;text-align:right}.dashboard nav a.active{background:linear-gradient(110deg,#a11d41,#871936);color:#fff}.dashboard nav a.active small{color:#d9b5bf}.dashboard aside>b{margin:10px;border-color:#b08d5745;border-radius:10px;padding:13px}
.main{margin-left:292px}.main>header{height:90px;padding:0 36px;background:#fffdfa;border-bottom:1px solid #dfd2c0}.page-title{padding-left:16px;border-left:2px solid #b88a46;font-size:22px}
.top-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:11px}.search{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:min(375px,27vw);height:49px;padding:0 16px;border:1px solid #dfd1bf;border-radius:11px;color:#756b60}.search input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.lang,.bell,.logout{display:grid;place-items:center;height:48px;border:1px solid #dfd1bf;border-radius:10px;background:#fbf5eb;color:#8b682f}.lang{width:54px}.bell{position:relative;width:43px;border:0;background:transparent;font-size:22px}.bell sup{position:absolute;right:1px;top:0;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#8d1b39;color:#fff;font-size:10px}.role-pill{padding:9px 14px;border:1px solid #dfb9c4;border-radius:99px;background:#f9eaf0;color:#8d1b39;font-size:10px;font-weight:800}.avatar{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#871d3a;color:#fff;font-weight:800}.account-info{display:grid!important;gap:3px;font-size:12px}.account-info small{color:#776e65}.logout{width:46px;font-size:22px}
.main>main{max-width:1530px;margin:auto;padding:44px 52px}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.welcome>div:first-child small{color:#a16b2d}.welcome h1{margin:5px 0 6px;font:700 48px Georgia,serif;letter-spacing:-.02em}.welcome p{margin:0;color:#906f50}.welcome-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.welcome-actions span,.welcome-actions a{padding:17px 20px;border-radius:10px}.welcome-actions span{border:1px solid #9acdb7;background:#eaf6ef;color:#246f51}.welcome-actions a{background:linear-gradient(110deg,#a21e42,#881936);color:#fff;font-weight:800;box-shadow:0 8px 18px #8f1c3922}.welcome-actions b{flex-basis:100%;text-align:right;color:#8a6b42;font-size:12px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:17px}.dashboard-kpis article{display:grid;grid-template-columns:62px 1fr;grid-template-rows:72px 1fr;min-height:160px;padding:25px 20px 18px;border:1px solid #decfbd;border-radius:15px;background:#fffdfa;box-shadow:0 6px 20px #6e4d2510}.dashboard-kpis article>i{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#f8e8ed;color:#921e40;font:normal 25px Georgia}.dashboard-kpis article:nth-child(2)>i,.dashboard-kpis article:nth-child(4)>i{background:#f5eee3;color:#aa762d}.dashboard-kpis .online-dot{background:#e7f3ed;color:#348d69}.dashboard-kpis article>div{display:grid;align-content:center}.dashboard-kpis strong{font:700 34px Georgia,serif}.dashboard-kpis b{font-size:13px}.dashboard-kpis small{grid-column:1/3;color:#957a65;font-size:10px}
.dash-panel{border:1px solid #decfbd;border-radius:15px;background:#fffdfa;box-shadow:0 6px 20px #6e4d2510;overflow:hidden}.dash-panel h2{margin:0;padding:20px 22px;border-bottom:1px solid #e6dacc;font:700 22px Georgia,serif}.online-panel{margin-bottom:17px}.online-panel>div{min-height:107px;padding:20px}.online-panel article{display:flex;align-items:center;gap:12px;max-width:290px}.online-panel article>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1d1d1b;color:#fff;font-style:normal;font-weight:800}.online-panel article>i:after{content:"";width:10px;height:10px;margin:-10px -42px 0 0;border:2px solid #fff;border-radius:50%;background:#45b27d}.online-panel article span{display:grid}.online-panel article small{color:#756d65}.online-panel article em{margin-left:auto;color:#ad792f;font-size:22px}
.dash-columns{display:grid;grid-template-columns:2fr 1fr;gap:17px;margin-bottom:17px}.school-days article{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:14px;min-height:89px;padding:14px 22px;border-bottom:1px solid #e6dacc}.school-days article:last-child{border:0}.school-days time{display:grid;place-items:center;width:50px;height:54px;border-radius:9px;background:#f7e8ed;color:#8c1837}.school-days time b{font:700 16px Georgia}.school-days time small{font-size:9px}.school-days article:nth-child(3) time{background:#f6efe3;color:#a57028}.school-days span{display:grid;gap:7px}.school-days span small{color:#8b7d70;font-size:10px}.school-days em{color:#7f7469;font-size:10px;font-style:normal}.school-days a{color:#8b1938;font-size:10px;font-weight:800}
.open-tasks>a{display:grid;grid-template-columns:42px 1fr 26px 12px;align-items:center;gap:10px;min-height:70px;padding:12px 18px;border-bottom:1px solid #e6dacc;color:#231f1b}.open-tasks>a:last-child{border:0}.open-tasks i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f7e8ed;color:#921d40;font-style:normal}.open-tasks a:nth-child(3) i{background:#f7efe2;color:#ae762a}.open-tasks a:nth-child(4) i{background:#e8f4ee;color:#3a8e6b}.open-tasks b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#8c1a39;color:#fff;font-size:11px}
.dash-columns.bottom{grid-template-columns:3fr 1fr}.operations>a{display:grid;grid-template-columns:1.3fr .7fr 1.6fr 15px;align-items:center;min-height:54px;padding:0 20px;border-bottom:1px solid #e6dacc;color:#211e1a;font-size:11px}.operations>a:last-child{border:0}.operations a b{justify-self:start;padding:5px 10px;border-radius:99px;background:#e5f3eb;color:#277350;font-size:9px}.operations a b.warn{background:#f5eddf;color:#936724}.operations em{color:#967a63;font-style:normal}.weekend>div{display:grid;place-items:center;gap:10px;padding:40px 18px;text-align:center}.weekend i{color:#991e41;font-size:25px}.weekend strong{color:#991e41;font:700 26px Georgia}.weekend hr{width:70%;border:0;border-top:1px solid #bd8a42}.weekend b{font:700 18px Georgia}.weekend small:last-child{font-size:9px;color:#806f60}
@media(max-width:1250px){.search{width:220px}.account-info{display:none}.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dash-columns,.dash-columns.bottom{grid-template-columns:1fr}.welcome h1{font-size:39px}}
@media(max-width:800px){.dashboard aside{width:292px}.main>header{height:72px;padding:0 14px 0 72px}.top-actions{gap:7px}.search,.role-pill,.bell{display:none}.main>main{padding:22px 16px}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:32px}.welcome-actions{justify-content:flex-start;margin-top:18px}.welcome-actions b{text-align:left}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dash-columns,.dash-columns.bottom{grid-template-columns:1fr}.school-days article{grid-template-columns:50px 1fr}.school-days article em,.school-days article a{display:none}}
@media(max-width:520px){.page-title{font-size:17px}.lang{display:none}.dashboard-kpis{grid-template-columns:1fr}.welcome h1{font-size:28px}.welcome-actions span,.welcome-actions a{width:100%;text-align:center}.dashboard-kpis article{min-height:132px}.dash-panel h2{font-size:19px}.operations>a{grid-template-columns:1fr auto 12px}.operations em{display:none}}

/* Screenshot-faithful module pages */
.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:-8px 0 24px}.page-hero small{color:#9a6b2b;font-size:10px;font-weight:900;letter-spacing:.14em}.page-hero h1{margin:8px 0 7px;font:700 48px Georgia,serif;letter-spacing:-.025em}.page-hero p{margin:0;color:#8c6c50}.page-hero>button{flex:none;padding:17px 23px;border:0;border-radius:10px;background:linear-gradient(110deg,#a21e42,#881936);box-shadow:0 9px 20px #8f1c3926;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;border:1px solid #decfbd;border-radius:14px;background:#fffdfa;overflow:hidden}.metric-strip article{display:grid;gap:10px;min-height:84px;padding:18px 22px;border-right:1px solid #e4d8c9}.metric-strip article:last-child{border:0}.metric-strip small{color:#806f60;font-size:9px}.metric-strip strong{font:700 29px Georgia,serif}
.privacy-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:18px;padding:19px 22px;border:1px solid #a9cad9;border-radius:12px;background:#eaf4f8;color:#28536a}.privacy-banner span{font-size:11px}.privacy-banner em{color:#347453;font-size:10px;font-style:normal;font-weight:800}
.toolbar{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #eadfce}.toolbar button{padding:10px 14px;border:0;border-radius:7px;background:#f0e9df;color:#7e1732;font-weight:800}.toolbar input{flex:1;min-width:160px;padding:11px 15px;border:1px solid #ddcfbd;border-radius:9px;background:#fffdfa}
.design-table{overflow:auto}.design-table header,.design-table article{display:grid;grid-template-columns:2fr 1fr 1fr minmax(90px,.55fr);align-items:center;gap:18px;min-width:720px;padding:15px 20px;border-top:1px solid #e8ddcf}.design-table header{background:#faf7f1;color:#6e6359;font-size:9px;font-weight:800}.design-table article{min-height:60px;font-size:11px}.design-table article>span:first-child{display:grid;gap:4px}.design-table small{color:#786d62}.design-table em{justify-self:end;padding:7px 10px;border-radius:99px;background:#e7f3ed;color:#2d7857;font-size:9px;font-style:normal;font-weight:800}.design-table em.offen,.design-table em.überfällig{background:#f6eedf;color:#996c24}.design-table a{justify-self:end;font-size:10px;font-weight:800}.muted{padding:24px;color:#7c7167;text-align:center}
.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quality-grid article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:19px 21px;border:1px solid #decfbd;border-radius:13px;background:#fffdfa}.quality-grid small{grid-column:1/3;color:#7c7065;font-size:9px}.quality-grid strong{font:700 30px Georgia,serif}.quality-grid em{align-self:center;padding:6px 10px;border-radius:99px;background:#e7f3ed;color:#2e7858;font-size:9px;font-style:normal}.chart-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:285px;padding:28px 25px 18px}.bar-chart i{position:relative;width:8%;height:var(--h);min-height:5px;border-radius:6px 6px 0 0;background:linear-gradient(#9e2344,#7e1935);font-style:normal}.bar-chart b{position:absolute;top:-22px;width:100%;text-align:center;font-size:9px}.bar-chart small{position:absolute;bottom:-18px;width:100%;text-align:center;color:#776c62;font-size:8px}.donut{display:grid;place-items:center;align-content:center;width:190px;height:190px;margin:38px auto;border-radius:50%;background:radial-gradient(circle,#fffdfa 0 48%,transparent 49%),conic-gradient(#3d815e calc(var(--score)*1%),#b78d4f 0 88%,#397083 0 95%,#8b1d3b 0)}.donut b{font:700 31px Georgia,serif}.donut small{font-size:9px}
.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.role-cards article{display:grid;grid-template-columns:52px 1fr;gap:12px;min-height:122px;padding:20px;border:1px solid #decfbd;border-radius:13px;background:#fffdfa}.role-cards i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f6e6eb;color:#8a1837;font-size:10px;font-style:normal;font-weight:900}.role-cards span{display:grid;align-content:center;gap:6px}.role-cards small{color:#776d63;font-size:9px}.role-cards em{grid-column:1/3;color:#62594f;font-size:9px;font-style:normal}.permission-matrix{overflow:auto}.permission-matrix header,.permission-matrix article{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;min-width:750px;padding:13px 18px;border-top:1px solid #e8ddcf;font-size:10px}.permission-matrix header{text-align:center;background:#faf7f1;color:#756a60}.permission-matrix header b:first-child,.permission-matrix article b{text-align:left}.permission-matrix i{display:grid;place-items:center;justify-self:center;width:31px;height:31px;border-radius:50%;font-style:normal}.permission-matrix .yes{background:#e5f3ec;color:#2f815e}.permission-matrix .no{background:#f1eee9;color:#aaa096}
.panel{margin-bottom:18px}.panel>.records:empty:after{content:"Noch keine Einträge vorhanden.";display:block;padding:25px;text-align:center;color:#80756b}
@media(max-width:1100px){.page-hero h1{font-size:39px}.quality-grid{grid-template-columns:repeat(2,1fr)}.role-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.page-hero{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:34px}.page-hero>button{width:100%}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid #e4d8c9}.chart-layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}}
@media(max-width:520px){.page-hero h1{font-size:29px}.metric-strip,.quality-grid,.role-cards{grid-template-columns:1fr}.metric-strip article{border-right:0;border-bottom:1px solid #e4d8c9}.privacy-banner{grid-template-columns:1fr}.quality-grid article{min-height:100px}.bar-chart{height:230px;padding-left:10px;padding-right:10px}.role-cards article{min-height:105px}}
.form-hint{grid-column:1/-1;margin:0;padding:12px 14px;border-left:3px solid #b58a4b;background:#f7f0e5;color:#6e6256;font-size:11px;line-height:1.55}
@media(max-width:1600px) and (min-width:1025px){.page-hero h1{font-size:40px}.main>main{padding:36px 42px}.dashboard nav a span{font-size:13px}.dashboard nav a{min-height:47px}}
@media(max-width:1024px){
 body.dashboard{overflow-x:hidden}.dashboard aside{display:flex;position:fixed;left:-310px;top:0;bottom:0;width:292px;height:100dvh;z-index:1002;transition:left .25s ease;box-shadow:12px 0 35px #0000}
 .dashboard.menu-open aside{left:0;box-shadow:12px 0 35px #0006}.menu-toggle{display:grid;place-items:center;position:fixed;left:14px;top:14px;z-index:1001;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:var(--red);color:#fff;font-size:23px;box-shadow:0 5px 16px #0003}
 .menu-close{display:grid;place-items:center;position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff18;color:#fff;font-size:28px;cursor:pointer}.nav-shade{display:block;position:fixed;inset:0;z-index:1000;background:#0008;opacity:0;visibility:hidden;transition:.25s}.menu-open .nav-shade{opacity:1;visibility:visible}
 .main{margin-left:0}.main>header{height:72px;padding:0 14px 0 72px}.search{width:min(330px,38vw)}.role-pill{display:none}.main>main{padding:24px 20px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dash-columns,.dash-columns.bottom,.chart-layout{grid-template-columns:1fr}
}
@media(max-width:700px){.search,.bell{display:none!important}.page-title{font-size:17px}.account-info{display:none!important}.page-hero{margin-top:0}.metric-strip{grid-template-columns:repeat(2,1fr)}}

/* Bilingual mode, notifications and full chat */
.ar-inline{display:none;margin-inline-start:8px;color:#9a6b2b;font-family:Tahoma,Arial,sans-serif;font-size:.72em;font-weight:700;letter-spacing:0}.bilingual .ar-inline{display:inline-block}.bilingual .page-title .ar-inline{font-size:12px}.bilingual .page-hero h1 .ar-inline{font-size:.48em;vertical-align:middle}
.notification-wrap{position:relative}.notification-popover{display:none;position:absolute;right:-115px;top:58px;z-index:1200;width:370px;max-height:470px;border:1px solid #decfbd;border-radius:14px;background:#fffdfa;box-shadow:0 20px 55px #2a1c1028;overflow:auto}.notification-wrap.open .notification-popover{display:block}.notification-popover>header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #eadfce}.notification-popover>header small{color:#8a6a43}.notification-popover>a{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid #eee4d8;color:#251f1b}.notification-popover>a i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6e7ec;color:#8e1938;font-style:normal}.notification-popover>a span{display:grid;gap:4px}.notification-popover>a small{color:#746a61;font-size:10px;line-height:1.35}.notification-popover time{color:#a07136;font-size:9px}.notification-popover>p{padding:25px;text-align:center;color:#776c62;line-height:1.7}.notification-popover>footer a{display:block;padding:14px;text-align:center;color:#8e1938;font-size:11px;font-weight:800}
.chat-shell{display:grid;grid-template-columns:290px minmax(420px,1fr) 275px;min-height:675px;border:1px solid #decfbd;border-radius:15px;background:#fffdfa;box-shadow:0 6px 20px #6e4d2510;overflow:hidden}.chat-rooms{border-right:1px solid #e5d8c9;background:#faf7f1}.chat-kicker{padding:18px 20px 12px;color:#9b6c31;font-size:9px;font-weight:900;letter-spacing:.14em}.chat-kicker span{float:right;letter-spacing:0}.chat-rooms>a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;min-height:76px;padding:12px 15px;border-left:3px solid transparent;border-bottom:1px solid #e8ddcf;color:#251f1b}.chat-rooms>a.selected{border-left-color:#941d3e;background:#f5e5eb}.chat-rooms>a>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1d1b19;color:#fff;font-size:10px;font-style:normal;font-weight:800}.chat-rooms>a span{display:grid;gap:5px}.chat-rooms>a small{color:#7b7066;font-size:9px}.chat-rooms>a em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:50%;background:#8f1c3b;color:#fff;font-size:9px;font-style:normal}
.chat-thread{display:grid;grid-template-rows:72px minmax(0,1fr) auto;min-width:0;background:#fffdfa}.chat-thread>header{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;border-bottom:1px solid #e7dbcd}.chat-thread h2{margin:0;font:700 22px Georgia,serif}.chat-thread header small{color:#746a61;font-size:9px}.chat-thread header span{font-size:20px}.chat-messages{display:flex;flex-direction:column;gap:13px;padding:18px;overflow:auto;background-image:linear-gradient(#b99a6b08 1px,transparent 1px);background-size:100% 44px}.chat-messages>time{align-self:center;padding:6px 13px;border-radius:99px;background:#f0eae1;color:#786e64;font-size:9px}.chat-messages article{align-self:flex-start;width:min(75%,620px);padding:14px 16px 9px;border:1px solid #ddcfbd;border-radius:13px;background:#fff}.chat-messages article.mine{align-self:flex-end;border-color:#dfb6c1;background:#f8e7ec}.chat-messages article b{color:#8a1938;font-size:10px}.chat-messages article p{margin:9px 0;line-height:1.55}.chat-messages article small{display:block;color:#887c71;font-size:8px;text-align:right}.chat-empty{margin:auto;color:#796e64;text-align:center;line-height:1.7}.chat-composer{display:grid;grid-template-columns:44px 1fr auto;align-items:end;gap:10px;padding:16px;border-top:1px solid #e5d8c9}.chat-composer textarea{min-height:48px;max-height:120px;padding:13px 15px;border:1px solid #ddcfbd;border-radius:11px;background:#fff;resize:vertical}.chat-composer button{min-height:48px;padding:0 19px;border:0;border-radius:10px;background:#941d3e;color:#fff;font-weight:800}.chat-composer button:first-of-type{padding:0;border:1px solid #ddcfbd;border-radius:50%;background:#fffdfa;color:#946925;font-size:23px}.chat-composer button span{margin-left:6px;font-size:10px}
.chat-info{border-left:1px solid #e5d8c9;background:#faf7f1}.chat-info>h2{margin:0;padding:21px 18px;border-bottom:1px solid #e5d8c9;font:700 19px Georgia,serif}.chat-info>h2 span{display:block;margin-top:5px;color:#9a6b2b;font:12px Tahoma,Arial}.chat-info section{display:grid;gap:9px;padding:20px;border-bottom:1px solid #e5d8c9}.chat-info p{margin:0;color:#6e645b;font-size:10px;line-height:1.5}.chat-info a{color:#4e453d;font-size:10px}.chat-info a:hover{color:#8e1938}
.chat-room-picker{display:grid;gap:7px;padding:12px 14px;border-bottom:1px solid #e5d8c9}.chat-room-picker span{font-size:9px;font-weight:800;color:#7b6245}.chat-room-picker select{width:100%;padding:10px;border:1px solid #d9c9b5;border-radius:9px;background:#fffdfa;color:#2a211c}.chat-room-group{padding:12px 17px 6px;color:#9b6c31;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.statistics-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.distribution-panel{min-height:270px}.distribution-list{display:grid;gap:14px;padding:20px}.distribution-list>div{display:grid;gap:7px}.distribution-list span{display:flex;justify-content:space-between;gap:14px}.distribution-list b{font-size:11px}.distribution-list em{color:#776b61;font-size:10px;font-style:normal}.distribution-list i{display:block;height:10px;border-radius:99px;background:#eee7dd;overflow:hidden}.distribution-list u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8d1939,#b88f50);text-decoration:none}.class-list{grid-template-columns:repeat(2,1fr)}.stats-notes{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:0 18px 22px}.stats-notes span{padding:8px 11px;border-radius:99px;background:#f1ebe2;color:#6e6257;font-size:10px}.stats-notes b{color:#8d1939}
@media(max-width:1250px){.chat-shell{grid-template-columns:240px minmax(390px,1fr)}.chat-info{display:none}}
@media(max-width:800px){.chat-shell{grid-template-columns:1fr;min-height:680px}.chat-rooms{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e5d8c9}.chat-kicker{display:none}.chat-rooms>a{flex:0 0 220px;border-left:0;border-bottom:0;border-top:3px solid transparent}.chat-rooms>a.selected{border-top-color:#941d3e}.chat-thread{min-height:590px}.chat-messages article{width:88%}.notification-popover{position:fixed;left:12px;right:12px;top:76px;width:auto}}
@media(max-width:800px){.chat-room-picker{position:sticky;left:0;flex:0 0 270px;background:#faf7f1}.chat-room-group{display:none}.statistics-layout{grid-template-columns:1fr}.class-list{grid-template-columns:1fr}}
@media(max-width:700px){.notification-wrap .bell{display:grid!important}.chat-shell{margin-top:-5px}.chat-composer{grid-template-columns:38px 1fr}.chat-composer button[type=submit]{grid-column:2;width:100%}}

/* Full month calendar */
.calendar-entry{margin:0 0 18px}.calendar-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:16px}.calendar-card,.calendar-upcoming{border:1px solid #decfbd;border-radius:15px;background:#fffdfa;box-shadow:0 6px 20px #6e4d2510;overflow:hidden}.calendar-card>header,.calendar-upcoming>h2{margin:0;padding:19px 21px;border-bottom:1px solid #e6dacc;font:700 21px Georgia,serif}.calendar-card>nav{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #e6dacc}.calendar-card>nav>a,.calendar-card>nav div a{display:inline-grid;place-items:center;min-width:34px;height:36px;padding:0 10px;border:1px solid #decfbd;border-radius:8px;color:#6d5c4c}.calendar-card>nav strong{text-align:center;font:700 20px Georgia,serif}.calendar-card>nav div{display:flex;gap:7px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays b{padding:12px 6px;border-bottom:1px solid #e6dacc;color:#816d5b;font-size:9px;text-align:center}.calendar-grid article{position:relative;min-height:104px;padding:10px 8px;border-right:1px solid #e8ddcf;border-bottom:1px solid #e8ddcf;overflow:hidden}.calendar-grid article:nth-child(7n){border-right:0}.calendar-grid article.outside{background:#f8f5f0;color:#b9aa9b}.calendar-grid article.today time{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#8e1938;color:#fff}.calendar-grid time{display:block;margin-bottom:6px;font-size:11px}.calendar-grid .event{display:flex;justify-content:space-between;gap:4px;margin:4px 0;padding:6px 7px;border-radius:5px;background:#f5e4ea;color:#8d1a3a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-grid .event:nth-of-type(even){background:#f5eee2;color:#956824}.calendar-grid .event:nth-of-type(3n){background:#e6f1f4;color:#356779}.calendar-grid .event small{font-size:7px}.calendar-grid em{font-size:8px;color:#8b7562;font-style:normal}.calendar-upcoming>h2 span{display:block;margin-top:5px;color:#9a6b2b;font:12px Tahoma,Arial}.calendar-upcoming>a{display:grid;grid-template-columns:55px 1fr 12px;align-items:center;gap:11px;min-height:82px;padding:12px 15px;border-bottom:1px solid #e6dacc;color:#241f1b}.calendar-upcoming>a>time{display:grid;place-items:center;width:53px;height:52px;border-radius:9px;background:#f6e5eb;color:#8e1938}.calendar-upcoming time b{font-size:10px}.calendar-upcoming time small{font-size:8px}.calendar-upcoming>a>span{display:grid;gap:5px}.calendar-upcoming>a>span b{font-size:11px}.calendar-upcoming>a>span small{color:#796d62;font-size:8px}.calendar-upcoming>a i{font-size:19px;font-style:normal}.calendar-upcoming>p{padding:28px;text-align:center;color:#796e64;line-height:1.7}
@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}.calendar-upcoming{display:grid;grid-template-columns:repeat(2,1fr)}.calendar-upcoming>h2{grid-column:1/-1}.calendar-upcoming>a:nth-child(even){border-right:1px solid #e6dacc}}
@media(max-width:700px){.calendar-card{overflow-x:auto}.calendar-card>header,.calendar-card>nav,.calendar-weekdays,.calendar-grid{min-width:720px}.calendar-upcoming{grid-template-columns:1fr}.calendar-upcoming>a:nth-child(even){border-right:0}.calendar-grid article{min-height:92px}}

/* Original module layouts */
.subject-cards,.exam-cards,.homework-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.subject-cards article,.exam-cards article,.homework-cards article{display:grid;gap:10px;min-height:190px;padding:20px;border:1px solid #decfbd;border-radius:13px;background:#fffdfa}.subject-cards i,.exam-cards i{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#f6e6eb;color:#8d1939;font:normal 24px Georgia}.subject-cards h3,.exam-cards h3,.homework-cards h3{margin:4px 0;font:700 20px Georgia,serif}.subject-cards small,.exam-cards p,.homework-cards p,.homework-cards span{color:#786b60;font-size:10px;line-height:1.5}.subject-cards a,.exam-cards a,.homework-cards a{align-self:end;color:#8d1939;font-size:10px;font-weight:800}.curriculum{margin:0 18px 18px;border:1px solid #decfbd;border-radius:13px;background:#fffdfa;overflow:hidden}.curriculum h2{margin:0;padding:17px 19px;border-bottom:1px solid #e8ddcf;font:700 21px Georgia}.curriculum>div{display:grid;grid-template-columns:minmax(170px,1fr) 2fr auto;align-items:center;gap:18px;padding:16px 18px;border-bottom:1px solid #e8ddcf}.curriculum>div:last-child{border:0}.curriculum span{display:grid;gap:4px}.curriculum small{color:#776c62;font-size:9px}.curriculum i{height:10px;border-radius:99px;background:#eee7dd;overflow:hidden}.curriculum u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8d1939,#b78c4b)}.curriculum a{padding:8px 10px;border:1px solid #decfbd;border-radius:8px;font-size:9px}.homework-cards{grid-template-columns:repeat(2,1fr)}.homework-cards article{min-height:210px;border-left:5px solid #951d3e}.homework-cards article>small{display:flex;justify-content:space-between;color:#8d1939;font-weight:800}.homework-cards em{padding:5px 9px;border-radius:99px;background:#f3ebdf;color:#8d6934;font-style:normal}.exam-cards{grid-template-columns:repeat(3,1fr)}.exam-cards article{min-height:260px}.weekend-lock{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:18px;padding:17px;border:1px solid #c99b57;border-radius:11px;background:#fffdfa;font-size:10px}.weekend-lock em{padding:6px 10px;border-radius:99px;background:#e6f3ec;color:#287655;font-style:normal}.timetable-board{margin:0 18px 18px;border:1px solid #decfbd;border-radius:14px;background:#fffdfa;overflow:auto}.timetable-board>header,.timetable-board>div{display:grid;grid-template-columns:160px repeat(2,minmax(280px,1fr));min-width:760px}.timetable-board>header>*{padding:16px;border-right:1px solid #e4d8c9;text-align:center}.timetable-board>header strong{font:700 21px Georgia}.timetable-board>div>*{min-height:82px;padding:17px;border-top:1px solid #e4d8c9;border-right:1px solid #e4d8c9}.timetable-board time{display:grid;place-items:center;font-size:10px}.timetable-board article{display:grid;align-content:center;gap:7px;border-left:3px solid #941d3e}.timetable-board article.break{background:#f4ede2;border-left-color:#b48b4e}.timetable-board article small{color:#786d62;font-size:9px;line-height:1.5}
@media(max-width:1100px){.subject-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.subject-cards,.exam-cards,.homework-cards{grid-template-columns:1fr}.curriculum>div{grid-template-columns:1fr}.weekend-lock{grid-template-columns:1fr}.quality-grid.compact{grid-template-columns:repeat(2,1fr)}}

/* Annual Excel synchronization and actionable student records */
.import-wide{width:min(1180px,calc(100% - 28px))}.import-stats{display:grid;grid-template-columns:repeat(6,1fr);margin:20px 0;border:1px solid #decfbd;border-radius:13px;background:#fffdfa;overflow:hidden}.import-stats span{display:grid;gap:5px;padding:16px;border-right:1px solid #e6dacc;color:#74685e;font-size:10px}.import-stats span:last-child{border:0}.import-stats b{color:#241e19;font:700 27px Georgia,serif}.import-table{max-height:520px;margin:18px 0;border:1px solid #decfbd;border-radius:13px;overflow:auto}.import-table table{width:100%;border-collapse:collapse;background:#fffdfa}.import-table th,.import-table td{padding:13px 15px;border-bottom:1px solid #e8ddcf;text-align:left;vertical-align:top;font-size:11px}.import-table th{position:sticky;top:0;background:#f8f3eb;color:#796a5d;z-index:1}.import-table td small{display:block;margin-top:5px;color:#81756a}.danger-check{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;margin:15px 0!important;padding:15px!important;border:1px solid #e0b7c1!important;border-radius:10px!important;background:#fbf0f3!important;color:#73162f!important;line-height:1.5}.danger-check input{width:auto!important;margin-top:3px!important}.record-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:8px}.record-actions form{display:inline!important}.record-actions a,.record-actions button{padding:7px 10px;border:1px solid #d9c8b5;border-radius:7px;background:#fffdfa;color:#861a37;font-size:9px;font-weight:800}.absence-alert{display:grid;gap:7px;margin:14px 0;padding:16px 18px;border-left:5px solid #a20e2f;border-radius:10px;background:#fff0f2;color:#7e122d}.absence-alert span{font-size:11px;line-height:1.45}.warning-row{border-left:5px solid #b20d32!important;background:#fff2f4!important}
@media(max-width:900px){.import-stats{grid-template-columns:repeat(3,1fr)}.import-stats span:nth-child(3n){border-right:0}.import-table{overflow-x:auto}.import-table table{min-width:760px}}
@media(max-width:520px){.import-wide{width:calc(100% - 16px);padding:18px}.import-stats{grid-template-columns:repeat(2,1fr)}.import-stats span:nth-child(3n){border-right:1px solid #e6dacc}.import-stats span:nth-child(2n){border-right:0}.record-actions{grid-column:1/-1;justify-content:flex-start}}
.bundled-import{margin:28px 0;padding:24px;border:2px solid #9b1c3b;border-radius:18px;background:#fff8f3;box-shadow:0 14px 35px rgba(91,37,38,.1)}.bundled-import h2{margin:0 0 8px;font-family:Georgia,serif;font-size:28px}.bundled-import p{margin:0 0 18px}.bundled-import form{display:grid;grid-template-columns:minmax(180px,280px) minmax(260px,1fr);gap:14px;align-items:end}.bundled-import small{display:block;margin-top:12px;font-weight:700;color:#7f1731}.import-divider{display:flex;align-items:center;gap:14px;margin:28px 0 18px;color:#8b765c;font-size:12px;font-weight:800;letter-spacing:.08em}.import-divider:before,.import-divider:after{content:"";height:1px;flex:1;background:#dacdbb}
@media(max-width:700px){.bundled-import form{grid-template-columns:1fr}.bundled-import{padding:18px}.bundled-import h2{font-size:23px}}

/* Visible directories and live lesson status */
.welcome-actions .lesson-status.active{border-color:#9acdb7;background:#eaf6ef;color:#246f51}
.welcome-actions .lesson-status.inactive{border-color:#e3a9b6;background:#fff0f3;color:#9d193b}
.panel-tools{display:flex;justify-content:flex-end;padding:0 18px 10px}.panel-tools .secondary,.directory-toolbar .secondary{display:inline-grid;place-items:center;padding:10px 14px;border:1px solid #d9c8b5;border-radius:8px;background:#fffdfa;color:#8c1938;font-size:10px;font-weight:800}
.directory-toolbar{display:flex;align-items:center;gap:9px;padding:14px 18px;border-top:1px solid #eadfce;background:#fffdfa}.directory-toolbar>input{flex:1;min-width:180px;padding:12px 15px;border:1px solid #ddcfbd;border-radius:9px;background:#fff;color:#2b241f;font:inherit}.directory-filters{display:flex;padding:4px;border-radius:9px;background:#eee7dd}.directory-filters button{padding:8px 12px;border:0;border-radius:7px;background:transparent;color:#765f4c;font-size:9px;font-weight:800;cursor:pointer}.directory-filters button.selected{background:#fffdfa;color:#8e1938;box-shadow:0 1px 4px #51300f18}
.student-directory header,.student-directory article{grid-template-columns:minmax(300px,2fr) minmax(150px,.9fr) minmax(115px,.7fr) minmax(280px,1.35fr);min-width:980px}.class-directory header,.class-directory article{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.7fr) minmax(140px,.7fr) minmax(300px,1.7fr);min-width:850px}.teacher-directory header,.teacher-directory article{grid-template-columns:minmax(250px,1.3fr) minmax(160px,.8fr) minmax(320px,1.7fr) minmax(170px,.8fr);min-width:950px}
.design-table .person{display:flex!important;align-items:center;gap:12px}.person>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#f6e5eb;color:#8e1938;font-size:10px;font-style:normal;font-weight:900}.person>b{display:grid;gap:4px}.person>b small[lang=ar]{font-family:Tahoma,Arial,sans-serif;font-weight:400;text-align:left}
.design-table .day-pill,.design-table .status-pill{display:inline-grid;justify-self:start;padding:6px 10px;border-radius:99px;background:#f5e5eb;color:#8e1938;font-size:9px;font-style:normal;font-weight:800}.design-table .day-pill.sonntag{background:#f5eee1;color:#906523}.design-table .status-pill.aktiv{background:#e7f3ed;color:#2d7857}.design-table .status-pill.warteliste{background:#f7eddc;color:#936621}.design-table .status-pill.inaktiv{background:#f1eeee;color:#857a75}
.directory-status{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.directory-status>small{width:100%;text-align:right}.directory-status .record-actions{flex-wrap:nowrap}.absence-badge{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:99px;background:#a20e32;color:#fff;font-size:9px}.teacher-stack{line-height:1.55}.teacher-category-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.teacher-category-cards article{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;min-height:112px;padding:18px;border:1px solid #decfbd;border-radius:13px;background:#fffdfa}.teacher-category-cards i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f6e5eb;color:#8e1938;font:normal 18px Georgia,serif}.teacher-category-cards article:nth-child(2) i{background:#f5eee1;color:#9a6a27}.teacher-category-cards article:nth-child(3) i{background:#e7f3ed;color:#2d7857}.teacher-category-cards span{display:grid;gap:6px}.teacher-category-cards small{color:#776c62;font-size:9px;line-height:1.4}.teacher-category-cards em{font-style:normal;font-size:18px}
@media(max-width:1100px){.teacher-category-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.directory-toolbar{align-items:stretch;flex-direction:column}.directory-filters{justify-content:center}.directory-filters button{flex:1}.directory-toolbar .secondary{width:100%}.teacher-category-cards{grid-template-columns:1fr}.panel-tools{justify-content:stretch}.panel-tools .secondary{width:100%}}

/* Schüler- und Klassenfilter: klare Bedienung, aktive Zustände und responsive Darstellung */
.directory-toolbar{flex-wrap:wrap;gap:10px;padding:16px 18px;background:linear-gradient(180deg,#fffdfa,#fbf7f1)}
.directory-search{position:relative;display:flex;align-items:center;flex:1 1 330px;min-width:260px;height:44px;border:1px solid #d8c8b7;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(67,42,21,.05);overflow:hidden}
.directory-search:focus-within{border-color:#a7707d;box-shadow:0 0 0 3px rgba(142,25,56,.1)}
.directory-search>span{display:grid;place-items:center;width:42px;height:100%;color:#8e1938;font-size:18px}
.directory-search>input{flex:1;min-width:0;height:100%;padding:0 38px 0 0;border:0!important;outline:0;background:transparent!important;color:#2b241f;font:inherit}
.directory-search>input::placeholder{color:#9b8f84}
.search-clear{position:absolute;right:6px;top:50%;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#8a7c70;font-size:19px;line-height:1;cursor:pointer}
.search-clear:hover,.search-clear:focus-visible{background:#f4ebe5;color:#8e1938;outline:0}
.directory-filters{display:flex;align-items:center;gap:3px;min-height:44px;padding:4px;border:1px solid #ded1c2;border-radius:10px;background:#eee7dd}
.directory-filters button{min-width:70px;min-height:34px;padding:8px 13px;border:0;border-radius:7px;background:transparent;color:#6e5c4d;font-size:10px;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.directory-filters button:hover{background:rgba(255,253,249,.65);color:#8e1938}
.directory-filters button:active{transform:translateY(1px)}
.directory-filters button.selected,.directory-filters button[aria-pressed=true]{background:#fffdfa;color:#8e1938;box-shadow:0 2px 7px rgba(81,48,15,.14)}
.teacher-filter{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 5px 4px 12px;border:1px solid #d8c8b7;border-radius:10px;background:#fff;color:#77675a;font-size:9px;font-weight:900}
.teacher-filter select{min-width:180px;height:34px;padding:0 30px 0 10px;border:0;border-left:1px solid #eadfd4;background:#fff;color:#2b241f;font:inherit;outline:0;cursor:pointer}
.directory-result{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#776a5f;font-size:10px;font-weight:800;white-space:nowrap}
.directory-toolbar .export-button{min-height:44px;padding:0 16px!important;border-color:#b98f9a!important;background:linear-gradient(135deg,#fffdfa,#f8edf0)!important;color:#8e1938!important;cursor:pointer;box-shadow:0 2px 7px rgba(73,37,47,.07)}
.directory-toolbar .export-button:hover{border-color:#8e1938!important;background:#8e1938!important;color:#fff!important}
.design-table article[hidden]{display:none!important}

@media(max-width:1050px){.directory-toolbar-classes .directory-search{flex-basis:100%}.teacher-filter{flex:1}.directory-result{margin-left:auto}}
@media(max-width:760px){.directory-toolbar{align-items:stretch;flex-direction:column}.directory-search{flex-basis:auto;width:100%;min-width:0}.directory-filters{width:100%}.directory-filters button{flex:1;min-width:0}.teacher-filter{width:100%;justify-content:space-between}.teacher-filter select{flex:1;min-width:0}.directory-result{justify-content:center;min-height:28px;margin:0}.directory-toolbar .export-button{width:100%}}

/* Erweiterung Juli 2026: Mehrfachauswahl, Lehrkräfte-Score, Ausweise und Pausengruppen */
.student-bulk-form{display:block}.student-directory .select-cell{display:flex!important;align-items:center;gap:10px}.student-directory .select-cell>input{flex:0 0 auto;width:16px;height:16px;accent-color:#921b3b}.student-directory header .select-cell b{font-size:inherit}.bulk-deactivate-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border:1px solid #9b1d3d;border-radius:10px;background:#941b3b;color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(139,22,54,.14)}.bulk-deactivate-button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#fff;color:#941b3b}.danger-action{border-color:#d5a5b1!important;background:#fff7f8!important}.danger-action:hover{background:#941b3b!important;color:#fff!important}.record-actions button{cursor:pointer}

.teacher-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.teacher-stat-grid>article{min-height:205px;padding:18px;border:1px solid #decfbd;border-radius:14px;background:#fffdfa;box-shadow:0 8px 24px rgba(70,43,20,.045)}.teacher-stat-grid header{display:grid;gap:5px;margin-bottom:18px}.teacher-stat-grid header b{font:700 17px Georgia,serif}.teacher-stat-grid header small,.teacher-stat-grid>article>small,.teacher-stat-grid p{color:#776c62;font-size:9px;line-height:1.5}.stat-bar{display:grid;gap:7px;margin:14px 0}.stat-bar span{display:flex;justify-content:space-between;font-size:10px}.stat-bar i{height:10px;border-radius:99px;background:#eee7dd;overflow:hidden}.stat-bar u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8d1939,#b78c4b)}.attendance-donut{--present:0;display:grid;place-content:center;width:104px;height:104px;margin:4px auto 10px;border-radius:50%;background:radial-gradient(circle,#fffdfa 57%,transparent 58%),conic-gradient(#2c825d calc(var(--present)*1%),#eaded3 0);text-align:center}.attendance-donut strong{font:700 25px Georgia,serif;color:#1e704f}.attendance-donut span{font-size:8px;color:#786b60}.big-score{display:block;margin-top:26px;text-align:center;font:700 42px Georgia,serif;color:#8e1938}.teacher-rating-entry .score-explanation,.pause-settings>p{margin:12px 4px 2px;color:#786b60;font-size:10px;line-height:1.55}.teacher-directory-extended header,.teacher-directory-extended article{grid-template-columns:minmax(230px,1.15fr) minmax(150px,.75fr) minmax(260px,1.35fr) minmax(245px,1.15fr) minmax(90px,.45fr);min-width:1080px}.teacher-score{display:grid!important;gap:6px}.teacher-score small{line-height:1.5;color:#776c62}.score-value{display:inline-grid;justify-self:start;padding:7px 11px;border-radius:99px;background:#e7f3ed;color:#267452;font:800 12px Arial,sans-serif}.score-value.medium{background:#f7eddc;color:#956a25}.score-value.low{background:#fae6ea;color:#a1193b}

.subject-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.subject-card-actions button,.subject-card-actions a,.curriculum button{padding:8px 10px;border:1px solid #decfbd;border-radius:8px;background:#fffdfa;color:#8d1939;font-size:9px;font-weight:800;cursor:pointer}.subject-card-actions button:hover,.subject-card-actions a:hover,.curriculum button:hover{border-color:#8d1939;background:#8d1939;color:#fff}.subject-goals{grid-column:1/-1;margin-top:7px;padding:13px;border-radius:10px;background:#f7f1e8}.subject-goals ol{display:grid;gap:9px;margin:0;padding-left:20px}.subject-goals li{color:#5d5045;font-size:10px;line-height:1.45}.subject-goals li b,.subject-goals li span{display:block}.subject-goals li span{margin-top:3px;color:#83756a}.subject-goals p{margin:0;color:#83756a;font-size:10px}.subject-cards-managed article:has(.subject-goals:not([hidden])){grid-column:span 2}

.student-card-workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:16px;padding:0 18px 18px}.student-card-preview,.student-card-list{border:1px solid #decfbd;border-radius:14px;background:#fffdfa;overflow:hidden}.student-card-preview>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e5d9cb}.student-card-preview>header h2,.student-card-list>h2{margin:0;font:700 20px Georgia,serif}.print-card-button{width:auto!important;margin:0!important}.student-id-card{position:relative;margin:24px;border:7px solid #2c261f;border-radius:21px;background:radial-gradient(circle at 14% 8%,#2d2822 0,#1d1916 46%,#141210 100%);color:#f2d896;box-shadow:0 16px 36px rgba(31,22,14,.22);overflow:hidden}.student-id-top{display:flex;align-items:center;justify-content:space-between;margin:18px 18px 0;padding:13px 17px;background:#faf7f1;color:#a47835}.student-id-top img{width:165px;height:65px;object-fit:contain;object-position:left center}.student-id-top span{padding:8px 13px;border:1px solid #e6c98e;border-radius:99px;font:14px Tahoma,Arial,sans-serif}.student-id-body{position:relative;display:grid;grid-template-columns:88px 1fr 180px;align-items:center;gap:22px;min-height:210px;padding:34px 26px 25px}.student-avatar{display:grid;place-items:center;width:84px;height:98px;border:2px solid #e4bd70;border-radius:16px;background:linear-gradient(145deg,#9d2143,#b2415f);color:#fff;font:900 28px Arial}.student-id-name small,.student-id-footer small,.student-id-name dt{font-size:8px;letter-spacing:.11em;color:#bdb4a8}.student-id-name h3{margin:7px 0 3px;font:700 29px Georgia,serif;color:#fff}.student-id-name>p{min-height:20px;margin:0 0 14px;color:#e9c879;font:16px Tahoma,Arial,sans-serif;text-align:left}.student-id-name dl{display:flex;gap:28px;margin:0}.student-id-name dl div{display:grid;gap:4px}.student-id-name dt,.student-id-name dd{margin:0}.student-id-name dd{font-size:11px;font-weight:800;color:#fff}.student-id-decoration{height:160px;border:1px solid rgba(205,166,91,.25);transform:rotate(45deg);border-radius:8px}.student-id-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin:0 26px;padding:18px 0 22px;border-top:1px solid rgba(225,196,138,.2)}.student-id-footer span{display:grid;gap:5px}.student-id-footer b{font-size:13px}.student-id-footer>i{display:grid;grid-template-columns:repeat(4,7px);gap:3px}.student-id-footer>i u{width:7px;height:7px;background:#d8b468}.student-id-footer time{justify-self:end;font-size:9px}.student-card-preview>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 16px;color:#367f5c;font-size:9px}.student-card-preview>footer button{padding:8px 10px;border:1px solid #decfbd;border-radius:8px;background:#fffdfa;color:#6e5c4d;cursor:pointer}.student-card-list>h2{padding:16px 18px;border-bottom:1px solid #e5d9cb}.student-card-list>.directory-search{margin:14px;width:calc(100% - 28px);min-width:0}.student-card-list>div{max-height:570px;overflow:auto}.student-card-list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #ece2d7;color:#2b241f}.student-card-list a:first-child{border-top:0}.student-card-list a.active{background:#f6e5ea;border-left:4px solid #921b3b}.student-card-list a:hover{background:#faf4ec}.student-card-list a i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#211e1a;color:#fff;font-style:normal;font-size:9px}.student-card-list a span{display:grid;gap:4px}.student-card-list a b{font-size:10px}.student-card-list a small{color:#786b60;font-size:8px}.student-card-list a em{font-style:normal;font-size:17px}.student-card-list a[hidden]{display:none}

.pause-settings{border-left:4px solid #b88b47}.pause-settings .data-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.timetable-board article.break b{color:#8d6530}.timetable-board article.break small{color:#826e56}

@media(max-width:1250px){.teacher-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-card-workspace{grid-template-columns:1fr}.student-card-list>div{max-height:380px}}
@media(max-width:800px){.teacher-stat-grid{grid-template-columns:1fr}.student-card-workspace{padding:0 12px 14px}.student-id-card{margin:14px}.student-id-body{grid-template-columns:72px 1fr;padding:25px 18px}.student-id-decoration{display:none}.student-avatar{width:68px;height:82px}.student-id-name h3{font-size:23px}.student-id-name dl{gap:15px}.subject-cards-managed article:has(.subject-goals:not([hidden])){grid-column:auto}.bulk-deactivate-button{width:100%;justify-content:center}.pause-settings .data-form{grid-template-columns:1fr}}
@media(max-width:520px){.student-id-top img{width:125px}.student-id-top span{display:none}.student-id-body{grid-template-columns:1fr;text-align:center}.student-avatar{margin:auto}.student-id-name>p{text-align:center}.student-id-name dl{justify-content:center;flex-wrap:wrap}.student-id-footer{grid-template-columns:1fr auto}.student-id-footer time{display:none}.student-card-preview>header,.student-card-preview>footer{align-items:stretch;flex-direction:column}.print-card-button{width:100%!important}}

@media print{
 body.dashboard{background:#fff}.dashboard>aside,.dashboard>.main>header,.page-hero,.panel>.panel-head,.student-card-list,.student-card-preview>header,.student-card-preview>footer,.menu-toggle,.nav-shade{display:none!important}.dashboard>.main{margin:0!important}.dashboard main{padding:0!important}.panel{border:0!important;box-shadow:none!important}.student-card-workspace{display:block!important;padding:0!important}.student-card-preview{border:0!important}.student-id-card{width:950px;max-width:95vw;margin:10mm auto!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@page{size:landscape;margin:8mm}

/* ======================================================================
   Alfaruq Schulverwaltung V3 – klare, helle Oberfläche ohne beigen Kopf
   ====================================================================== */
:root{--paper:#eef2f5;--white:#ffffff;--ink:#1f2833;--muted:#66727f;--line:#d7dee6;--red:#8f1737;--gold:#b78b47;--green:#267653;--soft:#f6f8fa;--blue:#315f93}
body.dashboard{background:linear-gradient(145deg,#eef2f5 0,#f8fafc 54%,#edf2f6 100%)}
.dashboard .main>header{background:rgba(255,255,255,.96);border-bottom:1px solid #dce3ea;box-shadow:0 5px 24px rgba(27,40,56,.055)}
.dashboard .main>main{max-width:1600px;margin:0 auto;padding:28px 34px 46px}
.page-hero{background:linear-gradient(120deg,#fff 0,#f5f8fb 65%,#edf3f8 100%);border:1px solid #dbe2e9;border-radius:20px;box-shadow:0 14px 36px rgba(31,43,58,.07);padding:28px 30px;margin-bottom:18px;overflow:hidden;position:relative}
.page-hero:after{content:"";position:absolute;right:-90px;top:-150px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#8f173716,transparent 66%)}
.page-hero h1{color:#202a35;font-size:38px;position:relative;z-index:1}.page-hero p{color:#647180;position:relative;z-index:1}.page-hero small{color:#8f1737}.page-hero>button{position:relative;z-index:2}
.panel,.dash-panel{background:#fff;border-color:#dce3ea;box-shadow:0 10px 28px rgba(31,43,58,.055)}
.panel-head{background:linear-gradient(180deg,#fff,#fbfcfd);border-bottom:1px solid #e3e8ed}.panel-head h2{color:#202a35}.entry{background:#f8fafc;border-color:#dce3ea}.entry summary{color:#8f1737}
.data-form input,.data-form select,.data-form textarea,.filter-ribbon input,.filter-ribbon select{background:#fff;border:1px solid #cfd8e1;color:#25303c}.data-form input:focus,.data-form select:focus,.data-form textarea:focus,.filter-ribbon select:focus,.filter-ribbon input:focus{outline:3px solid rgba(49,95,147,.12);border-color:#315f93}
.primary{background:linear-gradient(135deg,#8f1737,#a91f47);box-shadow:0 8px 20px rgba(143,23,55,.18)}
.metric-strip article{background:#fff}.metric-strip{border-color:#dce3ea;box-shadow:0 8px 24px rgba(31,43,58,.045)}
.empty-state{padding:30px;text-align:center;color:#788491}.link-danger{border:0;background:none;color:#a1183c;font:800 11px/1.2 Arial;cursor:pointer;padding:4px}.row-actions,.records-v3 form,.finance-table-v3 form,.documents-v3 form{display:inline-flex;margin:0}.wide{grid-column:1/-1!important}.sticky-save{position:sticky;bottom:16px;z-index:8;justify-self:end;margin:14px;box-shadow:0 10px 30px rgba(113,13,46,.25)}
.filter-ribbon{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #d9e1e8;border-radius:15px;padding:12px 14px;margin:0 0 18px;box-shadow:0 7px 22px rgba(31,43,58,.045)}.filter-ribbon form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filter-ribbon label{display:grid;gap:5px;color:#66727f;font-size:10px;font-weight:800;text-transform:uppercase}.filter-ribbon select,.filter-ribbon input{height:42px;border-radius:10px;padding:0 12px;min-width:160px}.segmented{display:flex;padding:4px;border-radius:11px;background:#edf1f5}.segmented a{padding:10px 18px;border-radius:8px;color:#586574;font-size:12px;font-weight:800}.segmented a.active{background:#fff;color:#8f1737;box-shadow:0 4px 12px rgba(28,43,58,.1)}

/* Schülerausweis */
.v3-card-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.v3-id-stage,.v3-student-picker{background:#fff;border:1px solid #d9e1e8;border-radius:20px;box-shadow:0 15px 40px rgba(31,43,58,.075);overflow:hidden}.v3-id-stage>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e2e7ed;background:#fff}.v3-id-stage>header small{color:#8f1737;font-size:9px;font-weight:900;letter-spacing:.14em}.v3-id-stage>header h2{margin:5px 0 0;font:700 23px Georgia,serif}.v3-id-card{margin:26px;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#11161c,#202832 58%,#151a20);color:#fff;box-shadow:0 20px 50px rgba(14,20,27,.28);border:1px solid #374350;position:relative}.v3-id-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 58%,rgba(183,139,71,.08) 58% 59%,transparent 59% 67%,rgba(143,23,55,.1) 67%);pointer-events:none}.v3-id-brand{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff}.v3-id-brand img{width:170px;height:62px;object-fit:contain;object-position:left}.v3-id-brand span{border:1px solid #d8b979;border-radius:99px;padding:8px 15px;color:#a06c24;font-size:14px}.v3-id-content{display:grid;grid-template-columns:120px minmax(0,1fr) 140px;align-items:center;gap:24px;padding:34px 30px 26px;position:relative}.v3-photo{display:grid;place-items:center;width:112px;height:134px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#8f1737,#bc3a5d);border:2px solid #d9ae62}.v3-photo img{width:100%;height:100%;object-fit:cover}.v3-photo b{font-size:31px}.v3-photo small{font-size:8px;letter-spacing:.2em;color:#f0d8a9}.v3-id-data>small{font-size:8px;letter-spacing:.14em;color:#adb7c1}.v3-id-data h3{margin:7px 0 2px;font:700 30px Georgia,serif}.v3-id-data>p{margin:0 0 17px;color:#efcf8d;font-size:16px;text-align:left}.v3-id-data dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0}.v3-id-data dt{font-size:7px;letter-spacing:.12em;color:#9da8b4}.v3-id-data dd{margin:5px 0 0;font-size:11px;font-weight:900;color:#fff}.v3-id-qr{display:grid;justify-items:center;gap:7px;padding:12px;border-radius:16px;background:#fff;color:#26313b}.v3-id-qr canvas,.v3-id-qr img{max-width:112px!important;height:auto!important}.v3-id-qr small{font-size:7px;text-align:center;color:#65717d}.v3-id-card footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #39434e;padding:18px 30px 22px}.v3-id-card footer span{display:grid;gap:5px}.v3-id-card footer small{font-size:7px;color:#9ca7b3;letter-spacing:.11em}.v3-id-card footer b{font-size:12px;color:#f0cb83}.v3-id-card footer .verified{display:block;border:1px solid #3c7d61;border-radius:99px;padding:7px 12px;color:#7ed0a6;font-size:9px}.card-editor{margin:0 22px 22px}.v3-student-picker{position:sticky;top:86px}.v3-student-picker>header{display:flex;align-items:center;justify-content:space-between;padding:19px;border-bottom:1px solid #e1e7ed}.v3-student-picker h2{margin:0;font:700 20px Georgia,serif}.v3-student-picker header span{border-radius:99px;background:#edf2f6;color:#536171;padding:6px 10px;font-size:9px;font-weight:800}.v3-search{display:flex;align-items:center;gap:8px;margin:13px;border:1px solid #d5dde5;border-radius:11px;padding:0 12px;color:#315f93}.v3-search input{border:0;outline:0;height:44px;width:100%;background:transparent}.v3-student-picker>div{max-height:620px;overflow:auto}.v3-student-picker a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid #e7ecf0;color:#202a35}.v3-student-picker a.active{background:#f6e8ed;border-left:4px solid #8f1737}.v3-student-picker a:hover{background:#f6f8fa}.v3-student-picker a i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#202832;color:#fff;font-size:9px;font-style:normal}.v3-student-picker a span{display:grid;gap:4px}.v3-student-picker a b{font-size:11px}.v3-student-picker a small{font-size:8px;color:#74808c}.v3-student-picker a em{font-style:normal;font-size:19px}.v3-student-picker a[hidden]{display:none}

/* Fächer */
.subject-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.subject-showcase article{display:flex;flex-direction:column;min-height:285px;background:#fff;border:1px solid #d9e1e8;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(31,43,58,.055)}.arabic-subject-icon{display:flex;align-items:center;justify-content:flex-start;min-height:74px;color:#8f1737;font:700 27px/1.35 Tahoma,Arial;background:linear-gradient(135deg,#f9e8ee,#fff);border-radius:14px;padding:10px 14px;margin-bottom:15px}.subject-showcase article>small{color:#9d6c27;font-size:8px;font-weight:900;letter-spacing:.13em}.subject-showcase h3{font:700 21px Georgia,serif;margin:8px 0}.subject-showcase p{color:#71808d;font-size:10px}.coverage{display:flex;align-items:center;gap:9px;margin-top:auto}.coverage i{height:8px;flex:1;border-radius:99px;background:#e8edf1;overflow:hidden}.coverage u,.curriculum-row summary i u,.quran-progress-table i u,.stat-line i u,.finance-chart-v3 i u{display:block;height:100%;background:linear-gradient(90deg,#8f1737,#b78b47);border-radius:99px}.coverage b{font-size:10px}.subject-showcase footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e7ecf0;margin-top:15px;padding-top:14px}.subject-showcase footer a{font-size:9px;font-weight:800}.curriculum-row{border-top:1px solid #e5eaf0}.curriculum-row summary{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:18px;padding:18px 20px;cursor:pointer}.curriculum-row summary span{display:grid;gap:4px}.curriculum-row summary small{color:#77838f}.curriculum-row summary i{height:9px;background:#e8edf1;border-radius:99px;overflow:hidden}.curriculum-row>div{padding:0 22px 22px;background:#f8fafc}.curriculum-row ol{display:grid;gap:8px}.curriculum-row li span{display:block;color:#73808c;font-size:10px;margin-top:3px}.inline-goal-form{display:grid;grid-template-columns:100px 1fr 2fr auto;gap:10px;align-items:end;margin-top:15px;padding:14px;border-radius:13px;background:#fff;border:1px solid #d9e1e8}.inline-goal-form label{display:grid;gap:5px;color:#66727f;font-size:9px;font-weight:800}.inline-goal-form input{height:40px;border:1px solid #d2dae2;border-radius:9px;padding:0 10px}

/* Hausaufgaben */
.homework-v3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.homework-v3-grid article{background:#fff;border:1px solid #d9e1e8;border-left:5px solid #8f1737;border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(31,43,58,.045)}.homework-v3-grid article.archived{opacity:.62;border-left-color:#8a949f}.homework-v3-grid header{display:flex;justify-content:space-between;color:#8f1737;font-size:8px;font-weight:900}.homework-v3-grid header em{background:#eef2f5;border-radius:99px;padding:5px 9px;color:#5f6c79;font-style:normal}.homework-v3-grid h3{font:700 20px Georgia,serif;margin:26px 0 8px}.homework-v3-grid p{color:#66727f;line-height:1.55}.homework-v3-grid>article>small{display:block;border-top:1px solid #e2e7ed;padding-top:12px;color:#788491}.homework-v3-grid details{margin-top:12px;background:#f6f8fa;border-radius:10px;padding:10px}.homework-v3-grid details summary{font-size:10px;font-weight:800;cursor:pointer}.homework-v3-grid footer{display:flex;align-items:center;gap:12px;margin-top:14px}.homework-v3-grid footer a,.homework-v3-grid footer button{font-size:9px;font-weight:800}

/* Anwesenheit & Beurteilung */
.attendance-sheet{display:block}.attendance-sheet>header,.attendance-sheet>article{display:grid;grid-template-columns:1.2fr .9fr .8fr;align-items:center;gap:15px;padding:12px 20px;border-top:1px solid #e5eaf0}.attendance-sheet>header{background:#f7f9fb;color:#6c7884;font-size:9px;font-weight:900;text-transform:uppercase}.attendance-sheet>article>span{display:flex;align-items:center;gap:10px}.attendance-sheet>article i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f4e4ea;color:#8f1737;font-size:9px;font-style:normal}.attendance-sheet select,.attendance-sheet input{height:38px;border:1px solid #d2dae2;border-radius:9px;padding:0 9px;background:#fff}.status-with-minutes{display:grid;grid-template-columns:1fr 85px;gap:8px}.assessment-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.assessment-student-list{background:#fff;border:1px solid #d9e1e8;border-radius:15px;overflow:hidden;position:sticky;top:86px}.assessment-student-list h2{margin:0;padding:17px;font:700 18px Georgia,serif;border-bottom:1px solid #e2e7ed}.assessment-student-list a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #e8edf1;color:#202a35}.assessment-student-list a.active{background:#f7e8ed;border-left:4px solid #8f1737}.assessment-student-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#202832;color:#fff;font-size:8px;font-style:normal}.assessment-student-list span{display:grid;gap:3px}.assessment-student-list b{font-size:10px}.assessment-student-list small{font-size:8px;color:#74808c}.records-v3{display:block}.records-v3>article{display:grid;grid-template-columns:220px 75px minmax(0,1fr) auto;align-items:center;gap:15px;border-top:1px solid #e5eaf0;padding:14px 20px}.records-v3 span,.records-v3 p{display:grid;gap:4px}.records-v3 small{font-size:9px;color:#74808c}.records-v3 strong{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#edf5f0;color:#267653}.records-v3 p{margin:0;font-size:11px}

/* Stundenplan */
.pause-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#fff8eb,#fff);border:1px solid #ead7b4;border-radius:15px;padding:14px 17px;margin-bottom:16px}.pause-banner span{display:flex;gap:8px;align-items:center;color:#7b6137;font-size:10px}.pause-banner a{margin-left:auto;font-size:9px;font-weight:900}.timetable-v3>header,.timetable-v3>article{display:grid;grid-template-columns:130px 1fr 1.2fr 1.2fr 170px;gap:15px;align-items:center;padding:13px 18px;border-top:1px solid #e4e9ee}.timetable-v3>header{background:#f7f9fb;color:#66727f;font-size:9px;font-weight:900;text-transform:uppercase}.timetable-v3 article>span{display:grid;gap:4px}.timetable-v3 article small{color:#7a8692}.timetable-v3 article>div{display:flex;align-items:center;gap:8px}.timetable-v3 article a,.timetable-v3 article button{font-size:9px;font-weight:800}

/* Vertretungsplan */
.substitution-board{background:#fff;border:1px solid #d9e1e8;border-radius:17px;box-shadow:0 10px 30px rgba(31,43,58,.055);overflow:hidden}.substitution-board>header{display:flex;align-items:center;gap:15px;padding:15px 18px;border-left:4px solid #b78b47}.substitution-board>header span{font-size:9px;color:#71808d}.substitution-board>header em{margin-left:auto;border-radius:99px;background:#e7f4ed;color:#267653;padding:6px 10px;font-size:8px;font-style:normal}.substitution-board>article{display:grid;grid-template-columns:115px 1.2fr 1fr 35px 1fr 90px 160px;align-items:center;gap:13px;padding:18px;border-top:1px solid #e4e9ee}.substitution-board time,.substitution-board span{display:grid;gap:4px}.substitution-board small{color:#7b8793;font-size:8px}.substitution-board .absent s{font-size:10px}.substitution-board .replacement b{font-size:10px}.substitution-board>article>i{color:#b78b47;font-size:20px;font-style:normal}.substitution-board>article>em{border-radius:99px;background:#e7f4ed;color:#267653;padding:6px 9px;text-align:center;font-size:8px;font-style:normal}.row-actions{display:flex;gap:7px;align-items:center}.row-actions a,.row-actions button{font-size:8px;font-weight:800}

/* Prüfungen */
.exam-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:16px;align-items:start}.exam-calendar,.exam-list-v3{background:#fff;border:1px solid #d9e1e8;border-radius:17px;box-shadow:0 10px 28px rgba(31,43,58,.05);overflow:hidden}.exam-calendar>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e3e8ed}.exam-calendar>header h2{margin:0;font:700 21px Georgia,serif}.exam-calendar>header a{font-size:25px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays b{padding:10px;text-align:center;background:#f5f7f9;color:#697581;font-size:9px}.days>article{min-height:110px;border-right:1px solid #e6ebef;border-top:1px solid #e6ebef;padding:8px}.days>article.muted{background:#f8fafb;color:#a4adb6}.days time{font-size:10px;font-weight:900}.days a{display:grid;gap:2px;margin-top:6px;border-radius:8px;background:#f4e5ea;color:#8f1737;padding:5px}.days a b{font-size:8px}.days a small{font-size:7px}.exam-list-v3{display:grid;gap:0}.exam-list-v3 article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:16px;border-top:1px solid #e5eaf0}.exam-list-v3 article:first-child{border-top:0}.exam-list-v3 article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f6e7ed;color:#8f1737;font-style:normal}.exam-list-v3 h3{margin:5px 0;font:700 17px Georgia,serif}.exam-list-v3 p{margin:0;color:#71808d;font-size:9px}.exam-list-v3 article>em{border-radius:99px;background:#edf5f0;color:#267653;padding:6px 9px;font-size:8px;font-style:normal}.exam-list-v3 footer{grid-column:2/-1;display:flex;gap:10px;align-items:center}.exam-list-v3 footer a,.exam-list-v3 footer button{font-size:8px;font-weight:800}

/* Noten */
.grade-summary-v3>header,.grade-summary-v3>article{display:grid;grid-template-columns:1.2fr 1.8fr 120px 140px;gap:15px;align-items:center;padding:13px 18px;border-top:1px solid #e5eaf0}.grade-summary-v3>header{background:#f7f9fb;color:#697581;font-size:9px;font-weight:900;text-transform:uppercase}.grade-summary-v3 article>span:first-child{display:grid;gap:4px}.grade-summary-v3 article small{color:#74808c;font-size:8px}.grade-summary-v3 article>span:nth-child(2){display:flex;gap:6px;flex-wrap:wrap}.grade-summary-v3 article i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7f4ed;color:#267653;font-style:normal;font-size:10px;font-weight:900}.grade-summary-v3 strong{font:700 22px Georgia,serif}.grade-summary-v3 em{border-radius:99px;padding:7px 10px;text-align:center;font-size:8px;font-style:normal}.grade-summary-v3 em.good{background:#e7f4ed;color:#267653}.grade-summary-v3 em.warn{background:#fae8ec;color:#a31b40}

/* Qur'an */
.quran-progress-table>header,.quran-progress-table>article{display:grid;grid-template-columns:1.2fr 1.6fr 1fr 110px 90px;align-items:center;gap:15px;padding:13px 18px;border-top:1px solid #e5eaf0}.quran-progress-table>header{background:#f7f9fb;color:#697581;font-size:9px;font-weight:900;text-transform:uppercase}.quran-progress-table article>span:first-child{display:grid;gap:4px}.quran-progress-table small{font-size:8px;color:#74808c}.quran-progress-table article>span:nth-child(3){display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.quran-progress-table i{height:8px;border-radius:99px;background:#e6ebef;overflow:hidden}.quran-progress-table em{border-radius:99px;background:#edf5f0;color:#267653;padding:7px;text-align:center;font-size:8px;font-style:normal}

/* Eltern & Familien */
.parents-overview-v3,.family-cards-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.parents-overview-v3 article,.family-cards-v3 article{background:#fff;border:1px solid #d9e1e8;border-radius:17px;overflow:hidden;box-shadow:0 10px 28px rgba(31,43,58,.05)}.parents-overview-v3 header,.family-cards-v3 header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:17px;border-bottom:1px solid #e5eaf0}.parents-overview-v3 header i,.family-cards-v3 header i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#8f1737;color:#fff;font-size:9px;font-style:normal}.parents-overview-v3 header small,.family-cards-v3 header small{font-size:7px;color:#a27637;font-weight:900}.parents-overview-v3 h3,.family-cards-v3 h3{margin:3px 0;font:700 17px Georgia,serif}.parents-overview-v3 header p,.family-cards-v3 header p{margin:0;color:#71808d;font-size:8px}.parents-overview-v3 header em{border-radius:99px;background:#e7f4ed;color:#267653;padding:5px 8px;font-size:7px;font-style:normal}.parents-overview-v3 article>div,.family-cards-v3 article>div{padding:15px}.parents-overview-v3 article>div>small{font-size:7px;color:#a27637;font-weight:900}.parents-overview-v3 article>div p,.family-cards-v3 article>div p{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f4;padding:10px 0;margin:0;font-size:9px}.parents-overview-v3 footer,.family-cards-v3 footer{display:flex;gap:8px;padding:13px 15px;border-top:1px solid #e5eaf0}.parents-overview-v3 footer a,.family-cards-v3 footer a,.family-cards-v3 footer button{flex:1;border:1px solid #d2dae2;border-radius:9px;padding:9px;text-align:center;font-size:8px;font-weight:800}.family-editor-v3{padding:18px}.family-editor-v3 fieldset{border:1px solid #d6dee6;border-radius:14px;margin:18px 0;padding:15px}.family-editor-v3 legend{padding:0 8px;font-weight:900;color:#8f1737}.child-search{display:flex;align-items:center;border:1px solid #d3dbe3;border-radius:9px;padding:0 10px;max-width:420px}.child-search input{height:40px;border:0;outline:0;width:100%}.child-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;max-height:380px;overflow:auto}.child-checkbox-grid>label{display:flex;align-items:center;gap:10px;border:1px solid #dde4ea;border-radius:10px;padding:10px}.child-checkbox-grid>label:has(input:checked){border-color:#8f1737;background:#f8e9ee}.child-checkbox-grid input{accent-color:#8f1737}.child-checkbox-grid span{display:grid;gap:3px}.child-checkbox-grid b{font-size:9px}.child-checkbox-grid small{font-size:7px;color:#74808c}.child-checkbox-grid label[hidden]{display:none}

/* Kommunikation */
.communication-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.communication-targets article{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;background:#fff;border:1px solid #d9e1e8;border-radius:15px;padding:15px}.communication-targets i{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f6ead8;color:#9b6d2e;font-style:normal;font-weight:900}.communication-targets b{font-size:10px}.communication-targets small{font-size:8px;color:#71808d}.message-history-v3 article{display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding:15px 18px;border-top:1px solid #e5eaf0}.message-history-v3 article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6e7ed;color:#8f1737;font-style:normal}.message-history-v3 span{display:grid;gap:4px}.message-history-v3 small,.message-history-v3 time{font-size:8px;color:#74808c}.message-history-v3 p{margin:5px 0 0;font-size:10px;color:#475461}

/* Finanzen */
.fee-formula{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.fee-formula article{display:grid;gap:5px;background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:14px;text-align:center}.fee-formula b{font-size:9px;color:#66727f}.fee-formula strong{font:700 20px Georgia,serif;color:#8f1737}.finance-chart-v3{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.finance-chart-v3 article{background:#fff;border:1px solid #d9e1e8;border-radius:15px;padding:17px}.finance-chart-v3 header{display:flex;justify-content:space-between}.finance-chart-v3 header strong{font:700 22px Georgia,serif}.finance-chart-v3 i{display:block;height:14px;border-radius:99px;background:#e8edf1;overflow:hidden;margin-top:14px}.finance-chart-v3 i.open u{background:linear-gradient(90deg,#c58f3c,#e0b568)}.finance-table-v3>header,.finance-table-v3>article{display:grid;grid-template-columns:1.25fr 1.4fr 100px 95px 1.4fr;gap:14px;align-items:center;padding:13px 18px;border-top:1px solid #e5eaf0}.finance-table-v3>header{background:#f7f9fb;color:#697581;font-size:9px;font-weight:900;text-transform:uppercase}.finance-table-v3 article>span{display:grid;gap:4px}.finance-table-v3 small{font-size:8px;color:#74808c}.finance-table-v3 em{border-radius:99px;padding:7px;text-align:center;font-size:8px;font-style:normal}.finance-table-v3 em.bezahlt{background:#e7f4ed;color:#267653}.finance-table-v3 em.offen{background:#f6eedf;color:#936a2d}.finance-table-v3 em.überfällig{background:#fae7ec;color:#a11a3e}.finance-table-v3 article>div{display:flex;flex-wrap:wrap;gap:7px}.finance-table-v3 article>div a,.finance-table-v3 article>div button{font-size:8px;font-weight:800;border:1px solid #d5dde5;border-radius:7px;background:#fff;padding:6px 8px;color:#8f1737}

/* Statistiken */
.statistics-v3-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px}.stat-line{display:grid;gap:8px;margin:15px 0}.stat-line span{display:flex;justify-content:space-between;font-size:10px}.stat-line i{height:10px;border-radius:99px;background:#e7ecf0;overflow:hidden}.finance-donut{--paid:0;display:grid;place-content:center;width:150px;height:150px;margin:14px auto;border-radius:50%;background:radial-gradient(circle,#fff 58%,transparent 59%),conic-gradient(#267653 calc(var(--paid)*1%),#e8edf1 0)}.finance-donut b{font:700 26px Georgia,serif;text-align:center}.finance-donut small{text-align:center;color:#74808c}.finance-stat p{display:flex;justify-content:space-between;border-top:1px solid #e7ecf0;padding-top:10px}

/* Dokumente */
.document-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0}.document-categories article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:13px}.document-categories i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f5e7ec;color:#8f1737;font-style:normal}.document-categories b{font-size:9px}.document-categories strong{font:700 20px Georgia,serif}.documents-v3>header,.documents-v3>article{display:grid;grid-template-columns:1.4fr 1fr 110px 180px;gap:15px;align-items:center;padding:13px 18px;border-top:1px solid #e5eaf0}.documents-v3>header{background:#f7f9fb;color:#697581;font-size:9px;font-weight:900;text-transform:uppercase}.documents-v3 article>span{display:grid;gap:4px}.documents-v3 small{font-size:8px;color:#74808c}.documents-v3 article>div{display:flex;gap:8px}.documents-v3 a,.documents-v3 button{font-size:8px;font-weight:800}

/* Rollen und Rechte */
.permission-editor{overflow:auto}.permission-editor>header,.permission-editor>article{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,.7fr));align-items:center;gap:12px;min-width:850px;padding:11px 18px;border-top:1px solid #e5eaf0}.permission-editor>header{background:#f7f9fb;color:#697581;font-size:9px;text-transform:uppercase}.permission-editor article>span{display:grid;gap:3px}.permission-editor article small{color:#8b96a1;font-size:8px}.permission-editor article>label{display:flex;align-items:center;gap:7px}.permission-editor input{width:17px;height:17px;accent-color:#8f1737}.permission-editor label i{font-size:8px;font-style:normal}.accounts-v3 form{display:grid;grid-template-columns:1.3fr 1.2fr 150px 110px 90px;gap:12px;align-items:center;padding:11px 18px;border-top:1px solid #e5eaf0}.accounts-v3 span{display:grid;gap:4px}.accounts-v3 small{font-size:8px;color:#74808c}.accounts-v3 input,.accounts-v3 select{height:38px;border:1px solid #d2dae2;border-radius:8px;padding:0 9px}.accounts-v3 button{height:38px;border:0;border-radius:8px;background:#8f1737;color:#fff;font-weight:800}

/* Einstellungen */
.settings-v3{padding:18px}.settings-v3 fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #d6dee6;border-radius:15px;margin:0 0 17px;padding:17px}.settings-v3 legend{padding:0 8px;color:#8f1737;font-weight:900}.settings-v3 label{display:grid;gap:6px;color:#66727f;font-size:9px;font-weight:800;text-transform:uppercase}.settings-v3 input,.settings-v3 textarea{border:1px solid #d0d9e1;border-radius:9px;padding:0 10px;min-height:42px}.settings-v3 textarea{padding:10px}.settings-summary-v3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}.settings-summary-v3 article{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:14px}.settings-summary-v3 i{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f4e5ea;color:#8f1737;font-style:normal}.settings-summary-v3 b{font-size:9px;color:#6e7a86}.settings-summary-v3 strong{font:700 17px Georgia,serif}

@media(max-width:1250px){.v3-card-layout{grid-template-columns:1fr 320px}.v3-id-content{grid-template-columns:105px 1fr 125px}.subject-showcase{grid-template-columns:repeat(2,1fr)}.parents-overview-v3,.family-cards-v3{grid-template-columns:repeat(2,1fr)}.fee-formula{grid-template-columns:repeat(3,1fr)}.statistics-v3-grid{grid-template-columns:1fr 1fr}.finance-stat{grid-column:1/-1}.exam-layout{grid-template-columns:1fr}.substitution-board>article{grid-template-columns:100px 1fr 1fr 25px 1fr 80px}.substitution-board .row-actions{grid-column:2/-1}.document-categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.v3-card-layout,.assessment-workspace{grid-template-columns:1fr}.v3-student-picker,.assessment-student-list{position:static}.v3-student-picker{order:2}.v3-id-content{grid-template-columns:100px 1fr}.v3-id-qr{grid-column:1/-1;justify-self:center}.homework-v3-grid{grid-template-columns:1fr}.communication-targets{grid-template-columns:repeat(2,1fr)}.parents-overview-v3,.family-cards-v3{grid-template-columns:1fr}.child-checkbox-grid{grid-template-columns:repeat(2,1fr)}.settings-v3 fieldset{grid-template-columns:repeat(2,1fr)}.settings-summary-v3{grid-template-columns:repeat(2,1fr)}.attendance-sheet>header,.attendance-sheet>article{grid-template-columns:1fr 1fr}.attendance-sheet>header span:nth-child(2){display:none}.attendance-sheet>article>small{display:none}.timetable-v3>header,.timetable-v3>article{grid-template-columns:100px 1fr 1fr}.timetable-v3>header span:nth-child(4),.timetable-v3>header span:nth-child(5),.timetable-v3 article>span:nth-child(4),.timetable-v3 article>div{grid-column:2/-1}.finance-table-v3>header,.finance-table-v3>article{grid-template-columns:1fr 1fr}.finance-table-v3>header span:nth-child(n+3){display:none}.finance-table-v3 article>span:nth-child(3),.finance-table-v3 article>em,.finance-table-v3 article>div{grid-column:1/-1}.documents-v3>header,.documents-v3>article{grid-template-columns:1fr 1fr}.documents-v3>header span:nth-child(n+3){display:none}.documents-v3 article>span:nth-child(3),.documents-v3 article>div{grid-column:1/-1}.accounts-v3 form{grid-template-columns:1fr 1fr}.accounts-v3 form span{grid-column:1/-1}}
@media(max-width:700px){.dashboard .main>main{padding:18px 12px 35px}.page-hero{padding:22px 18px}.page-hero h1{font-size:29px}.v3-id-card{margin:14px}.v3-id-brand img{width:135px}.v3-id-content{grid-template-columns:1fr;text-align:center;padding:24px 18px}.v3-photo{margin:auto}.v3-id-data>p{text-align:center}.v3-id-data dl{grid-template-columns:repeat(2,1fr)}.v3-id-card footer{flex-wrap:wrap;padding:16px 18px}.subject-showcase{grid-template-columns:1fr}.filter-ribbon{align-items:stretch;flex-direction:column}.filter-ribbon form{display:grid;grid-template-columns:1fr}.filter-ribbon select,.filter-ribbon input{width:100%}.attendance-sheet>header,.attendance-sheet>article{grid-template-columns:1fr}.attendance-sheet>header span:nth-child(2){display:none}.status-with-minutes{grid-template-columns:1fr 80px}.records-v3>article{grid-template-columns:1fr 60px}.records-v3 p,.records-v3 form{grid-column:1/-1}.pause-banner{align-items:flex-start;flex-direction:column}.pause-banner a{margin-left:0}.timetable-v3>header{display:none}.timetable-v3>article{grid-template-columns:1fr;padding:16px}.timetable-v3 article>*{grid-column:1!important}.substitution-board>article{grid-template-columns:1fr 1fr}.substitution-board>article>*{grid-column:auto}.substitution-board>article>i{display:none}.substitution-board .row-actions{grid-column:1/-1}.weekdays b{font-size:7px}.days>article{min-height:70px;padding:4px}.days a small{display:none}.grade-summary-v3>header{display:none}.grade-summary-v3>article{grid-template-columns:1fr 80px}.grade-summary-v3 article>span:nth-child(2),.grade-summary-v3 article>em{grid-column:1/-1}.quran-progress-table>header{display:none}.quran-progress-table>article{grid-template-columns:1fr}.communication-targets{grid-template-columns:1fr}.fee-formula{grid-template-columns:repeat(2,1fr)}.finance-chart-v3{grid-template-columns:1fr}.statistics-v3-grid{grid-template-columns:1fr}.document-categories{grid-template-columns:1fr 1fr}.child-checkbox-grid{grid-template-columns:1fr}.settings-v3 fieldset{grid-template-columns:1fr}.settings-summary-v3{grid-template-columns:1fr}.inline-goal-form{grid-template-columns:1fr}.curriculum-row summary{grid-template-columns:1fr}.permission-editor>header,.permission-editor>article{grid-template-columns:200px repeat(4,110px)}.accounts-v3 form{grid-template-columns:1fr}.accounts-v3 form>*{grid-column:1}.metric-strip{grid-template-columns:repeat(2,1fr)}}

@media print{
 body.dashboard{background:#fff!important}.dashboard aside,.dashboard .main>header,.page-hero,.v3-student-picker,.v3-id-stage>header,.card-editor,.success,.error{display:none!important}.dashboard .main{margin:0!important}.dashboard .main>main{padding:0!important;max-width:none!important}.v3-card-layout{display:block!important}.v3-id-stage{border:0!important;box-shadow:none!important}.v3-id-card{width:250mm;max-width:95vw;margin:10mm auto!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.v3-id-content{min-height:105mm}
}
/* V3.1 – gewichtete Noten und kompakte Formularhinweise */
.form-note{margin:12px 18px 18px;padding:11px 13px;border:1px solid #d9e2e9;border-radius:10px;background:#f5f8fb;color:#66727e;font-size:9px;line-height:1.55}
.grade-summary-v3 .term-averages i{width:auto;min-width:66px;height:30px;border-radius:9px;padding:0 9px}
.records-v3 .row-actions{display:flex;align-items:center;gap:8px}.records-v3 .row-actions>a{font-size:9px;font-weight:900;color:#8f1737}
.parents-overview-v3 .parent-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 16px;background:#f6f8fa;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0}.parents-overview-v3 .parent-contact p{display:grid;gap:3px;margin:0;min-width:0}.parents-overview-v3 .parent-contact small{font-size:7px;color:#89949f;font-weight:900;letter-spacing:.08em}.parents-overview-v3 .parent-contact b{font-size:9px;overflow-wrap:anywhere}
/* Die unter Einstellungen gewählte Akzentfarbe wird auf die wichtigsten Aktionen angewendet. */
.primary,.page-hero>button,.accounts-v3 button,.settings-v3>.primary,.sticky-save{background:var(--v3-accent,#8f1737)!important}.filter-ribbon .segmented a.active,.v3-student-picker a.active,.assessment-student-list a.active{border-color:var(--v3-accent,#8f1737)}.v3-student-picker a.active{background:color-mix(in srgb,var(--v3-accent,#8f1737) 10%,#fff)}