/* Shared visual language for ZIYATKER SCHOOL. */
:root{--navy:#101b36;--navy-2:#182b50;--blue:#4f7cff;--violet:#7656e8;--purple:#65158b;--ink:#17223d;--muted:#6f7f9a;--line:#e2e9f4;--card:#fff;--shadow:0 12px 32px rgba(26,47,89,.08)}
html{background:#f5f7fc;scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 95% -10%,#dfe8ff 0,transparent 58%),radial-gradient(750px 430px at 30% 100%,#eee9ff 0,transparent 65%),#f5f7fc;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}.sidebar{width:266px;padding:22px 14px;background:linear-gradient(165deg,#0c1730 0%,#122347 55%,#263d68 100%);box-shadow:6px 0 25px rgba(13,27,58,.08)}.brand{padding:10px 11px}.brand span{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#5685ff,#8c62eb);box-shadow:0 9px 22px #0004}.brand b{font-size:16px;line-height:1.05}.sidebar nav{gap:5px;margin-top:35px}.sidebar nav a{padding:12px 13px;font-weight:650;transition:.18s ease}.sidebar nav a:hover{background:#ffffff12;transform:translateX(3px)}.sidebar nav a.active{background:linear-gradient(90deg,#ffffff22,#ffffff10);box-shadow:inset 3px 0 #7ea0ff}.sidebar small{font-weight:800;letter-spacing:.9px}.profile{padding:15px 13px 8px;border-top:1px solid #ffffff1c}.profile b{overflow-wrap:anywhere}main{width:calc(100% - 266px);margin-left:266px}header{min-height:105px;padding:22px clamp(24px,5vw,72px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(219,228,242,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}header p{font-weight:900;letter-spacing:1.5px}header h1{font-size:29px;letter-spacing:-.5px}.content{width:min(1540px,100%);padding:32px clamp(24px,5vw,72px) 56px}.hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#172d59,#4266ce 57%,#7859de);box-shadow:0 22px 45px rgba(43,69,141,.25)}.hero:after{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-170px;border-radius:50%;background:#ffffff17}.hero h2,.hero p{position:relative}.grid,.cards{gap:18px}.card,.cards>a,.panel{border-color:var(--line);box-shadow:var(--shadow)}.card,.cards>a{border-radius:17px}.card:hover,.cards>a:hover{border-color:#cfdcff;box-shadow:0 18px 38px rgba(34,59,113,.13)}.cards>a b{font-size:17px}.stat{letter-spacing:-1.4px}.panel{border-radius:18px;padding:24px}.panel>h2{font-size:24px;letter-spacing:-.25px}.toolbar{gap:12px;flex-wrap:wrap}.toolbar label{font-size:12px;font-weight:800;color:var(--muted)}.button,button{min-height:41px;border-radius:11px;font-weight:750;transition:transform .16s,box-shadow .16s,filter .16s}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(79,124,255,.35)}.button:active,button:active{transform:translateY(0)}.ghost{background:#edf2ff!important;color:#375ac1!important;box-shadow:none!important}.ghost:hover{background:#e3eaff!important}.danger{background:#fff0f1!important;color:#d34d58!important;box-shadow:none!important}.danger:hover{background:#ffe3e5!important}input,select,textarea{border-color:#d6e0ef;border-radius:10px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#7192fc;box-shadow:0 0 0 4px #4f7cff19}.table-wrap{border-radius:12px}table{border-collapse:separate;border-spacing:0}th,td{padding:14px 12px}th{background:#f4f7fd;font-weight:900;letter-spacing:.35px}thead th:first-child{border-top-left-radius:10px}thead th:last-child{border-top-right-radius:10px}tbody tr{transition:background .14s}tbody tr:hover{background:#f8faff}.lesson{border-radius:13px;box-shadow:0 4px 12px rgba(23,42,78,.03)}.empty{border-radius:12px}.editor{gap:14px}.editor label{font-weight:800}dialog{border-radius:19px;box-shadow:0 28px 80px rgba(15,28,59,.35)}dialog form{padding:25px}@media(max-width:900px){.sidebar{width:250px}.content{padding:25px 20px 45px}header{min-height:87px;padding:17px 20px}header h1{font-size:24px}}@media(max-width:560px){.content{padding:20px 14px 38px}.hero{padding:27px 23px;border-radius:18px}.hero h2{font-size:27px}.panel{padding:16px;border-radius:15px}.toolbar>*{width:100%}.toolbar .button,.toolbar button{width:100%}.card,.cards>a{padding:18px}th,td{padding:11px 9px}}