:root{--bg-base:#09090c;--bg-surface:#111115;--bg-elevated:#18181e;--bg-hover:#1e1e26;--border:#26263a;--border-muted:#1c1c2a;--text:#e0e0ee;--text-muted:#7070a0;--text-faint:#44445a;--accent:#5b6cff;--accent-hover:#4a58ee;--accent-dim:#5b6cff1f;--success:#34d399;--success-dim:#34d3991f;--danger:#f87171;--danger-hover:#e55555;--danger-dim:#f871711f;--warning:#fbbf24;--warning-dim:#fbbf241f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--blue-dim:#60a5fa1f;--blue:#60a5fa;--sidebar-w:220px;--radius:6px;--mono:ui-monospace, "JetBrains Mono", Consolas, monospace;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text)}#root{min-height:100svh}button{font:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}ul{list-style:none}.app{min-height:100svh;display:flex}.main{background:var(--bg-base);flex:1;min-width:0;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border-muted);flex-direction:column;flex-shrink:0;height:100svh;padding:0;display:flex;position:sticky;top:0}.sidebar__brand{color:var(--text);border-bottom:1px solid var(--border-muted);align-items:center;gap:10px;padding:20px 20px 16px;font-size:15px;font-weight:600;display:flex}.sidebar__brand svg{color:var(--accent);flex-shrink:0}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar__link{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:450;transition:background .12s,color .12s;display:flex}.sidebar__link:hover{background:var(--bg-hover);color:var(--text)}.sidebar__link--active{background:var(--accent-dim);color:var(--accent)}.sidebar__link--active svg{color:var(--accent)}.sidebar__logout{color:var(--text-faint);border-top:1px solid var(--border-muted);align-items:center;gap:10px;padding:12px 20px;font-size:13px;transition:color .12s;display:flex}.sidebar__logout:hover{color:var(--danger)}.page{max-width:1100px;padding:32px 36px}.page__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page__header-right{align-items:center;gap:10px;display:flex}.page__title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:600;line-height:1.3}.page__subtitle{color:var(--text-muted);margin-top:3px;font-size:12.5px}.page-loading{min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.page-error{min-height:300px;color:var(--danger);justify-content:center;align-items:center;font-size:13px;display:flex}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:10px 16px;font-size:11.5px;font-weight:500}.table td{border-bottom:1px solid var(--border-muted);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-hover)}.table__primary{color:var(--text);font-size:13.5px;font-weight:500;display:block}.table__id{color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:2px;display:block}.table__muted{color:var(--text-muted);font-size:13px}.table__actions{justify-content:flex-end;gap:6px;display:flex}.table__empty{text-align:center;color:var(--text-faint);padding:48px 16px;font-size:13px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .12s,color .12s}.table th.sortable:hover{background:var(--bg-hover);color:var(--text-muted)}.sort-icon{opacity:.35;vertical-align:middle;margin-left:3px;font-size:9px;line-height:1;display:inline-block}.sort-icon--active{opacity:1;color:var(--accent)}.btn{border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;font-weight:500;transition:background .12s,color .12s,opacity .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--md{padding:7px 14px;font-size:13.5px}.btn--sm{padding:5px 10px;font-size:12.5px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn--danger{background:var(--danger-dim);color:var(--danger);border:1px solid #0000}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.field{flex-direction:column;gap:5px;display:flex}.field__label{color:var(--text-muted);font-size:12.5px;font-weight:500}.field__input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:7px 10px;font-size:13.5px;transition:border-color .12s}.field__input:focus{border-color:var(--accent)}.field__input--error{border-color:var(--danger)}.field__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237070a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.field__error{color:var(--danger);font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.badge--green{background:var(--success-dim);color:var(--success)}.badge--red{background:var(--danger-dim);color:var(--danger)}.badge--blue{background:var(--blue-dim);color:var(--blue)}.badge--yellow{background:var(--warning-dim);color:var(--warning)}.badge--gray{background:var(--bg-elevated);color:var(--text-muted)}.badge--purple{background:var(--purple-dim);color:var(--purple)}.spinner{color:var(--accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;width:100%;max-height:90svh;overflow-y:auto;box-shadow:0 24px 48px #00000080}.modal__header{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.modal__title{color:var(--text);font-size:15px;font-weight:600}.modal__close{color:var(--text-faint);border-radius:4px;padding:4px;transition:color .12s,background .12s}.modal__close:hover{color:var(--text);background:var(--bg-hover)}.modal__body{padding:20px}.modal__actions{border-top:1px solid var(--border-muted);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.modal__text{color:var(--text-muted);margin-bottom:14px;font-size:13px;line-height:1.6}.form-stack{flex-direction:column;gap:14px;display:flex}.form-row{align-items:flex-end;gap:10px;display:flex}.form-row .field{flex:1}.form-section{background:var(--bg-elevated);border:1px solid var(--border-muted);border-radius:var(--radius);padding:14px}.form-section__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-bottom:12px;font-size:11.5px;font-weight:600}.form-error{color:var(--danger);background:var(--danger-dim);border-radius:var(--radius);padding:8px 10px;font-size:12.5px}.checkbox-row{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.checkbox-row-group{flex-direction:column;gap:8px;display:flex}.copy-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;display:flex}.copy-box__text{font-family:var(--mono);color:var(--text-muted);word-break:break-all;flex:1;font-size:12px}.confirm__message{color:var(--text-muted);font-size:13.5px;line-height:1.6}.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;overflow:hidden}.login-card__header{text-align:center;border-bottom:1px solid var(--border-muted);padding:36px 32px 28px}.login-card__icon{color:var(--accent);margin-bottom:12px}.login-card__title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:700}.login-card__subtitle{color:var(--text-faint);margin-top:4px;font-size:12.5px}.login-form{flex-direction:column;gap:14px;padding:24px 32px 32px;display:flex}.login-form__error{color:var(--danger);text-align:center;font-size:12.5px}.kv-list{flex-direction:column;gap:2px;display:flex}.kv-list__item{color:var(--text-muted);font-size:12px;font-family:var(--mono);align-items:center;gap:6px;display:flex}.kv-list__key{color:var(--text-faint);min-width:36px;font-size:10.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (width<=768px){:root{--sidebar-w:0px}.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-muted);flex-direction:row;width:100%;height:auto;padding:0;position:static;overflow-x:auto}.sidebar__brand{border-bottom:none;border-right:1px solid var(--border-muted);flex-shrink:0;padding:12px 16px}.sidebar__nav{flex-direction:row;flex:1;align-items:center;gap:0;padding:0 8px}.sidebar__link{white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;padding:12px 10px;font-size:13px}.sidebar__link--active{border-bottom-color:var(--accent);color:var(--accent);background:0 0}.sidebar__logout{border-top:none;border-left:1px solid var(--border-muted);flex-shrink:0;padding:12px 14px;font-size:0}.sidebar__logout svg{margin:0}.page{padding:20px 16px}.page__header{flex-direction:column;align-items:flex-start;gap:12px}.page__header-right{flex-wrap:wrap;width:100%}.page__header-right .field,.page__header-right select{flex:1;min-width:140px}.table-wrap .table{width:max-content;min-width:100%}.table__actions{flex-wrap:wrap;gap:4px}.form-row{flex-direction:column}.modal{border-radius:8px}.login-card{max-width:100%}.login-card__header{padding:28px 24px 20px}.login-form{padding:20px 24px 28px}}