@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--green:#154c3e;--deep:#102f29;--mint:#eaf2eb;--gold:#c5a367;--ink:#203b33;--muted:#75817b;--line:#e5e9e3;--bg:#f5f6f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-size:14px}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:18px;margin:0 0 8px}h3{font-size:15px}p{line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}a{color:var(--green)}button,.btn{border-radius:8px;padding:11px 16px;font-weight:600;background:var(--green);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.btn:hover{filter:brightness(1.12)}button.secondary,.btn.secondary{background:white;color:var(--green);border:1px solid var(--line)}button.ghost{background:transparent;color:var(--muted);padding:7px}.muted{color:var(--muted)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--muted)}.badge{display:inline-block;font-size:11px;background:var(--mint);color:var(--green);padding:5px 9px;border-radius:5px;white-space:nowrap}.badge.amber{background:#fff3dd;color:#976620}.badge.red{background:#fbe9e5;color:#ad5546}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.4px}.seal{border:1px solid #adc2b7;background:#e6eee5;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:var(--green);font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-art{background:var(--deep);color:#fff;padding:52px 64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff12;transform:rotate(45deg);right:-230px;top:170px;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff03;pointer-events:none}.login-art h1{font-size:52px;line-height:1.12;letter-spacing:-2px;max-width:460px}.login-art p{max-width:395px;color:#b9cfc3}.login-art .eyebrow{color:#d3b980}.login-right{padding:55px;display:grid;place-items:center}.login-box{max-width:440px;width:100%}.login-box h1{font-size:28px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0}.roles button{padding:10px 5px;font-size:12px;background:#e7ece5;color:var(--green)}.roles button.active{background:var(--green);color:white}label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}input,select,textarea{border:1px solid #dce2d9;background:white;border-radius:7px;padding:11px;color:var(--ink);width:100%;min-width:0}textarea{min-height:90px}.login-box form button{width:100%;margin-top:18px}.demo-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:22px}.credential{font-size:12px;background:#eaf0e7;padding:13px;border-radius:8px;line-height:1.8}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;z-index:20;overflow:auto}.sidebar .brand{margin-bottom:25px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#939b95;margin:20px 13px 12px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{background:transparent;color:#69756e;justify-content:flex-start;padding:10px 13px;font-weight:500;font-size:12px}.nav button.active{background:var(--mint);color:var(--green);font-weight:700}.icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;padding-top:24px}.powered{border-top:1px solid var(--line);padding-top:16px;color:#8a938b;font-size:10px}.powered b{display:block;color:var(--green);font-size:15px;margin-top:5px}.shell{margin-left:240px}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.topbar .search{max-width:330px;font-size:12px;background:#f6f7f4;border:0}.top-right{display:flex;gap:18px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:#e9eee4;display:inline-grid;place-items:center;color:var(--green);font-size:11px;font-weight:700}.user{display:flex;gap:10px;align-items:center;font-size:11px}.user small{display:block;color:var(--muted);margin-top:3px}.main{padding:30px 36px 22px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.heading p{margin:0;color:var(--muted);font-size:12px}.heading h1{font-size:27px}.hero{overflow:hidden;background:var(--green);border-radius:12px;color:#fff;padding:27px 30px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero h2{font-size:23px;letter-spacing:-.6px;line-height:1.35}.hero p{font-size:12px;color:#c6d9ca;max-width:450px}.hero .eyebrow{color:#d4bb8d;margin-bottom:12px}.hero button{background:#e7c990;color:var(--deep);font-size:11px}.hero-art{width:190px;height:135px;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{background:var(--mint);padding:8px;border-radius:8px;color:var(--green)}.stat strong{display:block;font:800 28px Manrope,Arial;margin:8px 0;letter-spacing:-1px}.stat small{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}.card{border:1px solid var(--line);border-radius:11px;background:white;padding:23px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.card-head h2{font-size:14px}.card-head p{font-size:10px;color:var(--muted);margin:4px 0}.card-head button{font-size:10px}.chart{width:100%;height:190px}.chart text{font:10px Arial;fill:#8e9991}.legend{display:flex;gap:20px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.legend i.gold{background:var(--gold)}.ring-wrap{display:flex;gap:25px;align-items:center;justify-content:center;padding:8px 0 18px}.ring{width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--green) 0 86%,#c6a36e 86% 94%,#e9eee6 94%);display:grid;place-items:center}.ring div{background:white;border-radius:50%;width:101px;height:101px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring strong{font-size:25px}.ring small{font-size:9px;color:var(--muted)}.list-line{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:12px 0;font-size:11px}.list-line:last-child{padding-bottom:0}.list-line small{color:var(--muted);display:block;margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-weight:500;color:#849087;background:#f8f9f6;font-size:10px;padding:12px}td{padding:14px 12px;border-bottom:1px solid #eef0eb}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}td button{font-size:10px;padding:7px 10px}td input{width:72px;padding:7px}td select{min-width:100px;padding:7px;font-size:11px}.person{display:flex;gap:9px;align-items:center}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick button{background:#f6f8f3;color:var(--green);border:1px solid var(--line);padding:16px 8px;font-size:11px;flex-direction:column}.event{display:flex;gap:13px;margin:16px 0}.datebox{background:#f0f3e9;border-radius:7px;padding:8px 12px;text-align:center;font-size:9px;color:#8b9078}.datebox strong{display:block;font-size:18px;color:var(--green)}.event b{font-size:11px}.event p{font-size:10px;color:var(--muted);margin:5px 0}.foot{font-size:10px;color:#8a958b;display:flex;justify-content:space-between;gap:10px;padding-top:12px}.toolbar{display:flex;gap:12px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:300px}.toolbar select{max-width:180px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.progress{height:6px;background:#edf0e9;border-radius:5px;margin:10px 0}.progress span{display:block;background:var(--green);height:100%;border-radius:5px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.room h3{margin-top:0}.room p{font-size:11px;color:var(--muted)}.bed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.bed{background:#e9f0e6;border-radius:6px;padding:12px;text-align:center;font-size:10px}.bed.empty{background:white;border:1px dashed #c5d0c2;color:var(--muted)}.notice{background:#f4eedf;color:#806433;border:1px solid #eee3c8;padding:12px 16px;border-radius:8px;font-size:11px;line-height:1.6;margin-bottom:20px}.notice.green{background:var(--mint);color:var(--green);border-color:#dce7d9}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;padding:14px 22px;border-radius:8px;z-index:100;display:none;max-width:90vw;box-shadow:0 8px 30px #0002}dialog{border:0;border-radius:14px;padding:28px;width:500px;max-width:92vw;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0a251e88;backdrop-filter:blur(3px)}dialog .close{float:right}dialog form button{margin-top:20px}dialog p{font-size:12px}.big-number{font-size:38px;font-weight:800;margin:15px 0}.mobile-menu{display:none}.error{color:#b34434;font-size:12px}.report-title{border-bottom:2px solid var(--green);padding-bottom:18px;margin-bottom:20px}@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}.shell{margin-left:205px}.main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:10px}.stat{padding:14px}.stat strong{font-size:23px}.grid{grid-template-columns:1.4fr 1fr}.room-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{display:none;width:240px;box-shadow:0 0 0 100vmax #0006}.sidebar.open{display:flex}.shell{margin:0}.mobile-menu{display:inline-flex}.topbar .search,.top-right>.badge{display:none}.topbar{height:65px}.stats{grid-template-columns:1fr 1fr}.grid,.two{grid-template-columns:1fr}.hero-art{width:115px}.main{padding:18px}.heading{align-items:flex-start}.heading h1{font-size:24px}.heading>.btn{font-size:10px}.login{grid-template-columns:1fr}.login-art{padding:30px;min-height:300px}.login-art h1{font-size:35px}.login-art .bottom{display:none}.login-right{padding:30px}.hero h2{font-size:20px}.foot{flex-direction:column}.room-grid{grid-template-columns:1fr}.user b{display:none}}@media print{body{background:white}.sidebar,.topbar,.heading,.foot,.toolbar,button,.notice{display:none!important}.shell{margin:0}.main{padding:0}.card{border:0;padding:0}.grid{display:block}.badge{border:1px solid #ccc}}

