:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-hover:#1c1c1c;--color-accent:#4ebc97;--color-accent-hover:#62d0ab;--color-accent-muted:#4ebc9726;--color-border:#4ebc9740;--color-text:#e5e5e5;--color-text-muted:#a0a0a0;--color-success:#4ebc97;--color-error:#bc4e4e;--color-warning:#bc974e;--font-family:"ABeeZee", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family)}.toast-container{top:var(--space-lg);gap:var(--space-sm);z-index:2000;width:100%;max-width:400px;padding:0 var(--space-md);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-family);text-align:center;font-size:.9rem;animation:.25s toast-slide-in;box-shadow:0 4px 16px #0006}.toast-success{background-color:var(--color-surface);color:var(--color-success);border:1px solid var(--color-success)}.toast-error{background-color:var(--color-surface);color:var(--color-error);border:1px solid var(--color-error)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.input-group{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.input-group label{color:var(--color-text-muted);font-family:var(--font-family);font-size:.85rem}.input-wrapper{width:100%;position:relative}.input-group input:not([type=checkbox]){background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);width:100%;font-size:1rem;transition:all .2s}.input-wrapper input{width:100%}.input-group input:not([type=checkbox]):focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.input-wrapper .input-eye-toggle{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-eye-toggle:hover{color:var(--color-accent)}.input-error-state{border-color:var(--color-error)!important}.input-field-error{color:var(--color-error);min-height:1rem;margin-top:2px;font-size:.8rem;line-height:1rem}.themed-select{background-color:var(--color-surface);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a0a0a0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:calc(var(--space-md) * 2 + 10px);font-size:1rem;transition:all .2s}.themed-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.input-group label:has(input[type=checkbox]){align-items:center;gap:var(--space-sm);color:var(--color-text);cursor:pointer;display:flex}.input-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.btn{background-color:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.btn:hover{background-color:var(--color-accent-muted);border-color:var(--color-accent);box-shadow:0 0 12px 2px #4ebc9759,0 0 24px 4px #4ebc9726}.btn{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);cursor:pointer;font-size:1rem;transition:all .2s}.btn-default{background-color:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border)}.btn-default:hover{background-color:var(--color-accent-muted);border-color:var(--color-accent);box-shadow:0 0 12px 2px #4ebc9759,0 0 24px 4px #4ebc9726}.btn-danger{color:var(--color-error);background-color:#bc4e4e1a;border:1px solid #bc4e4e66}.btn-danger:hover{border-color:var(--color-error);background-color:#bc4e4e33;box-shadow:0 0 12px 2px #bc4e4e59,0 0 24px 4px #bc4e4e26}.dot-loader{justify-content:center;align-items:center;gap:var(--dot-gap);display:flex}.dot-loader-page{z-index:9999;pointer-events:none;width:100vw;height:100dvh;position:fixed;inset:0}.dot-loader-inline{pointer-events:none;width:max-content;height:1em}.dot-loader span{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);animation:dot-wave var(--animation-duration) ease-in-out infinite;border-radius:999px;flex-shrink:0}.dot-loader span:first-child{animation-delay:0s}.dot-loader span:nth-child(2){animation-delay:.12s}.dot-loader span:nth-child(3){animation-delay:.24s}.dot-loader span:nth-child(4){animation-delay:.36s}@keyframes dot-wave{0%,to{height:var(--dot-size)}20%{height:calc(var(--dot-size) * 3)}40%{height:var(--dot-size)}}.login-page{background-color:var(--color-bg);min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:0 0 24px 4px #4ebc9714}.login-title{color:var(--color-accent);margin-bottom:var(--space-xs);text-align:center;font-size:1.8rem}.login-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-xl);text-align:center;font-size:.9rem}.login-error{color:var(--color-error);min-height:1.2rem;margin-bottom:var(--space-sm);font-size:.85rem}.login-card form button{width:100%;margin-top:var(--space-sm)}.login-card form .input-group{margin-bottom:var(--space-sm)}.nav{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.nav-link{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-family:var(--font-family);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--color-accent);background-color:var(--color-accent-muted)}.nav-link.active{color:var(--color-accent)}@media (width<=640px){.nav{padding:var(--space-sm);border-bottom:none;border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav-link span{display:none}.nav-link{flex-direction:column;gap:2px;font-size:.7rem}}.layout{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.layout-content{padding:var(--space-lg);flex:1}@media (width<=640px){.layout-content{padding-bottom:80px}}.profile-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-xl);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.profile-avatar{background-color:var(--color-accent-muted);border:2px solid var(--color-accent);width:88px;height:88px;color:var(--color-accent);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;font-weight:600;display:flex}.profile-name{color:var(--color-text);margin-bottom:var(--space-xs);font-size:1.4rem}.profile-role-badge{background-color:var(--color-accent-muted);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-size:.75rem;display:inline-block}.profile-details{width:100%;margin-bottom:var(--space-xl)}.profile-detail-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.profile-detail-row:last-child{border-bottom:none}.profile-detail-label{color:var(--color-text-muted);font-size:.9rem}.profile-detail-value{color:var(--color-text);font-size:.9rem;font-weight:500}.profile-card .btn{width:100%}.profile-actions-row{gap:var(--space-md);width:100%;display:flex}.profile-actions-row .btn{flex:1}@media (width<=480px){.profile-card{padding:var(--space-lg)}.profile-avatar{width:72px;height:72px;font-size:1.8rem}}.modal-overlay{z-index:1000;padding:var(--space-md);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 0 24px 4px #4ebc971a}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-text);font-size:1.2rem}.modal-close{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;transition:color .2s;display:flex}.modal-close:hover{color:var(--color-accent)}.modal-message{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.95rem;line-height:1.5}.modal-actions{gap:var(--space-md);justify-content:flex-end;display:flex}.uploader-card,.uploader-upload-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:480px;margin-bottom:var(--space-lg)}.uploader-status{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.uploader-status-badge{text-transform:uppercase;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.uploader-status-badge.running{color:var(--color-success);background-color:#4ebc9726}.uploader-status-badge.idle{color:var(--color-text-muted);background-color:#a0a0a026}.uploader-filename{color:var(--color-text);font-weight:500}.uploader-meta{color:var(--color-text-muted);font-size:.85rem}.uploader-upload-card{gap:var(--space-md);flex-direction:column;display:flex}.uploader-file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.uploader-file-label{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.uploader-file-label:hover{border-color:var(--color-accent);color:var(--color-accent)}form button[type=submit]{width:100%;margin-top:var(--space-sm)}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;margin-top:var(--space-lg)}.users-table th,.users-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.users-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:.85rem;font-weight:500}.users-table td{color:var(--color-text)}.users-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.users-header h1{color:var(--color-text);font-size:1.5rem}.users-header-actions{align-items:center;gap:var(--space-md);display:flex}.users-search{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);min-width:220px;font-size:.9rem}.users-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.users-actions{gap:var(--space-sm);display:flex}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:var(--space-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-muted)}.icon-btn-danger:hover{color:var(--color-error);border-color:var(--color-error);background-color:#bc4e4e26}.users-email-link{color:var(--color-accent);text-decoration:none}.users-email-link:hover{text-decoration:underline}@media (width<=640px){.users-header{flex-direction:column;align-items:stretch}.users-header-actions{gap:var(--space-sm);width:100%}.users-search{flex:90%;min-width:0}.users-header-actions .btn{padding:var(--space-sm);aspect-ratio:1;flex:none;justify-content:center;align-items:center;display:flex}.btn-label{display:none}}.audit-table-wrapper{margin-top:var(--space-md);overflow-x:auto}.audit-table{border-collapse:collapse;width:100%}.audit-table th,.audit-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);white-space:nowrap}.audit-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:.8rem;font-weight:500}.audit-table td{color:var(--color-text);font-size:.9rem}.audit-status{padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.audit-status.success{color:var(--color-success);background-color:#4ebc9726}.audit-status.failed{color:var(--color-error);background-color:#bc4e4e26}.audit-header{margin-bottom:var(--space-md);justify-content:flex-end;display:flex}.audit-search{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);padding-right:calc(var(--space-md) * 2 + 24px);font-family:var(--font-family);min-width:280px;font-size:.9rem;transition:all .2s}.audit-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}@media (width<=640px){.audit-search{width:100%;min-width:0}}.audit-search-wrapper{display:inline-block;position:relative}.audit-search-loader{right:var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.audit-row-stale{opacity:.5;transition:opacity .15s}.audit-table td.audit-table-message{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)}.audit-scroll-sentinel{padding:var(--space-lg);margin-bottom:var(--space-xl);justify-content:center;align-items:center;min-height:40px;display:flex}.audit-end-message{text-align:center;color:var(--color-text-muted);padding:var(--space-lg);margin-bottom:var(--space-xl);font-size:.85rem}.logs-tabs{gap:var(--space-sm);margin:var(--space-lg) 0;border-bottom:1px solid var(--color-border);display:flex}.logs-tab{color:var(--color-text-muted);font-family:var(--font-family);padding:var(--space-sm) var(--space-md);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.95rem;transition:all .2s}.logs-tab:hover{color:var(--color-text)}.logs-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.logs-placeholder{color:var(--color-text-muted);padding:var(--space-xl);text-align:center}