:root{--studio-ink:#182438;--studio-sub:#6d7890;--studio-blue:#5455d9;--studio-line:#e3e7f0;--studio-bg:#f4f6fb;--studio-shadow:0 8px 30px #24355b08}.ab-app{background:var(--studio-bg)!important}.ab-app .sidebar{background:#18243d!important;width:246px!important;padding:24px 13px!important}.ab-app .sidebar .logo{padding:0 12px 27px!important}.ab-app .sidebar .nav-menu{margin-top:20px!important}.ab-app .sidebar .nav-link{color:#b8c3d9!important;padding:13px 15px!important;border-radius:11px!important;font-size:12px!important;letter-spacing:.3px}.ab-app .sidebar .nav-link:hover{background:#263855!important;color:white!important}.ab-app .sidebar .nav-link.active{background:#5455d9!important;color:white!important;box-shadow:0 6px 16px #080f2525}.ab-app .sidebar .icon{color:#b8c7f5!important}.ab-app .ab-mark{background:#a9adff!important;color:#242756!important}.ab-app .header{left:246px!important;width:calc(100% - 246px)!important;height:74px!important;background:#fff!important}.ab-app .content{margin-left:246px!important;width:calc(100% - 246px)!important;padding:132px 32px 36px!important;max-width:none!important}.ab-app .breadcrumb-area{left:246px!important;width:calc(100% - 246px)!important;top:74px!important;background:#fff!important;border-bottom:1px solid var(--studio-line)!important}.ab-app .yzokul-logo{font-size:21px!important;color:#25344c!important}.ab-app .header-actions{background:#f0f2fc!important}.ab-app .header-actions button{color:#4c5485!important}.ab-app .breadcrumb-item,.ab-app .breadcrumb-item a{font-size:11px!important}.ab-app .footer,.ab-app footer{margin-left:246px!important}.ab-app .btn-primary,.ab-app .ws-primary{background:#5455d9!important;border-color:#5455d9!important}.ab-app .btn{font-weight:600;font-size:12px;min-height:39px;padding:10px 16px!important}.ab-app .content h1,.ab-app .content h2,.ab-app .content h3{color:var(--studio-ink);font-weight:650}.ab-app .class-top{position:relative!important;inset:auto!important;width:100%!important;background:transparent!important;padding:0!important;box-shadow:none!important;z-index:3!important;margin:0 0 26px!important}.studio-class-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#283c71,#5357b9 68%,#7781d5);border-radius:22px;color:#fff;padding:29px 31px;min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:28px}.studio-class-hero::after{content:'';position:absolute;width:230px;height:230px;right:80px;top:-150px;border:42px solid #ffffff0b;border-radius:50%;pointer-events:none}.studio-overline{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:#b7c7f0}.studio-class-hero #className{font-size:29px!important;line-height:1.3;letter-spacing:-.8px;color:#fff!important;margin:10px 0!important}.studio-class-meta{display:flex;gap:12px;flex-wrap:wrap;color:#d7e0f6;font-size:11px}.studio-class-meta span{background:#ffffff12;border:1px solid #ffffff13;border-radius:6px;padding:5px 9px}.studio-hero-icon{width:75px;height:75px;display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff30;border-radius:21px;font-size:36px;flex-shrink:0}.studio-class-nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px;border:1px solid var(--studio-line);background:#fff;padding:7px;border-radius:13px;box-shadow:var(--studio-shadow);gap:8px}.ab-app .class-tabs{background:transparent!important;display:flex!important;align-items:center;gap:3px!important;padding:0!important;overflow-x:auto;scrollbar-width:thin;flex:1}.ab-app .class-tabs .tab-link{background:transparent!important;color:#6c7890!important;border-radius:9px!important;font-size:11px!important;padding:11px 13px!important;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ab-app .class-tabs .tab-link:hover{background:#f5f5ff!important;color:#5355ca!important}.ab-app .class-tabs .tab-link.active{background:#efefff!important;color:#5054d0!important;box-shadow:none!important}.studio-back-link{font-size:11px;text-decoration:none;color:#6c7790;padding:0 10px;white-space:nowrap}.studio-back-link:hover{color:#5054d0}.ab-app .class-main{margin-top:0!important;padding:0!important;width:100%!important}.ab-app .class-main>.tab-content{padding:25px!important;border:1px solid var(--studio-line)!important;background:#fff!important;border-radius:18px!important;box-shadow:var(--studio-shadow)!important;overflow:visible}.ab-app .class-main h3{font-size:20px!important;margin-bottom:18px!important}.ab-app .class-main .tab-content h3{color:#24324d!important}.ab-app .class-main input,.ab-app .class-main select,.ab-app .class-main textarea{font-size:13px!important;border-radius:10px!important;border-color:#dbe0ec!important;min-height:42px}.ab-app .class-main table{width:100%;font-size:12px!important;border-collapse:separate;border-spacing:0}.ab-app .class-main th,.ab-app .content th{background:#f0f2fc!important;color:#59627e!important;font-size:10px!important;letter-spacing:.4px;padding:15px!important;border-bottom:1px solid #e1e5f0}.ab-app .class-main td,.ab-app .content td{padding:16px 14px!important;border-bottom:1px solid #edf0f5!important;vertical-align:middle!important}.ab-app .class-main tr:hover td{background:#fafbff}.ab-app .student-card,.ab-app .student-item,.ab-app .assignment-item,.ab-app .quiz-item{border:1px solid #e3e7f0!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;padding:19px!important;margin-bottom:12px}.ab-app .inner-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ab-app .inner-tab-link{border:1px solid #e2e6f0!important;color:#66728a!important;background:white!important;border-radius:9px!important;padding:10px 14px!important;font-size:12px!important}.ab-app .inner-tab-link.active{background:#efefff!important;color:#5355cc!important;border-color:#cdd0fb!important}.ab-app .settings-content{max-width:900px;padding:6px!important}.ab-app .settings-content label{color:#66738d;font-size:12px;font-weight:600}.ab-app .settings-content .form-group{margin-bottom:22px}.ab-app .sidebar-preview{z-index:1300!important;width:min(680px,95vw)!important;box-shadow:-18px 0 65px #18243d28!important;border:0!important}.ab-app .sidebar-preview-content{padding:30px!important;background:#fff!important}.ab-app .modal,.ab-app .modal-form{z-index:1500!important}.ab-app .modal-backdrop,.ab-app .modal-overlay{z-index:1400!important}.ab-app .modal-form,.ab-app .modal-content{border-radius:20px!important;border:1px solid #e0e5f0!important;box-shadow:0 20px 100px #17213d33!important}.studio-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:22px}.studio-feed-panel{min-width:0}.studio-feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.studio-feed-heading h3{font-size:19px;margin:0!important}.studio-feed-heading span{font-size:11px;color:#8590a7}.studio-compose{background:#fff;border:1px solid #dfe5f0;border-radius:17px;padding:21px;margin-bottom:24px;box-shadow:var(--studio-shadow)}.studio-compose-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.studio-avatar{width:37px;height:37px;display:grid;place-items:center;background:#eeefff;color:#5c61ce;border-radius:11px;font-size:15px;font-weight:700}.studio-compose-head strong{display:block;font-size:12px;color:#394963}.studio-compose-head small{display:block;font-size:10px;color:#8c98aa;margin-top:3px}.studio-compose textarea{background:#f7f8fc;border:1px solid #e4e8f2;min-height:100px;width:100%;padding:14px;border-radius:10px;resize:vertical;line-height:1.8}.studio-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.studio-compose-footer span{font-size:10px;color:#8694ab}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#5455d9;color:#fff!important;border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.studio-button:hover{background:#4144bd}.studio-button.secondary{background:white;color:#5b6683!important;border:1px solid #dce2ef}.ab-app .stream-item{border:1px solid #e3e7f0!important;border-radius:17px!important;padding:23px!important;margin-bottom:17px!important;box-shadow:var(--studio-shadow)!important;background:#fff!important}.ab-app .stream-avatar{border-radius:11px!important;width:35px!important;height:35px!important}.ab-app .stream-header strong{font-size:12px;color:#374763}.ab-app .stream-date{display:block;font-size:10px!important;color:#9aa3b4!important;margin-top:4px}.ab-app .stream-text{font-size:13px!important;line-height:1.85!important;color:#56637c!important;margin:19px 0!important;white-space:pre-wrap;overflow-wrap:anywhere}.ab-app .stream-actions button{border:1px solid #e6e9f2!important;background:#fafbfe!important;border-radius:7px!important;padding:5px 7px!important;font-size:11px!important;min-width:29px}.ab-app .comment-item{padding:10px 13px!important;background:#f7f8fc!important;border:0!important;border-radius:9px!important;font-size:11px!important;color:#78829b!important;line-height:1.8}.ab-app .comment-item strong{color:#4d5c79!important}.ab-app .comment-item small{color:#a0a8b7!important;font-size:9px!important}.ab-app .message-input{margin-top:12px}.ab-app .message-input textarea{font-size:11px!important;min-height:38px!important;padding:9px 12px!important;background:#fcfcff}.ab-app .send-comment{background:#eceeff!important;color:#555aca!important;border-radius:9px!important;min-width:39px}.ab-app .send-comment::after{content:'↗'}.studio-side-card{background:#fff;border:1px solid #e2e7f0;border-radius:17px;margin-bottom:18px;padding:22px}.studio-side-card h4{font-size:12px;font-weight:700;letter-spacing:.1px;margin:0 0 17px;color:#3e4d69}.studio-side-card p{font-size:11px;line-height:1.9;color:#8a95a7}.studio-side-card a{display:flex;align-items:center;gap:10px;padding:12px 0;color:#65728e;text-decoration:none;font-size:11px;border-bottom:1px solid #f0f2f7}.studio-side-card a:last-child{border:0}.studio-side-card a span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eff0ff;color:#5e62c8;font-size:14px}.studio-tip{background:#fff5e7!important;border-color:#f7e8d0!important}.studio-tip h4{color:#9a7540}.studio-tip p{color:#a68b64}.studio-inline-status{font-size:11px;color:#7c879e;margin:13px 0;line-height:1.8}.studio-inline-status.error{color:#b55045;background:#fff1ee;border:1px solid #f6d4ce;border-radius:10px;padding:12px}.studio-page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 28px}.studio-page-head h1{font-size:31px;letter-spacing:-1.2px;margin:8px 0 9px}.studio-page-head p{font-size:13px;color:#8390a5;margin:0;line-height:1.8}.studio-page-head .studio-overline{color:#7d80c8}.studio-page-icon{width:58px;height:58px;border-radius:18px;background:#eceeff;color:#6469cb;display:grid;place-items:center;font-size:27px}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.studio-search{position:relative;max-width:360px;width:100%}.studio-search input{width:100%;min-height:42px;border:1px solid #dce2ed;border-radius:10px;background:#fff;padding:11px 14px 11px 37px;font-size:12px;outline:none}.studio-search::before{content:'⌕';position:absolute;left:13px;top:8px;font-size:23px;color:#9ba3ba}.studio-toolbar-info{font-size:11px;color:#8d98ad}.studio-classes-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;align-items:start}.ab-app .class-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;padding:0!important;margin:0!important}.ab-app .class-card{position:relative;width:100%!important;height:auto!important;min-height:245px!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #e0e5f0!important;border-radius:18px!important;overflow:visible!important;box-shadow:var(--studio-shadow)!important;cursor:default!important}.ab-app .class-card:hover{transform:translateY(-4px)!important;box-shadow:0 15px 36px #253b6610!important}.studio-card-cover{height:78px;border-radius:17px 17px 0 0;position:relative;overflow:hidden;background:linear-gradient(120deg,#e9edff,#eef0fb)}.studio-card-cover::after{content:'';width:120px;height:120px;border-radius:50%;border:20px solid #ffffff70;position:absolute;right:5px;top:-65px}.studio-card-emblem{position:absolute;bottom:-16px;left:23px;z-index:1;display:grid;place-items:center;width:46px;height:46px;background:#7278cf;border:4px solid #fff;border-radius:13px;color:#fff;font-size:19px}.studio-class-card-body{padding:30px 23px 21px;min-height:167px}.ab-app .class-card h3{font-size:16px!important;color:#34425d!important;letter-spacing:-.3px;margin:5px 0 10px!important;line-height:1.5}.ab-app .class-card p{font-size:11px!important;color:#8993a8!important;line-height:1.8;margin:0!important}.studio-class-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:14px;border-top:1px solid #edf0f6;font-size:10px;color:#8e98ad}.studio-class-card-bottom a{font-weight:700;color:#6065cb;text-decoration:none}.ab-app .class-card .settings-btn{top:16px!important;right:16px!important;border:0!important;color:#666fa0!important;background:#ffffffb3!important;border-radius:8px!important;width:28px!important;height:28px!important;font-size:18px!important;z-index:5!important}.ab-app .class-card .dropdown-menu{right:16px!important;top:47px!important;border-radius:12px!important;border:1px solid #e0e4f0!important;box-shadow:0 10px 40px #1c2c4820!important;font-size:11px!important;min-width:145px}.studio-connection-strip{display:flex;align-items:center;gap:9px;font-size:10px;color:#8190a4;padding:14px 0;margin-top:14px}.studio-connection-strip i{width:6px;height:6px;border-radius:50%;background:#46b990}.studio-empty{background:#fff;border:1px dashed #d6ddef;border-radius:17px;grid-column:1/-1;padding:45px;text-align:center;color:#8a96ac;font-size:13px}.ab-app .chat-messages{border:1px solid #e2e6f0!important;border-radius:14px!important;background:#f8f9fd!important;padding:25px!important;max-height:500px!important;min-height:280px}.ab-app .chat-container .message-input{background:#fff;padding:15px;border:1px solid #e2e6f0;border-radius:12px}.ab-app .tool-item{background:#f7f8ff!important;border:1px solid #e5e8f2;border-radius:9px!important;padding:10px!important;gap:8px}.ab-app .tool-item label{font-size:11px;margin:0!important}.ab-app .tool-checkbox{min-height:0!important}.ab-app .analysis-box{background:#f8f9ff!important;border:1px solid #e1e6f5!important;border-radius:12px!important;padding:18px!important;margin:12px 0!important;line-height:1.9;font-size:13px}.ab-app .query-table,.ab-app .assignment-table,.ab-app .quiz-table{overflow-x:auto;border-radius:12px}.ab-app .content .welcome-section{background:linear-gradient(110deg,#283c71,#5357b9)!important;border:0!important;color:#fff!important}.ab-app .content .welcome-section h2,.ab-app .content .welcome-section p{color:#fff!important}.ab-app .form-group label{font-size:12px;font-weight:600;color:#697792}.ab-app .form-group input,.ab-app .form-group textarea,.ab-app .form-group select{border-color:#dce2ee!important;border-radius:10px!important;font-size:13px!important}.ab-app .content .card,.ab-app .stat-card{border-color:#e3e7f0!important;box-shadow:var(--studio-shadow)!important}.studio-section-subhead{margin-bottom:19px;padding-bottom:16px;border-bottom:1px solid #eceff5;font-size:12px;color:#8d98ac;line-height:1.8}.studio-page-head .studio-button{white-space:nowrap}.studio-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.ab-app .content{padding-left:48px!important;padding-right:48px!important}}@media(max-width:1200px){.ab-app .class-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid-layout{grid-template-columns:minmax(0,1fr)}.studio-feed-aside{display:none}.ab-app .class-tabs .tab-link{padding:11px!important;font-size:10px!important}}@media(max-width:760px){.ab-app .content{margin-left:0!important;width:100%!important;padding:126px 16px 30px!important}.ab-app .header,.ab-app .breadcrumb-area{left:0!important;width:100%!important}.ab-app .footer,.ab-app footer{margin-left:0!important}.ab-app .class-cards{grid-template-columns:1fr}.studio-class-hero{padding:25px 22px;min-height:145px}.studio-class-hero #className{font-size:24px!important}.studio-hero-icon{display:none}.studio-back-link{display:none}.studio-class-nav{padding:5px}.ab-app .class-main>.tab-content{padding:17px!important}.studio-page-head{align-items:flex-start;flex-wrap:wrap}.studio-page-head h1{font-size:26px}.studio-page-icon{display:none}.studio-toolbar{gap:10px}.studio-toolbar-info{white-space:nowrap}.studio-compose{padding:17px}.studio-compose-footer span{display:none}.ab-app .stream-item{padding:17px!important}.ab-app .modal-form{width:calc(100% - 30px)!important;max-width:none!important}.studio-class-meta{font-size:10px;gap:6px}}
.ab-app .class-tabs .tab-link{border:0!important;text-decoration:none!important}.studio-class-meta{font-size:12px}.studio-side-card p{font-size:12px;color:#75829a}.studio-side-card a{font-size:12px;color:#596b89}.studio-class-card-body p{font-size:12px!important}.studio-class-card-bottom{font-size:10px}.studio-toolbar-info{color:#7787a0}.studio-page-head p{color:#75849c}.studio-compose-head small{color:#8290a5}.studio-compose-footer span{color:#7f8ca1}.studio-section-subhead{color:#7888a1}.ab-app .sidebar .logo,.ab-app .sidebar .nav-text{visibility:visible!important;opacity:1!important}