*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f2ed;color:#172132}.hidden{display:none!important}.login-wrap{min-height:700px;display:grid;place-items:center;padding:40px 18px;background:linear-gradient(145deg,#10233f,#253f61)}.login-card{width:min(430px,100%);background:white;border-radius:20px;padding:34px;box-shadow:0 20px 50px #0003}.mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#c49b49;color:white;font-size:25px;font-weight:bold}.login-card h1{margin:16px 0 3px}.login-card p{color:#697487;margin-top:0}.login-card label,.card label{display:block;font-size:13px;font-weight:bold;margin-top:15px}.login-card input,.card input,.card select{width:100%;padding:13px;border:1px solid #cfd6df;border-radius:9px;margin-top:6px;font-size:16px}.login-card button,.card button,.hero button{width:100%;margin-top:20px;padding:13px;border:0;border-radius:9px;background:#173b65;color:white;font-weight:bold;cursor:pointer}.login-card small{display:block;color:#8a919b;margin-top:18px;line-height:1.5}.msg{color:#a13030;margin-top:10px}header{background:#11233d;color:#fff;padding:18px 6%;display:flex;justify-content:space-between;gap:15px;align-items:center}header span{opacity:.7}#who{font-size:13px;text-align:right}nav{background:white;border-bottom:1px solid #ddd;padding:10px 6%;display:flex;gap:8px;flex-wrap:wrap}nav button{border:0;background:transparent;padding:10px 12px;cursor:pointer;color:#26374e}nav button:hover{background:#eef1f5;border-radius:8px}main{max-width:1100px;margin:auto;padding:38px 22px}.hero,.card,.stats div{background:#fff;border-radius:16px;padding:28px}.hero{padding:45px}.eyebrow{font-size:12px;letter-spacing:2px;color:#9c762d;font-weight:bold}.hero h2{font-size:44px;line-height:1.05;margin:10px 0}.hero p{color:#687486}.hero-actions{display:flex;gap:10px;max-width:430px}.hero button.light{background:#e8ecf1;color:#172132}.lead,.hint{color:#717c8b}.hint{font-size:12px}.card{max-width:720px}.card.wide{max-width:none}.identity{padding:13px;background:#f3f5f8;border-radius:9px}.identity span{display:block;color:#6d7785;font-size:13px;margin-top:4px}#preview img{display:block;max-width:100%;max-height:500px;object-fit:contain;margin:15px auto;border-radius:10px;background:#eee}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo{background:#fff;border-radius:13px;overflow:hidden;border:1px solid #e2e4e8}.photo .imgbox{height:260px;background:#ececec;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo img{width:100%;height:100%;object-fit:contain}.photo .meta{padding:12px}.pill{font-size:11px;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.stats b{font-size:28px;display:block}.stats span{font-size:12px;color:#717c8b}.pending{display:grid;grid-template-columns:110px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.pending img{width:110px;height:85px;object-fit:contain;background:#eee;border-radius:8px;cursor:pointer}.pending .actions{display:flex;gap:6px}.pending button{border:0;padding:9px;border-radius:7px;color:white;cursor:pointer}.approve{background:#287657}.reject{background:#91404a}.student-row{display:grid;grid-template-columns:70px 1fr 90px;gap:10px;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}.modal{position:fixed;inset:0;background:#000d;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.modal img{max-width:94vw;max-height:82vh;object-fit:contain}.modal button{position:absolute;right:22px;top:14px;background:none;color:white;border:0;font-size:42px;cursor:pointer}.modal div{color:white;padding-top:12px;text-align:center}@media(max-width:700px){.hero{padding:28px}.hero h2{font-size:34px}.gallery,.stats{grid-template-columns:1fr}.hero-actions{display:block}.pending{grid-template-columns:80px 1fr}.pending img{width:80px}.pending .actions{grid-column:1/-1}.student-row{grid-template-columns:50px 1fr 75px}}
.process-overlay{position:fixed;inset:0;background:#0009;z-index:80;display:grid;place-items:center;padding:20px}
.process-box{width:min(420px,100%);background:#fff;border-radius:18px;padding:30px;text-align:center}
.process-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#287657;color:#fff;font-size:34px;font-weight:bold}
.process-box h3{margin:8px 0}.process-box p{color:#697487;line-height:1.45}.process-box button{border:0;background:#173b65;color:#fff;padding:12px 24px;border-radius:9px;font-weight:bold;cursor:pointer}
.reject-note{margin-top:9px;padding:9px;background:#f8e9eb;border-radius:7px;color:#77343c;font-size:12px;line-height:1.4}

/* V4 - tema elegante Promoción 79 */
body{background:#050b12;color:#f4f1e9}
.login-wrap{background:#050b12;position:relative;overflow:hidden}
.login-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b12 0%,rgba(5,11,18,.88) 45%,rgba(5,11,18,.55) 100%),url("hero3.jpg") center/cover no-repeat;opacity:.48}
.login-card{position:relative;z-index:2;width:min(980px,96%);background:rgba(7,17,28,.92);border:1px solid rgba(220,170,74,.38);color:#fff;padding:34px}
.brandline{display:flex;gap:18px;align-items:center}.gold-kicker{color:#d6a64d;letter-spacing:3px;font-size:12px;font-weight:bold}.brandline h1{font-family:Georgia,serif;color:#e0b25b;font-size:34px;margin:3px 0}.brandline p{color:#c4cad2}
.mark{background:linear-gradient(145deg,#f2cb78,#a96e19);color:#07111c}
.login-collage{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;margin:22px 0}.login-collage img{width:100%;height:230px;object-fit:cover;border-radius:9px;border:1px solid rgba(222,174,83,.25)}
.login-title{font-size:24px;margin:20px 0 5px}.login-card label{color:#d9dde4}.login-card input{background:#101d2d;border-color:#35465b;color:#fff}.login-card input::placeholder{color:#8793a2}
.login-card button{background:linear-gradient(90deg,#efc66f,#b87920);color:#08111b}.login-card small{color:#aeb6c2}.login-card small br+*{color:#d8ad5a}
header{background:#07111d;border-bottom:1px solid #5f4824}nav{background:#0b1624;border-color:#26364a}nav button{color:#e8e9eb}nav button:hover{background:#17263a}
main{color:#f1f1ef}.hero,.card,.stats div,.photo{background:#0c1724;border:1px solid #26374a;color:#f2f2ef}.hero{position:relative;overflow:hidden}.hero:after{content:"79";position:absolute;right:25px;bottom:-30px;font:160px Georgia,serif;color:rgba(213,165,75,.08)}
.eyebrow{color:#d8a84e}.hero h2{font-family:Georgia,serif;color:#e2b45e}.hero p,.lead,.hint,.stats span{color:#aeb8c5}
.hero button,.card button{background:linear-gradient(90deg,#dcae56,#a56e20);color:#08111b}.hero button.light{background:#172536;color:#f4f1e9;border:1px solid #34485e}
.identity{background:#142235;color:#e9edf2}.card input,.card select{background:#111e2e;border-color:#35465b;color:#fff}
.photo .imgbox{height:300px;background:#050b12}.photo img{object-fit:contain}.photo .meta{color:#e8e9eb}
.pending{border-color:#273747}.pending img{object-fit:contain;background:#050b12}.student-row{border-color:#263747}.instructions p{line-height:1.6;color:#c8d0da}.instructions b{color:#dfb15a}
.process-box{background:#0c1724;color:#fff;border:1px solid #c8953e}.process-check{background:#d7a64b;color:#08111b;font-size:38px}.process-box p{color:#c3cbd5}.process-box button{background:#d7a64b;color:#08111b}
@media(max-width:700px){.login-collage{grid-template-columns:1fr 1fr}.login-collage img{height:170px}.login-collage img:last-child{grid-column:1/-1}.brandline h1{font-size:28px}}

/* V5 refinamiento editorial: más elegante, menos pesado, fotos sin distorsión */
body{background:#f2efe8;color:#17202b}
.login-wrap{background:#08111c;padding:34px 18px}
.login-wrap:before{background:radial-gradient(circle at 75% 20%,rgba(198,151,65,.12),transparent 35%);opacity:1}
.login-card{width:min(1120px,97%);background:#0a1420;border:1px solid rgba(221,178,96,.24);border-radius:12px;padding:24px 26px;box-shadow:none}
.brandline{display:none}
.editorial-cover{display:grid;grid-template-columns:.72fr .8fr .8fr 1.25fr;gap:10px;align-items:stretch;margin-bottom:24px}
.editorial-cover figure{margin:0;background:#050b12;border-radius:5px;overflow:hidden;min-width:0;height:310px}
.editorial-cover img{width:100%;height:100%;object-fit:contain;display:block;background:#050b12}
.editorial-cover .cover-copy{padding:26px 20px;border-left:2px solid #c99a45;display:flex;flex-direction:column;justify-content:center}
.cover-copy span{font-size:10px;letter-spacing:2px;color:#aeb5be}.cover-copy strong{font:28px Georgia,serif;color:#dcb05e;margin-top:16px}.cover-copy em{font:italic 31px Georgia,serif;color:#fff;margin-top:6px}.cover-copy small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#b9bec6;margin-top:18px;line-height:1.5}
.login-title{font-family:Georgia,serif;font-size:25px;color:#f4f1e9;margin:4px 0 2px}.login-card>label,.login-card>input,.login-card>button,.login-card>.msg,.login-card>small{max-width:520px;margin-left:auto;margin-right:auto}.login-card>label{margin-top:13px}.login-card>button{display:block}
header{background:#09131f;padding:15px 6%}nav{background:#101b29}main{max-width:1180px}
.hero{min-height:410px;padding:55px;background:linear-gradient(90deg,rgba(8,17,28,.96),rgba(8,17,28,.70)),url("hero3.jpg") center/cover no-repeat;border:1px solid #2d3b4b}
.hero h2{font-size:52px;max-width:650px;color:#e1b25c}.hero p{max-width:620px;color:#d0d5db}.hero:after{display:none}
.card,.stats div,.photo{border-radius:10px;box-shadow:none}.gallery{gap:18px}
.photo .imgbox{height:360px;padding:8px;background:#080f18}.photo img{width:100%;height:100%;object-fit:contain;object-position:center}
#preview{background:#080f18;border-radius:8px;margin-top:12px;text-align:center}#preview img{width:auto;height:auto;max-width:100%;max-height:650px;object-fit:contain}
.pending img{object-fit:contain;object-position:center}
.modal img{width:auto;height:auto;max-width:94vw;max-height:84vh;object-fit:contain}
.process-box{border-radius:12px}.process-check{border-radius:50%}
@media(max-width:900px){.editorial-cover{grid-template-columns:1fr 1fr}.editorial-cover .cover-copy{grid-column:1/-1;min-height:180px}.editorial-cover .landscape{grid-column:1/-1}.editorial-cover figure{height:280px}}
@media(max-width:600px){.login-card{padding:18px}.editorial-cover{grid-template-columns:1fr 1fr}.editorial-cover figure{height:210px}.editorial-cover .landscape{height:240px}.cover-copy strong{font-size:24px}.cover-copy em{font-size:27px}.hero{min-height:360px;padding:30px}.hero h2{font-size:38px}.photo .imgbox{height:390px}}

/* V6: inicio ordenado, premium y centrado en el logo oficial */
.login-wrap{padding:28px 18px;background:#06101b}
.login-card{width:min(1040px,96%);padding:30px 38px;border-radius:18px;background:#0a1522;border:1px solid rgba(202,154,70,.30)}
.clean-login{max-width:920px;margin:auto}
.login-brand{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;padding:8px 0 26px;border-bottom:1px solid rgba(255,255,255,.10)}
.login-brand img{width:210px;height:210px;object-fit:contain;display:block}
.brand-copy span{font-size:11px;letter-spacing:3px;color:#c69a4c}.brand-copy h1{font:46px Georgia,serif;color:#f4f1e9;margin:9px 0 10px}.brand-copy p{font-size:16px;line-height:1.6;color:#aeb8c5;max-width:560px}
.memory-strip{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:10px;margin:24px 0 30px}.memory-strip figure{height:190px;margin:0;background:#050b12;border-radius:8px;overflow:hidden}.memory-strip img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.login-title{max-width:520px;margin:0 auto 6px!important;font:26px Georgia,serif;color:#e0b15a;text-align:left}
.login-card>label,.login-card>input,.login-card>button,.login-card>.msg,.login-card>small{max-width:520px}
.login-card>button{background:#c99a46;color:#07111c}.login-card>small{text-align:center}
.app-brand{display:flex;align-items:center;gap:10px}.app-brand img{width:46px;height:46px;object-fit:contain;border-radius:50%}.app-brand div{display:flex;flex-direction:column}.app-brand span{font-size:11px;margin-top:2px}
@media(max-width:760px){.login-card{padding:22px}.login-brand{grid-template-columns:1fr;text-align:center;gap:12px}.login-brand img{width:170px;height:170px;margin:auto}.brand-copy h1{font-size:36px}.brand-copy p{margin-left:auto;margin-right:auto}.memory-strip{grid-template-columns:1fr 1fr}.memory-strip figure{height:180px}.memory-strip .wide-memory{grid-column:1/-1;height:210px}}
@media(max-width:420px){.login-wrap{padding:14px 8px}.login-card{padding:18px 14px}.login-brand img{width:145px;height:145px}.brand-copy h1{font-size:31px}.memory-strip{gap:6px}.memory-strip figure{height:150px}.memory-strip .wide-memory{height:180px}}

/* V7 - portada cinematográfica, una sola foto principal */
.login-wrap{background:#040a11;padding:24px 16px}
.login-card{width:min(1080px,97%);padding:0 0 30px;overflow:hidden;background:#09131f;border:1px solid rgba(204,157,71,.32);border-radius:18px}
.cinema-cover{height:470px;background:url("hero3.jpg") center 38%/cover no-repeat;position:relative}
.cinema-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.88) 0%,rgba(2,8,14,.55) 40%,rgba(2,8,14,.08) 75%),linear-gradient(0deg,rgba(5,12,20,.88),transparent 45%)}
.cover-overlay{position:absolute;z-index:2;inset:0;padding:38px 46px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.cover-logo{width:155px;height:155px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 5px 14px rgba(0,0,0,.4))}
.cover-text span{font-size:11px;letter-spacing:3px;color:#d3aa61}.cover-text h1{font:56px Georgia,serif;color:white;margin:8px 0}.cover-text p{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#e1c48e}
.login-heading{max-width:520px;margin:26px auto 4px}.login-heading h2{font:28px Georgia,serif;color:#dfb35e;margin:0}.login-heading p{color:#aeb7c3;margin:6px 0 12px}
.login-card>label,.login-card>input,.login-card>button,.login-card>.msg,.login-card>small{max-width:520px;margin-left:auto;margin-right:auto}.login-card>button{display:block}
.inside-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}.inside-copy{background:#0b1623;border:1px solid #263747;border-radius:14px;padding:42px;display:flex;flex-direction:column;justify-content:center}.inside-copy h2{font:44px Georgia,serif;color:#e1b35d;line-height:1.05;margin:10px 0 16px}.inside-copy p{color:#b8c1cc;line-height:1.6}.inside-copy .hero-actions{display:flex;gap:9px}.inside-copy button{border:0;border-radius:8px;padding:13px 17px;background:#d2a34d;color:#08111b;font-weight:bold;cursor:pointer}.inside-copy button.light{background:#162536;color:#f4f1e9;border:1px solid #33475d}
.inside-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 260px;gap:10px}.inside-collage figure{margin:0;background:#050b12;border-radius:12px;overflow:hidden}.inside-collage figure.big{grid-row:1/3}.inside-collage img{width:100%;height:100%;object-fit:contain;display:block;background:#050b12}
@media(max-width:800px){.cinema-cover{height:430px}.cover-overlay{padding:28px}.cover-logo{width:125px;height:125px}.cover-text h1{font-size:43px}.inside-hero{grid-template-columns:1fr}.inside-collage{grid-template-rows:220px 220px}}
@media(max-width:520px){.login-card{border-radius:12px}.cinema-cover{height:390px;background-position:center}.cinema-cover:after{background:linear-gradient(0deg,rgba(2,8,14,.92),rgba(2,8,14,.18) 70%)}.cover-overlay{padding:22px;justify-content:flex-end}.cover-logo{width:100px;height:100px;margin-bottom:auto}.cover-text h1{font-size:37px}.cover-text p{font-size:10px}.login-heading,.login-card>label,.login-card>input,.login-card>button,.login-card>.msg,.login-card>small{width:calc(100% - 36px)}.inside-copy{padding:28px}.inside-copy h2{font-size:35px}.inside-collage{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}.inside-collage .big{grid-column:1/-1!important;grid-row:auto!important}.inside-collage{display:grid}.inside-collage figure.big{height:220px}.inside-collage figure:not(.big){height:190px}}
/* V8 - estado de cuenta y administración de pagos */
.account-shell{display:grid;gap:18px}.account-top{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.money-card{background:#0c1724;border:1px solid #26374a;border-radius:12px;padding:20px}.money-card span{display:block;color:#9eabb9;font-size:12px;text-transform:uppercase;letter-spacing:1px}.money-card b{display:block;color:#f2f2ef;font:30px Georgia,serif;margin-top:7px}.money-card.balance b{color:#e1b35d}.money-card.paid b{color:#bcd9c4}.account-card{background:#0c1724;border:1px solid #26374a;border-radius:12px;padding:22px}.account-card h3{color:#e1b35d;margin-top:0}.account-table{width:100%;border-collapse:collapse}.account-table th,.account-table td{padding:11px 9px;border-bottom:1px solid #26374a;text-align:left}.account-table th{color:#aeb8c5;font-size:12px;text-transform:uppercase}.account-table td:last-child,.account-table th:last-child{text-align:right}.account-status{display:inline-block;padding:7px 11px;border-radius:999px;background:#172536;color:#e8e9eb;font-weight:700}.account-status.ok{background:#173326;color:#c8ebd2}.account-progress{height:10px;background:#172536;border-radius:999px;overflow:hidden;margin-top:12px}.account-progress i{display:block;height:100%;background:#d2a34d}.payment-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.payment-form label{color:#cbd3dc;font-size:12px}.payment-form input,.payment-form select{width:100%;box-sizing:border-box;margin-top:5px}.payment-form .full{grid-column:1/-1}.payment-form button{grid-column:1/-1}.empty-account{padding:24px;border:1px dashed #3a4a5e;border-radius:12px;color:#aeb8c5}.payment-admin>label{display:block;margin-bottom:7px}.payment-admin>#paySearch{width:100%;box-sizing:border-box;margin-bottom:20px}
@media(max-width:700px){.account-top{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr}.payment-form .full{grid-column:auto}.account-table{font-size:13px}}

/* V9 - calendario y edición administrativa de paquete */
.deadline-banner{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.deadline-item{padding:16px 18px;border:1px solid #3a4654;border-radius:12px;background:#101b29}.deadline-item b{display:block;color:#e1b35d;font-size:17px;margin-bottom:4px}.deadline-item span{color:#b7c0ca;font-size:13px}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.event-card{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:18px;background:#0c1724;border:1px solid #26374a;border-radius:12px}.event-date{text-align:center;border-right:1px solid #334253;padding-right:14px}.event-date b{display:block;color:#e1b35d;font:30px Georgia,serif}.event-date span{font-size:11px;letter-spacing:1px;color:#aeb8c5}.event-info h3{margin:0 0 7px;color:#f4f1e9}.event-info p{margin:4px 0;color:#aeb8c5;line-height:1.45}.event-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.event-actions button{padding:8px 11px}.event-admin-form{margin-top:18px}.event-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-form label{font-size:12px;color:#cbd3dc}.event-form input,.event-form textarea{width:100%;box-sizing:border-box;margin-top:5px}.event-form .full{grid-column:1/-1}.event-form button{grid-column:1/-1}.home-next-event{margin:14px 0 18px;padding:14px 16px;border-left:3px solid #d2a34d;background:#111e2d;border-radius:7px}.home-next-event b{color:#e1b35d}.home-next-event span{display:block;color:#c0c7d0;margin-top:4px;font-size:13px}.student-row{cursor:pointer}.student-row:hover{background:#132235}.student-detail{margin-top:18px}.package-edit{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.package-edit label{font-size:12px;color:#cbd3dc}.package-edit input{width:100%;box-sizing:border-box;margin-top:5px}.package-edit .full{grid-column:1/-1}.package-edit button{grid-column:1/-1}.admin-note{padding:12px 14px;background:#111e2d;border-left:3px solid #d2a34d;border-radius:7px;color:#c6ced8;font-size:13px;margin-bottom:14px}.mini-btn{border:1px solid #3a4a5e;background:#142235;color:#f4f1e9;border-radius:7px;padding:7px 10px;cursor:pointer}
@media(max-width:700px){.deadline-banner,.event-grid,.event-form,.package-edit{grid-template-columns:1fr}.event-form .full,.package-edit .full{grid-column:auto}.event-card{grid-template-columns:64px 1fr}.event-date b{font-size:25px}}
/* V10.1 - privacidad, estados y filtros */
.privacy-card{max-width:820px;margin:20px auto;background:#0c1724;border:1px solid #34465a;border-radius:14px;padding:30px;color:#d9e0e7;line-height:1.65}.privacy-card h2{color:#e1b35d;font-family:Georgia,serif}.privacy-check{display:flex;gap:10px;align-items:flex-start;margin:20px 0;padding:15px;background:#111e2d;border-radius:9px}.privacy-check input{width:auto!important;margin-top:5px}.privacy-card button{background:#d2a34d;color:#08111b;border:0;border-radius:8px;padding:13px 18px;font-weight:700;cursor:pointer}.status-badge,.student-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;letter-spacing:.4px}.status-badge,.student-status.DESISTIMIENTO{background:#4a2727;color:#ffd2d2}.student-status.ACTIVO{background:#173326;color:#c8ebd2}.student-status.EXONERADO{background:#26344a;color:#d7e2ff}.student-row span small.student-status{margin-left:9px}.student-stats{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 15px;margin-bottom:12px;background:#111e2d;border-radius:9px;color:#c6ced8}.student-stats b{color:#e1b35d}.student-filters{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px}.student-filters input,.student-filters select{width:100%;box-sizing:border-box}.upload-consent{font-size:13px}.inactive-card{text-align:left}.inactive-card h3{color:#fff}@media(max-width:700px){.student-filters{grid-template-columns:1fr}.student-stats{display:block}.student-stats span{display:block;margin-top:6px}}