@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
:root{--bg-body:#0e0e10;--bg-content:#0e0e10;--bg-sidebar:#1f1f23;--bg-card:#1f1f23;--bg-card-header:#2d2d32;--bg-card-footer:#2d2d32;--bg-modal:#1f1f23;--bg-modal-header:#2d2d32;--bg-modal-footer:#2d2d32;--bg-input:#1f1f23;--border-color:#2d2d32;--border-color-secondary:#3d3d42;--text-primary:#f1f1f1;--text-secondary:#b0b3b8;--text-muted:#7d7d85;--bg-hover:#23272f;--bg-item:#25252a;--bg-item-hover:#2d2d32;--input-border:#2d2d32;--input-text:#fff;--shadow-color:rgba(0,0,0,.4);--brand-color:#f72585;--btn-primary-bg:#f72585;--btn-primary-border:#f72585;--btn-primary-hover-bg:#d61a6f;--btn-primary-hover-border:#d61a6f;--btn-primary-shadow:rgba(247,37,133,.3);--btn-accent-bg:#4361ee;--btn-accent-border:#4361ee;--btn-accent-hover-bg:#3a51cb;--btn-accent-hover-border:#3a51cb;--btn-accent-shadow:rgba(67,97,238,.3);--btn-gradient-bg:linear-gradient(90deg,#f72585,#7209b7);--btn-gradient-hover-bg:linear-gradient(90deg,#7209b7,#f72585);--btn-gradient-shadow:rgba(114,9,183,.1);--btn-secondary-bg:#2d2d32;--btn-secondary-border:#3d3d42;--btn-secondary-text:#fff;--btn-secondary-hover-bg:#3d3d42;--btn-secondary-hover-border:#4d4d52;--btn-logout-cancel-bg:#181a1b;--btn-logout-cancel-text:#fff;--btn-logout-cancel-hover-bg:#333;--btn-action-border:#3d3d42;--btn-action-color:#c1c1cb;--btn-action-hover-bg:#3d3d42;--btn-action-hover-color:#fff}html[data-theme=light]{--bg-body:#fff;--bg-content:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-header:#fafbfd;--bg-card-footer:#fafbfd;--bg-modal:#fff;--bg-modal-header:#fafbfd;--bg-modal-footer:#fafbfd;--bg-input:#fff;--border-color:#e2e8f0;--border-color-secondary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--bg-hover:#f8fafc;--bg-item:#fff;--bg-item-hover:#f8fafc;--input-border:#cbd5e1;--input-text:#0f172a;--shadow-color:rgba(15,23,42,.05);--brand-color:#0f172a;--btn-primary-bg:#0f172a;--btn-primary-border:#0f172a;--btn-primary-hover-bg:#1e293b;--btn-primary-hover-border:#1e293b;--btn-primary-shadow:rgba(15,23,42,.15);--btn-accent-bg:#2563eb;--btn-accent-border:#2563eb;--btn-accent-hover-bg:#1d4ed8;--btn-accent-hover-border:#1d4ed8;--btn-accent-shadow:rgba(37,99,235,.2);--btn-gradient-bg:linear-gradient(90deg,#0f172a,#1e293b);--btn-gradient-hover-bg:linear-gradient(90deg,#1e293b,#0f172a);--btn-gradient-shadow:rgba(15,23,42,.1);--btn-secondary-bg:#f8fafc;--btn-secondary-border:#cbd5e1;--btn-secondary-text:#475569;--btn-secondary-hover-bg:#f1f5f9;--btn-secondary-hover-border:#94a3b8;--btn-logout-cancel-bg:#f1f5f9;--btn-logout-cancel-text:#475569;--btn-logout-cancel-hover-bg:#e2e8f0;--btn-action-border:#cbd5e1;--btn-action-color:#64748b;--btn-action-hover-bg:#f1f5f9;--btn-action-hover-color:#0f172a}.card,.list-group-item,.modal-content,a,body,button,div,footer,header,input,main,nav,section,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}body{background-color:var(--bg-body);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;padding:0}.page{align-content:center;align-items:center;background-color:var(--bg-body);justify-content:center;min-height:100vh;padding:24px 16px}.formLogin,.page{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.formLogin{background-color:var(--bg-card);border-radius:7px;box-shadow:0 8px 32px var(--shadow-color);gap:5px;max-width:420px;padding:32px 24px}.formLogin h1{color:var(--text-primary);font-size:2.3em;font-weight:500;margin:0;padding:0}.formLogin p{color:var(--text-secondary);display:inline-block;font-size:14px;margin-bottom:25px}.formBox input{background-color:var(--bg-input);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-size:14px;margin-top:5px;outline:none;padding:15px}.formBox{display:flex;flex-direction:column;margin-bottom:20px}.password-wrapper{align-items:center;display:flex;margin-top:5px;position:relative;width:100%}.password-wrapper input{margin-top:0!important;padding-right:45px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:0;position:absolute;right:15px;transition:color .2s ease,transform .1s ease}.password-toggle:hover{color:var(--brand-color)}.password-toggle:active{transform:scale(.9)}.formLogin input:focus{border:1px solid var(--brand-color)}.formBox label{color:var(--text-primary);font-size:14px;font-weight:600}.formLogin a{color:var(--text-secondary);display:inline-block;font-size:13px;margin-bottom:20px}.formLogin a:hover{color:var(--brand-color)}.btn{background:var(--btn-gradient-bg);border:none!important;border-radius:25px;box-shadow:0 2px 8px var(--btn-gradient-shadow);color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;margin:0!important;padding:15px}.btn:hover{background:var(--btn-gradient-hover-bg);box-shadow:0 4px 16px var(--btn-gradient-shadow);color:#fff;transform:scale(1.06)}.link-group{display:flex;justify-content:space-between}.link-group a{text-decoration:none}.modal-content{background-color:var(--bg-modal)!important;border:1px solid var(--border-color)!important}.modal-content,.modal-header{color:var(--text-primary)!important}.modal-header{background-color:var(--bg-modal-header)!important;border-bottom:1px solid var(--border-color)!important}.modal-footer{background-color:var(--bg-modal-footer)!important;border-top:1px solid var(--border-color)!important}.modal-title{color:var(--text-primary)!important}.form-control,.form-select{border-color:var(--input-border)!important}.form-control,.form-control:focus,.form-select,.form-select:focus{background-color:var(--bg-input)!important;color:var(--input-text)!important}.form-control:focus,.form-select:focus{border-color:var(--brand-color)!important;box-shadow:0 0 0 .2rem var(--btn-primary-shadow)!important}.form-label,.table,label{color:var(--text-primary)!important}.table td,.table th{border-top:1px solid var(--border-color)!important}.table thead th{background-color:var(--bg-card-header)!important;border-bottom:2px solid var(--border-color)!important}@media (max-width:991px){#wrapper #content-wrapper{padding-top:56px}}