:root{--km-plum:#621c56;--km-navy:#27368c;--km-gradient:linear-gradient(135deg, #621c56 0%, #27368c 100%);--km-bg:#f5f7fa;--km-card:#fff;--km-border:#ddd;--km-border-focus:#27368c;--km-text:#333;--km-text-muted:#666;--km-text-light:#999;--km-success:#27ae60;--km-danger:#e74c3c;--km-warning:#f39c12;--km-info:#3498db;--km-font:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--km-font-size:11pt;--km-space-xs:.2rem;--km-space-sm:.4rem;--km-space-md:.8rem;--km-space-lg:1.2rem;--km-radius:5px;--km-radius-lg:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--km-font);font-size:var(--km-font-size);background:var(--km-bg);color:var(--km-text);min-height:100vh}.btn{border-radius:var(--km-radius);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--km-font);border:none;align-items:center;gap:.3rem;padding:.3rem .8rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--km-gradient);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-success{background:var(--km-success);color:#fff}.btn-danger{background:var(--km-danger);color:#fff}.btn-secondary{color:#fff;background:#95a5a6}.btn-sm{padding:.2rem .5rem;font-size:.75rem}.card{background:var(--km-card);border-radius:var(--km-radius-lg);padding:var(--km-space-md);margin-bottom:var(--km-space-md);box-shadow:0 2px 8px #0000001a}.card-title{color:var(--km-plum);border-bottom:2px solid var(--km-navy);margin-bottom:.5rem;padding-bottom:.3rem;font-size:1rem;font-weight:700}.form-group{margin-bottom:var(--km-space-sm);flex-direction:column;display:flex}.form-group label{margin-bottom:var(--km-space-xs);color:var(--km-text);font-size:.8rem;font-weight:600}.form-input{border:1px solid var(--km-border);border-radius:var(--km-radius);font-size:.85rem;font-family:var(--km-font);padding:.35rem .5rem;transition:border-color .2s}.form-input:focus{border-color:var(--km-border-focus);outline:none;box-shadow:0 0 5px #27368c4d}.form-grid{gap:var(--km-space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.checkbox-list{border:1px solid var(--km-border);border-radius:var(--km-radius);background:var(--km-bg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.3rem;max-height:160px;padding:.5rem;display:grid;overflow-y:auto}.checkbox-item{cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;padding:.15rem .3rem;font-size:.85rem;display:flex}.checkbox-item:hover{background:#27368c0f}.checkbox-item input[type=checkbox]{accent-color:var(--km-navy);cursor:pointer;width:15px;height:15px}.table-container{max-height:calc(100vh - 280px);padding-bottom:2.5rem;overflow:auto}table{border-collapse:collapse;width:100%}thead{background:var(--km-gradient);color:#fff;z-index:10;position:sticky;top:0}th{text-align:left;white-space:nowrap;background:inherit;padding:.4rem .5rem;font-size:.8rem;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{opacity:.85}td{border-bottom:1px solid #eee;padding:.35rem .5rem;font-size:.8rem}tbody tr:hover{background:#f9f9f9}.badge{border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-active{color:#155724;background:#d4edda}.badge-inactive{color:#721c24;background:#f8d7da}.badge-suspended{color:#856404;background:#fff3cd}.badge-admin{color:#084298;background:#cfe2ff}.badge-superadmin{color:#621c56;background:#e8d5f5}.badge-manager{color:#997404;background:#fff3cd}.badge-viewer{color:#383d41;background:#e2e3e5}.badge-success{color:#155724;background:#d4edda}.badge-failed{color:#721c24;background:#f8d7da}.alert-container{z-index:10000;flex-direction:column;gap:.3rem;display:flex;position:fixed;top:.5rem;right:.5rem}.alert{border-radius:var(--km-radius);min-width:250px;padding:.4rem .8rem;font-size:.8rem;animation:.3s ease-out slideInRight;box-shadow:0 2px 8px #0003}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.alert-warning{color:#856404;background:#fff3cd;border:1px solid #ffeeba}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.stats-grid{gap:var(--km-space-sm);margin-bottom:var(--km-space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{border-radius:var(--km-radius-lg);border-left:4px solid var(--km-navy);background:#fff;padding:.6rem .8rem;box-shadow:0 2px 8px #0000001a}.stat-label{color:var(--km-text-muted);margin-bottom:.2rem;font-size:.75rem}.stat-value{color:var(--km-plum);font-size:1.4rem;font-weight:700}.summary-grid{gap:var(--km-space-sm);margin-bottom:var(--km-space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.summary-card{border-radius:var(--km-radius-lg);border-top:3px solid var(--km-navy);background:#fff;padding:.6rem .8rem;box-shadow:0 2px 8px #0000001a}.summary-card h4{color:var(--km-plum);margin-bottom:.3rem;font-size:.85rem}.summary-row{justify-content:space-between;padding:.15rem 0;font-size:.8rem;display:flex}.summary-row .label{color:var(--km-text-muted)}.summary-row .value{font-weight:600}.summary-row .value.positive{color:var(--km-success)}.summary-row .value.negative{color:var(--km-danger)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{padding:var(--km-space-lg);border-radius:var(--km-radius-lg);background:#fff;width:90%;max-width:550px;max-height:90vh;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto}.modal-header{color:var(--km-plum);margin-bottom:var(--km-space-sm);border-bottom:2px solid var(--km-navy);padding-bottom:.3rem;font-size:1.1rem;font-weight:700}.modal-footer{gap:var(--km-space-sm);margin-top:var(--km-space-md);justify-content:flex-end;display:flex}.modal-close{cursor:pointer;color:var(--km-text-muted);background:0 0;border:none;font-size:1.3rem;position:absolute;top:.8rem;right:.8rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{z-index:1000;background:#0006;position:fixed;inset:0}.drawer-content{width:90%;max-width:520px;padding:var(--km-space-lg);background:#fff;flex-direction:column;animation:.3s ease-out drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.drawer-header{color:var(--km-plum);margin-bottom:var(--km-space-sm);border-bottom:2px solid var(--km-navy);flex-shrink:0;padding-bottom:.3rem;font-size:1.1rem;font-weight:700}.drawer-body{flex:1;overflow-y:auto}.drawer-close{cursor:pointer;color:var(--km-text-muted);z-index:1;background:0 0;border:none;font-size:1.3rem;position:absolute;top:.8rem;right:.8rem}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.filters-bar{gap:var(--km-space-sm);margin-bottom:var(--km-space-sm);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.filters-bar label{color:var(--km-text-muted);font-size:.75rem;font-weight:600}.filters-bar select,.filters-bar input{border:1px solid var(--km-border);border-radius:var(--km-radius);font-size:.8rem;font-family:var(--km-font);padding:.2rem .4rem}.statement-tabs{gap:0;margin-bottom:0;display:flex}.statement-tab{border:1px solid var(--km-border);background:var(--km-bg);color:var(--km-text-muted);cursor:pointer;border-radius:var(--km-radius-lg) var(--km-radius-lg) 0 0;font-size:.8rem;font-weight:600;font-family:var(--km-font);border-bottom:none;padding:.45rem 1.2rem;transition:all .2s;position:relative;top:1px}.statement-tab:hover{color:var(--km-plum);background:#fff}.statement-tab.active{color:var(--km-navy);border-color:var(--km-border);z-index:1;background:#fff;border-bottom:2px solid #fff}.export-controls{gap:var(--km-space-md);flex-direction:column;display:flex}.export-section{gap:var(--km-space-xs);flex-direction:column;display:flex}.export-label{color:var(--km-plum);font-size:.8rem;font-weight:600}.export-presets{gap:var(--km-space-xs);flex-wrap:wrap;display:flex}.export-dates{gap:var(--km-space-sm);align-items:flex-end;display:flex}.export-buttons{gap:var(--km-space-sm);display:flex}.export-btn{gap:.5rem;padding:.5rem 1.2rem!important;font-size:.85rem!important}.export-btn-word{color:#fff;background:#2b579a}.export-btn-word:hover:not(:disabled){background:#1e3f6e}.export-btn-excel{color:#fff;background:#217346}.export-btn-excel:hover:not(:disabled){background:#185c37}.export-btn-email{background:var(--km-navy);color:#fff}.export-btn-email:hover:not(:disabled){background:var(--km-plum)}@media (width<=768px){.form-grid,.stats-grid,.summary-grid{grid-template-columns:1fr}}