.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--c-sidebar);color:var(--c-sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex:none}.sidebar .brand{display:flex;align-items:center;gap:10px;height:var(--header-h);padding:0 18px;color:#fff;font-weight:600;font-size:15px;border-bottom:1px solid var(--c-sidebar-line);white-space:nowrap}.sidebar .brand em{font-style:normal;font-weight:400;color:#fff9;margin-left:2px}.sidebar .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--c-brand),#7C3AED);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #2457e666}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:10px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--c-sidebar-text);font-size:var(--fs-md);position:relative;transition:background var(--dur-fast) var(--ease),color var(--dur-fast)}.sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar nav a.router-link-active{background:#ffffff1a;color:#fff}.sidebar nav a.router-link-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--c-brand)}.sidebar .foot{margin-top:auto;padding:12px 14px;border-top:1px solid var(--c-sidebar-line);display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm)}.sidebar .foot a{color:#ffffffb3}.sidebar .foot a:hover{color:#fff}.theme-btn{background:transparent;border:1px solid var(--c-sidebar-line);color:#ffffffb3;border-radius:var(--r-sm);padding:4px 8px;font-size:var(--fs-xs);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.theme-btn:hover{color:#fff;border-color:#ffffff4d}.content{flex:1;min-width:0;padding:var(--sp-6);max-width:var(--content-max)}.topbar,.mask{display:none}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:var(--sp-5);margin-bottom:var(--sp-4)}.card h3{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:600;margin:0 0 var(--sp-3)}.card h4{font-size:var(--fs-md);font-weight:600;margin:var(--sp-4) 0 var(--sp-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}th{text-align:left;color:var(--c-text-2);font-weight:500;background:var(--c-surface-2);padding:10px var(--sp-3);border-bottom:1px solid var(--c-border);white-space:nowrap}td{padding:10px var(--sp-3);border-bottom:1px solid var(--c-border);vertical-align:middle}tbody tr:hover td{background:var(--c-brand-soft);background:color-mix(in srgb,var(--c-brand-soft) 60%,transparent)}th:first-child{border-top-left-radius:var(--r-sm)}th:last-child{border-top-right-radius:var(--r-sm)}button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r-sm);border:1px solid transparent;font:500 var(--fs-md)/1 var(--font-sans);cursor:pointer;background:var(--c-brand);color:#fff;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast)}button:hover{background:var(--c-brand-hover)}button:active{background:var(--c-brand-active)}button:disabled{opacity:.5;cursor:default}button.ghost{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong);height:32px;padding:0 12px;font-size:var(--fs-sm)}button.ghost:hover{border-color:var(--c-brand);color:var(--c-brand);background:var(--c-surface-2)}input,select,textarea{height:32px;padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font:var(--fs-md)/1 var(--font-sans);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input[type=checkbox]{height:auto;width:16px;accent-color:var(--c-brand)}input[type=file]{height:auto;padding:6px 0;border:0;background:transparent}input:focus,select:focus,textarea:focus{border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-soft);outline:none}input::placeholder{color:var(--c-text-3)}label{display:inline-flex;align-items:center;gap:6px}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-2)}.muted{color:var(--c-text-3);font-size:var(--fs-sm)}.err{color:var(--c-danger);font-size:var(--fs-sm)}.tag{display:inline-flex;align-items:center;border-radius:var(--r-full);padding:1px 8px;font-size:var(--fs-xs);font-weight:500;background:var(--c-surface-2);color:var(--c-text-2);white-space:nowrap}.tag.ok{background:var(--c-surface-2);background:color-mix(in srgb,var(--c-success) 12%,transparent);color:var(--c-success)}.tag.bad{background:var(--c-surface-2);background:color-mix(in srgb,var(--c-danger) 12%,transparent);color:var(--c-danger)}.tag.warn{background:var(--c-surface-2);background:color-mix(in srgb,var(--c-warning) 14%,transparent);color:var(--c-warning)}.card h3 button,.card h4 button{margin-left:auto}.card h3{display:flex;align-items:center;gap:8px}td b{font-weight:600}.row>div>b{font-size:var(--fs-lg)}code{background:var(--c-surface-2);border-radius:4px;padding:1px 5px}p{margin:var(--sp-2) 0}@media (max-width: 860px){.sidebar{position:fixed;left:0;top:0;z-index:20;transform:translate(-100%);transition:transform var(--dur) var(--ease)}.nav-open .sidebar{transform:none}.nav-open .mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:15}.content{padding:var(--sp-4)}.topbar{display:flex;align-items:center;gap:10px;height:44px;margin:-4px 0 var(--sp-3)}.burger{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border-strong);height:32px;padding:0 10px}.topbar-title{font-weight:600}table{display:block;overflow-x:auto;white-space:nowrap}}