:root{--primary-bg:#fff;--primary:#000;--secondary-bg:#eee;--secondary:#666;--error:#d32f2f;--error-text:#fff;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--primary-bg:#000;--primary:#fff;--secondary-bg:#222;--secondary:#999;--error:#ef5350;--error-text:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{margin-left:56px}:root{margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--primary)}.sidebar{border-right:1px solid var(--primary);background-color:var(--primary-bg);z-index:100;-webkit-user-select:none;user-select:none;width:56px;height:100vh;padding:8px;transition:all .3s ease-in-out;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 8px 24px #959da533}.sidebar:hover{width:256px;box-shadow:0 8px 24px #00000059}.sidebar-item{background-color:var(--primary-bg);cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:8px;display:flex}.sidebar-item:hover{background-color:var(--secondary-bg)}.sidebar-item.active{background-color:var(--secondary-bg);font-weight:600}.content{padding:32px}.sidebar-item-icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px}.sidebar-item-title{font-size:16px;font-weight:500}.sidebar-header{align-items:center;margin-top:16px;margin-bottom:16px;display:flex}.sidebar-header-title{font-size:24px;font-weight:700}.sidebar-header-icon{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:24px}.sidebar-section-title{text-transform:uppercase;color:var(--secondary);letter-spacing:.5px;opacity:0;white-space:nowrap;margin:24px 8px 8px;font-size:11px;font-weight:700;transition:opacity .2s ease-in-out}.sidebar:hover .sidebar-section-title{opacity:1}.websitelogo-container{-webkit-user-select:none;user-select:none;align-items:center!important;gap:16px!important;padding:8px!important;display:flex!important}.websitelogo-title{color:var(--primary)!important;font-size:24px!important;font-weight:700!important}.websitelogo-icon{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24!important;color:var(--primary)!important;font-family:Material Symbols Outlined!important;font-size:24px!important}.pageheader-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.pageheader{flex-direction:column;align-items:start;gap:8px;display:flex}.pageheader-toolbar{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-bg)}.btn-secondary{background:var(--secondary-bg);color:var(--primary)}.btn-danger{color:#fff;background:#e53e3e}.btn .spin{font-size:18px;line-height:1;animation:1s linear infinite spin;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input{border:1px solid var(--secondary);background:var(--primary-bg);color:var(--primary);border-radius:8px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.icon-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:var(--secondary-bg)}.icon-btn-danger{color:#e53e3e}.icon-btn-danger:hover{background-color:#fff5f5}.icon-btn .material-symbols-outlined{font-size:20px}.table-container{width:100%;margin-top:16px;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{border-bottom:1px solid var(--secondary-bg,var(--border));color:var(--secondary,var(--text-secondary));padding:12px 16px;font-size:14px;font-weight:500}.table td{border-bottom:1px solid var(--secondary-bg,var(--border));padding:12px 16px;font-size:15px}.table tr:last-child td{border-bottom:none}.table-actions{justify-content:flex-end;gap:4px;display:flex}.slide-panel-backdrop{z-index:199;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s ease-in-out;position:fixed;inset:0}.slide-panel-backdrop.open{opacity:1;pointer-events:auto}.slide-panel{z-index:200;background-color:var(--primary-bg);border-left:1px solid var(--primary);flex-direction:column;width:400px;max-width:100vw;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000059}.slide-panel.open{transform:translate(0)}.slide-panel-header{border-bottom:1px solid var(--secondary-bg);justify-content:space-between;align-items:center;padding:24px;display:flex}.slide-panel-title{font-size:20px;font-weight:700}.slide-panel-close{cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.slide-panel-close:hover{background-color:var(--secondary-bg)}.slide-panel-close .material-symbols-outlined{font-size:22px}.slide-panel-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.slide-panel-error{background:var(--error);color:var(--error-text);border-radius:8px;margin:0;padding:10px 14px;font-size:14px}.login-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100vh;display:flex}.login-header{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-card{border:1px solid var(--primary);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:32px;display:flex}.login-card p{color:var(--secondary);font-size:14px}.login-message{text-align:center;border-radius:8px;padding:12px;font-size:14px}.login-message.success{color:#29a847}.login-message.error{color:#ce3636}