:root{--primary:#6c5ce0;--primary-dark:#5847c7;--primary-light:#edebfb;--primary-lighter:#f5f4fd;--brand-green:#16a673;--brand-green-light:#e6f6ef;--orange:#e8832c;--orange-light:#fbe9d8;--red:#d64545;--red-light:#fce9e9;--yellow-bg:#fbe9c6;--yellow-icon:#e8a423;--teal:#17a6a0;--text:#1b1730;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e7e6f0;--bg-page:#f4f4fa;--white:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 1px 2px #1b17300f, 0 1px 8px #1b17300a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.icon svg{width:20px;height:20px;display:block}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-logo{background:var(--brand-green);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-logo svg{width:20px;height:20px}.badge{background:var(--primary-light);color:var(--primary-dark);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.topbar-spacer{flex:1}.icon-btn{width:38px;height:38px;color:var(--text);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-page)}.icon-btn .dot{background:var(--red);border:2px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:7px}.account-menu-wrap{position:relative}.account-menu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);z-index:40;width:270px;padding:6px;display:none;position:absolute;top:46px;right:0;box-shadow:0 12px 32px #1b173029}.account-menu.open{display:block}.account-menu a{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 10px;font-size:14px;font-weight:600;display:flex}.account-menu a:last-child{border-bottom:none}.account-menu a:hover{background:var(--bg-page);border-radius:8px}.account-menu a.danger{color:var(--red)}.account-menu .icon{color:var(--text);display:flex}.account-menu a.danger .icon{color:var(--red)}.admin-btn{border:1px solid var(--border);background:var(--white);color:var(--text);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;display:flex}.admin-btn svg{flex-shrink:0;width:16px;height:16px}.admin-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.notif-menu-wrap{position:relative}.notif-menu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);z-index:40;width:350px;max-height:430px;padding:6px;display:none;position:absolute;top:46px;right:0;overflow-y:auto;box-shadow:0 12px 32px #1b173029}.notif-menu.open{display:block}.notif-menu-header{justify-content:space-between;align-items:center;padding:10px 10px 8px;display:flex}.notif-menu-header span{font-size:14.5px;font-weight:800}.notif-menu-header a{color:var(--text-muted);display:flex}.notif-menu-header a:hover{color:var(--primary)}.notif-item{border-radius:8px;gap:10px;padding:10px;display:flex}.notif-item.unread{background:var(--primary-lighter)}.notif-item:hover{background:var(--bg-page)}.notif-item .ic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.notif-item .ic svg{width:17px;height:17px}.notif-item .ic.tone-primary{background:var(--primary-light);color:var(--primary)}.notif-item .ic.tone-red{background:var(--red-light);color:var(--red)}.notif-item .ic.tone-orange{background:var(--orange-light);color:var(--orange)}.notif-item .body{flex:1;min-width:0}.notif-item .t{margin-bottom:2px;font-size:13.5px;font-weight:700}.notif-item .d{color:var(--text-muted);font-size:12.5px;line-height:1.4}.notif-item .time{color:var(--text-faint);margin-top:4px;font-size:11.5px}.app-layout{align-items:flex-start;min-height:calc(100vh - 64px);display:flex}.sidebar{background:var(--white);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:96px;min-height:calc(100vh - 64px);padding:20px 12px;display:flex}.sidebar-home{border-radius:var(--radius-sm);width:72px;height:64px;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:1.2;display:flex}.sidebar-home.active{background:var(--primary);color:var(--white)}.sidebar-home:not(.active):hover{background:var(--bg-page)}.sidebar-avatar{border:3px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sidebar-avatar.active{border-color:var(--primary)}.sidebar-avatar img,.sidebar-avatar svg{border-radius:50%;width:100%;height:100%}.sidebar-add{background:var(--primary-light);width:46px;height:46px;color:var(--primary);border:2px dashed #c9c2f5;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex;box-shadow:0 2px 6px #6c5ce02e}.sidebar-add:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 16px #6c5ce052}.sidebar-settings{width:44px;height:44px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;display:flex}.sidebar-settings svg{width:20px;height:20px}.sidebar-settings:hover{background:var(--bg-page);color:var(--text)}.sidebar-settings.active{background:var(--primary);color:var(--white)}.profile-panel{background:var(--white);border-right:1px solid var(--border);flex-shrink:0;width:220px;min-height:calc(100vh - 64px);padding:24px 20px}.profile-panel-name{align-items:center;gap:8px;margin:0 0 22px;font-size:22px;font-weight:800;display:flex}.profile-panel-name .icon{color:var(--primary)}.profile-tab{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:12px;margin-bottom:4px;padding:12px 10px;font-size:15px;font-weight:600;display:flex}.profile-tab .icon{color:var(--text)}.profile-tab:hover{background:var(--bg-page)}.profile-tab.active{background:var(--primary-light);color:var(--primary-dark)}.profile-tab.active .icon{color:var(--primary-dark)}.admin-sidebar{background:var(--white);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;min-height:calc(100vh - 64px);padding:24px 16px;display:flex}.admin-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:14px;padding:0 10px;font-size:12px;font-weight:800}.admin-nav-item{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:12px;margin-bottom:4px;padding:12px 10px;font-size:15px;font-weight:600;display:flex}.admin-nav-item .icon{color:var(--text-muted);flex-shrink:0;display:flex}.admin-nav-item:hover{background:var(--bg-page)}.admin-nav-item.active{background:var(--primary);color:var(--white)}.admin-nav-item.active .icon{color:var(--white)}.admin-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.admin-back-btn{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:10px;padding:12px 10px;font-size:14px;font-weight:700;display:flex}.admin-back-btn svg{flex-shrink:0}.admin-back-btn:hover{background:var(--bg-page);color:var(--text)}.admin-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.role-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px;display:grid}.role-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 22px}.role-card .role-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.role-card h3{margin:0;font-size:16.5px;font-weight:800}.role-card p{color:var(--text-muted);margin:0 0 16px;font-size:13.5px;line-height:1.5}.role-card .role-foot{justify-content:space-between;align-items:center;display:flex}.role-card .role-count{color:var(--text-faint);font-size:12.5px;font-weight:600}.perm-table-wrap{overflow-x:auto}.perm-table{border-collapse:collapse;width:100%;font-size:13.5px}.perm-table th{text-align:center;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:2px solid var(--border);padding:10px 8px;font-size:11.5px}.perm-table th:first-child{text-align:left}.perm-table td{border-bottom:1px solid var(--border);text-align:center;padding:11px 8px}.perm-table td:first-child{text-align:left;font-weight:700}.perm-check{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.perm-check.yes{background:var(--brand-green-light);color:var(--brand-green)}.perm-check.no{background:var(--bg-page);color:var(--text-faint)}.perm-check svg{width:13px;height:13px}.user-table-wrap{overflow-x:auto}.user-table{border-collapse:collapse;width:100%;font-size:14px}.user-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:12px 10px;font-size:11.5px}.user-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 10px}.user-table .user-name-cell{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--primary-light);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.user-avatar.c-indigo{background:var(--primary-light);color:var(--primary)}.user-avatar.c-orange{background:var(--orange-light);color:var(--orange)}.user-avatar.c-teal{color:#17a6a0;background:#e1f5f3}.user-avatar.c-green{background:var(--brand-green-light);color:var(--brand-green)}.user-avatar.c-pink{color:#d6558c;background:#fdeaf3}.user-avatar.c-amber{color:#b9791f;background:#fbead1}.avatar-circle-sm{border-radius:50%;flex-shrink:0;width:34px;height:34px;overflow:hidden}.avatar-circle-sm img,.avatar-circle-sm svg{width:100%;height:100%;display:block}.hijos-registrados-card{padding:8px 24px}.hijos-registrados-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.hijos-registrados-row:last-child{border-bottom:none}.hijos-registrados-row .m-topic{font-size:14px;font-weight:700}.user-table .user-email{color:var(--text-muted);font-size:12.5px}.user-table .row-actions{justify-content:flex-end;gap:6px;display:flex}.course-action-btn.icon-only{flex:none;width:34px;padding:8px}.hijo-select-list{flex-direction:column;gap:8px;max-height:240px;margin-top:4px;display:flex;overflow-y:auto}.form-group .hijo-select-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.hijo-select-item.selected{border-color:var(--primary);background:var(--primary-light)}.form-group .hijo-select-item input{width:auto;accent-color:var(--primary);border:none;flex:none;margin:0;padding:0}.status-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-pill.active{background:var(--brand-green-light);color:var(--brand-green)}.status-pill.inactive{background:var(--red-light);color:var(--red)}.content{flex:1;justify-content:center;min-width:0;display:flex}.content-inner{width:100%;max-width:900px;padding:32px 36px 60px}.content h1{margin:0 0 6px;font-size:28px;font-weight:800}.content .subtitle{color:var(--text-muted);margin:0 0 24px;font-size:15px}.back-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.back-title{align-items:center;gap:14px;display:flex}.back-title h1{margin:0}.back-btn{width:34px;height:34px;color:var(--text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.back-btn:hover{background:var(--bg-page)}.settings-btn{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-btn:hover{background:var(--bg-page)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-block{width:100%}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:428px;box-shadow:var(--shadow-card);padding:36px 40px 32px}.auth-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.auth-brand span{font-size:20px;font-weight:800}.auth-card h1{text-align:center;margin:0 0 10px;font-size:30px;font-weight:800}.auth-card .subtitle{text-align:center;margin:0 0 22px}.alert{border-radius:var(--radius-sm);margin-bottom:18px;padding:13px 16px;font-size:14px;font-weight:600}.alert-error{background:var(--red-light);color:var(--red);border-radius:var(--radius-sm);border:1px solid #f6c9c9;align-items:flex-start;gap:10px;margin:4px 0 16px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.alert-error:before{content:"";background-color:var(--red);flex-shrink:0;width:19px;height:19px;margin-top:1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2 2 20h20L12 2Z' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cline x1='12' y1='9' x2='12' y2='14' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2 2 20h20L12 2Z' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cline x1='12' y1='9' x2='12' y2='14' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:14px;font-weight:700;display:block}.form-group input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 14px;font-size:15px}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--text);outline:none;padding:12px 14px;font-size:15px}.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.hint{color:var(--text-muted);margin-top:6px;font-size:13px}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form-row-2{grid-template-columns:1fr}}.auth-footer{text-align:center;color:var(--text-muted);margin-top:18px;font-size:14px}.auth-footer a{color:var(--primary);font-weight:700}.auth-footer a:hover{text-decoration:underline}.family-card{padding:4px 0 20px}.family-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 24px;display:flex}.family-row:last-of-type{border-bottom:none}.family-row .avatar{border-radius:50%;flex-shrink:0;width:42px;height:42px}.family-row .info{flex:1;min-width:0}.family-row .name{font-size:15px;font-weight:700}.family-row .alerts{color:var(--red);align-items:center;gap:5px;margin-top:2px;font-size:13px;display:flex}.family-row .go{color:var(--primary);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.family-toggles{justify-content:flex-end;gap:8px;padding:12px 24px 4px;display:flex}.toggle-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);width:38px;height:34px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.toggle-icon-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.stat-row{flex-wrap:wrap;gap:16px;margin:20px 0 30px;display:flex}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;align-items:center;gap:14px;min-width:220px;padding:16px 18px;display:flex}.stat-card .num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}.stat-card.orange .num{background:var(--orange-light);color:var(--orange)}.stat-card.gray .num{background:var(--bg-page);color:var(--text)}.stat-card .label{flex:1;font-size:15px;font-weight:700}.stat-card .chev{color:var(--text-faint)}.section-title{margin:0 0 14px;font-size:16px;font-weight:800}.shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.shortcut-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:18px}.shortcut-card .ic{border-radius:var(--radius-sm);background:var(--primary-light);width:52px;height:52px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.shortcut-card .label{font-size:14.5px;font-weight:700}.account-card{max-width:620px;margin-bottom:20px;padding:26px 28px}.account-card:last-child{margin-bottom:0}.account-card h2{margin:0 0 4px;font-size:20px;font-weight:800}.account-card .subtitle{margin:0 0 12px}.pill-info{background:var(--primary-light);color:var(--primary-dark);border-radius:999px;margin-bottom:20px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.field-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.field-row .icon{color:var(--primary);flex-shrink:0}.account-card h3{margin:24px 0 14px;font-size:17px;font-weight:800}.notif-row{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.notif-row .t{margin-bottom:3px;font-size:15px;font-weight:700}.notif-row .d{color:var(--text-muted);font-size:13.5px}.switch{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:#d8d6e8;border-radius:999px;transition:all .15s;position:absolute;inset:0}.switch .track:before{content:"";background:var(--white);border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:before{transform:translate(18px)}.profiles-card{min-height:340px;padding:40px}.profiles-grid{flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:40px;display:flex}.profile-item{text-align:center}.profile-avatar-wrap{width:84px;height:84px;margin:0 auto 10px;position:relative}.profile-avatar-wrap img,.profile-avatar-wrap svg,.profile-avatar-wrap .avatar-circle{border-radius:50%;width:84px;height:84px}.avatar-edit{background:var(--primary);width:26px;height:26px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-edit svg{width:13px;height:13px}.profile-item .name{font-size:15px;font-weight:700}.profiles-actions{justify-content:center;display:flex}.alert-banner{background:var(--orange-light);color:var(--orange);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:22px;padding:14px 18px;font-size:14.5px;font-weight:700;display:flex}.alert-banner a{color:var(--orange);text-decoration:underline}.row-between{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.row-between h2{margin:0;font-size:16px;font-weight:800}.seg-group{gap:6px;display:flex}.warning-box{background:var(--yellow-bg);border-radius:var(--radius-md);align-items:flex-start;gap:14px;margin-bottom:28px;padding:18px 20px;display:flex}.warning-box .ic{background:var(--yellow-icon);width:40px;height:40px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.warning-box .t{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.warning-box .d{color:#8a6d1f;margin-top:3px;font-size:14px}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.stat-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.stat-panel .head{color:var(--text-faint);align-items:center;gap:6px;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.stat-panel .head span:first-child{color:var(--text)}.ring-wrap{flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.ring-wrap .big{font-size:22px;font-weight:800}.ring-wrap .sub{color:var(--text-muted);font-size:13.5px}.empty-state{color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 10px;display:flex}.empty-state .icon{color:#d6d5e6;margin-bottom:12px}.empty-state p{max-width:220px;margin:0;font-size:14px}.mini-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mini-card{border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px 18px;font-size:14.5px;font-weight:700;display:flex}.mini-card.red{background:var(--red-light);color:var(--red)}.mini-card.violet{background:var(--primary-light);color:var(--primary-dark)}.timeline-day{align-items:baseline;gap:8px;margin:22px 0 10px;font-size:15px;font-weight:800;display:flex}.timeline-day .date{color:var(--text-muted);font-size:12.5px;font-weight:600}.timeline-empty{color:var(--text-faint);text-align:center;padding:30px 0}.timeline-item{border-bottom:1px solid var(--border);gap:14px;padding:16px 4px;display:flex}.timeline-item .ic{border-radius:var(--radius-sm);background:var(--bg-page);width:38px;height:38px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.timeline-item .ic.globe{background:var(--brand-green-light);color:var(--brand-green)}.timeline-item .body{flex:1;min-width:0}.timeline-item .meta{color:var(--text-muted);margin-bottom:2px;font-size:13px}.timeline-item .meta .allowed{color:var(--brand-green);font-weight:700}.timeline-item .title-line{font-size:15px;font-weight:700}.tag{background:var(--bg-page);color:var(--text-muted);border-radius:999px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.detail-link{color:var(--primary);font-weight:700;text-decoration:underline}.italic-note{color:var(--text-muted);margin-top:4px;font-size:13px;font-style:italic}.timeline-item .right{text-align:right;flex-shrink:0}.timeline-item .duration{color:var(--text-faint);font-size:13px}.timeline-item .dots{color:var(--text-faint);margin-top:10px;font-weight:800}.rules-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rule-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;display:block}.rule-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card)}.rule-card .ic{border-radius:var(--radius-sm);background:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.rule-card h3{margin:0 0 6px;font-size:16px;font-weight:800}.rule-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.rule-card .platform{color:var(--text-faint);margin-top:8px;font-size:13px;font-weight:700;display:block}.danger-zone{background:var(--red-light);border-radius:var(--radius-sm);border:1px solid #f6c9c9;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px 18px;display:flex}.danger-zone-text strong{color:var(--red);font-size:14px;display:block}.danger-zone-text p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.danger-zone .btn-danger{flex-shrink:0;padding:9px 16px;font-size:13.5px}.danger-progress-page{max-width:480px;margin:40px auto 0}.danger-progress-steps{flex-direction:column;gap:14px;margin-top:28px;display:flex}.danger-progress-step{color:var(--text-faint);align-items:center;gap:12px;font-size:14px;font-weight:600;transition:color .2s;display:flex}.danger-progress-step.done{color:var(--text-muted)}.danger-progress-step.active{color:var(--red)}.danger-progress-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .2s}.danger-progress-step.done .danger-progress-dot{background:var(--brand-green)}.danger-progress-step.active .danger-progress-dot{background:var(--red);box-shadow:0 0 0 4px var(--red-light);animation:1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px var(--red-light)}50%{box-shadow:0 0 0 8px var(--red-light)}}.badge-new{background:var(--brand-green-light);color:var(--brand-green);text-transform:uppercase;letter-spacing:.3px;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.tab-pills{gap:8px;margin-bottom:22px;display:flex}.tab-pill{border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700}.tab-pill.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.tab-pill .count-badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.tab-pill.active .count-badge{background:#ffffff4d}.toggle-line{align-items:center;gap:12px;margin-bottom:18px;font-size:15px;font-weight:700;display:flex}.desc-text{color:var(--text-muted);max-width:640px;margin:0 0 22px;font-size:14.5px;line-height:1.5}.category-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 4px;display:flex}.category-row .left{align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.category-row .left .icon{color:var(--text-muted)}.perm-select{border:1px solid var(--brand-green);color:var(--brand-green);background:var(--brand-green-light);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:700;display:flex}.perm-select.blocked{border-color:var(--red);color:var(--red);background:var(--red-light)}.perm-select svg{width:15px;height:15px}.app-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 4px;display:flex}.app-row .app-icon{width:38px;height:38px;color:var(--white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-row .app-icon svg{width:20px;height:20px}.app-row .info{flex:1;min-width:0}.app-row .name{font-size:15px;font-weight:700}.app-row .meta{color:var(--text-muted);align-items:center;gap:5px;margin-top:2px;font-size:13px;display:flex}.app-row .right{flex-shrink:0;align-items:center;gap:10px;display:flex}.pill-muted{background:var(--bg-page);color:var(--text-muted);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}.info-btn{width:24px;height:24px;color:var(--text-faint);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.placeholder-pane{text-align:center;color:var(--text-faint);padding:60px 20px;font-size:14px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.course-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:20px;transition:box-shadow .15s,border-color .15s;display:flex}.course-card:hover{box-shadow:var(--shadow-card);border-color:#d9d5f5}.course-ic{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.course-ic svg{width:26px;height:26px}.course-ic.c-indigo{background:var(--primary-light);color:var(--primary)}.course-ic.c-green{background:var(--brand-green-light);color:var(--brand-green)}.course-ic.c-orange{background:var(--orange-light);color:var(--orange)}.course-ic.c-red{background:var(--red-light);color:var(--red)}.course-ic.c-teal{color:#17a6a0;background:#e1f5f3}.course-ic.c-pink{color:#d6558c;background:#fdeaf3}.course-ic.c-amber{color:#b9791f;background:#fbead1}.course-ic.c-blue{color:#2e7dd6;background:#dcebfb}.course-ic.c-purple{color:#9b51c0;background:#f3e5fa}.course-ic.c-yellow{color:#c9a227;background:#fbf3d1}.course-ic.c-lime{color:#7cb342;background:#e8f5de}.course-ic.c-cyan{color:#1ca9c9;background:#d7f3f8}.course-ic.c-brown{color:#8b5e3c;background:#efe1d4}.course-ic.c-slate{color:#5b6b79;background:#e4e9ec}.course-ic.c-coral{color:#e8603c;background:#fce1d8}.course-ic.c-rose{color:#c23b6b;background:#f8dee8}.course-ic.c-sky{color:#4fa3d1;background:#e1f1fa}.course-ic.c-olive{color:#8a8f3a;background:#eef0d9}.course-ic.c-plum{color:#7d4f91;background:#ece1f1}.course-ic.c-gray{color:#6b7280;background:#e8e9ec}.course-name{font-size:16px;font-weight:800;line-height:1.3}.course-actions{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding-top:14px;display:flex}.course-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:700;display:flex}.course-action-btn svg{width:14px;height:14px}.course-action-btn:hover{background:var(--bg-page);color:var(--text)}.course-action-btn.danger:hover{background:var(--red-light);color:var(--red);border-color:#f6d2d2}.add-course-card{border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:172px;padding:30px 20px;font-size:14.5px;font-weight:700;display:flex}.add-course-card .plus-circle{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.add-course-card:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-lighter)}.modal-overlay{z-index:100;background:#1b173073;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:26px 26px 22px;position:relative;box-shadow:0 24px 60px #1b17304d}.modal-box h2{margin:0 0 20px;font-size:19px;font-weight:800}.modal-close{width:30px;height:30px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.modal-close:hover{background:var(--bg-page)}.swatch-row{flex-wrap:wrap;gap:10px;margin:4px 0 20px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0;box-shadow:inset 0 0 0 1px #1b17300f}.swatch.selected{border-color:var(--text)}.icon-picker-row{flex-wrap:wrap;gap:8px;margin:4px 0 20px;display:flex}.icon-picker-btn{border:2px solid var(--border);background:var(--white);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-picker-btn svg{width:18px;height:18px}.icon-picker-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-actions .btn{padding:11px 20px;font-size:14px}.btn-secondary{background:var(--bg-page);color:var(--text)}.btn-secondary:hover{background:#e9e9f2}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:#b93838}.btn-danger:disabled{color:#fff;cursor:not-allowed;background:#f3d2d2}.modal-box.modal-danger h2{color:var(--red)}.modal-danger-icon{background:var(--red-light);width:54px;height:54px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.modal-danger-icon svg{width:26px;height:26px}.modal-danger-text{color:var(--text-muted);margin:0 0 20px;font-size:14.5px;line-height:1.5}.modal-danger-text strong{color:var(--text)}.card-top-row{justify-content:space-between;align-items:flex-start;display:flex}.reorder-btns{flex-direction:column;gap:4px;display:flex}.reorder-btn{border:1px solid var(--border);background:var(--white);width:24px;height:19px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;display:flex}.reorder-btn svg{width:12px;height:12px}.reorder-btn:hover{background:var(--bg-page);color:var(--text)}.reorder-btn:disabled{opacity:.35;cursor:not-allowed}.reorder-btn:disabled:hover{background:var(--white);color:var(--text-muted)}.order-badge{background:var(--bg-page);width:22px;height:22px;color:var(--text-muted);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:800;display:inline-flex}.period-group{margin-bottom:32px}.period-group-title{display:none}.badge-year{background:var(--bg-page);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:800}.mini-day-row{gap:5px;display:flex}.mini-day{background:var(--bg-page);width:24px;height:24px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.mini-day.on{background:var(--primary-light);color:var(--primary)}.day-chip-row{flex-wrap:wrap;gap:8px;margin:10px 0 22px;display:flex}.day-assign-block{margin-bottom:18px}.day-assign-block .day-assign-title{margin-bottom:8px;font-size:14px;font-weight:800}.chip-wrap{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.course-chip{border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.course-chip.selected{background:var(--primary);color:var(--white);border-color:var(--primary)}.course-chip-remove{background:var(--primary);color:var(--white);border:none;border-radius:999px;align-items:center;gap:7px;padding:6px 10px 6px 14px;font-size:13px;font-weight:700;display:inline-flex}.course-chip-remove svg{width:12px;height:12px}.course-chip-remove:hover{background:var(--primary-dark)}.day-add-select{color:var(--primary);background:var(--primary-lighter);border:1.5px dashed #c9c2f5;border-radius:999px;min-width:170px;padding:7px 14px;font-size:13px;font-weight:700}.day-add-select:focus{border-color:var(--primary);outline:none}.day-assign-empty{color:var(--text-faint);margin:0 0 8px;font-size:13px}.schedule-list{flex-direction:column;gap:16px;display:flex}.schedule-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 26px}.schedule-card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.schedule-card-head .left{align-items:center;gap:14px;min-width:0;display:flex}.schedule-card-head .name{font-size:17px;font-weight:800}.schedule-card-head .actions{flex-shrink:0;gap:8px;display:flex}.schedule-days-list{border-top:1px solid var(--border);flex-direction:column;padding-top:8px;display:flex}.schedule-day-row{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:12px 0;display:flex}.schedule-day-row:last-child{border-bottom:none}.schedule-day-row .day-label{background:var(--bg-page);width:116px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-sm);text-align:center;flex-shrink:0;padding:8px 10px;font-size:12px;font-weight:800}.schedule-day-row .day-courses{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.schedule-course-tag{background:var(--primary-light);color:var(--primary-dark);border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;line-height:1.25}.schedule-day-empty{color:var(--text-faint);font-size:13px;font-style:italic}.add-schedule-btn{border:2px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:18px;font-size:14.5px;font-weight:700;display:flex}.add-schedule-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-lighter)}.filter-row{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.filter-row .form-group{flex:1;min-width:220px;max-width:280px;margin-bottom:0}.week-meta{color:var(--text-muted);font-size:13px}.provider-picker{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.provider-option{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);text-align:left;align-items:center;gap:12px;padding:14px;display:flex}.provider-option.selected{border-color:var(--primary);background:var(--primary-lighter);box-shadow:inset 0 0 0 1px var(--primary)}.provider-option .ic{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.provider-option .ic svg{width:20px;height:20px}.provider-option .info{min-width:0}.provider-option .info .name{font-size:14px;font-weight:800}.provider-option .info .desc{color:var(--text-muted);font-size:12px}.input-with-btn{position:relative}.input-with-btn input{padding-right:44px}.input-toggle-btn{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-toggle-btn:hover{background:var(--bg-page)}.test-conn-row{align-items:center;gap:12px;margin:4px 0 20px;display:flex}.test-result{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.test-result.ok{color:var(--brand-green)}.test-result.fail{color:var(--red)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cronologia-card{padding:24px 26px 12px}.timeline-week-header{align-items:baseline;gap:10px;margin:0 0 4px;font-size:17px;font-weight:800;display:flex}.timeline-week-header .dates{color:var(--text-muted);font-size:13px;font-weight:600}#timelineContainer{flex-direction:column;gap:20px;display:flex}.tema-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:14px 4px;display:flex}.tema-item:hover{background:var(--bg-page)}.tema-item .body{flex:1;min-width:0}.tema-item .topic{font-size:15px;font-weight:800}.tema-item .course{color:var(--text-muted);margin-top:2px;font-size:13px}.tema-item .right{flex-shrink:0;align-items:center;gap:12px;display:flex}.tema-item .grade{color:var(--text);text-align:right;min-width:40px;font-size:16px;font-weight:800}.tema-item .grade.empty{color:var(--text-faint);font-size:13px;font-weight:700}.tema-item .chev{color:var(--text-faint);flex-shrink:0}.tema-context{color:var(--text-muted);flex-wrap:wrap;gap:6px 18px;margin:-8px 0 24px;font-size:14px;display:flex}.tema-context strong{color:var(--text)}.grade-panel{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.grade-circle{background:var(--primary-light);width:92px;height:92px;color:var(--primary-dark);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.grade-circle .num{font-size:25px;font-weight:800;line-height:1}.grade-circle .pct{margin-top:2px;font-size:11px;font-weight:700}.grade-circle.empty{background:var(--bg-page);color:var(--text-faint)}.grade-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.grade-form .form-group{margin-bottom:0}.grade-form input{width:110px}.section-card-title{margin:0 0 4px;font-size:16px;font-weight:800}.section-card-desc{color:var(--text-muted);margin:0 0 18px;font-size:13.5px}.material-list{margin-bottom:4px}.material-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 4px;display:flex}.material-row .m-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.material-row .m-icon svg{width:18px;height:18px}.material-row .info{flex:1;min-width:0}.material-row .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.material-row .type{color:var(--text-muted);font-size:12px}.material-remove-btn{width:30px;height:30px;color:var(--text-faint);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.material-remove-btn:hover{background:var(--red-light);color:var(--red)}.add-material-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.file-upload-btn{border-radius:var(--radius-sm);background:var(--primary-lighter);color:var(--primary);cursor:pointer;border:1.5px dashed #c9c2f5;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.file-upload-btn:hover{background:#e1ddf9}.file-upload-btn input[type=file]{display:none}.file-upload-btn.disabled{opacity:.5;cursor:not-allowed}.file-upload-btn.disabled:hover{background:var(--primary-lighter)}.upload-progress{background:var(--bg-page);border-radius:999px;width:100%;height:8px;margin-top:8px;overflow:hidden}.upload-progress-bar{background:var(--primary);height:100%;transition:width .15s}.url-add-row{flex:1;gap:8px;min-width:240px;display:flex}.url-add-row input{flex:1}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-title-row .btn{flex-shrink:0}.card-title-row .section-card-title{margin:0 0 4px}.card-title-row .section-card-desc{margin:0}.material-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:14px;display:grid}.material-tile{flex-direction:column;gap:6px;display:flex}.material-tile-preview{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-page);cursor:pointer;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.material-tile-preview img{object-fit:cover;width:100%;height:100%;display:block}.material-tile-preview .course-ic{width:44px;height:44px}.material-tile-preview .course-ic svg{width:22px;height:22px}.tile-play{color:#fff;background:#140f2852;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile-play svg{width:26px;height:26px}.material-tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.material-tile-actions{gap:5px;display:flex}.material-tile-actions .course-action-btn{flex:1;gap:3px;padding:5px 2px;font-size:11.5px}.material-tile-actions .course-action-btn svg{width:12px;height:12px}.tipo-picker{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.tipo-picker-btn{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);cursor:pointer;min-width:96px;color:var(--text);flex-direction:column;flex:1;align-items:center;gap:8px;padding:18px 12px;font-size:13.5px;font-weight:700;display:flex}.tipo-picker-btn:hover{border-color:var(--primary);background:var(--primary-lighter)}.tipo-picker-btn svg{width:24px;height:24px;color:var(--primary)}.video-embed-wrap{border-radius:var(--radius-sm);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-embed-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.ver-material-img{border-radius:var(--radius-sm);max-width:100%;max-height:80vh;margin:0 auto;display:block}.ver-material-pdf{border-radius:var(--radius-sm);border:none;width:100%;height:80vh;display:block}.mini-stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.mini-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px}.mini-stat .value{font-size:26px;font-weight:800;line-height:1}.mini-stat .label{color:var(--text-muted);margin-top:6px;font-size:13px}.summary-two-col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.summary-panel-title{margin:0 0 4px;font-size:16px;font-weight:800}.summary-panel-sub{color:var(--text-muted);margin:0 0 14px;font-size:13px}.summary-panel-sub strong{color:var(--text)}.mini-tema-row{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:12px;padding:10px 4px;text-decoration:none;display:flex}.mini-tema-row:last-child{border-bottom:none}.mini-tema-row:hover{background:var(--bg-page)}.mini-tema-row .m-ic{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mini-tema-row .m-ic svg{width:16px;height:16px}.mini-tema-row .m-body{flex:1;min-width:0}.mini-tema-row .m-topic{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.mini-tema-row .m-course{color:var(--text-muted);font-size:12px}.mini-tema-row .chev{color:var(--text-faint);flex-shrink:0}.stats-section{margin-bottom:22px}.stats-section-title{margin:0 0 4px;font-size:16px;font-weight:800}.stats-section-sub{color:var(--text-muted);margin:0 0 18px;font-size:13.5px}.perf-row{align-items:center;gap:14px;padding:9px 0;display:flex}.perf-row .course-ic{flex-shrink:0;width:34px;height:34px}.perf-row .info{text-overflow:ellipsis;white-space:nowrap;flex:0 0 190px;font-size:14px;font-weight:700;overflow:hidden}.perf-bar-track{background:var(--bg-page);border-radius:999px;flex:1;height:10px;overflow:hidden}.perf-bar-fill{border-radius:999px;height:100%}.perf-row .pct{text-align:right;flex:0 0 54px;font-size:14px;font-weight:800}.perf-row .pct.empty{color:var(--text-faint);font-size:12.5px;font-weight:700}.trend-chart{align-items:flex-end;gap:10px;height:170px;padding-top:12px;display:flex;overflow-x:auto}.trend-bar-col{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;width:36px;height:100%;display:flex}.trend-bar-value{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:800}.trend-bar{border-radius:6px 6px 0 0;width:20px}.trend-bar-label{color:var(--text-faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:36px;margin-top:6px;font-size:9.5px;overflow:hidden}.progress-row{margin-bottom:16px}.progress-row:last-child{margin-bottom:0}.progress-row .head{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.progress-row .head .pct{color:var(--text-muted);font-size:13px;font-weight:600}.progress-track{background:var(--bg-page);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--brand-green);border-radius:999px;height:100%}.status-stack{border-radius:999px;height:22px;margin-bottom:16px;display:flex;overflow:hidden}.status-legend{flex-wrap:wrap;gap:22px;display:flex}.status-legend-item{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.status-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.insight-box{background:var(--primary-lighter);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.insight-box .ic{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-box .ic svg{width:20px;height:20px}.insight-box p{color:var(--text);margin:0 0 4px;font-size:14px;line-height:1.5}.insight-box p:last-child{margin-bottom:0}.insight-box strong{color:var(--primary-dark)}.ai-status-line{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 20px;font-size:13px;display:flex}.ai-status-line .dot-live{background:var(--brand-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ai-status-line strong{color:var(--text)}.ai-status-line a{color:var(--primary);margin-left:auto;font-weight:700}.ai-status-line a:hover{text-decoration:underline}.ai-insight-list{flex-direction:column;gap:14px;margin-top:20px;display:flex}.ai-insight-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-md);gap:16px;padding:18px 20px;display:flex}.ai-insight-card.tone-red{border-left-color:var(--red)}.ai-insight-card.tone-orange{border-left-color:var(--orange)}.ai-insight-card.tone-green{border-left-color:var(--brand-green)}.ai-insight-card.tone-primary{border-left-color:var(--primary)}.ai-insight-card .ic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-insight-card .ic svg{width:20px;height:20px}.ai-insight-card.tone-red .ic{background:var(--red-light);color:var(--red)}.ai-insight-card.tone-orange .ic{background:var(--orange-light);color:var(--orange)}.ai-insight-card.tone-green .ic{background:var(--brand-green-light);color:var(--brand-green)}.ai-insight-card.tone-primary .ic{background:var(--primary-light);color:var(--primary)}.ai-insight-card .body{flex:1;min-width:0}.ai-eyebrow{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:5px;font-size:11px;font-weight:800}.ai-insight-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ai-insight-head .t{font-size:15.5px;font-weight:800}.ai-mini-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.ai-mini-list li{background:var(--bg-page);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.ai-mini-list .name{font-weight:700}.ai-mini-list .course{color:var(--text-muted);font-weight:500}.ai-mini-list .diff{color:var(--red);white-space:nowrap;font-weight:800}.ai-tag{background:var(--bg-page);color:var(--text-muted);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.ai-tag.ai-badge{background:linear-gradient(135deg, var(--primary), #9b8cf0);color:#fff;align-items:center;gap:4px;display:inline-flex}.ai-tag.ai-badge svg{width:10px;height:10px}.ai-insight-card .d{color:var(--text);margin:0 0 12px;font-size:14px;line-height:1.55}.ai-insight-card .d strong{font-weight:700}.ai-trend{align-items:flex-end;gap:5px;height:30px;margin-bottom:14px;display:flex}.ai-trend-bar{background:var(--border);border-radius:3px 3px 0 0;width:15px;position:relative}.ai-trend-bar .val{color:var(--text-muted);white-space:nowrap;margin-bottom:2px;font-size:9.5px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ai-trend-bar.hi{background:var(--brand-green)}.ai-trend-bar.mid{background:var(--orange)}.ai-trend-bar.lo{background:var(--red)}.ai-insight-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-insight-foot .link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.ai-insight-foot .link:hover{text-decoration:underline}.ai-feedback{align-items:center;gap:6px;display:flex}.ai-feedback .label{color:var(--text-faint);font-size:12px}.ai-feedback button{border:1px solid var(--border);background:var(--white);width:28px;height:28px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.ai-feedback button svg{width:14px;height:14px}.ai-feedback button:hover{background:var(--bg-page)}.ai-feedback button.picked{background:var(--primary);border-color:var(--primary);color:#fff}.ai-insights-empty{text-align:center;color:var(--text-muted);padding:50px 20px}.ai-insights-empty svg{color:var(--text-faint);margin-bottom:14px}.ai-insights-empty p{margin:0;font-size:14.5px;font-weight:600}.stats-table-wrap{overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;font-size:13.5px}.stats-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 8px;font-size:11.5px}.stats-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 8px}.stats-table tbody tr{cursor:pointer}.stats-table tbody tr:hover td{background:var(--bg-page)}.stats-table .topic-cell{font-weight:700}.avatar-picker-preview{justify-content:center;margin-bottom:18px;display:flex}.avatar-picker-preview .preview-circle{border:3px solid var(--primary-light);width:96px;height:96px;box-shadow:var(--shadow-card);border-radius:50%;overflow:hidden}.avatar-picker-preview .preview-circle img,.avatar-picker-preview .preview-circle svg{object-fit:cover;width:100%;height:100%;display:block}.avatar-options{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.avatar-option{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:52px;height:52px;padding:0;overflow:hidden}.avatar-option.selected{border-color:var(--primary)}.avatar-option svg{width:100%;height:100%;display:block}.avatar-upload-option{background:var(--primary-lighter);width:52px;height:52px;color:var(--primary);cursor:pointer;border:2px dashed #c9c2f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-upload-option.selected{border-style:solid;border-color:var(--primary)}.avatar-upload-option svg{width:20px;height:20px}.avatar-upload-option input[type=file]{display:none}.sexo-toggle{gap:10px;margin-bottom:18px;display:flex}.sexo-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);color:var(--text);flex:1;padding:11px;font-size:14px;font-weight:700}.sexo-btn.selected{background:var(--primary);border-color:var(--primary);color:var(--white)}.age-hint{color:var(--text-muted);margin:6px 0 0;font-size:13px}.badge-progress{background:var(--orange-light);color:var(--orange);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.field-error{color:var(--red);margin:-12px 0 16px;font-size:13px;font-weight:700;display:none}.field-error.show{display:block}@media (width<=860px){.rules-grid,.stats-grid,.mini-cards{grid-template-columns:1fr}.content-inner{padding:24px 18px 48px}.profile-panel{width:180px}}