*{box-sizing:border-box}:root{--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 38px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(23, 33, 59, .06);--shadow: 0 2px 8px rgba(23, 33, 59, .08);--shadow-lg: 0 12px 28px rgba(23, 33, 59, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--font-sans: system-ui, "Segoe UI", "Noto Sans", Roboto, Arial, sans-serif;--font-mono: "Cascadia Mono", Consolas, "Roboto Mono", monospace}:root,:root[data-theme=light]{--bg: #EDE8DF;--surface: #FEF5ED;--surface-2: #D3E4CD;--border: #ADC2A9;--text: #293029;--text-2: #3e483e;--text-3: #576557;--accent: #4a564a;--accent-hover: #3a443a;--accent-soft: #D3E4CD;--on-accent: #ffffff;--success: #4e674e;--success-soft: #dfeddc;--warning: #9a4b06;--warning-soft: #f8ead9;--danger: #a34328;--danger-soft: #f6e3dc;--hero-bg: #3d493d;--hero-fg: #ffffff;--hero-fg-2: rgba(255, 255, 255, .82)}:root[data-theme=dark]{--bg: #1a201a;--surface: #242c24;--surface-2: #313a31;--border: #475446;--text: #e9efe7;--text-2: #c3d0c1;--text-3: #a2b1a0;--accent: #ADC2A9;--accent-hover: #c6d7c2;--accent-soft: #2f3a2f;--on-accent: #1a201a;--success: #a9c6a5;--success-soft: #22301f;--warning: #F9AD6A;--warning-soft: #3a2a17;--danger: #e6a08a;--danger-soft: #38221b;--hero-bg: #2b342b;--hero-fg: #e9efe7;--hero-fg-2: rgba(233, 239, 231, .78);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .45)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid transparent;background-clip:padding-box;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}h2{color:var(--accent);margin-top:0}h3{color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--surface);color:var(--text-2);padding:14px 12px;display:flex;flex-direction:column;border-right:1px solid var(--border);box-shadow:var(--shadow-lg);transition:width .25s ease,transform .25s ease,background .25s ease;overflow-x:hidden;overflow-y:auto;white-space:nowrap;position:sticky;top:0;align-self:flex-start;height:100vh}.layout.sb-collapsed .sidebar{width:80px;padding:14px 10px}.sb-head{display:flex;align-items:center;gap:8px;padding:2px 4px 14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden;flex:1}.brand:hover{text-decoration:none}.brand-badge{width:40px;height:40px;flex-shrink:0;display:block;object-fit:contain}.brand-tx{display:flex;flex-direction:column;line-height:1.15}.brand-tx b{color:var(--text);font-size:var(--fs-lg)}.brand-tx small{color:var(--text-3);font-size:var(--fs-2xs)}.sb-toggle{background:var(--accent);color:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:var(--fs-md);line-height:1;cursor:pointer;padding:0;flex-shrink:0;box-shadow:var(--shadow)}.sb-toggle:hover{background:var(--accent-hover)}.sb-toggle.dark{background:var(--surface-2);color:var(--text-2);border-radius:var(--r-sm);width:34px;height:34px;box-shadow:none}.sb-toggle.dark:hover{background:var(--border)}.sb-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:var(--r-md);padding:9px 12px;margin-bottom:12px}.sb-search .ic{font-size:var(--fs-md);flex-shrink:0}.sb-search input{border:none;background:transparent;padding:0;width:100%;font-size:var(--fs-md);color:var(--text)}.side-group{padding:12px 12px 4px;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-3)}.side-link{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:3px 0;color:var(--text-2);text-decoration:none;font-size:var(--fs-md);border-radius:var(--r-md);transition:background .18s,color .18s}.side-link .ic{font-size:var(--fs-lg);width:22px;text-align:center;flex-shrink:0}.side-link:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.side-link.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-lg)}.side-link.hide{display:none}.side-link.as-btn{width:100%;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left}.side-link.as-btn:hover{background:var(--surface-2)}nav{flex:1}.sb-bottom{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.theme-row{cursor:default}.theme-row .tx{flex:1}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;cursor:pointer;background:var(--border);border-radius:var(--r-lg);transition:background .2s}.slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--surface);border-radius:50%;transition:transform .2s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px)}.auto-chip{width:100%;margin-top:4px;background:transparent;color:var(--text-3);border:1px dashed var(--border);border-radius:var(--r-md);padding:7px 10px;font-size:var(--fs-xs);cursor:pointer}.auto-chip:hover{color:var(--text);border-color:var(--text-3);background:transparent}.auto-chip.on{color:var(--accent);border-color:var(--accent)}.auto-chip .ic-only,.sb-collapsed .brand-tx,.sb-collapsed .side-link .tx,.sb-collapsed .side-group,.sb-collapsed .sb-search,.sb-collapsed .auto-chip .tx{display:none}.sb-collapsed .brand{justify-content:center}.sb-collapsed .sb-head{flex-direction:column;gap:10px}.sb-collapsed .side-link{justify-content:center;padding:11px 0}.sb-collapsed .theme-row .switch{display:none}.sb-collapsed .auto-chip .ic-only{display:inline;font-weight:700}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title{color:var(--text-3);font-size:var(--fs-md)}.user-area{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.content{padding:24px;flex:1}.content.fs{padding:0}button{cursor:pointer;border:none;background:var(--accent);color:var(--on-accent);padding:7px 14px;border-radius:var(--r-sm);font-size:var(--fs-md);font-family:inherit;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}button:disabled{background:var(--border);color:var(--text-3);cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:2px}.btn-outline{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover);transform:translateY(-1px)}.btn-soft,.btn-soft-primary{padding:8px 16px;border-radius:var(--r-sm);text-decoration:none;font-size:var(--fs-md);font-weight:600}.btn-soft{color:var(--accent)}.btn-soft-primary{background:var(--accent);color:var(--on-accent)}.btn-soft-primary:hover{background:var(--accent-hover);text-decoration:none}.chip{display:inline-block;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:6px 16px;margin:0 6px 6px 0;font-size:var(--fs-sm);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}input,select,textarea{padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-md);font-family:inherit;outline:none;background:var(--surface);color:var(--text);transition:border-color .15s,background .25s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-sm)}input::placeholder,textarea::placeholder{color:var(--text-3)}table{border-collapse:collapse;background:var(--surface);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}table th,table td{border:1px solid var(--border);padding:9px 12px;text-align:left}table thead th{background:var(--accent);color:#fff;font-weight:700}table tbody tr:nth-child(2n){background:var(--surface-2)}table tbody tr:hover{background:var(--accent-soft)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.dlg-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:4000}.dlg-box{background:var(--surface);color:var(--text);border-radius:var(--r-lg);padding:24px;width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:fadeup .2s ease}.toast-wrap{position:fixed;left:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:3000}.toast{display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;background:var(--text);color:var(--bg);padding:12px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);cursor:pointer;border-left:4px solid var(--text-3);animation:toastIn .25s cubic-bezier(.2,.8,.2,1)}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.fade-in{animation:fadeup .25s ease both}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.loader{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:12px auto}@keyframes spin{to{transform:rotate(360deg)}}.content>*{animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;height:100vh;transform:translate(-105%);box-shadow:var(--shadow-lg);width:258px!important;padding:14px 12px!important}.layout.mobile-open .sidebar{transform:translate(0)}.sb-collapsed .brand-tx,.sb-collapsed .side-link .tx,.sb-collapsed .side-group,.sb-collapsed .sb-search,.sb-collapsed .auto-chip .tx{display:flex}.sb-collapsed .side-link{justify-content:flex-start;padding:11px 14px}.sb-collapsed .theme-row .switch{display:inline-block}.sb-collapsed .auto-chip .ic-only,.sb-head .sb-toggle{display:none}.sb-backdrop{position:fixed;inset:0;background:#00000073;z-index:150;animation:fadein .2s ease}.content{padding:14px}.topbar{padding:0 12px}.topbar-title{display:none}}@media(max-width:600px){.content{padding:10px}.user-meta{display:none}h2{font-size:var(--fs-xl)}table{display:block;overflow-x:auto;white-space:nowrap}.toast-wrap{left:10px;right:10px}.toast{max-width:none;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:1600px){.content{max-width:1440px;margin:0 auto;width:100%}}.auth-card{max-width:380px;margin:48px auto;padding:28px 26px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow)}.auth-card .fld{margin-bottom:14px}.auth-card .fld label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:5px;color:var(--text-2)}.auth-card .fld .req{color:#d32f2f}.auth-card .fld input{width:100%}.auth-card input:disabled{opacity:.6;cursor:not-allowed}.auth-btn{width:100%;padding:11px;font-size:var(--fs-md);font-weight:600;margin-top:4px}.auth-btn:disabled{opacity:.65;cursor:wait}.auth-error,.auth-ok{padding:9px 12px;border-radius:var(--r-sm);font-size:var(--fs-md);margin:0 0 14px}.auth-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.auth-ok{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.lang-code{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.04em;color:var(--text-3)}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-4) 0 0;font-size:var(--fs-sm)}.auth-hint{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--border);font-size:var(--fs-sm);color:var(--text-3);text-align:center}