:root{--bg-base:#eeeef1;--bg-surface:#fff;--bg-surface-alpha:hsla(0,0%,100%,.92);--bg-elevated:#e5e5e8;--bg-hover:#dcdce0;--bg-overlay:rgba(0,0,0,.4);--border-subtle:#e0e0e3;--border-default:#cacacf;--border-strong:#9ca3af;--text-primary:#111;--text-secondary:#555;--text-muted:#767680;--text-link:#16a34a;--shadow-card:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);--accent-green:#3ecf8e;--accent-green-hover:#2fb87a;--accent-green-dim:rgba(62,207,142,.15);--status-success-bg:rgba(22,163,74,.12);--status-success-text:#16a34a;--status-warning-bg:rgba(217,119,6,.12);--status-warning-text:#d97706;--status-error-bg:rgba(220,38,38,.12);--status-error-text:#dc2626;--status-neutral-bg:hsla(220,9%,46%,.12);--status-neutral-text:#6b7280;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:18px;--text-xl:24px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.3;--leading-normal:1.5;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px}[data-theme=dark]{--bg-base:#0f0f11;--bg-surface:#1a1a1e;--bg-surface-alpha:rgba(26,26,30,.92);--bg-elevated:#242428;--bg-hover:#2d2d32;--bg-overlay:rgba(0,0,0,.65);--border-subtle:#38383f;--border-default:#3a3a42;--border-strong:#52525e;--text-primary:#ededed;--text-secondary:#a0a0a0;--text-muted:#8c8c96;--text-link:#3ecf8e;--shadow-card:0 1px 4px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3);--accent-green:#3ecf8e;--accent-green-hover:#2fb87a;--accent-green-dim:rgba(62,207,142,.15);--status-success-bg:rgba(62,207,142,.15);--status-success-text:#3ecf8e;--status-warning-bg:rgba(247,178,50,.15);--status-warning-text:#f7b232;--status-error-bg:rgba(239,68,68,.15);--status-error-text:#f87171;--status-neutral-bg:hsla(0,0%,62.7%,.12);--status-neutral-text:#a0a0a0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);min-height:100vh}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-shell{display:flex;min-height:100vh}.main-content{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;padding:8px 0;width:220px}.sidebar-logo{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:8px;padding:12px 16px}.sidebar-section-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;margin-top:8px;padding:8px 16px 4px;text-transform:uppercase}.sidebar-item{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-sm);margin:1px 6px;padding:6px 16px;text-decoration:none;transition:background .15s,color .15s}.sidebar-item:hover{background:var(--bg-elevated);color:var(--text-primary);text-decoration:none}.sidebar-item.active{background:var(--accent-green-dim);border-left:2px solid var(--accent-green);color:var(--text-primary);padding-left:14px}.sidebar-item .icon{flex-shrink:0;height:16px;opacity:.7;width:16px}.sidebar-item.active .icon,.sidebar-item:hover .icon{opacity:1}.sidebar-item.active .icon{color:var(--accent-green)}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:8px 0}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0;font-size:var(--text-base);gap:var(--space-sm);height:48px;padding:0 16px}.topbar,.topbar-breadcrumb{align-items:center;display:flex}.topbar-breadcrumb{gap:6px}.topbar-breadcrumb-item{color:var(--text-secondary);font-size:var(--text-base)}.topbar-breadcrumb-separator{color:var(--text-muted);font-size:var(--text-xs)}.topbar-badge{background:var(--accent-green-dim);border:1px solid rgba(62,207,142,.25);border-radius:4px;color:var(--status-success-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.topbar-right{gap:var(--space-sm);margin-left:auto}.theme-toggle,.topbar-right{align-items:center;display:flex}.theme-toggle{background:transparent;border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-secondary);cursor:pointer;height:28px;justify-content:center;transition:background .15s,border-color .15s,color .15s;width:28px}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.theme-toggle svg{display:block;flex-shrink:0}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.page-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 4px}.page-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.page-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}.btn-primary{align-items:center;background:var(--accent-green);border:none;border-radius:5px;color:#0d1f17;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-medium);gap:6px;padding:6px 14px;transition:background .15s;white-space:nowrap}.btn-primary:hover{background:var(--accent-green-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border-default);border-radius:5px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-normal);gap:6px;padding:6px 14px;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{align-items:center;background:transparent;border:1px solid rgba(239,68,68,.35);border-radius:5px;color:#f87171;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-normal);gap:6px;padding:6px 14px;transition:background .15s;white-space:nowrap}.btn-danger:hover{background:#ef44441a}.btn-icon{align-items:center;background:transparent;border:1px solid var(--border-default);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:5px 8px;transition:background .15s}.btn-icon:hover{background:var(--bg-elevated)}.table-container{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}table{border-collapse:collapse;font-size:var(--text-base);width:100%}thead{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-base);padding:10px 12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-elevated)}td.col-id{color:var(--text-muted)}td.col-id,td.col-meta{font-size:var(--text-sm)}td.col-meta{color:var(--text-secondary)}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.badge-active{background:var(--status-success-bg);color:var(--status-success-text)}.badge-inactive{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge-error{background:var(--status-error-bg);color:var(--status-error-text)}.badge-nano{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-card);padding:20px 24px}.card-header{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:4px}.card-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px;padding:16px 20px}.stat-label{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}label{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium)}.form-description{color:var(--text-muted);font-size:var(--text-sm);margin-top:-2px}input,select,textarea{background:var(--bg-base);border:1px solid var(--border-default);border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);outline:none;padding:7px 11px;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px #3ecf8e26}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea{min-height:80px;resize:vertical}.settings-row{align-items:start;border-bottom:1px solid var(--border-subtle);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;padding:20px 0}.settings-row-label{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium)}.settings-row-description{color:var(--text-secondary);font-size:var(--text-sm);margin-top:2px}.search-bar{align-items:center;display:inline-flex;position:relative}.search-bar input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:var(--text-base);padding:6px 10px 6px 30px;width:240px}.search-bar .search-icon{color:var(--text-muted);height:13px;left:9px;pointer-events:none;position:absolute;width:13px}.toolbar{align-items:center;margin-bottom:12px}.toolbar,.toolbar-right{display:flex;gap:var(--space-sm)}.toolbar-right{margin-left:auto}.filter-btn{align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:5px;padding:5px 10px;transition:background .15s}.filter-btn:hover{background:var(--bg-elevated)}.modal-backdrop{align-items:center;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 20px 60px #00000080;max-width:90vw;padding:24px;width:480px}.modal-title{color:var(--text-primary);font-size:15px;font-weight:var(--weight-semibold);margin-bottom:8px}.modal-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin-bottom:20px}.modal-footer{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:20px;padding-top:16px}.notice{align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);display:flex;font-size:var(--text-base);gap:10px;margin-bottom:20px;padding:12px 16px}.notice-label{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;margin-top:1px;text-transform:uppercase}.notice a{color:var(--accent-green);text-decoration:underline}.divider,hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-lg) 0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--status-success-text)}.text-warning{color:var(--status-warning-text)}.text-error{color:var(--status-error-text)}.text-accent{color:var(--accent-green)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edrawer-overlay{background:#00000073;left:0;z-index:1100}.edrawer,.edrawer-overlay{bottom:0;position:fixed;right:0;top:48px}.edrawer{background:var(--bg-surface);border-left:1px solid var(--border-default);display:flex;flex-direction:column;max-width:50vw;min-width:340px;z-index:1101}.edrawer-enter-active,.edrawer-leave-active{transition:opacity .18s ease}.edrawer-enter-from,.edrawer-leave-to{opacity:0}.edrawer-enter-active .edrawer,.edrawer-leave-active .edrawer{transition:transform .22s ease}.edrawer-enter-from .edrawer,.edrawer-leave-to .edrawer{transform:translate(100%)}.edrawer-resize-handle{bottom:0;cursor:ew-resize;left:-3px;position:absolute;top:0;width:6px;z-index:10}.edrawer-resize-handle:after{background:var(--border-default);border-radius:2px;content:"";height:32px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:2px}.edrawer-resize-handle:hover:after{background:var(--accent-green)}.edrawer-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.edrawer-header-left{align-items:center;display:flex;gap:8px}.edrawer-title{color:var(--text-primary);font-size:14px;font-weight:600}.edrawer-header-actions{align-items:center;display:flex;gap:2px}.edrawer-expand{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .12s}.edrawer-expand:hover{background:var(--bg-elevated);color:var(--text-primary)}.edrawer-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .12s}.edrawer-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.edrawer-tabs{border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;padding:0 20px}.edrawer-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:-1px;padding:9px 14px;transition:all .15s}.edrawer-tab:hover{color:var(--text-secondary)}.edrawer-tab--active{border-bottom-color:var(--accent-green);color:var(--text-primary)}.edrawer-body{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 20px}.edrawer-section-lbl{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.edrawer-footer{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:13px 20px}.toast-portal{bottom:24px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast-stack{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.toast{align-items:center;border:1px solid transparent;border-radius:6px;box-shadow:0 4px 16px #0000001f;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:13px;gap:10px;line-height:1.4;max-width:360px;padding:10px 14px;pointer-events:all}.toast--success{background:#f0faf5;border-color:#16a34a40;color:#15803d}.toast--error{background:#fef2f2;border-color:#ef444440;color:#dc2626}.toast--info{background:#f5f5f5;border-color:#0000001a;color:#555}body.admin-dark .toast--success{background:#162a20;border-color:#3ecf8e40;box-shadow:0 4px 16px #00000059;color:#3ecf8e}body.admin-dark .toast--error{background:#2a1616;border-color:#ef444440;box-shadow:0 4px 16px #00000059;color:#f87171}body.admin-dark .toast--info{background:#1e1e2a;border-color:#a0a0c033;box-shadow:0 4px 16px #00000059;color:#a0a0c0}.toast-icon{align-items:center;display:flex;flex-shrink:0}.toast-message{flex:1;min-width:0}.toast-enter-active{transition:all .2s ease}.toast-leave-active{transition:all .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(16px)}.toast-move{transition:transform .2s ease}