:root{--ab-ink:#172e3d;--ab-muted:#586e7c;--ab-primary:#087f77;--ab-light:#eff8f6;--ab-line:#dce7e9;--ab-radius:18px}*{box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif!important;color:var(--ab-ink)!important}a,button,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #17a998!important;outline-offset:3px}button,.btn{border-radius:10px!important}.ab-app{background:#f4f7f8!important}.ab-app .sidebar{width:260px!important;background:#102e3b!important;border:0!important;padding:24px 14px!important;box-shadow:none!important}.ab-app .sidebar .logo{padding:0 10px 30px!important;text-align:left!important}.ab-brand{display:flex;align-items:center;gap:12px;color:white!important;text-decoration:none;font-weight:700;font-size:25px;letter-spacing:-1px}.ab-brand small{display:block;font-size:9px;color:#a1c5cb;letter-spacing:1.4px;margin-top:3px}.ab-mark{display:inline-flex;position:relative;justify-content:center;align-items:center;width:42px;height:44px;border-radius:13px;background:#8ce0c4;color:#133941;font-size:37px;line-height:1}.ab-mark span{font-size:15px;position:absolute;right:2px;top:2px}.ab-app .sidebar .nav-item{margin:5px 0!important;background:transparent!important;border:0!important}.ab-app .sidebar .nav-link{color:#d0e1e6!important;font-size:12px!important;letter-spacing:.25px;font-weight:600!important;border-radius:10px!important;padding:14px 15px!important;text-transform:none!important;background:transparent!important;display:flex!important;align-items:center;gap:13px}.ab-app .sidebar .nav-link.active,.ab-app .sidebar .nav-link:hover{color:#fff!important;background:#245160!important}.ab-app .sidebar .icon{color:#90d8c9!important;width:19px}.ab-app #toggleBtn{display:none!important}.ab-app .content{margin-left:260px!important;width:calc(100% - 260px)!important;padding:150px 32px 40px!important;min-height:100vh!important}.ab-app .header{left:260px!important;width:calc(100% - 260px)!important;background:#fff!important;height:82px!important;border-bottom:1px solid var(--ab-line);box-shadow:none!important}.ab-app .header .header-container{padding:15px 30px!important}.ab-app .yzokul-logo{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--ab-ink)!important;font-size:21px!important;padding:0!important;letter-spacing:-.5px!important;gap:16px!important}.ab-app .yzokul-logo small{font-size:12px;color:var(--ab-muted);letter-spacing:0;font-weight:400}.ab-app .header-actions{background:#eff8f6!important;padding:5px!important}.ab-app .header-actions button{color:#164d4b!important}.ab-app .breadcrumb-area{left:260px!important;width:calc(100% - 260px)!important;top:82px!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--ab-line);padding:12px 30px!important}.ab-app .content>div:not(.header):not(.breadcrumb-area){margin-top:0!important}.ab-app .content .dashboard-section,.ab-app .tools-page{margin-top:0!important}.ab-app h1,.ab-app h2,.ab-app h3{letter-spacing:-.6px;text-shadow:none!important}.ab-app .card,.ab-app .tool-card,.ab-app .stat-card,.ab-app .class-card{border:1px solid var(--ab-line)!important;border-radius:var(--ab-radius)!important;box-shadow:0 4px 18px #143b4a06!important}.ab-app .btn-primary{background:#087f77!important;border-color:#087f77!important;color:#fff!important}.ab-app .form-control,.ab-app .form-select{border-color:#cedce0!important;border-radius:10px!important;min-height:44px}.ab-app table{border-radius:12px;overflow:hidden}.ab-app th{background:#eaf4f3!important;color:#204f54!important}.ab-app .footer,.ab-app footer{margin-left:260px!important;background:#fff!important;color:#586e7c!important;border-top:1px solid var(--ab-line)}.ab-mobile-menu{display:none}.ab-home{max-width:1250px;margin:auto}.ab-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#148d79}.ab-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border:1px solid #cce6de;border-radius:22px;background:#e7f4ed;margin-bottom:30px}.ab-welcome h1{font-size:32px;margin:12px 0}.ab-welcome p{max-width:590px;color:#42635e;line-height:1.7;margin:0}.ab-welcome .ab-orbit{width:105px;height:105px;flex-shrink:0;border-radius:50%;background:#c1e6d7;display:grid;place-items:center;color:#177b62;font-size:50px}.ab-section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px}.ab-section-title h2{font-size:21px;margin:0}.ab-section-title span{font-size:12px;color:var(--ab-muted)}.ab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ab-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:18px;padding:25px;background:white;border:1px solid var(--ab-line);text-decoration:none;color:var(--ab-ink)!important;transition:transform .2s,border-color .2s}.ab-action-card:hover{transform:translateY(-4px);border-color:#6aafa1}.ab-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e2f4ec;color:#147d67;font-size:21px}.ab-action-card:nth-child(2) .ab-card-icon{background:#fff0d9;color:#a56b21}.ab-action-card:nth-child(3) .ab-card-icon{background:#eeeafa;color:#7152ae}.ab-action-card:nth-child(4) .ab-card-icon{background:#e3f2fa;color:#3278a2}.ab-action-card h3{font-size:18px;margin:0}.ab-action-card p{font-size:13px;line-height:1.6;color:var(--ab-muted);margin:0}.ab-action-card .ab-card-link{font-size:12px;font-weight:700;color:#087f77;margin-top:auto}.ab-learning-note{margin-top:24px;background:#fff;border:1px solid var(--ab-line);border-radius:18px;padding:24px;display:flex;gap:17px}.ab-learning-note h3{font-size:17px;margin:0 0 8px}.ab-learning-note p{margin:0;color:var(--ab-muted);line-height:1.7;font-size:13px}.ab-signup{height:auto!important;min-height:100vh!important;background:#edf5f3!important;padding:40px 18px!important}.ab-signup .signup-card{max-width:510px!important;border:1px solid #d7e7e1!important;border-radius:22px!important;padding:32px!important;box-shadow:0 20px 70px #173d4d0c!important}.ab-signup label{font-size:13px!important;color:#2b4b52}.ab-signup input,.ab-signup select{padding:12px!important;min-height:44px;border-radius:9px!important;border-color:#cfdfde!important}.ab-signup .signup-card button{background:#087f77!important}.ab-signup .signup-card h2{font-size:27px;letter-spacing:-1px}.ab-signup .logo{width:60px!important;height:60px!important}.ab-signup .login-link{font-size:13px}.ab-signup .login-link a{color:#087f77!important}@media(max-width:1100px){.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-app .content{padding:145px 20px 30px!important}}@media(max-width:760px){.ab-app .sidebar{transform:translateX(-100%);transition:transform .2s;z-index:1100!important}.ab-app.ab-menu-open .sidebar{transform:translateX(0)}.ab-app .content{margin-left:0!important;width:100%!important;padding:132px 16px 25px!important}.ab-app .header,.ab-app .breadcrumb-area{left:0!important;width:100%!important}.ab-app .header{height:72px!important}.ab-app .header-container{margin-left:44px!important}.ab-app .header .header-container{padding:10px!important}.ab-app .yzokul-logo small{display:none}.ab-app .breadcrumb-area{top:72px!important;padding:10px 16px!important}.ab-app .header-right{right:10px!important}.ab-app .header-right .dropdown-toggle{font-size:11px!important}.ab-app .footer,.ab-app footer{margin-left:0!important}.ab-mobile-menu{display:block;position:fixed;top:19px;left:12px;z-index:1200;border:1px solid #d1e1e3;background:#fff;color:#214f59;width:35px;height:35px;border-radius:8px}.ab-welcome{padding:25px;gap:12px}.ab-welcome h1{font-size:27px}.ab-welcome .ab-orbit{display:none}.ab-grid{grid-template-columns:1fr}.ab-section-title span{display:none}.ab-app .notification-popup{min-width:260px!important;max-width:90vw}.ab-app .table-responsive{overflow-x:auto}.ab-app .stats-section{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ab-app .content{margin-top:0!important}.ab-app .sidebar .nav-menu{margin-top:12px!important;padding-top:0!important}