@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--g:#151515;--g2:#e9f2e6;--cream:#fcf8ef;--ink:#26362d;--mut:#718078;--line:#d9e5da;--white:#fff;--red:#a34b4b;--amber:#94691d;--shadow:0 12px 30px rgba(49,95,71,.07)}
*{box-sizing:border-box}html,body,button,input,select,textarea{font-family:"Nunito Sans","Be Vietnam Pro","Segoe UI",Arial,sans-serif}body{margin:0;background:linear-gradient(135deg,var(--cream),#eff6ed);color:var(--ink);font-size:15px}a{text-decoration:none;color:inherit}.wrap{width:min(980px,calc(100% - 24px));margin:auto;padding:20px 0 48px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.brand{color:var(--g);font-weight:800;font-size:18px}.title{margin:0;color:var(--g);font-size:26px;line-height:1.25}.sub,.mut{color:var(--mut);font-size:13px;line-height:1.55}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);margin-top:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;min-height:120px}.tile:hover{border-color:#b9cfba}.tile strong{display:block;color:var(--g);font-size:17px;margin-bottom:6px}.btn{border:1px solid var(--line);background:#fff;color:var(--g);border-radius:11px;padding:10px 13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--g);color:#fff;border-color:var(--g)}.btn.danger{color:var(--red)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:13px;font-weight:700;color:var(--ink)}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#86a78f;box-shadow:0 0 0 3px rgba(49,95,71,.08)}.row{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--g2);color:var(--g);padding:5px 9px;font-size:12px;font-weight:700}.note{background:#fff7e4;border:1px solid #f0dfb6;border-radius:13px;padding:11px 13px;color:#76591b;font-size:13px;line-height:1.55}.ok{background:#edf7eb;border:1px solid #c6ddc4;color:#151515}.err{color:var(--red);font-size:13px;margin-top:8px}.section-title{color:var(--g);font-size:18px;margin:0 0 10px}.list{display:grid;gap:9px}.item{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.badge{font-size:11px;border-radius:999px;padding:4px 8px;background:var(--g2);color:var(--g);font-weight:700}.locked{opacity:.62}.progress{height:8px;background:#edf1ed;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--g)}
@media(max-width:680px){body{font-size:14px}.wrap{width:calc(100% - 16px);padding-top:12px}.grid{grid-template-columns:1fr}.title{font-size:23px}.card,.tile{padding:15px}.btn{padding:10px 11px}}

/* FIX111 FRESH BLACK OUTLINE */
:root{--tvn-black:#161616;--tvn-yellow:#FFD84D;--tvn-orange:#FF9A4A;--tvn-green-fresh:#56CF83;--tvn-pink:#FF86AD;--tvn-paper:#FFFDF7;--tvn-soft:#F8F6EF}
body{background-color:var(--tvn-soft)!important;color:var(--tvn-black)!important}
.card,.tile,.item,.panel,.box,.lesson,.student,.class-card,.student-card,.quiz-card,.homework-card,.stat-card{border:2px solid var(--tvn-black)!important;box-shadow:4px 4px 0 rgba(22,22,22,.12)!important;background:var(--tvn-paper)!important}
body main.wrap>.top{background:linear-gradient(110deg,var(--tvn-yellow) 0 28%,#fff9da 28% 58%,var(--tvn-green-fresh) 58% 100%)!important;border:2.5px solid var(--tvn-black)!important;box-shadow:5px 5px 0 rgba(22,22,22,.16)!important}
body main.wrap>.top .brand,body main.wrap>.top .sub,body main.wrap>.top .title{color:var(--tvn-black)!important}
body main.wrap>.top .title{background:#fff!important;border:2px solid var(--tvn-black)!important;box-shadow:3px 3px 0 rgba(22,22,22,.12)!important}
.section-title,.title,.brand,strong{color:var(--tvn-black)!important}
.btn,button.btn{border:2px solid var(--tvn-black)!important;color:var(--tvn-black)!important;background:#fff!important;box-shadow:2px 2px 0 rgba(22,22,22,.12)!important}
.btn.primary,button.primary,.primary.btn,input[type=submit]{background:var(--tvn-yellow)!important;color:var(--tvn-black)!important;border-color:var(--tvn-black)!important}
.btn.danger,button.danger{background:var(--tvn-pink)!important;color:var(--tvn-black)!important}
.btn:hover,button.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(22,22,22,.18)!important}
.badge,.pill,.tag,.chip{border:1.5px solid var(--tvn-black)!important;background:var(--tvn-green-fresh)!important;color:var(--tvn-black)!important;font-weight:800!important}
.ok{background:#CFF3D9!important;color:var(--tvn-black)!important;border-color:var(--tvn-black)!important}
.note,.hint{background:#FFF1A8!important;color:var(--tvn-black)!important;border:1.5px solid var(--tvn-black)!important}
input,select,textarea{border:2px solid var(--tvn-black)!important;background:#fff!important;color:var(--tvn-black)!important}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(255,216,77,.4)!important;border-color:var(--tvn-black)!important}
#todo.todo>a{border:2px solid var(--tvn-black)!important;box-shadow:3px 3px 0 rgba(22,22,22,.12)!important}
#todo.todo>a:nth-child(4n+1){background:#FFF0A6!important}#todo.todo>a:nth-child(4n+2){background:#FFD6B8!important}#todo.todo>a:nth-child(4n+3){background:#CDF1D8!important}#todo.todo>a:nth-child(4n+4){background:#FFD5E3!important}
.todoIcon{border:2px solid var(--tvn-black)!important;background:#fff!important;color:var(--tvn-black)!important}
th{background:var(--tvn-black)!important;color:#fff!important}