/* At-Tanzeel identity: leaf green and the six colours of the open book. */
:root{--green:#36763c;--deep:#173d25;--mint:#edf5e9;--gold:#b66e27;--ink:#22352a;--muted:#59685e;--line:#dfe7dc;--bg:#f6f8f3;--yellow:#f3db45;--orange:#d58a37;--red:#ba4032;--blue:#397cb2;--purple:#38286d;--plum:#845270;--spectrum:linear-gradient(90deg,#4d8f46 0% 17%,#edda43 17% 33%,#d58a37 33% 49%,#ba4032 49% 65%,#397cb2 65% 82%,#69416f 82% 100%)}
body{background:var(--bg)}
button,.btn{transition:background .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.school-logo{display:block;width:156px;height:auto;border-radius:10px;box-shadow:0 6px 20px #10221918}
.brand{align-items:flex-start;flex-direction:column;gap:13px}
.brand-caption{font-size:16px;letter-spacing:-.3px}.brand small{font-size:9px;letter-spacing:1.5px;font-weight:600}
.login-art{background:radial-gradient(ellipse at 0% 100%,#3c7541 0,transparent 60%),linear-gradient(145deg,#102b1b,#225431);padding:38px 56px;gap:36px;border-top:7px solid var(--yellow)}
.login-art:before{content:'';position:absolute;bottom:0;left:0;right:0;height:7px;background:var(--spectrum)}
.login-art:after{border-color:#f3db4522;box-shadow:0 0 0 50px #e8d94905,0 0 0 100px #fff03d03}
.login-art .brand{flex-direction:row;align-items:center;gap:22px}.login-art .school-logo{width:145px}
.login-art h1{font-size:50px;max-width:530px;line-height:1.15}.brand-highlight{color:var(--yellow)}
.login-art p{color:#d8e8d6}.login-art .eyebrow{color:#f4df73}
.login-right{background:radial-gradient(ellipse at 100% 0%,#f8efcc,transparent 50%),#fbfcf8;padding:42px}
.login-box{max-width:460px}.login-box h1{font-size:30px}.login-box>.badge{border:1px solid #d5e5cf}
.roles{gap:8px}.roles button{background:#fff;border:1px solid var(--line);min-height:44px;color:#425746}.roles button.active{background:var(--green);border-color:var(--green);box-shadow:0 3px 10px #36763c22}
.credential{background:#f0f5e9;border:1px solid #dce7d2;border-left:4px solid var(--green)}
.sidebar{border-top:5px solid var(--green);background:#fcfdf9;padding-top:20px}.sidebar .brand{align-items:center;text-align:center;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.sidebar .school-logo{width:145px}.sidebar .brand-caption{color:var(--deep)}
.nav-label{color:#64735e}.nav button{color:#52634f;min-height:40px}.nav button.active{background:#e7f0df;color:#285e2d;box-shadow:inset 3px 0 var(--green)}
.nav button:hover{background:#eef4e8}.nav button:nth-child(3) .icon{color:var(--orange)}.nav button:nth-child(5) .icon{color:var(--blue)}.nav button:nth-child(6) .icon{color:var(--purple)}.nav button:nth-child(7) .icon{color:var(--plum)}
.topbar{position:relative}.topbar:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--spectrum)}
.hero{position:relative;background:linear-gradient(115deg,#285f31,#427f40);border-radius:16px;padding:30px 32px;box-shadow:0 8px 24px #234d2612;border-bottom:4px solid var(--yellow)}
.hero .eyebrow{color:#f7e483}.hero p{color:#e0eedb}.hero button{background:var(--yellow);color:#243c22;min-height:40px}.hero-art{width:205px;height:145px}
.stat{border-radius:12px;border-top:3px solid var(--green);box-shadow:0 4px 16px #23372304}.stat:nth-child(2){border-top-color:var(--purple)}.stat:nth-child(3){border-top-color:var(--blue)}.stat:nth-child(4){border-top-color:var(--orange)}
.stat:nth-child(2) .stat-icon{background:#f0ecf8;color:var(--purple)}.stat:nth-child(3) .stat-icon{background:#eaf2fa;color:#286490}.stat:nth-child(4) .stat-icon{background:#fff1df;color:#995c1e}
.card{border-radius:13px;box-shadow:0 4px 16px #23372303}.card-head h2{font-size:15px}.quick button{min-height:86px;background:#f0f5eb}.quick button:nth-child(2){background:#fff5df;color:#855317;border-color:#efdfb9}.quick button:nth-child(3){background:#edf3fa;color:#2e6390;border-color:#d9e5f2}.quick button:nth-child(4){background:#f3eef7;color:var(--purple);border-color:#e4d9ee}
.badge.amber{background:#fff2d1;color:#815413}.badge.red{background:#fcece8;color:#a13228}.datebox{background:#f7efcd;color:#725e27}.datebox strong{color:#755b1e}.avatar{background:#e7f0df;color:#356b35}
th{background:#f0f5eb;color:#54634e}.event:nth-of-type(3) .datebox{background:#eaf1fa}.event:nth-of-type(3) .datebox strong{color:#39709a}.event:nth-of-type(4) .datebox{background:#f1eaf6}.event:nth-of-type(4) .datebox strong{color:var(--purple)}
.powered,.foot{color:#647260}.ring{background:conic-gradient(var(--green) 0 86%,var(--yellow) 86% 94%,#e9eee6 94%)}
@media(max-width:1100px){.login-art{padding:35px}.login-art h1{font-size:43px}.login-art .brand{gap:15px}.login-art .school-logo{width:120px}.sidebar .school-logo{width:125px}}
@media(max-width:800px){.login-art{padding:26px;gap:25px;min-height:370px}.login-art .school-logo{width:100px}.login-art h1{font-size:37px;margin-top:12px}.login-art p{margin-bottom:0}.login-right{padding:30px 22px}.login-box h1{font-size:26px}.hero{padding:23px;gap:12px}.hero-art{width:100px;height:100px}.sidebar .school-logo{width:125px}.stat strong{font-size:23px}}
@media(max-width:390px){.hero-art{display:none}.login-art h1{font-size:32px}.brand-caption{font-size:14px}.brand small{font-size:8px}.stat{padding:12px}.stat strong{font-size:21px}}
@media print{.topbar:before{display:none}.card{box-shadow:none}}

/* Logo-led refinement: espresso, ivory, indigo and the book's full spectrum. */
:root{--deep:#210e09;--ink:#30252b;--bg:#f8f5f0;--muted:#6f6268;--line:#e8e0dc;--green:#458443;--mint:#edf4e9;--purple:#302264;--yellow:#ebd939;--orange:#cb8738;--red:#b63d2c;--blue:#4c80b2;--plum:#85516e;--spectrum:linear-gradient(90deg,#458443 0% 16.67%,#ebd939 16.67% 33.33%,#cb8738 33.33% 50%,#b63d2c 50% 66.67%,#4c80b2 66.67% 83.33%,#85516e 83.33% 100%)}
button,.btn{background:var(--purple)}a{color:var(--purple)}
.login{grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(ellipse at 100% 100%,#49253a 0,transparent 58%),linear-gradient(125deg,#110805,#2d130c);border-top:0;padding:42px 60px;gap:30px;isolation:isolate}
.login-art:before{top:0;bottom:auto;height:8px}.login-art:after{display:none}.login-art .brand{gap:22px}.login-art .school-logo{width:160px;box-shadow:none;border-radius:0}.login-art .brand-caption{color:#fff7ed}.login-art .brand small{color:#d0bdb3}
.login-art h1{font-size:clamp(36px,3.7vw,60px);max-width:620px;line-height:1.12;letter-spacing:-2px;font-weight:800}.brand-highlight{color:#e8d63e}.login-art p{color:#dccbc0;font-size:15px;max-width:430px}.login-art .eyebrow{color:#d8a15e}.login-art .bottom p{color:#c7b5ad}.login-art .bottom .eyebrow{color:#d8a15e}
.book-motif{height:125px;position:relative;width:min(390px,100%);margin-top:28px;overflow:hidden}.book-motif i{position:absolute;bottom:3px;left:50%;width:45%;height:67px;border-top:15px solid var(--plum);border-radius:85% 85% 0 0;transform:rotate(-12deg);transform-origin:0 100%}.book-motif i:nth-child(1){left:5%;transform:rotate(12deg);transform-origin:100% 100%;border-color:var(--red)}.book-motif i:nth-child(2){left:8%;bottom:21px;width:42%;transform:rotate(24deg);transform-origin:100% 100%;border-color:var(--orange)}.book-motif i:nth-child(3){left:15%;bottom:37px;width:35%;transform:rotate(36deg);transform-origin:100% 100%;border-color:var(--yellow)}.book-motif i:nth-child(4){bottom:37px;width:35%;transform:rotate(-36deg);border-color:var(--blue)}.book-motif i:nth-child(5){bottom:21px;width:42%;transform:rotate(-24deg);border-color:#493481}.book-motif:after{content:'';position:absolute;bottom:0;left:4%;right:4%;height:6px;background:var(--green);border-radius:50%}
.login-right{background:#faf8f4;padding:48px}.login-box{max-width:430px}.login-box>.badge{color:#694762;background:#f0e8ed;border:1px solid #dfcfdb}.login-box h1{font-size:32px;letter-spacing:-1.2px;margin-top:22px}.login-box>.muted{margin-bottom:32px}.login-box form button{background:var(--purple);min-height:49px;margin-top:13px;box-shadow:0 5px 15px #30226420}.login-box input{padding:14px;border-color:#ded4d2;background:#fff;border-radius:8px}.login-box label{margin-top:19px;color:#4b3b45}.login-box .btn.secondary{background:transparent;color:#61475b;border-color:#ddd0d8}.demo-note{color:#74666c;font-size:11px}
.demo-accounts{border-top:1px solid #ded4d2;border-bottom:1px solid #ded4d2;margin-top:26px;padding:15px 0;font-size:12px;color:#685860}.demo-accounts summary{cursor:pointer;color:var(--purple);font-weight:700;min-height:22px}.demo-accounts p{font-size:11px}.demo-accounts dl{margin:12px 0 0}.demo-accounts dl div{padding:8px 0;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e9e1df}.demo-accounts dt{font-weight:600}.demo-accounts dd{margin:0;overflow-wrap:anywhere;font-size:11px}
.sidebar{background:#21110e;border-right:0;border-top:5px solid var(--plum);color:#f7eee8}.sidebar .brand{border-bottom-color:#563b35}.sidebar .school-logo{border-radius:0;box-shadow:none}.sidebar .brand-caption{color:#fff5eb}.sidebar .brand small{color:#c5afa5}.nav-label{color:#c7afa5}.nav button{color:#e0cfc7}.nav button.active{background:#49304b;color:#fff;box-shadow:inset 3px 0 #d6a04b}.nav button:hover{background:#382724}.sidebar .btn.secondary{background:#352320;border-color:#62443b;color:#f1d9bf}.sidebar .powered{color:#c4aaa0;border-color:#563b35}.sidebar .powered b{color:#f0d9bb}.sidebar .mobile-menu{color:#f5e5db}
.hero{background:linear-gradient(115deg,#302264,#583a69);border-bottom:0;box-shadow:0 8px 25px #30226415;border-radius:15px;padding-bottom:34px}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--spectrum)}.hero p{color:#e5daec}.hero .eyebrow{color:#edda74}.hero button{background:#ecd840;color:#2d233a}.hero-art{opacity:.9}
.stat{border-top-color:var(--green)}.stat:nth-child(2){border-top-color:var(--orange)}.stat:nth-child(3){border-top-color:var(--blue)}.stat:nth-child(4){border-top-color:var(--plum)}.stat:nth-child(2) .stat-icon{background:#fff0da;color:#925619}.stat:nth-child(4) .stat-icon{background:#f4e9ef;color:#804766}.stat strong{color:#352b40}.topbar{background:#fffdfb}.avatar{background:#eee8f4;color:var(--purple)}th{background:#f5f0f4;color:#6e596a}.foot{color:#796c70}.card{border-color:#e8e0dc}.quick button{border-color:#dce8d7}.heading .eyebrow{color:#85516e}
@media(min-width:1500px){.login-art{padding:55px 72px}.book-motif{height:145px;margin-top:40px}}
@media(max-width:1100px){.login-art{padding:35px}.login-art .school-logo{width:125px}.login-right{padding:35px}.login-art .brand{gap:16px}}
@media(max-width:800px){.login{grid-template-columns:1fr}.login-art{padding:28px;gap:24px;min-height:0}.login-art .school-logo{width:90px}.login-art h1{font-size:36px;letter-spacing:-1px}.login-art p{font-size:13px}.book-motif{height:95px;width:260px;margin-top:16px}.login-right{padding:34px 24px}.login-box{max-width:480px}.login-box h1{font-size:28px}.sidebar{background:#21110e}}
@media(max-width:390px){.demo-accounts dl div{display:block}.demo-accounts dd{margin-top:4px}.login-art h1{font-size:32px}}