:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202433;background:#edf0f8;font-synthesis:none;--muted:#72788b;--blue:#5654d9;--line:#e6e8f0;--surface:#fff;--shadow:0 8px 28px #28376808}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #a9a2ff;outline-offset:3px}button{border-radius:11px;padding:11px 16px;color:inherit;background:#eef0f6;font-size:13px;font-weight:600}button:hover{filter:brightness(.97)}button.primary{background:var(--blue);color:white;box-shadow:0 4px 12px #5654d922}button.ghost{background:none}button.danger{background:#fff0f0;color:#bd344a}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}a{color:var(--blue)}.layout{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:#f6f7fbd9;border-right:1px solid #fff;padding:36px 20px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px;font-weight:750;letter-spacing:-.6px;font-size:23px}.brand em{font-style:normal;color:#737990;font-weight:400}.logo{display:grid;place-items:center;width:37px;height:37px;background:#292e45;border-radius:11px;color:#d7ff83;box-shadow:0 4px 10px #242a4420}.side-label{font-size:10px;letter-spacing:1.8px;color:#9298aa;font-weight:700;padding:14px 14px 10px}.navitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;color:#70778d;padding:13px 14px;margin:2px 0;font-size:13px}.navitem.active{background:white;box-shadow:0 3px 12px #373e6010;color:#5654d9}.navitem .count{margin-left:auto;font-size:11px;color:#989db0}.side-bottom{margin-top:auto}.profile{display:flex;gap:10px;align-items:center;padding:18px 9px 0;border-top:1px solid var(--line);font-size:12px}.avatar{height:34px;width:34px;display:grid;place-items:center;background:#e4e4f9;color:#6963c6;border-radius:50%;font-weight:700}.profile small{display:block;color:var(--muted);margin-top:3px}.workspace{padding:0 44px 32px;max-width:1600px;width:100%;margin:auto}.topbar{height:87px;border-bottom:1px solid #dfe3ed;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#868c9e;font-size:12px}.topbar strong{color:#464d62;font-weight:500}.top-actions{display:flex;gap:8px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60b392;margin-right:6px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#9298a9;font-weight:650;margin-bottom:9px}h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:0 0 8px}p{line-height:1.6}.subtitle{color:var(--muted);font-size:13px;margin:0}.hero{border-radius:22px;background:radial-gradient(ellipse at 80% 90%,#3f4565,transparent 65%),#242a40;color:white;padding:30px 34px;min-height:210px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;overflow:hidden;position:relative}.hero .eyebrow{color:#c7db96;font-size:9px}.hero h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:550;margin:12px 0}.hero h2 span{color:#d5f697}.hero p{color:#b2b9cf;max-width:370px;font-size:12px;margin:10px 0}.hero button{color:#d9f5ae;border:1px solid #6f7c61;background:#d1f99b0d;margin-top:9px;font-size:11px}.chip-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px}.chip-art:before,.chip-art:after{content:"";position:absolute;border:1px solid #a9c47d27;width:215px;height:215px;border-radius:40px;transform:rotate(-26deg)}.chip-art:after{width:290px;height:290px;border-radius:65px}.chip{height:110px;width:110px;border:1px solid #c0d99966;border-radius:19px;display:grid;place-items:center;transform:rotate(-24deg);box-shadow:0 0 0 9px #d9efb407,0 0 0 10px #a3b68924,0 15px 50px #12192c;background:linear-gradient(135deg,#4d5a4c,#293140)}.chip .icon{width:49px;height:49px;color:#d5efaa}.art-dot{width:6px;height:6px;position:absolute;background:#d4efa2;border-radius:50%;box-shadow:0 0 15px #bde782}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 30px}.stat{background:#ffffffb0;border:1px solid white;border-radius:15px;padding:17px 19px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow)}.stat-icon{width:35px;height:35px;display:grid;place-items:center;background:#eeedff;color:#7771cd;border-radius:11px}.stat:nth-child(2) .stat-icon{background:#e9f5ef;color:#549c7a}.stat:nth-child(3) .stat-icon{background:#fff3e5;color:#c49654}.stat:nth-child(4) .stat-icon{background:#eaf0fb;color:#6488b9}.stat strong{font-size:22px;font-weight:600;line-height:1}.stat small{display:block;color:#969bac;font-size:10px;margin-top:5px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}.section-line h2{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0}.tools{display:flex;gap:9px;align-items:center}.search{display:flex;align-items:center;background:#fff9;border:1px solid white;border-radius:11px;padding:0 12px;gap:8px}.search .icon{width:16px;color:#8c93a7}.search input{border:0;background:none;width:195px;outline:0;padding:10px 0;font-size:12px;color:inherit}.tabs{display:flex;gap:5px;overflow:auto;padding-bottom:14px}.tab{background:none;color:#82899c;white-space:nowrap;font-size:12px;padding:9px 14px}.tab.active{background:white;color:#5450c1;box-shadow:0 2px 10px #323b5f08}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #ffffff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}.card:hover{transform:translateY(-3px)}.thumbnail{height:146px;position:relative;margin:8px 8px 0;border-radius:12px;overflow:hidden;background:#202a2b;display:flex;align-items:center;justify-content:center}.thumbnail .stamp{position:absolute;left:15px;top:13px;font-family:monospace;font-size:8px;letter-spacing:2px;color:#c7e59f;z-index:1}.thumbnail .art-title{position:absolute;left:18px;bottom:15px;color:#e5f8cb;font-size:21px;letter-spacing:-.6px;font-weight:600;z-index:1}.thumbnail svg.big{width:103px;height:103px;stroke:#d7f499;opacity:.68;position:absolute;right:20px;top:29px;stroke-width:.8;filter:drop-shadow(0 0 8px #cbf99577)}.thumbnail.t1{background:radial-gradient(ellipse at 75% 70%,#435c46,#18242b 75%)}.thumbnail.t2{background:radial-gradient(ellipse at 75% 70%,#3f475c,#181e2d 75%)}.thumbnail.t3{background:radial-gradient(ellipse at 75% 70%,#365f60,#162c33 75%)}.thumbnail.t4{background:radial-gradient(ellipse at 75% 70%,#5b4d35,#26282b 75%)}.thumbnail.t5{background:radial-gradient(ellipse at 75% 70%,#41405e,#242237 75%)}.thumbnail img{width:100%;height:100%;object-fit:cover}.card-body{padding:16px 17px 12px}.meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:6px}.badge{font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:650;color:#7674b4;background:#f1f0fc;padding:5px 7px;border-radius:5px}.badge.exercise{background:#edf7f1;color:#53846b}.badge.material{background:#edf3fd;color:#6282ae}.visibility{font-size:9px;color:#78a088;display:flex;gap:4px;align-items:center}.visibility.off{color:#aaa0a5}.visibility .icon{width:12px;height:12px}.card h3{font-size:15px;letter-spacing:-.3px;font-weight:620;margin:0 0 8px}.card p{font-size:11px;color:#8a90a1;line-height:1.65;margin:0;min-height:38px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:16px;border-top:1px solid #f0f1f6;padding-top:11px;color:#9298a9;font-size:10px}.card-footer button{font-size:10px;padding:7px 10px;color:#6564a8;background:#f4f3fc}.card-footer .icon{width:13px;height:13px}.card.hidden{opacity:.65}.card .admin-tools{display:flex;gap:4px;padding:0 17px 10px}.admin-tools button{font-size:10px;padding:7px 9px}.bottom-note{font-size:10px;color:#9a9faf;margin-top:27px;display:flex;justify-content:space-between;gap:10px}.empty{padding:50px;text-align:center;background:#fff7;border:1px dashed #d5d9e6;border-radius:18px;color:#8b91a6;grid-column:1/-1}.panel{background:white;border-radius:20px;padding:25px;border:1px solid #fff;box-shadow:var(--shadow);margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 7px}.panel p{color:var(--muted);font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:550;color:#626a80;margin:12px 0 6px}input:not([type=checkbox]),select,textarea{border:1px solid #dde1ec;border-radius:10px;padding:11px 12px;background:#fafbfe;color:#30374d;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#9590e6;box-shadow:0 0 0 3px #7771cd10}textarea{resize:vertical;min-height:82px}.help{font-size:11px!important;color:#8d94a8!important;line-height:1.6}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:20px}.token-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.token-row strong{display:block;margin-bottom:5px}.token-row small{color:#8e95a7}.token-code{font-family:monospace;font-size:22px;letter-spacing:2px;background:#f0effb;padding:20px;border-radius:13px;color:#5751b7;text-align:center;word-break:break-all;margin:16px 0}.notice{background:#eae9fa;color:#716ba3;border-radius:11px;padding:11px 15px;font-size:11px;line-height:1.7;margin:17px 0}.notice a{font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 10% 0,#dcdff5,transparent 55%),radial-gradient(ellipse at 100% 90%,#e0e9e5,transparent 55%),#edf0f8}.login{width:min(440px,100%);background:#ffffffc9;border:1px solid white;box-shadow:0 20px 90px #3d45691a;border-radius:28px;padding:36px}.login .brand{padding:0 0 33px}.login h1{font-size:26px}.login .primary{width:100%;margin-top:20px}.login .switch{width:100%;margin-top:12px;color:#898da0;background:none;font-size:11px}.login .help{text-align:center}.error{color:#c74a62!important;font-size:12px}.mobile-title{display:none}dialog{border:1px solid white;border-radius:22px;padding:28px;width:min(620px,94vw);max-height:90vh;box-shadow:0 30px 100px #20274040;color:#30374d;background:#fff}dialog::backdrop{background:#29334b55;backdrop-filter:blur(8px)}dialog h2{font-size:22px;letter-spacing:-.6px;margin:0 0 8px}dialog p{font-size:12px;color:var(--muted)}dialog .close{float:right;background:#f1f2f8;padding:6px 10px}dialog.wide{width:min(1100px,96vw)}iframe{width:100%;height:65vh;border:1px solid #e1e4ee;border-radius:12px;margin-top:15px;background:white}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#292e45;color:white;box-shadow:0 6px 25px #1d223633;padding:12px 20px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}.listview{grid-template-columns:1fr}.listview .card{display:grid;grid-template-columns:200px 1fr}.listview .thumbnail{height:150px;margin:8px}.listview .admin-tools{grid-column:2}.category-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.category-row button{margin-left:auto;font-size:11px}body.dark{background:#1c2030;color:#e6e8f3;--line:#363b50;--surface:#2d3347;--muted:#9ca6bb}body.dark .sidebar{background:#222738;border-color:#363c4d}body.dark .workspace .panel,body.dark .card,body.dark .stat,body.dark .tab.active,body.dark .navitem.active{background:#2a3043;border-color:#363c4d;color:#e6e8f3}body.dark .search,body.dark input,body.dark select,body.dark textarea{background:#2a3043;color:#e6e8f3;border-color:#42475b}body.dark .topbar{border-color:#363c4d}body.dark .topbar strong{color:#adb6cc}body.dark dialog{background:#292e43;color:#e6e8f3;border-color:#454b63}body.dark .login-wrap{background:#1e2438}body.dark .login{background:#292f43;border-color:#39435a}@media(min-width:1450px){.workspace{padding-left:55px;padding-right:55px}.thumbnail{height:170px}.hero{min-height:235px}}@media(max-width:1100px){.layout{grid-template-columns:205px 1fr}.sidebar{padding:30px 12px}.workspace{padding:0 26px 25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:15px 12px;gap:9px}.stat-icon{width:28px;height:28px}.tools .search input{width:140px}}@media(max-width:760px){.layout{display:block}.sidebar{position:relative;height:auto;border-bottom:1px solid #ddd;padding:15px;display:block}.brand{font-size:19px;padding:0}.sidebar .side-label,.sidebar .profile,.sidebar .side-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;margin-top:15px}.navitem{width:auto;white-space:nowrap;padding:10px;font-size:11px}.navitem .icon{width:16px}.navitem .count{display:none}.workspace{padding:0 18px 22px}.topbar{height:60px;font-size:10px}.top-actions{gap:0}.top-actions button{padding:8px;font-size:11px}.intro{padding:25px 0 20px;align-items:flex-start}h1{font-size:26px}.intro .primary{font-size:11px;padding:10px}.hero{padding:24px;grid-template-columns:1.5fr 1fr;min-height:205px}.hero h2{font-size:23px}.hero p{font-size:11px}.chip-art:before{width:130px;height:130px}.chip-art:after{width:180px;height:180px}.chip{width:75px;height:75px}.chip .icon{width:35px;height:35px}.stats{gap:8px;margin:14px 0 25px;grid-template-columns:repeat(2,1fr)}.stat strong{font-size:20px}.stat small{font-size:10px}.section-line{flex-wrap:wrap}.tools{width:100%}.search{flex:1}.tools .search input{width:100%}.grid{gap:12px}.card h3{font-size:13px}.card-body{padding:13px}.card p{font-size:10px}.thumbnail{height:120px}.thumbnail .art-title{font-size:17px;left:12px}.thumbnail .stamp{left:12px;font-size:7px}.thumbnail svg.big{width:75px;right:5px}.visibility{font-size:8px}.badge{font-size:8px;padding:4px}.formgrid{grid-template-columns:1fr}.token-row{align-items:flex-start;flex-wrap:wrap}.bottom-note{display:block;line-height:1.7}.listview .card{grid-template-columns:130px 1fr}.listview .thumbnail{height:145px}}@media(max-width:400px){.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.chip-art{display:none}.topbar>span{display:none}.login{padding:26px}}

