*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3436;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{color:#fff;background:#2d3436;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.solution-tabs{gap:.5rem;display:flex}.tab{color:#b2bec3;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;text-decoration:none}.tab.active{color:#fff;background:#0984e3}.tab:hover{color:#fff}.app-title{margin-left:auto;font-size:1rem;font-weight:600}.app-layout{min-height:calc(100vh - 50px);display:flex}.sidebar{background:#dfe6e9;width:200px;padding:1rem 0}.nav-list{flex-direction:column;display:flex}.nav-item{color:#2d3436;border-left:3px solid #0000;padding:.6rem 1.25rem;font-size:.9rem;text-decoration:none;display:block}.nav-item.active,.nav-item:hover{background:#b2bec3;border-left-color:#0984e3}.main-content{flex:1;padding:1.5rem 2rem}.empty-state{text-align:center;color:#636e72;padding:3rem}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #dfe6e9;padding:.6rem 1rem}.data-table th{text-transform:uppercase;background:#f5f6fa;font-size:.85rem;font-weight:600}.loading{text-align:center;color:#636e72;padding:2rem}h2{margin-bottom:.5rem;font-size:1.3rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.btn-primary{color:#fff;background:#0984e3}.btn-primary:hover{background:#0769b5}.btn-outline{color:#2d3436;background:0 0;border:1px solid #b2bec3}.btn-outline:hover{background:#dfe6e9}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-close{cursor:pointer;color:#636e72;background:0 0;border:none;font-size:1.5rem}.badge{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge-active{color:#155724;background:#d4edda}.badge-inactive{color:#721c24;background:#f8d7da}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal{background:#fff;border-radius:12px;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid #dfe6e9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{text-align:right;padding-top:1rem}.form-group{margin-bottom:1rem}.form-group label{color:#636e72;margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.form-group input{border:1px solid #dfe6e9;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem}.form-group input:focus{border-color:#0984e3;outline:none;box-shadow:0 0 0 2px #0984e326}.pagination-info{color:#636e72;margin-top:.75rem;font-size:.8rem}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;border-radius:8px;padding:12px 16px;font-size:.85rem;animation:.2s ease-out slideIn;box-shadow:0 4px 12px #00000026}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}