:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #eef2ef;--foreground: #152019;--card: #ffffff;--card-foreground: #152019;--popover: #ffffff;--popover-foreground: #152019;--primary: #0f7662;--primary-foreground: #ffffff;--secondary: #f1f4f1;--secondary-foreground: #1f2f27;--muted: #eef2ef;--muted-foreground: #66736b;--accent: #dceee7;--accent-foreground: #0c5f4e;--destructive: #b42318;--destructive-foreground: #ffffff;--warning: #9a6700;--warning-muted: #fff7df;--border: #d9ded6;--input: #d9ded6;--ring: #0f7662;--radius: 8px;--shadow-sm: 0 1px 2px rgba(21, 32, 25, .08);--shadow-md: 0 18px 42px rgba(21, 32, 25, .14);--line: var(--border);--panel: var(--card);--ink: var(--foreground);--accent-strong: var(--primary);--danger: var(--destructive);--amber: var(--warning)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,.ui-button:disabled{cursor:not-allowed;opacity:.55}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--background)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:20px;height:100vh;padding:24px 18px;border-right:0;background:#10231c;color:#edf7f2}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand strong,.login-brand h1{display:block;margin:0;font-size:18px;line-height:1.2}.brand>div>span,.login-brand p,.page-head p,.panel-head p{margin:0;color:var(--muted-foreground);font-size:13px}.brand strong{color:#fff}.brand>div>span{color:#9fb3aa}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius);background:#0f7662;color:#b9d8cc;font-weight:800}.brand-mark.large{width:44px;height:44px;font-size:22px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding-top:8px}.sidebar-nav a,.logout-button{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:0;border-radius:var(--radius);color:#d7e4dd;background:transparent;text-decoration:none;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.sidebar-nav a:hover,.logout-button:hover{background:#ffffff14;color:#fff}.sidebar-nav a.active{background:#f5fbf8;color:#0c5f4e;font-weight:700;box-shadow:0 10px 24px #040d092e}.logout-button{margin-top:auto;width:100%}.workspace{min-width:0;padding:34px 40px}.page{display:flex;flex-direction:column;gap:22px}.page-head,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head{padding-bottom:8px}.page-head h1,.panel-head h2{margin:0;font-size:26px;line-height:1.2}.page-actions,.inline-actions,.form-actions,.pager-buttons{display:flex;align-items:center;gap:8px}.toolbar{display:grid;grid-template-columns:minmax(180px,320px) repeat(3,minmax(120px,180px));gap:12px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#ffffffd6;padding:14px;box-shadow:var(--shadow-sm)}.user-wordbook-detail-toolbar{grid-template-columns:minmax(180px,320px) minmax(140px,180px)}.batch-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ead8a6;border-radius:var(--radius);background:var(--warning-muted);padding:10px 14px;font-size:13px;color:var(--warning)}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--input);border-radius:var(--radius);background:var(--card);color:var(--ink);padding:9px 10px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #0f766224}.ui-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-sm)}.ui-card-header{display:grid;gap:5px;padding:18px 18px 0}.ui-card-title{margin:0;font-size:18px;line-height:1.25}.ui-card-description{margin:0;color:var(--muted-foreground);font-size:13px}.ui-card-content{padding:18px}.ui-button,.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:var(--radius);border:1px solid transparent;padding:8px 12px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.ui-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.sidebar-nav a:focus-visible{outline:none;box-shadow:0 0 0 3px #0f76622e}.ui-button--sm{min-height:32px;padding:6px 10px;font-size:13px}.ui-button--md{min-height:38px}.ui-button--icon,.icon-button{width:36px;min-width:36px;padding:0}.ui-button--primary,.primary-button{background:var(--primary);color:var(--primary-foreground)}.ui-button--primary:hover,.primary-button:hover{background:#0b5f4f}.ui-button--secondary,.secondary-button,.icon-button{background:var(--card);color:var(--foreground);border-color:var(--border)}.ui-button--secondary:hover,.secondary-button:hover,.icon-button:hover{background:var(--secondary)}.ui-button--ghost{background:transparent;color:var(--foreground)}.ui-button--ghost:hover{background:var(--muted)}.ui-button--destructive{background:var(--destructive);color:var(--destructive-foreground)}.sidebar .logout-button{justify-content:flex-start;color:#d7e4dd}.sidebar .logout-button:hover{background:#ffffff14;color:#fff}.ui-badge{display:inline-flex;align-items:center;min-height:30px;border:1px solid transparent;border-radius:var(--radius);padding:6px 10px;font-size:13px;font-weight:600}.ui-badge--default{background:var(--primary);color:var(--primary-foreground)}.ui-badge--secondary{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.ui-badge--warning{border-color:#ead8a6;background:var(--warning-muted);color:var(--warning)}.ui-badge--destructive{background:#fff3f1;color:var(--destructive)}.danger-text{color:var(--danger)}.delete-zone{justify-content:flex-end;padding-top:14px;border-top:1px solid var(--line)}.icon-button.danger{color:var(--danger)}.table-frame{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 14px 34px #1520191a}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.data-table th{color:#506158;font-size:12px;font-weight:700;letter-spacing:0;background:#edf3ef}.data-table tr:last-child td{border-bottom:0}.clickable-row:hover{background:#f4faf7}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.badge-stack{display:flex;flex-wrap:wrap;gap:6px}.row-action-button{min-height:32px;padding:6px 9px;font-size:13px}.stacked-cell{display:grid;gap:3px;min-width:0}.stacked-cell strong,.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stacked-cell span{color:var(--muted-foreground);font-size:12px}.word-main-cell strong{font-size:15px}.word-list-lines{display:grid;gap:4px;min-width:0}.word-list-lines span,.word-list-lines small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;overflow-wrap:anywhere}.word-list-lines small{color:var(--muted-foreground)}.word-count-cell{display:flex;flex-wrap:wrap;gap:5px}.word-count-cell span{border:1px solid var(--border);border-radius:6px;background:#f7faf8;color:#43534a;padding:3px 6px;font-size:12px}.empty-cell{height:92px;color:var(--muted-foreground);text-align:center!important}.pagination{display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground);font-size:13px;padding:0 2px}.detail-panel{position:fixed;top:0;right:0;z-index:20;display:flex;flex-direction:column;width:min(760px,100vw);height:100vh;padding:22px;border-left:1px solid var(--line);background:var(--popover);box-shadow:var(--shadow-md)}.panel-body{min-height:0;overflow:auto;padding-top:18px}.panel-stack{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.inline-form label{display:grid;gap:6px;color:#425047;font-size:13px}.form-grid .wide,.settings-form .wide{grid-column:1 / -1}.check-row{display:flex!important;align-items:center;gap:8px!important}.check-row input{width:16px}.form-error{border:1px solid #f4b6ad;border-radius:var(--radius);background:#fff3f1;color:var(--danger);padding:10px 12px;font-size:13px}.loading-line{color:var(--muted-foreground);padding:18px 0}.token-warning{border:1px solid #ead8a6;border-radius:var(--radius);background:var(--warning-muted);color:var(--warning);padding:10px 12px;font-size:13px}.token-field{display:grid;gap:6px;color:#425047;font-size:13px}.token-field textarea{min-height:132px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;resize:vertical}.token-meta,.token-copy-status{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted-foreground);font-size:13px}.token-copy-status{color:var(--primary)}.subsection{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.subsection h3{margin:0;font-size:16px}.inline-form{display:grid;grid-template-columns:96px minmax(160px,1fr) minmax(140px,1fr) minmax(120px,160px) 80px 36px 36px;gap:8px;align-items:center}.example-form{grid-template-columns:minmax(200px,1fr) minmax(160px,1fr) 80px 36px 36px}.relation-list{display:grid;gap:8px}.relation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:10px 12px}.word-rich-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.metric{display:grid;gap:10px;padding:16px}.metric svg{color:var(--primary)}.metric span{color:var(--muted-foreground);font-size:13px}.metric strong{font-size:28px;line-height:1}.wordbook-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.summary-card{display:grid;gap:8px;padding:14px}.summary-card span{color:var(--muted-foreground);font-size:13px}.summary-card strong{font-size:24px;line-height:1}.summary-card.warning{border-color:#ead8a6;background:var(--warning-muted)}.status-strip{display:flex;flex-wrap:wrap;gap:8px}.status-strip>span:not(.ui-badge){border:1px solid #ead8a6;border-radius:var(--radius);background:#fff8e6;color:var(--amber);padding:8px 10px;font-size:13px}.admin-tables-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.admin-table-nav{position:sticky;top:24px;display:grid;gap:12px;max-height:calc(100vh - 72px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;padding:12px;box-shadow:var(--shadow-sm)}.admin-table-nav-head,.admin-table-meta-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted-foreground);font-size:13px}.admin-table-nav-head{color:var(--foreground);font-weight:700}.admin-table-nav-group{display:grid;gap:6px}.admin-table-nav-group strong{color:#506158;font-size:12px}.admin-table-nav-group button{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-height:48px;border:0;border-radius:var(--radius);background:transparent;color:var(--foreground);padding:8px 10px;text-align:left}.admin-table-nav-group button:hover,.admin-table-nav-group button.active{background:var(--accent);color:var(--accent-foreground)}.admin-table-nav-group small,.admin-table-form-grid small{color:var(--muted-foreground);font-size:12px}.admin-table-main{display:grid;gap:12px;min-width:0}.admin-table-toolbar{grid-template-columns:minmax(220px,1fr) minmax(140px,190px) minmax(120px,150px)}.admin-table-meta-strip{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;padding:10px 12px}.admin-table-meta-strip strong{color:var(--foreground);font-size:14px}.admin-table-meta-strip span{border:1px solid var(--border);border-radius:6px;background:var(--secondary);padding:4px 7px}.admin-table-detail-grid,.admin-table-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-table-form-grid label{display:grid;gap:6px;color:#425047;font-size:13px}.admin-table-form-grid label.wide{grid-column:1 / -1}.admin-table-form-grid textarea{min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}.table-cell-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;overflow-wrap:anywhere}.login-screen{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top left,rgba(15,118,98,.16),transparent 34%),var(--background)}.login-panel{width:min(420px,100%);display:grid;gap:24px;padding:28px}.login-form{grid-template-columns:1fr}.json-preview{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#f7f7f2;padding:12px;font-size:12px}.csv-detail-item{display:grid;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:11px 12px}.csv-detail-item p,.csv-detail-item span,.csv-detail-item small{margin:0}.csv-detail-item span,.csv-detail-item small{color:var(--muted-foreground);line-height:1.45}.csv-chip-list{display:flex;flex-wrap:wrap;gap:8px}.csv-chip-list span{border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary);color:var(--secondary-foreground);padding:6px 9px;font-size:13px}.csv-chip-list.compact{gap:5px}.csv-chip-list.compact span{padding:3px 6px;font-size:12px}.search-box{position:relative;display:block}.search-box svg{position:absolute;top:50%;left:11px;color:var(--muted-foreground);transform:translateY(-50%);pointer-events:none}.search-box input{padding-left:34px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{z-index:10;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-nav a,.logout-button{justify-content:center}.toolbar,.metric-grid,.wordbook-summary-grid,.admin-tables-layout,.admin-table-toolbar,.admin-table-detail-grid,.admin-table-form-grid,.word-rich-grid{grid-template-columns:1fr 1fr}.admin-table-nav{position:static;max-height:none}.inline-form,.example-form{grid-template-columns:1fr}}@media(max-width:640px){.workspace{padding:18px}.toolbar,.form-grid,.metric-grid,.wordbook-summary-grid,.admin-tables-layout,.admin-table-toolbar,.admin-table-detail-grid,.admin-table-form-grid,.word-rich-grid,.sidebar-nav{grid-template-columns:1fr}.page-head{flex-direction:column}}