.mode-banner{display:flex;align-items:center;gap:16px;margin-top:22px;border-radius:17px;padding:20px 24px;box-shadow:0 6px 20px #29265212}.mode-banner.admin{background:linear-gradient(115deg,#443091,#6d48bc);color:#fff}.mode-banner.student{background:linear-gradient(115deg,#127458,#1d916b);color:#fff}.mode-banner strong{display:block;font-size:19px;font-weight:800;letter-spacing:1.1px}.mode-banner div>span{display:block;font-size:12px;margin-top:5px;opacity:.9}.mode-symbol{display:grid;place-items:center;min-width:45px;height:45px;border:1px solid #ffffff55;background:#ffffff18;border-radius:13px}.mode-symbol .icon{width:28px;height:28px}.mode-tag{margin-left:auto;font-size:10px;letter-spacing:1px;border:1px solid #ffffff55;border-radius:7px;padding:8px;white-space:nowrap}.mode-pill{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.7px}.mode-pill.admin{background:#e9e0ff;color:#56329a}.mode-pill.student{background:#d6f4e5;color:#0e6e4e}.mode-pill .icon{width:16px;height:16px}body[data-role=admin] .sidebar{border-right:3px solid #ad91e3;background:#f0ecf9}body[data-role=student] .sidebar{border-right:3px solid #82c4a6;background:#eff7f3}.dark[data-role=admin] .sidebar{background:#28243c}.dark[data-role=student] .sidebar{background:#20352e}.admin-tools{flex-wrap:wrap}.deadline-note{display:flex;align-items:center;gap:5px;font-size:10px!important;color:#7a64a4!important;min-height:0!important;margin-top:8px!important}.deadline-note .icon{width:13px;height:13px}.deadline-note.expired{color:#bc5b63!important}@media(max-width:760px){.mode-banner{padding:17px 15px;gap:12px;margin-top:16px}.mode-banner strong{font-size:16px}.mode-banner div>span{font-size:11px}.mode-tag{display:none}.mode-symbol{min-width:37px;height:37px}.top-actions>span:not(.mode-pill){display:none}.mode-pill{padding:7px 9px}body[data-role] .sidebar{border-right:0}}

.modal-mode{display:inline-block;padding:8px 12px;border-radius:8px;margin:0 0 16px;font-size:11px;letter-spacing:.8px;font-weight:800}.modal-mode.admin{background:#e9e0ff;color:#56329a}.modal-mode.student{background:#d6f4e5;color:#0e6e4e}

/* Theme colors: controls and their text always use the same theme. */
:root{--text:#202c42;--muted:#536079;--subtle:#5d6980;--control-bg:#e8edf7;--control-ink:#27354d;--control-border:#bac7dc;--surface-soft:#f4f6fb;--link:#4f3cbd;--primary-bg:#5544c3;--primary-ink:#ffffff;--success:#286549;--warning:#8f3549;--focus:#5d43c7}
body{color:var(--text)}
body.dark{--text:#f3f6ff;--muted:#bcc6db;--subtle:#afbdd4;--control-bg:#39445e;--control-ink:#f5f7ff;--control-border:#667592;--surface:#293247;--surface-soft:#222a3c;--link:#c7baff;--primary-bg:#b3a2ff;--primary-ink:#20163f;--success:#a6e4be;--warning:#ffc0cc;--focus:#cfbfff;background:#1b2130;color:var(--text)}
.card p,.subtitle,.help,.profile small,.token-row small,.card-footer,.stat small,.bottom-note{color:var(--muted)!important}
.side-label,.eyebrow,.brand em,.navitem .count{color:var(--subtle)}
.navitem{color:var(--muted)}
.topbar{color:var(--muted)}
.search input::placeholder,input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}
label{color:var(--muted)}
button{color:var(--control-ink);background:var(--control-bg);border:1px solid var(--control-border)}
.admin-tools button,.card-footer button{color:var(--control-ink);background:var(--control-bg);border:1px solid var(--control-border)}
button.primary{background:var(--primary-bg);color:var(--primary-ink);border:1px solid var(--primary-bg)}
button.danger,.admin-tools button.danger{background:#fff0f0;color:#9f1736;border:1px solid #d998aa}
button.ghost{background:transparent;border-color:transparent;color:var(--muted)}
button:disabled{background:#edf0f6;color:#5b667b;border-color:#c8d0df;cursor:not-allowed;opacity:1;box-shadow:none}
button:disabled:hover{filter:none}
a{color:var(--link)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.navitem{background:transparent;border-color:transparent}
.navitem.active{color:#4935a2;background:#fff;border-color:#c5b9e8}
.tab{background:transparent;color:var(--muted);border-color:transparent}
.tab.active{color:#4935a2;background:#fff;border-color:#c5b9e8}
.notice{color:#43336e;background:#ece8fa;border:1px solid #b9acd9}
.visibility{color:var(--success);font-weight:600}
.visibility.off{color:var(--warning)}
.card.hidden{opacity:1;border:1px dashed #8a94ac}
.badge{color:#4d397d;background:#eeebfb}
.badge.exercise{color:#27654a;background:#e7f4ec}
.badge.material{color:#365b91;background:#e7effb}
.deadline-note{color:#5e3c91!important}
.deadline-note.expired{color:#9f2643!important}
.card-footer{border-top-color:var(--line)}
.mode-banner.student{background:linear-gradient(115deg,#0c5e47,#126f53)}
body.dark .workspace .panel,body.dark .card,body.dark .stat{background:var(--surface);color:var(--text);border-color:#46536d}
body.dark .navitem{color:var(--muted);background:transparent;border-color:transparent}
body.dark .navitem.active{color:#f1eaff;background:#473b64;border-color:#b8a1e3}
body.dark .tab{color:var(--muted);background:transparent;border-color:transparent}
body.dark .tab.active{color:#f1eaff;background:#473b64;border-color:#b8a1e3}
body.dark .card h3,body.dark h1,body.dark h2,body.dark h3{color:var(--text)}
body.dark .topbar strong{color:var(--text)}
body.dark .search,body.dark input,body.dark select,body.dark textarea{background:var(--surface-soft);color:var(--text);border-color:#67758f}
body.dark .notice{color:#e3d9ff;background:#372f4f;border-color:#74638e}
body.dark button.danger,body.dark .admin-tools button.danger{color:#ffd1d7;background:#4c2633;border-color:#a06175}
body.dark button:disabled{color:#b0bdd4;background:#2c354b;border-color:#596783}
body.dark .card.hidden{border:1px dashed #a7b1c8;opacity:1}
body.dark .badge{color:#e1d4ff;background:#47365f}
body.dark .badge.exercise{color:#b7f0cf;background:#254b3d}
body.dark .badge.material{color:#c7deff;background:#2b4161}
body.dark .visibility{color:var(--success)}
body.dark .visibility.off{color:var(--warning)}
body.dark .deadline-note{color:#d5baff!important}
body.dark .deadline-note.expired{color:#ffc0cc!important}
body.dark dialog{background:var(--surface-soft);color:var(--text);border-color:#71809b}
body.dark dialog .close{background:var(--control-bg);color:var(--control-ink)}
body.dark .empty{background:#222a3c;color:var(--muted);border-color:#73809a}
body.dark .token-code{color:#e4d7ff;background:#3b3059}
body.dark .avatar{color:#f0e6ff;background:#554077}
body.dark .stat-icon{background:#3d355a;color:#ddd0ff}
body.dark .stat:nth-child(2) .stat-icon{background:#264b3f;color:#b7f0cf}
body.dark .stat:nth-child(3) .stat-icon{background:#57442c;color:#ffe0a5}
body.dark .stat:nth-child(4) .stat-icon{background:#304460;color:#d1e5ff}
body.dark .error{color:#ffb6c4!important}
body.dark .login .switch{color:var(--muted)}
body.dark .mode-pill.admin,body.dark .modal-mode.admin{color:#f2e7ff;background:#49365f;border:1px solid #ac90d5}
body.dark .mode-pill.student,body.dark .modal-mode.student{color:#c2f4db;background:#245340;border:1px solid #69b995}