:root{--color-background: #1E2A22;--color-slate: #27532f;--color-slate-rgb: 39,83,47;--color-slate-dark: #1a3a21;--color-sage: #9EB28F;--color-beige: #E0CD95;--color-ivory: #F8F5E7;--color-white-cream: #FCFAF4;--color-olive: #A3A191;--color-terracotta: #C97C5D;--color-light-terracotta: #f0ac91;--color-surface: #ffffff;--color-surface-soft: #fafafa;--color-border: #e9ecef;--color-text: #111111;--color-text-muted: #6c757d;--color-label: #495057;--color-danger: #c0392b;--color-danger-rgb: 192, 57, 43;--color-danger-soft: #fdeaea;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--font-title: "Segoe UI", sans-serif;--font-body: "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4.5rem;--container-max-width: 1200px;--page-padding-y: 40px;--page-padding-x: 20px}:focus{outline:none}:focus:not(:focus-visible){box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-slate-rgb),.12)}html,body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-ivory)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;margin-top:0}p{margin-top:0;line-height:1.6}button{font-family:inherit;cursor:pointer;border:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-rounded,.btn-outline.btn-rounded,.btn-ghost.btn-rounded{border-radius:12px}.btn-primary{background:linear-gradient(135deg,var(--color-slate),var(--color-slate-dark));color:#fff;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(var(--color-slate-rgb),.4)}.btn-outline{background:transparent;border:1px solid var(--color-light-terracotta);color:var(--color-light-terracotta);padding:.6rem 1.2rem;border-radius:999px;font-weight:600;transition:background-color .2s ease}.btn-outline:hover{background-color:#f0ac9126}.btn-ghost{background:transparent;color:var(--color-ivory);font-weight:600;padding:.55rem .9rem;border-radius:999px;transition:background-color .2s ease,transform .2s ease}.btn-ghost:hover{background-color:#fcfaf41f;transform:translateY(-1px)}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.app-input{width:100%;padding:12px 14px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:all .2s ease;background:var(--color-surface);color:var(--color-text)}select.app-input{cursor:pointer}.app-input--icon-left{padding-left:40px}.app-input:focus{outline:none;border-color:var(--color-slate);box-shadow:0 0 0 3px #27532f1f}.app-input:disabled{background:var(--color-surface-soft);color:var(--color-text-muted);cursor:not-allowed}.app-input.app-input--error{border-color:#fc8181}.app-error{margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);background-color:#fff0f0;color:#b91c1c;border:1px solid #fecaca;font-size:14px;text-align:center;animation:fadeIn .2s ease-in-out}.field-error{margin-top:6px;font-size:13px;color:#f87171;display:block}.app-spinner{display:inline-block;width:20px;height:20px;flex-shrink:0;border:3px solid rgba(255,255,255,.6);border-top:3px solid var(--color-sage);border-radius:50%;animation:spin .8s linear infinite}.btn-with-spinner{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-loading{opacity:.7;pointer-events:none}.app-page{min-height:100vh;padding:var(--page-padding-y) var(--page-padding-x);display:flex;justify-content:center;align-items:flex-start}.app-page--gradient{background:linear-gradient(135deg,var(--color-slate) 0%,var(--color-slate-dark) 100%)}.app-page--center{align-items:center}.app-page--background{background:var(--color-background)}.app-card{width:100%;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.app-card--elevated{box-shadow:var(--shadow-lg)}.app-card--xl{max-width:1200px;padding:40px}@media (max-width: 768px){.app-page{padding:20px 15px}.app-card--xl{padding:25px 20px}}.app-header{margin-bottom:30px}.app-header--center{text-align:center}.app-header__icon{width:70px;height:70px;background:linear-gradient(135deg,var(--color-slate) 0%,var(--color-slate-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.app-header__icon svg{width:35px;height:35px}.app-header__title{font-size:28px;color:var(--color-slate-dark);margin:0 0 8px;font-weight:700}.app-header__subtitle{color:var(--color-text-muted);font-size:16px;margin:0}.app-header--left{text-align:left}.app-header--compact .app-header__icon{width:56px;height:56px;margin-bottom:14px}.app-header--compact .app-header__title{font-size:24px}@media (max-width: 768px){.app-header__title{font-size:24px}}.app-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}@media (max-width: 768px){.app-actions-bar{flex-direction:column;align-items:stretch}}.app-search{position:relative;flex:1;min-width:280px;max-width:450px}.app-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;z-index:2}.app-search__input{padding-right:44px;background:var(--color-surface-soft)}.app-search__input:focus{background:var(--color-surface)}.app-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.app-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--color-border)}.app-table{width:100%;border-collapse:collapse}.app-table thead{background:linear-gradient(135deg,var(--color-slate) 0%,var(--color-slate-dark) 100%)}.app-table th{color:#fff;font-weight:600;font-size:14px;text-align:left;padding:16px 15px;text-transform:uppercase;letter-spacing:.5px}.app-table td{padding:15px;font-size:14px;color:var(--color-text);vertical-align:middle}.app-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .2s ease}.app-table tbody tr:hover{background:var(--color-surface-soft)}.app-table tbody tr:last-child{border-bottom:none}.app-table--wide{min-width:900px}.app-stats-bar{display:flex;justify-content:flex-end;gap:30px;padding:15px 30px;background:var(--color-surface-soft);border-top:1px solid var(--color-border);margin-top:18px;border-radius:12px}.app-stat{display:flex;align-items:center;gap:8px}.app-stat__label{font-size:13px;color:var(--color-text-muted)}.app-stat__value{font-size:14px;font-weight:700;color:var(--color-slate)}@media (max-width: 768px){.app-stats-bar{padding:15px 20px;justify-content:space-between;gap:16px}}.app-pagination{margin-top:16px;padding:12px 16px;border-radius:12px;background:var(--color-surface-soft);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:16px}.app-pagination span{font-size:13px;font-weight:600;color:var(--color-text-muted)}.app-pagination button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-slate);padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.app-pagination button:hover:not(:disabled){background:var(--color-slate);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--color-slate-rgb),.25)}.app-pagination button:disabled{opacity:.5;transform:none;box-shadow:none}@media (max-width: 768px){.app-pagination{flex-direction:column}}.app-actions-cell{display:flex;gap:8px}.app-icon-btn{width:38px;height:38px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted)}.app-icon-btn svg{width:18px;height:18px}.app-icon-btn--ghost:hover{color:var(--color-danger)}.app-icon-btn--edit{background:rgba(var(--color-slate-rgb),.1);color:var(--color-slate)}.app-icon-btn--edit:hover{background:var(--color-slate);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-slate-rgb),.3)}.app-icon-btn--neutral{background:rgba(var(--color-slate-rgb),.1);color:var(--color-slate)}.app-icon-btn--neutral:hover{background:var(--color-slate);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-slate-rgb),.3)}.app-icon-btn--danger{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger)}.app-icon-btn--danger:hover{background:var(--color-danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-danger-rgb),.3)}.app-close-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease,background .2s ease;border-radius:10px}.app-close-btn:hover{color:var(--color-danger);background:#0000000a}.app-close-btn svg{width:22px;height:22px}.app-modal.modal.fade .modal-dialog{max-width:900px}.app-modal .modal-content{border-radius:var(--radius-xl);box-shadow:0 30px 80px #00000059;border:none;overflow:hidden}.app-modal .modal-header{background:var(--color-white-cream);border-bottom:1px solid var(--color-border);padding:24px 30px}.app-modal .modal-title{font-weight:700;font-size:20px;color:var(--color-slate)}.app-modal .modal-body{padding:30px;background:var(--color-surface)}.app-modal .modal-footer{padding:20px 30px;border-top:1px solid var(--color-border);background:var(--color-surface-soft)}.modal-backdrop.show{opacity:.6}@media (max-width: 900px){.app-modal.modal.fade .modal-dialog{max-width:95%}.app-modal .modal-body{padding:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}