#toast-container{position:fixed;top:80px;right:var(--spacing-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transform:translate(400px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);pointer-events:auto;width:400px;display:flex;flex-direction:column;border-left:4px solid var(--toast-color, var(--color-info))}.toast-show{transform:translate(0);opacity:1}.toast-hide{transform:translate(400px);opacity:0}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;flex:1}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm)}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text);word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.toast-close:hover{background:var(--color-gray-100)}.toast-progress{height:3px;width:100%;background:var(--color-gray-200);position:relative}.toast-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--toast-color, var(--color-info));animation:progress 5s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.toast-success{--toast-color: var(--color-success)}.toast-success .toast-icon{background:var(--color-success-light);color:var(--color-success-dark)}.toast-error{--toast-color: var(--color-danger)}.toast-error .toast-icon{background:var(--color-danger-light);color:var(--color-danger-dark)}.toast-warning{--toast-color: var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning-light);color:var(--color-warning-dark)}.toast-info{--toast-color: var(--color-info)}.toast-info .toast-icon{background:var(--color-info-light);color:var(--color-info-dark)}@media(max-width:640px){#toast-container{left:var(--spacing-lg);right:var(--spacing-lg);max-width:none}.toast{width:auto;min-width:0}}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.chip:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.chip.active,.chip.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary)}.chip--success{border-color:var(--color-success);color:var(--color-success)}.chip--success.active,.chip--success.selected{background:var(--color-success);color:var(--color-text-on-primary)}.chip--warning{border-color:var(--color-warning-dark);color:var(--color-warning-dark)}.chip--warning.active,.chip--warning.selected{background:var(--color-warning);color:var(--color-warning-dark)}.chip--danger{border-color:var(--color-danger);color:var(--color-danger)}.chip--danger.active,.chip--danger.selected{background:var(--color-danger);color:var(--color-text-on-primary)}.chip--info{border-color:var(--color-info);color:var(--color-info-dark)}.chip--info.active,.chip--info.selected{background:var(--color-info);color:var(--color-info-dark)}.chip--muted{border-color:var(--color-gray-400);color:var(--color-gray-500)}.chip--muted.active,.chip--muted.selected{background:var(--color-gray-500);color:var(--color-text-on-primary)}.chip-avatar{width:var(--icon-size-md);height:var(--icon-size-md);border-radius:50%;background:var(--color-primary);color:var(--color-text-on-primary);display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:700}.chip.active .chip-avatar,.chip.selected .chip-avatar{background:var(--color-surface);color:var(--color-primary)}.view-toggle{display:inline-flex;gap:var(--spacing-xs);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);padding:var(--spacing-xs);background:var(--color-surface-hover)}.view-toggle__btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.view-toggle__btn:hover{background:var(--color-surface);color:var(--color-text);transform:none;box-shadow:none}.view-toggle__btn.active{background:var(--color-primary);color:var(--btn-text-on-primary)}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card__icon{font-size:var(--icon-size-lg);margin-bottom:var(--spacing-sm)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.stat-card--primary .stat-card__value{color:var(--color-primary)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--warning .stat-card__value{color:var(--color-warning-dark)}.stat-card--info .stat-card__value{color:var(--color-info-dark)}.stat-card--danger .stat-card__value{color:var(--color-danger)}.status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.status--active,.status--ativo,.status--approved{background:var(--color-success-light);color:var(--color-success-dark)}.status--inactive,.status--inativo,.status--rejected{background:var(--color-danger-light);color:var(--color-danger-dark)}.status--pending,.status--pausado{background:var(--color-warning-light);color:var(--color-warning-dark)}.status--new,.status--novo{background:var(--color-info-light);color:var(--color-info-dark)}.status--no-contract,.status--sem-contrato{background:var(--color-danger-light);color:var(--color-danger-dark)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:var(--z-modal);padding:var(--spacing-xl);display:none;align-items:flex-start;justify-content:center;overflow-y:auto}.modal-overlay.open{display:flex}.modal-overlay--hidden{display:none!important}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:var(--max-width-container);width:100%;margin:var(--spacing-xl) auto;max-height:calc(100vh - 4rem);overflow-y:auto}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:900px}.modal--xl{max-width:1100px}.modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0}.modal__close{background:none;border:none;font-size:var(--icon-size-lg);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1}.modal__close:hover{color:var(--color-text)}.modal__body{padding:var(--spacing-xl)}.modal__footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.popup{position:fixed;z-index:var(--z-popover);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg);min-width:280px;max-width:320px}.popup__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.popup__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.popup__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.popup__close{background:var(--color-surface-hover);border:none;font-size:var(--icon-size-md);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-sm);width:var(--icon-size-xl);height:var(--icon-size-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.popup__close:hover{background:var(--color-danger-light);color:var(--color-danger);transform:none;box-shadow:none}.popup__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.popup__location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.required-indicator{color:var(--color-danger);margin-left:var(--spacing-xs)}.user-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row,.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-row-1{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:768px){.form-row,.form-row-2,.form-row-3{grid-template-columns:1fr}}.form-section-title{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.form-section-title--accent{color:var(--brand-lavender, #9796CA)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface)}.checkbox-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.checkbox-option input[type=checkbox]{width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer;accent-color:var(--color-primary);margin:0}.checkbox-option:hover{color:var(--color-primary)}.quinzenal-week-selector{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.quinzenal-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.quinzenal-buttons{display:flex;gap:var(--spacing-sm)}.quinzenal-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.quinzenal-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:none;box-shadow:none}.quinzenal-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.section-badge{font-size:var(--font-size-xs);font-weight:500;background:var(--color-gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.section-badge--neutral{background:var(--color-gray-100);color:var(--color-text-muted)}.expandable-section{margin-top:var(--spacing-lg)}.section-content{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);background:var(--color-surface)}.section-content--scrollable{max-height:300px;overflow-y:auto}.section-loading{color:var(--color-text-muted);text-align:center;padding:var(--spacing-md);margin:0}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.checkbox-group:hover{border-color:var(--color-primary)}.checkbox-group input[type=checkbox]{width:var(--form-checkbox-size);height:var(--form-checkbox-size);cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0}.checkbox-group__label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;line-height:1.4}.table-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-muted)}.empty-state__icon{font-size:var(--icon-size-2xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.empty-state__description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.chip-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.button-group{display:flex;gap:var(--spacing-sm)}.button-group--center{justify-content:center}.button-group--end{justify-content:flex-end}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}@media(max-width:640px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.quick-actions-grid{grid-template-columns:1fr}}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left}.data-table th{background:var(--color-surface-hover);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-light);border-bottom:2px solid var(--color-border)}.data-table td{border-bottom:1px solid var(--color-border)}.data-table tr:hover td{background:var(--color-surface-hover)}.data-table--clickable-rows tbody tr{transition:all var(--transition-fast, .15s) ease;position:relative}.data-table--clickable-rows tbody tr:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-sm, 4px);box-shadow:0 0 0 0 var(--color-primary, #F69897);transition:box-shadow var(--transition-fast, .15s) ease}.data-table--clickable-rows tbody tr:hover{background:linear-gradient(90deg,var(--color-primary-light, rgba(246, 152, 151, .12)) 0%,var(--color-primary-light, rgba(246, 152, 151, .06)) 100%);transform:translate(2px)}.data-table--clickable-rows tbody tr:hover:after{box-shadow:inset 4px 0 0 0 var(--color-primary, #F69897)}.data-table--clickable-rows tbody tr:hover td{background:transparent}.data-table--clickable-rows tbody tr:active{background:linear-gradient(90deg,var(--color-primary-light, rgba(246, 152, 151, .18)) 0%,var(--color-primary-light, rgba(246, 152, 151, .1)) 100%);transform:translate(4px)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.badge--teacher{background:var(--color-info-light);color:var(--color-info-dark)}.badge--student{background:var(--color-primary-light);color:var(--color-primary)}.badge--admin{background:var(--color-primary-light);color:var(--color-primary-dark)}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.mx-3xl{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.my-3xl{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.mr-3xl{margin-right:var(--spacing-3xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.ml-3xl{margin-left:var(--spacing-3xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pr-3xl{padding-right:var(--spacing-3xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.pl-3xl{padding-left:var(--spacing-3xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.text-left{text-align:left}.text-justify{text-align:justify}.font-normal{font-weight:400}.font-extrabold{font-weight:800}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-2{border-width:2px}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-none{border:none}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.duration-fast{transition-duration:var(--transition-fast)}.duration-base{transition-duration:var(--transition-base)}.duration-slow{transition-duration:var(--transition-slow)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.list-none{list-style:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-success-light{background-color:var(--color-success-light)}.bg-danger{background-color:var(--color-danger)}.bg-danger-light{background-color:var(--color-danger-light)}.bg-warning{background-color:var(--color-warning)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-info{background-color:var(--color-info)}.bg-info-light{background-color:var(--color-info-light)}.bg-surface{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}.bg-transparent{background-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.search-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-base);width:250px;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-input::placeholder{color:var(--color-text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-section{background:var(--color-gray-50);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-title{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}.maintenance-section{padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.maintenance-section--success{background:var(--color-success-light);border-color:var(--color-success)}.maintenance-section--danger{background:var(--color-danger-light);border-color:var(--color-danger)}.maintenance-section--warning{background:var(--color-warning-light);border-color:var(--color-warning)}.maintenance-section--info{background:var(--color-info-light);border-color:var(--color-info)}.maintenance-title{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:var(--font-size-base);font-weight:600}.maintenance-section--success .maintenance-title{color:var(--color-success-dark)}.maintenance-section--danger .maintenance-title{color:var(--color-danger-dark)}.maintenance-section--warning .maintenance-title{color:var(--color-warning-dark)}.maintenance-section--info .maintenance-title{color:var(--color-info-dark)}.result-message{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-base);font-size:var(--font-size-sm)}.result-message--success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.result-message--error{background:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}.result-message--warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.result-message--info{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.back-link{margin-top:var(--spacing-sm)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--color-gray-200)}.btn-back:hover{color:var(--color-text);background:var(--color-gray-300)}.btn-back__arrow{font-weight:700;font-size:var(--font-size-base)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.25;color:var(--color-text)}h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover-color)}a:active{color:var(--link-active-color)}.container{width:100%;max-width:var(--max-width-container);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container--narrow{max-width:800px}.container--medium{max-width:1000px}.container--wide{max-width:1400px}.container--full{max-width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--btn-primary-bg);color:var(--btn-text-on-primary)}button:hover,.btn:hover{background:var(--btn-primary-hover)}button:active,.btn:active{background:var(--btn-primary-active)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-text-on-secondary)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-secondary:active{background:var(--btn-secondary-active)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-text-on-danger)}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-danger:active{background:var(--btn-danger-active)}.btn-success{background:var(--btn-success-bg);color:var(--btn-text-on-success)}.btn-success:hover{background:var(--btn-success-hover)}.btn-success:active{background:var(--btn-success-active)}.btn-warning{background:var(--btn-warning-bg);color:var(--color-text)}.btn-warning:hover{background:var(--btn-warning-hover)}.btn-warning:active{background:var(--btn-warning-active)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--btn-ghost-border)}.btn-ghost:hover{background:var(--btn-ghost-hover);box-shadow:none}.btn-outline{background:transparent;color:var(--btn-outline-border);border:2px solid var(--btn-outline-border)}.btn-outline:hover{background:var(--btn-outline-hover);box-shadow:none}label{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}input,select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);margin:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input:disabled,select:disabled,textarea:disabled{background:var(--color-gray-100);cursor:not-allowed}.nav{background:var(--color-surface);padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-base);position:sticky;top:0;z-index:var(--z-nav)}.nav-content{max-width:var(--max-width-container);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--spacing-xl);list-style:none}.nav-links a{color:var(--color-text-light);font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--color-gray-100);font-weight:600;color:var(--color-text)}tr:hover{background:var(--color-surface-hover)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--color-primary);color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);z-index:var(--z-toast);font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md);outline:2px solid var(--color-secondary);outline-offset:2px}@media(max-width:768px){.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.grid-2,.grid-3{grid-template-columns:1fr}.nav-links{gap:var(--spacing-md)}}
