@import"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap";:root{--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--primary-color: #3498db;--primary-dark: #2980b9;--accent-color: #e74c3c;--text-color: #2c3e50;--text-light: #7f8c8d;--bg-light: #f8f9fa;--border-color: #e1e1e1;--shadow: 0 2px 10px rgba(0, 0, 0, .05);--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--bg-light);line-height:1.6;min-height:100vh}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;background-color:#fff;box-shadow:var(--shadow);position:fixed;top:0;left:0;z-index:1000;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);height:var(--header-height)}.app-title{font-size:1.3rem;color:var(--primary-color);white-space:nowrap;overflow:hidden}.toggle-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:transparent;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.toggle-btn:hover{background-color:var(--bg-light)}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.user-info{padding:1.7rem 1.2rem 1.3rem;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-color);background:#f8fafc;border-radius:0 0 12px 12px}.avatar{width:54px;height:54px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 2px 8px #3498db1a;font-size:2.1rem;position:relative}.user-details{display:flex;flex-direction:column;align-items:center;margin-top:0;gap:2px;width:100%;overflow:hidden}.user-name{font-weight:700;color:var(--text-color);font-size:1.13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.user-role-label{font-size:.92rem;color:#8a99b3;background:#e9eef6;border-radius:6px;padding:2px 10px;font-weight:500;margin-top:2px;letter-spacing:.02em;white-space:nowrap;display:inline-block}.sidebar.collapsed .avatar{margin:0 auto}.sidebar-nav{padding:1rem 0;flex:1}.nav-link{display:flex;align-items:center;padding:.8rem 1.5rem;color:var(--text-color);text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:var(--bg-light);color:var(--primary-color)}.nav-link.router-link-active{border-left:3px solid var(--primary-color);background-color:var(--bg-light);color:var(--primary-color);font-weight:600}.nav-link i{margin-right:1rem;min-width:20px;text-align:center}.nav-link.icon-only i{margin-right:0;margin-left:.5rem}.nav-link.logout{margin-top:auto;border-top:1px solid var(--border-color);color:var(--accent-color)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;display:flex;flex-direction:column}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.top-header{height:var(--header-height);padding:0 1.5rem;background-color:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;z-index:900}.header-left,.header-right{display:flex;align-items:center}.menu-toggle{margin-right:1rem;background:none;border:none;cursor:pointer;color:var(--text-color)}.page-title{font-size:1.2rem;font-weight:600;color:var(--text-color)}.icon-button{position:relative;width:36px;height:36px;border-radius:50%;border:none;background-color:transparent;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.icon-button:hover{background-color:var(--bg-light)}.notification-badge{position:absolute;top:0;right:0;background-color:var(--accent-color);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-button{width:36px;height:36px;border-radius:50%;border:none;background-color:transparent;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.user-button:hover{background-color:var(--bg-light)}main{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width: 768px){.sidebar{width:var(--sidebar-collapsed-width);transform:translate(-100%)}.sidebar.collapsed{transform:translate(0)}.main-content{margin-left:0}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}}.no-sidebar{margin-left:0}.full-height{min-height:100vh;display:flex;justify-content:center;align-items:center}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.sidebar .material-icons{font-size:24px;margin-right:16px}.sidebar.collapsed .material-icons,.toggle-btn .material-icons{margin-right:0}.change-password-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#1976d2;font-weight:500;cursor:pointer;margin-top:8px;padding:0;font-size:1rem;transition:color .2s}.change-password-btn:hover{color:#0d47a1;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.change-password-modal{background:#fff;border-radius:14px;padding:36px 32px 28px;min-width:340px;max-width:95vw;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;align-items:stretch}.modal-content h2{margin-top:0;margin-bottom:28px;font-size:1.45rem;color:#1976d2;text-align:center;font-weight:600}.form-group.password-group{margin-bottom:20px;display:flex;flex-direction:column;align-items:stretch}.form-group label{margin-bottom:7px;font-weight:500;color:#333;font-size:1rem}.password-input-wrapper{display:flex;align-items:center;position:relative}.form-group input{width:100%;padding:10px 38px 10px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:1rem;background:#f9fafd;transition:border .2s}.form-group input:focus{border-color:#1976d2;outline:none}.eye-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#b0b0b0;font-size:22px;transition:color .2s}.eye-icon:hover{color:#1976d2}.input-error-message{color:#f44336;font-size:.97em;margin-top:4px;margin-bottom:0;text-align:left}.alert-message{display:flex;align-items:center;border-radius:6px;padding:10px 16px;margin-bottom:12px;font-weight:500;position:relative;font-size:1rem}.error-alert{background:#ffdde0;color:#c62828}.success-alert{background:#e8f5e9;color:#2e7d32}.close-alert{margin-left:auto;cursor:pointer;font-size:20px;color:inherit}.modal-actions{display:flex;gap:16px;margin-top:24px}.modal-actions button{flex:1 1 0;min-width:0;padding:13px 0;border-radius:7px;border:none;font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;margin:0;display:flex;align-items:center;justify-content:center}.modal-actions button[type=button]{background:#f5f5f5;color:#333}.modal-actions button[type=button]:hover{background:#e0e0e0}.modal-actions button[type=submit]{background:#1976d2;color:#fff;box-shadow:0 2px 8px #1976d214}.modal-actions button[type=submit]:hover{background:#1565c0}.btn-disabled{opacity:.7;pointer-events:none}.searchable-dropdown[data-v-b3271c01]{position:relative;width:100%}.dropdown-header[data-v-b3271c01]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;min-height:38px;transition:border-color .2s}.dropdown-header[data-v-b3271c01]:hover,.dropdown-header.is-open[data-v-b3271c01]{border-color:#aaa}.dropdown-icon[data-v-b3271c01]{font-size:20px;color:#555}.placeholder[data-v-b3271c01]{color:#999}.dropdown-menu[data-v-b3271c01]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:100;max-height:350px;overflow:hidden;display:flex;flex-direction:column}.search-container[data-v-b3271c01]{padding:8px;border-bottom:1px solid #eee}.search-container input[data-v-b3271c01]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.options-container[data-v-b3271c01]{overflow-y:auto;max-height:300px}.option[data-v-b3271c01]{padding:8px 12px;cursor:pointer;transition:background-color .2s}.option[data-v-b3271c01]:hover{background-color:#f5f5f5}.option.is-selected[data-v-b3271c01]{background-color:#e6f7ff;font-weight:500}.no-results[data-v-b3271c01]{padding:12px;text-align:center;color:#999}.loading-indicator[data-v-b3271c01]{color:#666;display:flex;align-items:center}button[data-v-cd40df02]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}i[data-v-cd40df02]{font-size:1rem}.skote-card-title[data-v-ad35fff7]{margin-bottom:0;font-size:16px;font-weight:500;color:#495057}.skote-card-footer[data-v-ad35fff7]{padding:.75rem 1.25rem;background-color:#fff;border-top:1px solid #f6f6f6}.skote-table-responsive[data-v-780246f9]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sortable[data-v-780246f9]{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-indicator[data-v-780246f9]{display:inline-block;margin-left:5px;font-size:12px}.skote-table-loading[data-v-780246f9]{min-height:100px;display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #e9e9ef;border-radius:4px;background-color:#fffc}.skote-modal[data-v-8ea9ee46]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;outline:0;padding:1rem}.skote-modal-backdrop[data-v-8ea9ee46]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:-1}.skote-modal-content[data-v-8ea9ee46]{position:relative;background-color:#fff;border-radius:.25rem;box-shadow:0 .75rem 1.5rem #12263f08;display:flex;flex-direction:column;width:100%;max-height:90vh;overflow-y:auto;pointer-events:auto;outline:0}.skote-modal-sm[data-v-8ea9ee46]{max-width:400px}.skote-modal-content[data-v-8ea9ee46]{max-width:600px}.skote-modal-lg[data-v-8ea9ee46]{max-width:800px}.skote-modal-header[data-v-8ea9ee46]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f6f6f6}.skote-modal-title[data-v-8ea9ee46]{margin:0;color:#495057;font-weight:600;font-size:1.25rem;line-height:1.5}.skote-modal-close[data-v-8ea9ee46]{background:none;border:none;font-size:1.5rem;font-weight:700;color:#6c757d;cursor:pointer;padding:0;margin:-1rem -1rem -1rem auto;opacity:.5;transition:opacity .15s}.skote-modal-close[data-v-8ea9ee46]:hover{opacity:1}.skote-modal-body[data-v-8ea9ee46]{position:relative;flex:1 1 auto;padding:1.25rem}.skote-modal-footer[data-v-8ea9ee46]{display:flex;justify-content:flex-end;align-items:center;padding:1rem 1.25rem;border-top:1px solid #f6f6f6}body.skote-modal-open{overflow:hidden}.skote-chart-container[data-v-62a75397]{position:relative;width:100%;min-height:200px}.chart-loading[data-v-62a75397],.chart-no-data[data-v-62a75397]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#6c757d}.spinner[data-v-62a75397]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin-62a75397 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin-62a75397{to{transform:rotate(360deg)}}.chart-content[data-v-62a75397]{height:calc(100% - 40px);width:100%}.bar-chart[data-v-62a75397]{display:flex;flex-direction:column;height:100%;width:100%}.chart-bars[data-v-62a75397]{display:flex;height:85%;width:100%;align-items:flex-end;background-image:linear-gradient(to top,rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 25%;padding:0 5%}.chart-bar[data-v-62a75397]{position:relative;margin:0 5px;transition:height .3s ease;border-radius:3px 3px 0 0}.bar-tooltip[data-v-62a75397]{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:3px 6px;border-radius:3px;font-size:10px;opacity:0;transition:opacity .3s;white-space:nowrap}.chart-bar:hover .bar-tooltip[data-v-62a75397]{opacity:1}.chart-labels[data-v-62a75397]{display:flex;height:15%;width:100%;align-items:center;padding:0 5%}.chart-label[data-v-62a75397]{text-align:center;font-size:10px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-chart[data-v-62a75397]{height:100%;display:flex;flex-direction:column}.line-svg[data-v-62a75397]{height:85%;width:100%;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 25%}.chart-legend[data-v-62a75397]{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px}.legend-item[data-v-62a75397]{display:flex;align-items:center;margin-right:15px}.legend-color[data-v-62a75397]{width:12px;height:12px;border-radius:2px;margin-right:5px}.legend-label[data-v-62a75397]{font-size:12px;color:#495057}.language-switcher[data-v-b81b890a]{display:flex;align-items:center;margin-left:15px}.language-switcher button[data-v-b81b890a]{background:none;border:1px solid #ddd;border-radius:4px;padding:5px 8px;margin:0 3px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.language-switcher button[data-v-b81b890a]:hover{background-color:#f5f5f5}.language-switcher button.active[data-v-b81b890a]{background-color:#556ee6;color:#fff;border-color:#556ee6}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:#2c3e50;background:#f8f8f8;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#3498db;transition:.4s}a:hover{color:#1e70a6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.skote-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.skote-table th{font-weight:600;padding:12px 15px;border-bottom:1px solid #e2e6ea;background-color:#f8f9fa;color:#495057;vertical-align:middle}.skote-table td{padding:12px 15px;vertical-align:middle;border-bottom:1px solid #e2e6ea}.skote-table tbody tr:hover{background-color:#f8f9fa}.skote-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 .75rem 1.5rem #12263f08;margin-bottom:24px}.skote-card-header{padding:1rem 1.25rem;margin-bottom:0;background-color:#fff;border-bottom:1px solid #f6f6f6}.skote-card-body{flex:1 1 auto;padding:1.25rem}.skote-btn{display:inline-block;font-weight:400;line-height:1.5;color:#495057;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.47rem .75rem;font-size:.875rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.skote-btn-primary{color:#fff;background-color:#556ee6;border-color:#556ee6}.skote-btn-primary:hover{color:#fff;background-color:#485ec4;border-color:#4458b8}.skote-btn-secondary{color:#fff;background-color:#74788d;border-color:#74788d}.skote-btn-secondary:hover{color:#fff;background-color:#636678;border-color:#5d6071}.skote-btn-success{color:#fff;background-color:#34c38f;border-color:#34c38f}.skote-btn-success:hover{color:#fff;background-color:#2ca67a;border-color:#299c73}.skote-btn-danger{color:#fff;background-color:#f46a6a;border-color:#f46a6a}.skote-btn-danger:hover{color:#fff;background-color:#f14a4a;border-color:#f03e3e}.skote-btn-warning{color:#fff;background-color:#f1b44c;border-color:#f1b44c}.skote-btn-warning:hover{color:#fff;background-color:#eda82e;border-color:#eca426}.skote-btn-sm{padding:.25rem .5rem;font-size:.7rem;border-radius:.2rem}.skote-badge{display:inline-block;padding:.25em .5em;font-size:75%;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.skote-badge-success{background-color:#34c38f}.skote-badge-danger{background-color:#f46a6a}.skote-badge-warning{background-color:#f1b44c}.skote-badge-info{background-color:#50a5f1}.skote-form-group{margin-bottom:1rem}.skote-form-control{display:block;width:100%;padding:.47rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.skote-form-control:focus{color:#495057;background-color:#fff;border-color:#b1bae4;outline:0;box-shadow:none}.skote-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:transparent;border:none;border-radius:.25rem;color:#495057;cursor:pointer;transition:all .2s}.skote-action-btn:hover{background-color:#556ee61a}.skote-action-btn.view{color:#556ee6}.skote-action-btn.edit{color:#34c38f}.skote-action-btn.delete{color:#f46a6a}.skote-actions-cell{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.skote-pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background-color:#fff;border-top:1px solid #f6f6f6}.skote-page-item{display:inline-block;margin:0 .2rem}.skote-page-link{display:flex;align-items:center;justify-content:center;height:36px;min-width:36px;padding:.375rem .75rem;color:#74788d;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;cursor:pointer}.skote-page-link.active{background-color:#556ee6;border-color:#556ee6;color:#fff}.skote-page-link:hover:not(.active){background-color:#f8f9fa;color:#556ee6}