.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0, 0, 0, .4));opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:99}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:var(--surface-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:100;transition:width .25s ease,transform .25s ease}.sidebar--collapsed{width:64px}.sidebar__scroll{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.sidebar__scroll::-webkit-scrollbar{width:4px}.sidebar__scroll::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);gap:var(--space-2);min-height:56px}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.sidebar__logo{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--primary-600);color:var(--text-on-primary, #fff);display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.sidebar__brand-text{display:flex;align-items:center;gap:var(--space-2);min-width:0}.sidebar__brand-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);white-space:nowrap}.sidebar__brand-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--primary-100);color:var(--primary-700)}.sidebar__collapse-btn{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--surface-secondary);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:color .15s ease,border-color .15s ease}.sidebar__collapse-btn:hover{color:var(--primary-600);border-color:var(--primary-300)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.sidebar__group{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__group+.sidebar__group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.sidebar__group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-1) var(--space-2)}.sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background .15s ease,color .15s ease}.sidebar__link:hover{background:var(--surface-secondary);color:var(--text-primary)}.sidebar__link--active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar__link-icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.sidebar__link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border-primary);margin-top:auto}.sidebar__theme-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar__theme-toggle:hover{background:var(--primary-50);color:var(--primary-700)}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__group-label{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--space-4) var(--space-2)}.sidebar--collapsed .sidebar__collapse-btn{display:none}.sidebar--collapsed .sidebar__nav{padding:var(--space-2)}.sidebar--collapsed .sidebar__link{justify-content:center;padding:var(--space-2)}.sidebar--collapsed .sidebar__theme-toggle{justify-content:center}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:240px}.sidebar--collapsed{width:240px}.sidebar--mobile-open{transform:translate(0)}.sidebar__collapse-btn{display:none}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__group-label,.sidebar--collapsed .sidebar__link-label,.sidebar--collapsed .sidebar__theme-toggle span{display:inline}.sidebar--collapsed .sidebar__header{justify-content:space-between;padding:var(--space-4)}.sidebar--collapsed .sidebar__link{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.sidebar--collapsed .sidebar__theme-toggle{justify-content:flex-start}}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-6);background:var(--surface-primary);border-bottom:1px solid var(--border-primary)}.header__left{display:flex;align-items:center;gap:var(--space-3)}.header__mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer}.header__mobile-toggle:hover{background:var(--surface-secondary);color:var(--text-primary)}.header__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.header__right{display:flex;align-items:center;gap:var(--space-2)}.header__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--surface-secondary);color:var(--text-tertiary)}.header__search input{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);width:180px;outline:none}.header__search input::placeholder{color:var(--text-tertiary)}.header__search:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.header__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.header__icon-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.header__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--error);color:var(--text-on-primary, #fff);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.header__notification,.header__profile{position:relative}.header__profile-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:var(--text-primary)}.header__profile-btn:hover{background:var(--surface-secondary)}.header__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-600);color:var(--text-on-primary, #fff);display:grid;place-items:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0}.header__avatar--lg{width:40px;height:40px;font-size:var(--text-sm)}.header__profile-name{font-size:var(--text-sm);font-weight:500}.header__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60;animation:headerDropdown .15s ease;overflow:hidden}@keyframes headerDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header__dropdown--notifications{width:320px}.header__dropdown--profile{width:260px}.header__dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary)}.header__dropdown-header h4{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.header__text-btn{border:none;background:none;color:var(--primary-600);font-size:var(--text-xs);font-weight:600;cursor:pointer;padding:0}.header__text-btn:hover{color:var(--primary-700)}.header__dropdown-list{max-height:300px;overflow-y:auto}.header__dropdown-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .15s ease}.header__dropdown-item:last-child{border-bottom:none}.header__dropdown-item:hover{background:var(--surface-secondary)}.header__dropdown-item--unread{background:var(--primary-50)}.header__dropdown-item strong{display:block;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.header__dropdown-item p{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.header__dropdown-item span{display:block;margin-top:4px;font-size:11px;color:var(--text-tertiary)}.header__dropdown-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.header__dropdown-user strong{display:block;font-size:var(--text-sm);color:var(--text-primary)}.header__dropdown-user p{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.header__dropdown-nav,.header__dropdown-footer{padding:var(--space-2)}.header__dropdown-footer{border-top:1px solid var(--border-primary)}.header__dropdown-nav button,.header__dropdown-footer button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.header__dropdown-nav button:hover{background:var(--surface-secondary);color:var(--text-primary)}.header__dropdown-footer button{color:var(--error)}.header__dropdown-footer button:hover{background:var(--error-light, rgba(239, 68, 68, .08))}@media (max-width: 768px){.header{padding:0 var(--space-4)}.header__mobile-toggle{display:flex}.header__search,.header__profile-name{display:none}}@media (max-width: 480px){.header__dropdown--notifications,.header__dropdown--profile{position:fixed;left:var(--space-4);right:var(--space-4);width:auto}}.layout{display:flex;min-height:100vh;background:var(--surface-secondary)}.layout__main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .25s ease}.layout--collapsed .layout__main{margin-left:64px}.layout__content{flex:1;padding:var(--space-6);overflow-y:auto}@media (max-width: 768px){.layout__main,.layout--collapsed .layout__main{margin-left:0}.layout__content{padding:var(--space-4)}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(1){border-top-color:var(--primary-500);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--primary-400);animation-delay:-.5s;width:70%;height:70%;top:15%;left:15%}.spinner-ring:nth-child(3){border-bottom-color:var(--primary-300);animation-delay:-1s;width:40%;height:40%;top:30%;left:30%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content{text-align:center}.loading-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:var(--text-base);color:var(--text-secondary);font-weight:400}@media (max-width: 768px){.loading-spinner{width:60px;height:60px}.loading-title{font-size:var(--text-xl)}.loading-subtitle{font-size:var(--text-sm)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)}.login__container{width:100%;max-width:400px}.login__card{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.login__brand{padding:var(--space-8) var(--space-6) var(--space-5);text-align:center;background:var(--primary-50);border-bottom:1px solid var(--border-primary)}.login__logo{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);background:var(--primary-600);color:var(--text-on-primary, #fff);display:grid;place-items:center;font-size:var(--text-2xl);font-weight:700}.login__app-name{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--primary-700)}.login__app-label{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.login__form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.login__form-header{text-align:center}.login__form-header h2{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.login__form-header p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.login__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm)}.login__field{display:flex;flex-direction:column;gap:var(--space-2)}.login__field label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.login__input-wrap{position:relative;display:flex;align-items:center}.login__input-icon{position:absolute;left:var(--space-3);color:var(--text-tertiary);pointer-events:none}.login__input-wrap input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface-primary);color:var(--text-primary);transition:border-color .15s ease}.login__input-wrap input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.login__input-wrap input::placeholder{color:var(--text-tertiary)}.login__toggle-pw{position:absolute;right:var(--space-3);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.login__toggle-pw:hover{color:var(--primary-600)}.login__submit{width:100%;padding:var(--space-3);background:var(--primary-600);color:var(--text-on-primary, #fff);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .15s ease}.login__submit:hover:not(:disabled){background:var(--primary-700)}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-on-primary, #fff);border-radius:var(--radius-full);animation:loginSpin .6s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login__help{margin:0;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}@media (max-width: 480px){.login{padding:var(--space-4)}.login__brand{padding:var(--space-6) var(--space-4) var(--space-4)}.login__form{padding:var(--space-4)}}.overview{display:flex;flex-direction:column;gap:var(--space-6)}.overview__greeting{display:flex;align-items:center;justify-content:space-between}.overview__hello{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.overview__date{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.overview__metrics{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.overview__metric{display:flex;align-items:center;gap:var(--space-3);flex:1}.overview__metric+.overview__metric{padding-left:var(--space-4);border-left:1px solid var(--border-primary)}.overview__metric-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-600);display:grid;place-items:center;flex-shrink:0}.overview__metric-value{display:block;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.overview__metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.overview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.overview__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.overview__card-header{display:flex;align-items:center;justify-content:space-between}.overview__card-header h2{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.overview__card-link{font-size:var(--text-sm);color:var(--primary-600);text-decoration:none;font-weight:500}.overview__card-link:hover{color:var(--primary-700);text-decoration:underline}.overview__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.overview__list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background .15s ease}.overview__list-item:hover{background:var(--surface-secondary)}.overview__list-item strong{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.overview__list-item span{font-size:var(--text-xs);color:var(--text-secondary)}.overview__list-meta{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.overview__empty{margin:0;padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.overview__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}@media (max-width: 1024px){.overview__grid{grid-template-columns:1fr}}@media (max-width: 768px){.overview__metrics{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.overview__metric+.overview__metric{padding-left:0;padding-top:var(--space-3);border-left:none;border-top:1px solid var(--border-primary)}}.batches{display:flex;flex-direction:column;gap:var(--space-5)}.batches__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.batches__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.batches__action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background .15s ease}.batches__action-btn:hover{background:var(--primary-700)}.batches__toolbar{display:flex;align-items:center;gap:var(--space-3)}.batches__search{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-tertiary)}.batches__search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.batches__search input::placeholder{color:var(--text-tertiary)}.batches__search:focus-within{border-color:var(--primary-400)}.batches__filter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary)}.batches__filter select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none;cursor:pointer}.batches__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}.batches__empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.batches__table-wrap{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.batches__table{width:100%;border-collapse:collapse;min-width:640px}.batches__table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--surface-secondary);border-bottom:1px solid var(--border-primary)}.batches__table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.batches__table tbody tr:last-child td{border-bottom:none}.batches__table tbody tr:hover{background:var(--surface-secondary)}.batches__table strong{font-weight:600}.batches__status{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary)}.batches__status--active{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.batches__status--upcoming{background:var(--primary-50);color:var(--primary-700)}.batches__status--completed{background:var(--surface-secondary);color:var(--text-tertiary)}.batches__view-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:600;text-decoration:none}.batches__view-link:hover{color:var(--primary-700);text-decoration:underline}@media (max-width: 640px){.batches__toolbar{flex-direction:column;align-items:stretch}.batches__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.batchdetail{display:flex;flex-direction:column;gap:var(--space-5)}.batchdetail__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;width:fit-content;transition:color .15s ease,border-color .15s ease}.batchdetail__back:hover{color:var(--text-primary);border-color:var(--primary-400)}.batchdetail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.batchdetail__name{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.batchdetail__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.batchdetail__badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary);flex-shrink:0}.batchdetail__badge--active{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.batchdetail__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}.batchdetail__info{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.batchdetail__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.batchdetail__info-grid>div{display:flex;flex-direction:column;gap:var(--space-1)}.batchdetail__info-grid span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.batchdetail__info-grid strong{font-size:var(--text-xl);color:var(--text-primary)}.batchdetail__columns{display:grid;grid-template-columns:1fr 360px;gap:var(--space-5);align-items:flex-start}.batchdetail__main,.batchdetail__side{display:flex;flex-direction:column;gap:var(--space-5)}.batchdetail__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.batchdetail__card h2{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.batchdetail__card-header{display:flex;align-items:center;justify-content:space-between}.batchdetail__link{font-size:var(--text-sm);color:var(--primary-600);font-weight:500;text-decoration:none}.batchdetail__link:hover{text-decoration:underline}.batchdetail__card-empty{margin:0;padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.batchdetail__lecture-list{display:flex;flex-direction:column;gap:var(--space-3)}.batchdetail__lecture-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);font-size:var(--text-sm)}.batchdetail__lecture-row strong{display:block;color:var(--text-primary);font-weight:600}.batchdetail__lecture-row>div>span{display:block;font-size:var(--text-xs);color:var(--text-secondary)}.batchdetail__lecture-row>span{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.batchdetail__status{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-tertiary);margin-top:2px;width:fit-content}.batchdetail__status--scheduled,.batchdetail__status--pending{background:var(--primary-50);color:var(--primary-700)}.batchdetail__status--in_progress,.batchdetail__status--ongoing{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #d97706)}.batchdetail__status--completed,.batchdetail__status--finished{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.batchdetail__lecture-actions{display:flex;align-items:center;gap:var(--space-2)}.batchdetail__lecture-actions button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-size:var(--text-xs);font-weight:600;cursor:pointer}.batchdetail__lecture-actions button:disabled{opacity:.5;cursor:not-allowed}.batchdetail__lecture-actions a{font-size:var(--text-xs);color:var(--primary-600);font-weight:600;text-decoration:none}.batchdetail__lecture-actions a:hover{text-decoration:underline}.batchdetail__module-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.batchdetail__module-list li{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-secondary);border:1px solid transparent}.batchdetail__module-list li strong{font-size:var(--text-sm);color:var(--text-primary)}.batchdetail__module-list li span{font-size:var(--text-xs);color:var(--text-secondary)}.batchdetail__module--active{border-color:var(--primary-300);background:var(--primary-50)}.batchdetail__student-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-tertiary)}.batchdetail__student-search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.batchdetail__student-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.batchdetail__student-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-primary)}.batchdetail__student-list li:last-child{border-bottom:none}.batchdetail__student-list strong{display:block;font-size:var(--text-sm);color:var(--text-primary)}.batchdetail__student-list span{font-size:var(--text-xs);color:var(--text-secondary)}.batchdetail__student-list a{font-size:var(--text-xs);color:var(--primary-600);font-weight:600;text-decoration:none;flex-shrink:0}.batchdetail__student-list a:hover{text-decoration:underline}.batchdetail__disabled{color:var(--text-tertiary);font-size:var(--text-xs)}.batchdetail__loading,.batchdetail__empty{padding:var(--space-10);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.batchdetail__error{max-width:480px;margin:var(--space-10) auto;padding:var(--space-6);text-align:center;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary)}.batchdetail__error button{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-weight:600;cursor:pointer}@media (max-width: 960px){.batchdetail__columns{grid-template-columns:1fr}.batchdetail__info-grid{grid-template-columns:repeat(2,1fr)}.batchdetail__lecture-row{grid-template-columns:1fr}}@media (max-width: 640px){.batchdetail__header{flex-direction:column}.batchdetail__info-grid{grid-template-columns:1fr}}.lectures{display:flex;flex-direction:column;gap:var(--space-5)}.lectures__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.lectures__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.lectures__action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background .15s ease}.lectures__action-btn:hover{background:var(--primary-700)}.lectures__toolbar{display:flex;align-items:center;gap:var(--space-3)}.lectures__search{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-tertiary)}.lectures__search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.lectures__search input::placeholder{color:var(--text-tertiary)}.lectures__search:focus-within{border-color:var(--primary-400)}.lectures__filter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary)}.lectures__filter select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none;cursor:pointer}.lectures__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}.lectures__empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.lectures__table-wrap{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.lectures__table{width:100%;border-collapse:collapse;min-width:720px}.lectures__table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--surface-secondary);border-bottom:1px solid var(--border-primary)}.lectures__table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.lectures__table tbody tr:last-child td{border-bottom:none}.lectures__table tbody tr:hover{background:var(--surface-secondary)}.lectures__table strong{font-weight:600}.lectures__status{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary)}.lectures__status--upcoming{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.lectures__status--completed{background:var(--primary-50);color:var(--primary-700)}.lectures__view-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:600;text-decoration:none}.lectures__view-link:hover{color:var(--primary-700);text-decoration:underline}@media (max-width: 640px){.lectures__toolbar{flex-direction:column;align-items:stretch}.lectures__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.lecturedetail{display:flex;flex-direction:column;gap:var(--space-5)}.lecturedetail__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;width:fit-content;transition:color .15s ease}.lecturedetail__back:hover{color:var(--text-primary);border-color:var(--primary-400)}.lecturedetail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.lecturedetail__header h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.lecturedetail__header p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.lecturedetail__badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary);flex-shrink:0}.lecturedetail__badge--scheduled,.lecturedetail__badge--pending{background:var(--primary-50);color:var(--primary-700)}.lecturedetail__badge--live,.lecturedetail__badge--in_progress{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #d97706)}.lecturedetail__badge--completed{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.lecturedetail__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}.lecturedetail__success{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--success-light, rgba(34, 197, 94, .08));border:1px solid var(--success-border, rgba(34, 197, 94, .2));color:var(--success, #16a34a);font-size:var(--text-sm)}.lecturedetail__info{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.lecturedetail__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.lecturedetail__info-grid>div{display:flex;flex-direction:column;gap:var(--space-1)}.lecturedetail__info-grid span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.lecturedetail__info-grid strong{font-size:var(--text-lg);color:var(--text-primary)}.lecturedetail__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.lecturedetail__meta-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.lecturedetail__meta-card h3{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.lecturedetail__meta-card p{margin:0;font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.lecturedetail__meta-card span{font-size:var(--text-xs);color:var(--text-secondary)}.lecturedetail__meta-card a{color:var(--primary-600);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.lecturedetail__meta-card a:hover{text-decoration:underline}.lecturedetail__session-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.lecturedetail__session-actions button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer}.lecturedetail__session-actions button:disabled{opacity:.5;cursor:not-allowed}.lecturedetail__attendance{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.lecturedetail__att-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.lecturedetail__att-header h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.lecturedetail__att-totals{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.lecturedetail__att-toolbar{display:flex;gap:var(--space-2)}.lecturedetail__att-toolbar button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer}.lecturedetail__att-toolbar button:hover{background:var(--primary-50);color:var(--primary-700)}.lecturedetail__att-table-wrap{overflow-x:auto}.lecturedetail__att-table{width:100%;border-collapse:collapse;min-width:600px}.lecturedetail__att-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary)}.lecturedetail__att-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.lecturedetail__att-table tbody tr:last-child td{border-bottom:none}.lecturedetail__att-table strong{font-weight:600}.lecturedetail__att-table select,.lecturedetail__att-table input{width:100%;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--text-sm)}.lecturedetail__empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-secondary);border-radius:var(--radius-md);margin:0}.lecturedetail__att-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.lecturedetail__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer}.lecturedetail__btn--primary{background:var(--primary-600);color:var(--text-on-primary, #fff)}.lecturedetail__btn--primary:disabled{opacity:.5;cursor:not-allowed}.lecturedetail__btn--secondary{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.lecturedetail__state{padding:var(--space-10);text-align:center;color:var(--text-tertiary)}.lecturedetail__error-box{max-width:480px;margin:var(--space-10) auto;padding:var(--space-6);text-align:center;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.lecturedetail__error-box button{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.lecturedetail__info-grid{grid-template-columns:repeat(2,1fr)}.lecturedetail__meta-row{grid-template-columns:1fr}.lecturedetail__att-actions{flex-direction:column-reverse}}@media (max-width: 640px){.lecturedetail__header{flex-direction:column}.lecturedetail__info-grid{grid-template-columns:1fr}}.createlecture{display:flex;flex-direction:column;gap:var(--space-5);max-width:720px}.createlecture__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;width:fit-content;transition:color .15s ease,border-color .15s ease}.createlecture__back:hover{color:var(--text-primary);border-color:var(--primary-400)}.createlecture__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.createlecture__state{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.createlecture__alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.createlecture__alert--error{background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error)}.createlecture__alert--success{background:var(--success-light, rgba(34, 197, 94, .08));border:1px solid var(--success-border, rgba(34, 197, 94, .2));color:var(--success, #16a34a)}.createlecture__form{display:flex;flex-direction:column;gap:var(--space-5)}.createlecture__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.createlecture__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.createlecture__field{display:flex;flex-direction:column;gap:var(--space-2)}.createlecture__field>span{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.createlecture__field input,.createlecture__field select,.createlecture__field textarea{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit}.createlecture__field input:focus,.createlecture__field select:focus,.createlecture__field textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.createlecture__field textarea{resize:vertical;min-height:80px}.createlecture__field-error{color:var(--error);font-size:var(--text-xs);font-weight:500}.createlecture__toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;cursor:pointer}.createlecture__toggle input{width:16px;height:16px}.createlecture__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.createlecture__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:background .15s ease}.createlecture__btn--primary{background:var(--primary-600);color:var(--text-on-primary, #fff)}.createlecture__btn--primary:hover:not(:disabled){background:var(--primary-700)}.createlecture__btn--primary:disabled{opacity:.5;cursor:not-allowed}.createlecture__btn--secondary{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.createlecture__btn--secondary:hover{background:var(--surface-primary)}@media (max-width: 640px){.createlecture__row{grid-template-columns:1fr}.createlecture__actions{flex-direction:column-reverse}.createlecture__btn{justify-content:center}}.sched{display:flex;flex-direction:column;gap:20px}.sched__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;padding:0;transition:color .15s}.sched__back:hover{color:var(--primary-700)}.sched__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sched__nav{display:flex;gap:6px}.sched__nav-btn{padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-weight:600;display:flex;align-items:center;transition:all .15s}.sched__nav-btn:hover{background:var(--surface-tertiary);color:var(--text-primary)}.sched__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.sched__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 0;color:var(--text-tertiary);font-size:var(--text-sm)}.sched__spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-primary);border-top-color:var(--primary-700);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sched__week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;min-height:300px}.sched__col{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:250px}.sched__col--today{border-color:var(--primary-700)}.sched__col-head{padding:12px 10px 8px;text-align:center;border-bottom:1px solid var(--divider)}.sched__day{display:block;font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.sched__date{display:block;font-size:1.2rem;font-weight:800;color:var(--text-primary);margin-top:2px}.sched__date--today{color:var(--primary-700)}.sched__events{padding:6px;flex:1;display:flex;flex-direction:column;gap:4px}.sched__no-class{text-align:center;color:var(--text-disabled);font-size:var(--text-xs);padding:12px 0}.sched__event{padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid;transition:opacity .15s}.sched__event:hover{opacity:.8}.sched__event--purple{background:var(--primary-50);border-color:var(--primary-700)}.sched__event--green{background:#10b98114;border-color:var(--success)}.sched__event--red{background:#ef444414;border-color:var(--error)}.sched__event-time{display:block;font-size:.6rem;font-weight:700;color:var(--text-tertiary)}.sched__event-topic{display:block;font-size:.72rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sched__upcoming{margin-top:8px}.sched__upcoming h3{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:12px}.sched__list{display:flex;flex-direction:column;gap:6px}.sched__item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.sched__item:hover{border-color:var(--primary-700);transform:translateY(-1px)}.sched__item-date{text-align:center;min-width:40px;flex-shrink:0}.sched__item-date span{display:block;font-size:.6rem;font-weight:700;color:var(--primary-700);text-transform:uppercase}.sched__item-date strong{display:block;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.sched__item-info{flex:1;min-width:0}.sched__item-topic{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.sched__item-meta{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.sched__badge{font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);text-transform:capitalize;flex-shrink:0}.sched__badge--purple{background:var(--primary-50);color:var(--primary-700)}.sched__badge--green{background:#10b98114;color:var(--success)}.sched__badge--red{background:#ef444414;color:var(--error)}@media (max-width: 900px){.sched__week{grid-template-columns:1fr}.sched__col{min-height:auto;flex-direction:row;align-items:center}.sched__col-head{border-bottom:none;border-right:1px solid var(--divider);padding:10px 14px;min-width:60px}.sched__events{flex-direction:row;flex-wrap:wrap}}.students{display:flex;flex-direction:column;gap:var(--space-5)}.students__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.students__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.students__toolbar{display:flex;align-items:center;gap:var(--space-3)}.students__search{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-tertiary)}.students__search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.students__search input::placeholder{color:var(--text-tertiary)}.students__search:focus-within{border-color:var(--primary-400)}.students__filter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary)}.students__filter select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none;cursor:pointer}.students__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}.students__empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.students__table-wrap{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.students__table{width:100%;border-collapse:collapse;min-width:640px}.students__table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--surface-secondary);border-bottom:1px solid var(--border-primary)}.students__table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.students__table tbody tr:last-child td{border-bottom:none}.students__table tbody tr:hover{background:var(--surface-secondary)}.students__ident{display:flex;align-items:center;gap:var(--space-3)}.students__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);display:grid;place-items:center;font-size:var(--text-xs);font-weight:600;overflow:hidden;flex-shrink:0}.students__avatar img{width:100%;height:100%;object-fit:cover}.students__ident strong{font-weight:600}.students__status{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary)}.students__status--active{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.students__status--pending{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #d97706)}.students__status--completed{background:var(--primary-50);color:var(--primary-700)}.students__status--inactive{background:var(--surface-secondary);color:var(--text-tertiary)}.students__view-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary-600);font-size:var(--text-sm);font-weight:600;text-decoration:none}.students__view-link:hover{color:var(--primary-700)}@media (max-width: 640px){.students__toolbar{flex-direction:column;align-items:stretch}}.studentdetail{display:flex;flex-direction:column;gap:var(--space-5)}.studentdetail__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;width:fit-content;transition:color .15s ease}.studentdetail__back:hover{color:var(--text-primary);border-color:var(--primary-400)}.studentdetail__header{display:flex;align-items:center;gap:var(--space-4)}.studentdetail__avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);display:grid;place-items:center;font-weight:700;font-size:var(--text-lg);overflow:hidden;flex-shrink:0;border:2px solid var(--primary-200)}.studentdetail__avatar img{width:100%;height:100%;object-fit:cover}.studentdetail__header h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.studentdetail__contact{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.studentdetail__contact span{display:inline-flex;align-items:center;gap:var(--space-1)}.studentdetail__badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;margin-top:var(--space-2);background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.studentdetail__badge--inactive{background:var(--error-light, rgba(239, 68, 68, .08));color:var(--error)}.studentdetail__badge--pending{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #d97706)}.studentdetail__info{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.studentdetail__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.studentdetail__info-grid>div{display:flex;flex-direction:column;gap:var(--space-1)}.studentdetail__info-grid span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.studentdetail__info-grid strong{font-size:var(--text-xl);color:var(--text-primary)}.studentdetail__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.studentdetail__card h2{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.studentdetail__table-wrap{overflow-x:auto}.studentdetail__table{width:100%;border-collapse:collapse;min-width:560px}.studentdetail__table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary)}.studentdetail__table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.studentdetail__table tbody tr:last-child td{border-bottom:none}.studentdetail__table strong{font-weight:600}.studentdetail__status{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary)}.studentdetail__status--active{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.studentdetail__status--pending{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #d97706)}.studentdetail__lectures-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.studentdetail__lecture-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.studentdetail__lecture-list li{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;flex-direction:column;gap:var(--space-1)}.studentdetail__lecture-list strong{font-size:var(--text-sm);color:var(--text-primary)}.studentdetail__lecture-list>li>span{font-size:var(--text-xs);color:var(--text-tertiary)}.studentdetail__lecture-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.studentdetail__lecture-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.studentdetail__lecture-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.studentdetail__att{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-secondary)}.studentdetail__att--present,.studentdetail__att--attended{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a)}.studentdetail__att--absent{background:var(--error-light, rgba(239, 68, 68, .08));color:var(--error)}.studentdetail__att--excused,.studentdetail__att--leave{background:var(--primary-50);color:var(--primary-700)}.studentdetail__empty{margin:0;padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.studentdetail__state{padding:var(--space-10);text-align:center;color:var(--text-tertiary)}.studentdetail__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error);font-size:var(--text-sm)}@media (max-width: 768px){.studentdetail__info-grid{grid-template-columns:repeat(2,1fr)}.studentdetail__lectures-grid{grid-template-columns:1fr}}@media (max-width: 640px){.studentdetail__header{flex-direction:column;align-items:flex-start}.studentdetail__info-grid{grid-template-columns:1fr}}.profile{display:flex;flex-direction:column;gap:var(--space-5)}.profile__header{display:flex;align-items:center;justify-content:space-between}.profile__header h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.profile__refresh{padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer}.profile__refresh:hover:not(:disabled){color:var(--primary-600);border-color:var(--primary-400)}.profile__refresh:disabled{opacity:.5;cursor:not-allowed}.profile__msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.profile__msg--success{background:var(--success-light, rgba(34, 197, 94, .08));border:1px solid var(--success-border, rgba(34, 197, 94, .2));color:var(--success, #16a34a)}.profile__msg--error{background:var(--error-light, rgba(239, 68, 68, .08));border:1px solid var(--error-border, rgba(239, 68, 68, .2));color:var(--error)}.profile__msg--info{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700)}.profile__loading{padding:var(--space-10);text-align:center;color:var(--text-tertiary)}.profile__content{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 1024px){.profile__content{grid-template-columns:1fr 1.1fr;align-items:flex-start}}.profile__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.profile__card h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.profile__info-list{display:grid;gap:var(--space-4);margin:0}.profile__info-list>div{display:grid;gap:var(--space-1)}.profile__info-list dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.profile__info-list dd{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.profile__status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #16a34a);font-size:var(--text-xs);font-weight:600}.profile__chips-section{display:flex;flex-direction:column;gap:var(--space-3)}.profile__chips-section h3{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.profile__chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-xs);border:1px solid var(--border-primary)}.profile__chip--empty{opacity:.6;font-style:italic;border:none}.profile__chip--editable button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:inline-flex;margin-left:2px}.profile__field{display:flex;flex-direction:column;gap:var(--space-2)}.profile__field label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.profile__field input,.profile__field textarea{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit}.profile__field input:focus,.profile__field textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.profile__field textarea{resize:vertical;min-height:80px}.profile__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile__chip-input{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.profile__chip-input input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--text-sm)}.profile__chip-input input:focus{outline:none;border-color:var(--primary-400)}.profile__chip-input button{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--primary-600);color:var(--text-on-primary, #fff);font-size:var(--text-sm);font-weight:600;cursor:pointer}.profile__chip-input button:hover{background:var(--primary-700)}.profile__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.profile__btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:background .15s ease}.profile__btn:disabled{opacity:.5;cursor:not-allowed}.profile__btn--primary{background:var(--primary-600);color:var(--text-on-primary, #fff)}.profile__btn--primary:hover:not(:disabled){background:var(--primary-700)}.profile__btn--secondary{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.profile__btn--secondary:hover:not(:disabled){background:var(--surface-primary)}@media (max-width: 768px){.profile__row{grid-template-columns:1fr}.profile__actions{flex-direction:column-reverse}.profile__btn{width:100%;text-align:center}}.settings{display:flex;flex-direction:column;gap:var(--space-5)}.settings__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.settings__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.settings__card h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.settings__desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.settings__theme-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.settings__theme-current{display:flex;align-items:center;gap:var(--space-3)}.settings__theme-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-600);display:grid;place-items:center}.settings__theme-current strong{display:block;font-size:var(--text-sm);color:var(--text-primary)}.settings__theme-current span{font-size:var(--text-xs);color:var(--text-tertiary)}.settings__theme-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings__theme-btn:hover{color:var(--primary-600);border-color:var(--primary-400)}.settings__placeholder{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}@media (max-width: 640px){.settings__theme-section{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f5f0ff;--primary-100: #ede5ff;--primary-200: #ddd0ff;--primary-300: #c4a8ff;--primary-400: #a87aff;--primary-500: #8f4dff;--primary-600: #816bde;--primary-700: #6302d0;--primary-800: #5201a8;--primary-900: #420186;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--surface-overlay: rgba(255, 255, 255, .95);--dark-surface-primary: #0f172a;--dark-surface-secondary: #1e293b;--dark-surface-tertiary: #334155;--dark-text-primary: #f8fafc;--dark-text-secondary: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-disabled: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--divider: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary-50: #2a1a3e;--primary-100: #3d1d6b;--surface-primary: #161616;--surface-secondary: #1c1c1c;--surface-tertiary: #222222;--surface-overlay: rgba(22, 22, 22, .95);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-tertiary: #777777;--text-disabled: #555555;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .04);--divider: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .5);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4}[data-theme=midnight]{--surface-primary: #161616;--surface-secondary: #1c1c1c;--surface-tertiary: #222222;--surface-overlay: rgba(22, 22, 22, .95);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-tertiary: #777777;--text-disabled: #555555;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .04);--divider: rgba(255, 255, 255, .06)}[data-theme=sunrise]{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--surface-primary: #ffffff;--surface-secondary: #fff7ed;--surface-tertiary: #ffedd5;--surface-overlay: rgba(255, 250, 245, .95);--text-primary: #1f2937;--text-secondary: #475569;--text-tertiary: #64748b;--text-disabled: #94a3b8;--border-primary: #fed7aa;--border-secondary: #fca5a5;--divider: #ffedd5;--success: #22c55e;--warning: #f97316;--error: #dc2626;--info: #0ea5e9}[data-theme=aurora]{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--surface-primary: #ffffff;--surface-secondary: #f3f4ff;--surface-tertiary: #e9efff;--surface-overlay: rgba(248, 249, 255, .95);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-disabled: #9ca3af;--border-primary: #e0e7ff;--border-secondary: #c7d2fe;--divider: #eef2ff;--success: #14b8a6;--warning: #f59e0b;--error: #ef4444;--info: #6366f1}[data-theme=emerald]{--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--surface-primary: #ffffff;--surface-secondary: #ecfdf5;--surface-tertiary: #d1fae5;--surface-overlay: rgba(236, 253, 245, .95);--text-primary: #0f172a;--text-secondary: #1f2937;--text-tertiary: #4b5563;--text-disabled: #94a3b8;--border-primary: #bbf7d0;--border-secondary: #86efac;--divider: #dcfce7;--success: #10b981;--warning: #facc15;--error: #f87171;--info: #22d3ee}[data-theme=midnight]{--primary-50: #e2e8f0;--primary-100: #cbd5f5;--primary-200: #a5b4fc;--primary-300: #818cf8;--primary-400: #6366f1;--primary-500: #4f46e5;--primary-600: #4338ca;--primary-700: #3730a3;--primary-800: #312e81;--primary-900: #1e1b4b;--surface-primary: #0f172a;--surface-secondary: #0b1220;--surface-tertiary: #111a2e;--surface-overlay: rgba(15, 23, 42, .85);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5f5;--text-disabled: #94a3b8;--border-primary: #1f2a44;--border-secondary: #273351;--divider: #1f2937;--success: #34d399;--warning: #f97316;--error: #f87171;--info: #38bdf8}html{font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.fade-in{animation:fadeIn var(--transition-normal) var(--ease-out)}.slide-up{animation:slideUp var(--transition-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}:root{--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.375rem}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}