@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap";:root{--color-primary:#14398d;--color-secondary:#2283c4;--color-white:#fff;--color-black:#000;--color-bg-page:#fff;--color-bg-surface:#fff;--color-bg-sidebar:#14398d;--color-bg-header:#fff;--color-text-primary:#000;--color-text-inverse:#fff;--color-text-brand:#14398d;--color-text-accent:#2283c4;--color-border:#0000001f;--color-border-strong:#0000003d;--color-action-primary-bg:#14398d;--color-action-primary-text:#fff;--color-action-secondary-bg:#2283c4;--color-action-secondary-text:#fff;--color-focus:#2283c4;--state-info-border:#2283c4;--state-success-border:#14398d;--state-warning-border:#0000007a;--state-error-border:#000;--state-disabled-opacity:.48;--font-family-base:"Source Sans Pro", Arial, Helvetica, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--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;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:999px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 24px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.page-container{padding:var(--space-6);max-width:100%}@media (width<=768px){.page-container{padding:var(--space-4)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-description{font-size:var(--font-size-sm);color:#0009;margin-top:var(--space-1)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.page-loading{min-height:300px;font-size:var(--font-size-lg);color:#0000007a;justify-content:center;align-items:center;display:flex}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{opacity:.3;margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state-description{font-size:var(--font-size-sm);color:#0009;max-width:400px}.filters-bar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.detail-layout{gap:var(--space-6);grid-template-columns:1fr 320px;display:grid}@media (width<=1024px){.detail-layout{grid-template-columns:1fr}}.section-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-4)}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.sidebar-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.auth-layout{min-height:100vh;padding:var(--space-6);background:var(--color-primary);justify-content:center;align-items:center;display:flex}@media (width<=768px){.cards-grid{grid-template-columns:1fr}.filters-bar,.page-header{flex-direction:column}}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;border:1px solid #0000;text-decoration:none;transition:opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.btn:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-sm)}.btn--sm{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3);height:32px}.btn--md{font-size:var(--font-size-md);padding:var(--space-2) var(--space-4);height:40px}.btn--lg{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-6);height:48px}.btn--primary{background:var(--color-action-primary-bg);color:var(--color-action-primary-text);border-color:var(--color-primary)}.btn--secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}.btn--accent{background:var(--color-action-secondary-bg);color:var(--color-action-secondary-text);border-color:var(--color-secondary)}.btn--danger{background:var(--color-white);color:#000;border-color:#000}.btn--ghost{color:var(--color-primary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:#14398d0f}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.field__required{color:var(--color-primary)}.field__input{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-white);transition:border-color .15s}.field__input:focus{border-color:var(--color-focus);outline:none;box-shadow:0 0 0 3px #2283c426}.field__input--error{border-color:#000}.field__input::placeholder{color:#00000059}.field__input:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}textarea.field__input{height:auto;min-height:100px;padding:var(--space-2) var(--space-3);resize:vertical}select.field__input{appearance:auto}.field__error{font-size:var(--font-size-xs);color:#000;font-weight:var(--font-weight-semibold)}.field__help{font-size:var(--font-size-xs);color:#00000080}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.card--clickable{cursor:pointer;transition:box-shadow .15s}.card--clickable:hover{box-shadow:var(--shadow-md)}.card__icon{color:var(--color-primary);margin-bottom:var(--space-1)}.card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:#0009;text-transform:uppercase;letter-spacing:.5px}.card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.card__description{font-size:var(--font-size-sm);color:#00000080}.card__action{margin-top:var(--space-2)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);color:#0009;border-bottom:2px solid var(--color-border-strong);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table tbody tr:hover{background:#2283c40a}.table__row--clickable{cursor:pointer}.table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.table__th--sortable:hover{background:#2283c414}.table__th--sortable:focus-visible{outline:3px solid var(--color-secondary);outline-offset:-3px}.table__th-content{align-items:center;gap:var(--space-1);display:inline-flex}.table__sort-icon{color:#0000004d;align-items:center;transition:color .15s;display:inline-flex}.table__th--sortable:hover .table__sort-icon,.table__sort-icon--active{color:var(--color-primary)}.badge{padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;align-items:center;display:inline-flex}.badge--neutral{border-color:var(--color-border-strong);color:var(--color-text-primary)}.badge--info{border-color:var(--color-secondary);color:var(--color-secondary)}.badge--success{border-color:var(--color-primary);color:var(--color-primary)}.badge--warning{border-color:var(--state-warning-border);color:#000000b3}.badge--error{color:#000;border-color:#000}.modal-overlay{z-index:50;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;overflow:hidden auto}.modal__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{cursor:pointer;color:#0006;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none}.modal__close:hover{color:var(--color-text-primary)}.modal__body{padding:var(--space-6)}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}@media (width<=600px){.modal{border-radius:var(--radius-md);max-width:100%}.modal__body{padding:var(--space-4)}.modal__header{padding:var(--space-3) var(--space-4)}.modal__footer{padding:var(--space-3) var(--space-4);flex-direction:column}}.form-grid-modal{gap:var(--space-4);display:grid}.form-grid-modal--2col{grid-template-columns:1fr 1fr}.form-grid-modal--3col{grid-template-columns:1fr 1fr 1fr}@media (width<=900px){.form-grid-modal--3col{grid-template-columns:1fr 1fr}}@media (width<=480px){.form-grid-modal--2col,.form-grid-modal--3col{grid-template-columns:1fr}}.alert{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-white);border:1px solid;align-items:flex-start;display:flex}.alert--info{border-color:var(--color-secondary)}.alert--success{border-color:var(--color-primary)}.alert--warning{border-color:var(--state-warning-border)}.alert--error{border-color:#000}.alert__icon{flex-shrink:0;margin-top:2px}.alert--info .alert__icon{color:var(--color-secondary)}.alert--success .alert__icon{color:var(--color-primary)}.alert--warning .alert__icon{color:#00000080}.alert--error .alert__icon{color:#000}.alert__content{flex:1}.alert__title{font-size:var(--font-size-sm)}.alert__message{font-size:var(--font-size-sm);color:#000000b3}.alert__close{cursor:pointer;color:#0000004d;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px}.alert__close:hover{color:var(--color-text-primary)}.breadcrumb{margin-bottom:var(--space-4)}.breadcrumb ol{align-items:center;gap:var(--space-1);flex-wrap:wrap;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:#00000080;display:flex}.breadcrumb a{color:var(--color-primary);align-items:center;gap:4px;display:inline-flex}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;display:flex}.pagination__info{font-size:var(--font-size-sm);color:#00000080}.spinner{animation:.6s linear infinite spin}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.meta-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.meta-item{flex-direction:column;gap:2px;display:flex}.meta-item__label{font-size:var(--font-size-xs);color:#00000080;text-transform:uppercase;letter-spacing:.5px}.meta-item__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.search-input{position:relative}.search-input__icon{left:var(--space-3);color:#00000059;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{padding-left:36px}.app-layout{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{padding:var(--space-6);flex:1;overflow-x:hidden}@media (width<=768px){.app-content{padding:var(--space-4)}}.header{height:64px;padding:0 var(--space-6);background:var(--color-bg-header);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.header__left{align-items:center;gap:var(--space-3);display:flex}.header__hamburger{cursor:pointer;color:var(--color-text-primary);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;display:none}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.header__right{align-items:center;gap:var(--space-2);display:flex}.header__action{align-items:center;gap:var(--space-1);padding:var(--space-2);cursor:pointer;color:#00000080;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);background:0 0;border:none;display:flex}.header__action:hover{color:var(--color-text-primary);background:#0000000a}.header__action-label{display:none}@media (width>=768px){.header__action-label{display:inline}}.header__user{position:relative}.header__user-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);background:0 0;display:flex}.header__user-btn:hover{background:#0000000a}.header__user-name{display:none}@media (width>=768px){.header__user-name{display:inline}}.header__dropdown{margin-top:var(--space-1);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30;min-width:200px;position:absolute;top:100%;right:0}.header__dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.header__dropdown-header strong{font-size:var(--font-size-sm)}.header__dropdown-header span{font-size:var(--font-size-xs);color:#00000080}.header__dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;display:flex}.header__dropdown-item:hover{background:#0000000a}.sidebar{background:var(--color-bg-sidebar);z-index:30;flex-direction:column;flex-shrink:0;width:260px;transition:width .2s;display:flex;position:relative}.sidebar__logo{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-bottom:1px solid #ffffff1a;display:flex}.sidebar__logo-icon{background:var(--color-white);width:36px;height:36px;color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.sidebar__nav{padding:var(--space-3) 0;flex:1;overflow-y:auto}.sidebar__section{margin-bottom:var(--space-3)}.sidebar__section-title{padding:var(--space-1) var(--space-4);font-size:var(--font-size-xs);color:#fff6;text-transform:uppercase;letter-spacing:1px;display:block}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:#fffc;font-size:var(--font-size-sm);border-left:3px solid #0000;text-decoration:none;transition:background .15s;display:flex}.sidebar__item:hover{color:var(--color-text-inverse);background:#ffffff14;text-decoration:none}.sidebar__item--active{background:var(--color-secondary);color:var(--color-text-inverse);border-left-color:var(--color-white)}.sidebar__item-icon{flex-shrink:0}.sidebar__collapse{padding:var(--space-3);color:#ffffff80;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;display:none}@media (width<=1024px){.sidebar{z-index:50;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px}.sidebar--open{left:0}.sidebar__collapse{display:flex}.header__hamburger{display:block}}@media (width>=1025px){.sidebar__collapse,.header__hamburger{display:none}}.login-panel{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);text-align:center;width:100%;max-width:420px}.login-panel__logo{background:var(--color-primary);border-radius:var(--radius-lg);width:80px;height:80px;margin:0 auto var(--space-6);font-size:28px;font-weight:var(--font-weight-bold);color:#fff;justify-content:center;align-items:center;display:flex}.login-panel h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.login-panel p{font-size:var(--font-size-sm);color:#00000080;margin-bottom:var(--space-8)}.login-panel form{gap:var(--space-4);flex-direction:column;display:flex}.login-panel .alert{text-align:left}.dashboard-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dashboard-charts{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.dashboard-charts{grid-template-columns:1fr}}.chart-card{min-height:300px}.chart-card .card__title{margin-bottom:var(--space-3)}.detail-table{border-collapse:collapse;width:100%}.detail-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.detail-label{font-weight:var(--font-weight-semibold);color:#0009;white-space:nowrap;vertical-align:top;width:40%}