@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.toast-container{position:fixed;z-index:100;top:var(--space-24);right:var(--space-24);display:grid;gap:var(--space-8);width:min(360px,calc(100vw - var(--space-48)))}.toast{padding:var(--space-12) var(--space-16);border-radius:var(--radius-control);background:var(--gray-800);color:var(--surface);box-shadow:var(--shadow-overlay);font-size:var(--text-14);font-weight:600}.toast-success,.toast-info{background:var(--accent)}.toast-warning{background:var(--gray-700)}.toast-error{background:var(--gray-800)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:40px;padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--text-14);font-weight:600;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-subtle)}.btn-outline,.btn-ghost{color:var(--gray-600);background:var(--surface);border-color:var(--gray-200)}.btn-ghost{background:transparent}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-sm{min-height:32px;padding:0 var(--space-12);font-size:var(--text-12)}.btn-icon{width:32px;min-height:32px;padding:0}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-12);border-radius:var(--radius-control);background:var(--gray-100);color:var(--gray-600);font-size:var(--text-12);font-weight:500;white-space:nowrap}.pill-accent{background:var(--accent-soft);color:var(--accent)}.custom-select{position:relative;width:100%}.custom-select-trigger{position:relative;display:flex;width:100%;min-height:40px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-32) + var(--space-4)) 0 var(--space-12);border:1px solid var(--gray-200);border-radius:var(--radius-control);outline:none;background:var(--surface);color:var(--gray-900);font-size:var(--text-14);font-weight:500;line-height:1;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.custom-select-trigger:after{content:"";position:absolute;right:var(--space-12);top:50%;width:var(--space-8);height:var(--space-8);border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);transform:translateY(-65%) rotate(45deg);transition:transform .15s ease}.custom-select-trigger:hover{border-color:var(--gray-300)}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.custom-select.open .custom-select-trigger:after{transform:translateY(-25%) rotate(225deg)}.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + var(--space-4));z-index:80;display:none;padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-overlay)}.custom-select.open .custom-select-menu{display:block}.custom-select-option{display:flex;width:100%;min-height:32px;align-items:center;padding:0 var(--space-12);border:0;border-radius:var(--radius-control);background:transparent;color:var(--gray-600);font-size:var(--text-14);font-weight:500;text-align:left;cursor:pointer}.custom-select-option:hover{background:var(--gray-50);color:var(--gray-900)}.custom-select-option.selected{background:var(--accent-soft);color:var(--accent)}.data-table-wrap{max-width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-400);font-size:var(--text-12);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:var(--text-12);vertical-align:middle;white-space:nowrap}@media(max-width:980px){.data-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:var(--gray-50)}.data-table tr.clickable-row{cursor:pointer}.c-name{color:var(--gray-900);font-weight:500}.c-num{font-weight:500;font-variant-numeric:tabular-nums}.c-time{color:var(--gray-400);font-weight:500;font-variant-numeric:tabular-nums}.c-resolution{color:var(--gray-500);font-size:var(--text-12);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.materials-table,.subscription-table{min-width:1100px}.materials-table .selection-column{width:var(--space-48);padding-right:0;text-align:center}.selection-checkbox{width:var(--space-16);height:var(--space-16);margin:0;accent-color:var(--accent);cursor:pointer}.material-count{margin-left:var(--space-12)}@media(max-width:780px){.list-card .card-head{align-items:flex-start;flex-direction:column}}.status-ok,.status-warn,.status-error{color:var(--gray-600);font-weight:600;font-variant-numeric:tabular-nums}.field.retry-input{width:calc(var(--space-64) + var(--space-16));min-height:var(--space-32);padding:0 var(--space-8);font-size:var(--text-12);font-variant-numeric:tabular-nums}.field.retry-input:disabled{color:var(--gray-400);cursor:not-allowed}.empty{display:grid;place-items:center;gap:var(--space-8);min-height:180px;color:var(--gray-400);font-size:var(--text-14);font-weight:500}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-24);color:var(--gray-400);font-size:var(--text-12);font-weight:500}.page-btns{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);justify-content:flex-end}.pagination-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12);justify-content:flex-end}.page-btn{display:inline-flex;width:var(--space-32);height:var(--space-32);align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);color:var(--gray-600);font-size:var(--text-12);font-weight:700}.page-btn.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-jump{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--gray-500);white-space:nowrap}.page-jump-input{width:var(--space-64);height:var(--space-32);padding:0 var(--space-8);border:1px solid var(--gray-200);border-radius:var(--radius-control);outline:none;background:var(--surface);color:var(--gray-700);font-size:var(--text-12);font-variant-numeric:tabular-nums;text-align:center}.page-jump-input::placeholder{color:var(--gray-400)}.page-jump-input:focus{border-color:var(--accent);box-shadow:0 0 0 var(--line-strong) var(--accent-soft)}.drawer-backdrop{position:fixed;inset:0;z-index:60;background:#1113181f}.drawer{position:fixed;inset:var(--space-24);z-index:70;overflow:auto;overscroll-behavior:contain;border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-overlay)}.drawer-compact{inset:50% auto auto 50%;width:min(calc(var(--space-64) * 7),calc(100% - var(--space-32)));max-height:calc(100vh - var(--space-48));transform:translate(-50%,-50%)}.drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--gray-100);background:var(--surface)}.drawer-title{margin:0;color:var(--gray-900);font-size:var(--text-14);font-weight:600;letter-spacing:0}.drawer-body{padding:var(--space-24)}.card-close-group{display:inline-flex;align-items:center;gap:var(--space-8);margin-left:auto}.card-close-hint{color:var(--gray-400);font-size:var(--text-12);font-weight:500;white-space:nowrap}.card-close{display:inline-flex;width:var(--space-32);height:var(--space-32);align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:50%;background:var(--gray-100);color:var(--gray-600);transition:background .15s ease,border-color .15s ease,color .15s ease}.card-close:hover{border-color:var(--gray-300);background:var(--gray-200);color:var(--gray-900)}@media(max-width:720px){.pagination{align-items:flex-start;flex-direction:column;padding:var(--space-16)}.page-btns,.pagination-controls{width:100%;justify-content:flex-start}.drawer{inset:var(--space-12)}.drawer-compact{inset:50% auto auto 50%;width:calc(100% - var(--space-24));max-height:calc(100vh - var(--space-24))}}:root{--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--text-12: 12px;--text-14: 14px;--text-16: 16px;--text-20: 20px;--text-28: 28px;--text-40: 40px;--text-56: 56px;--gray-50: #f7f7f8;--gray-100: #eff1f4;--gray-200: #e1e4e8;--gray-300: #c8ccd3;--gray-400: #9aa0ab;--gray-500: #737987;--gray-600: #515866;--gray-700: #343946;--gray-800: #242832;--gray-900: #111318;--surface: #fbfbfd;--accent: #4f46b5;--accent-hover: #453da6;--accent-soft: #eeedf8;--accent-wash: #f5f4fb;--font-body: "DM Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--radius-control: 8px;--radius-panel: 12px;--sidebar-width: 210px;--sidebar-collapsed-width: var(--space-64);--line-thin: 1px;--line-strong: 2px;--motion-login-spin: 36s;--motion-login-spin-slow: 48s;--motion-login-drift: 10s;--motion-loading-hint-delay: .3s;--motion-loading-hint-reveal: .16s;--shadow-subtle: 0 2px 12px rgb(17 19 24 / 4%);--shadow-overlay: 0 16px 40px rgb(17 19 24 / 14%)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--gray-50);color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-14);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:var(--radius-control)}.app-shell{min-height:100vh}.mobile-topbar,.mobile-menu-close,.sidebar-backdrop{display:none}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between}.sidebar-collapse{display:inline-flex;width:var(--space-24);height:var(--space-24);flex:0 0 auto;align-items:center;justify-content:center;margin-right:var(--space-12);padding:0;border:var(--line-thin) solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);color:var(--gray-500)}.sidebar-collapse:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sidebar-collapse:focus-visible{outline:0;box-shadow:0 0 0 var(--line-strong) var(--accent-soft)}.sidebar-collapse svg{width:var(--text-12);height:var(--text-12)}.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:var(--space-32) 0;overflow-y:auto;background:var(--surface);border-right:1px solid var(--gray-200)}.brand{padding:0 var(--space-24);margin-bottom:var(--space-32)}.brand-name{color:var(--gray-900);font-size:var(--text-16);font-weight:600;letter-spacing:-.02em;line-height:1.2}.brand-sub{margin-top:var(--space-4);color:var(--gray-400);font-size:var(--text-12);font-weight:500}.nav{flex:1}.nav-group{margin-bottom:var(--space-24)}.nav-label{padding:0 var(--space-24);margin-bottom:var(--space-8);color:var(--gray-400);font-size:var(--text-12);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:var(--space-12);min-height:var(--space-32);margin:var(--space-4) var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);color:var(--gray-600);font-size:var(--text-14);font-weight:400;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav-item svg{width:var(--text-16);height:var(--text-16);opacity:.72}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;padding:0 var(--space-24)}.sidebar-account{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-8);color:var(--gray-400)}.sidebar-username{overflow:hidden;color:inherit;font-size:var(--text-12);font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-icon{width:var(--text-12);height:var(--text-12);flex:0 0 auto}.sidebar-logout{display:inline-flex;width:var(--space-24);height:var(--space-24);flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);color:var(--gray-500);transition:border-color .15s ease,color .15s ease,background .15s ease}.sidebar-logout:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sidebar-logout svg{width:var(--text-12);height:var(--text-12)}.main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);padding:var(--space-32) 40px}@media(min-width:981px){.sidebar-collapse{margin:0 var(--space-12) 0 var(--space-8)}.sidebar-head .brand{min-width:0;flex:1;padding-right:0}.brand-name{white-space:nowrap}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .main{margin-left:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar-head{justify-content:center}.sidebar-collapsed .sidebar-collapse{margin:0}.sidebar-collapsed .brand,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item-label,.sidebar-collapsed .sidebar-account{display:none}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding-right:var(--space-8);padding-left:var(--space-8)}.sidebar-collapsed .sidebar-bottom{justify-content:center;padding:0}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-32)}.page-title{margin:0;color:var(--gray-900);font-size:var(--text-20);font-weight:700;letter-spacing:-.02em;line-height:1.15}.page-sub{margin:var(--space-4) 0 0;color:var(--gray-400);font-size:var(--text-14);font-weight:500}.stack{display:grid;gap:var(--space-16)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12);margin-bottom:var(--space-32)}.stat-card,.card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-panel)}.card.list-card{overflow:hidden}.stat-card{min-height:88px;padding:var(--space-24)}.stat-number{color:var(--gray-900);font-size:var(--text-28);font-weight:700;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-16);margin-bottom:var(--space-32)}.engine-card{display:flex;flex-direction:column;justify-content:center;min-height:148px;padding:var(--space-32) var(--space-24);border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--surface);text-align:center}.engine-name{margin-bottom:var(--space-16);color:var(--gray-900);font-size:var(--text-14);font-weight:700}.engine-num{color:var(--accent);font-size:var(--text-28);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.engine-unit,.stat-label{margin-top:var(--space-8);color:var(--gray-400);font-size:var(--text-12);font-weight:500}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:var(--space-64);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--gray-100)}.card-title{color:var(--gray-900);font-size:var(--text-14);font-weight:600}.card-body{padding:var(--space-24)}.card-body.flush{padding:0}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto));gap:var(--space-12);align-items:center;margin-bottom:var(--space-16)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.form-field{display:grid;gap:var(--space-8)}.form-label{color:var(--gray-600);font-size:var(--text-12);font-weight:600}.form-error{color:var(--gray-700);font-size:var(--text-12);font-weight:500}.field,.textarea,.select{width:100%;min-height:40px;padding:0 var(--space-12);border:1px solid var(--gray-200);border-radius:var(--radius-control);outline:none;background:var(--surface);color:var(--gray-900);font-size:var(--text-14);font-weight:400;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.textarea{min-height:112px;padding-top:var(--space-12);resize:vertical;line-height:1.6}.field::placeholder,.textarea::placeholder{color:var(--gray-300)}.field:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{appearance:none;padding-right:calc(var(--space-32) + var(--space-4));background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239aa0ab' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center;cursor:pointer}.select:hover{border-color:var(--gray-300)}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-16)}.muted{color:var(--gray-400)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.chart{display:flex;align-items:end;gap:var(--space-12);min-height:260px;border-bottom:1px solid var(--gray-100)}.chart-col{display:flex;flex:1;min-width:0;height:240px;flex-direction:column;justify-content:end;align-items:center}.chart-value{margin-bottom:var(--space-8);color:var(--gray-400);font-size:var(--text-12);font-weight:500;font-variant-numeric:tabular-nums}.chart-bar{width:min(28px,70%);min-height:var(--space-8);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--gray-300)}.chart-bar.current{background:var(--accent)}.chart-labels{display:flex;gap:var(--space-8);margin-top:var(--space-12)}.chart-labels span{flex:1;color:var(--gray-400);font-size:var(--text-12);font-weight:500;text-align:center}@media(max-width:980px){.app-shell{display:block}.mobile-topbar{position:sticky;top:0;z-index:40;display:flex;min-height:var(--space-64);align-items:center;gap:var(--space-12);padding:0 var(--space-16);border-bottom:1px solid var(--gray-200);background:var(--surface)}.sidebar-collapse{display:none}.mobile-menu-button,.mobile-menu-close{display:inline-flex;width:var(--space-32);height:var(--space-32);flex:0 0 auto;align-items:center;justify-content:center;padding:0;border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);color:var(--gray-600)}.mobile-menu-button svg,.mobile-menu-close svg{width:var(--text-16);height:var(--text-16)}.mobile-brand-name{overflow:hidden;color:var(--gray-900);font-size:var(--text-14);font-weight:600;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.sidebar-backdrop{position:fixed;inset:0;z-index:50;display:block;width:100%;height:100%;padding:0;border:0;background:#11131824}.sidebar{z-index:60;width:min(calc(var(--space-64) * 4),calc(100vw - var(--space-48)));max-height:100vh;padding:var(--space-24) 0;border-right:1px solid var(--gray-200);visibility:hidden;transform:translate(-100%);transition:transform .18s ease,visibility .18s ease}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-head{gap:var(--space-12)}.sidebar-head .brand{min-width:0}.mobile-menu-close{margin-right:var(--space-16)}.main{margin-left:0;padding:var(--space-24) var(--space-16)}.page-head{align-items:flex-start;flex-direction:column}.stats-grid,.engine-grid,.split,.form-grid,.toolbar{grid-template-columns:1fr}}.login-page{position:relative;overflow:hidden;min-height:100vh;display:grid;grid-template-columns:minmax(0,3fr) minmax(calc(var(--space-64) * 5 + var(--space-32)),2fr);background:var(--gray-900)}.login-visual{position:absolute;inset:0 auto 0 0;width:60%;overflow:hidden;background:var(--gray-900)}.login-visual-graphic{width:100%;height:100%;color:var(--gray-800)}.login-grid-line{fill:none;stroke:currentColor;stroke-width:var(--line-thin)}.login-geometry rect{fill:var(--gray-900);stroke:var(--gray-700);stroke-width:var(--line-thin);transform-box:fill-box;transform-origin:center}.login-geometry rect:nth-child(1){animation:login-geo-clockwise var(--motion-login-spin-slow) linear infinite}.login-geometry rect:nth-child(2){animation:login-geo-counterclockwise var(--motion-login-spin) linear infinite}.login-geometry rect:nth-child(3){animation:login-geo-drift var(--motion-login-drift) ease-in-out infinite}.login-connections path{fill:none;stroke:var(--gray-700);stroke-linecap:round;stroke-width:var(--line-thin)}.login-nodes{fill:var(--gray-900);stroke:var(--gray-400);stroke-width:var(--line-thin)}.login-visual-copy{position:absolute;left:var(--space-64);bottom:var(--space-64);width:min(calc(var(--space-64) * 6),calc(100% - var(--space-64) * 2))}.login-visual-copy h1{margin:0;color:var(--surface);font-size:var(--text-40);font-weight:700;letter-spacing:-.02em;line-height:1.1}.login-visual-copy p{max-width:calc(var(--space-64) * 5 + var(--space-32));margin:var(--space-16) 0 0;color:var(--gray-400);font-size:var(--text-16);font-weight:400;line-height:1.6}.login-panel{position:relative;z-index:2;grid-column:2;display:flex;min-width:0;align-items:center;justify-content:center;padding:var(--space-64);border-left:var(--line-thin) solid var(--gray-200);background:var(--surface)}.login-panel-inner{width:min(100%,calc(var(--space-64) * 5 + var(--space-32)))}.login-title{margin:0;color:var(--gray-900);font-size:var(--text-28);font-weight:700;letter-spacing:-.02em;line-height:1.15}.login-sub{margin:var(--space-8) 0 var(--space-48);color:var(--gray-500);font-size:var(--text-14);font-weight:500}.login-form{display:grid;gap:var(--space-24)}.login-form .form-field{gap:var(--space-8)}.login-form .field{min-height:var(--space-48);background:var(--gray-50)}.login-form .field:focus{background:var(--surface)}.login-form .field:-webkit-autofill{-webkit-box-shadow:0 0 0 calc(var(--space-64) * 100) var(--gray-50) inset!important;-webkit-text-fill-color:var(--gray-900)!important}.login-form .field:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 calc(var(--space-64) * 100) var(--surface) inset!important}.login-submit{width:100%;min-height:var(--space-48);margin-top:var(--space-8)}@keyframes login-geo-clockwise{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes login-geo-counterclockwise{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@keyframes login-geo-drift{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(calc(var(--space-16) * -1)) rotate(45deg)}}@media(prefers-reduced-motion:reduce){.login-geometry rect{animation:none}.login-geometry rect:nth-child(1),.login-geometry rect:nth-child(3){transform:rotate(45deg)}.login-geometry rect:nth-child(2){transform:rotate(-45deg)}}@media(max-width:780px){.login-page{display:block;padding:var(--space-24)}.login-visual{display:none}.login-panel{min-height:calc(100vh - var(--space-48));padding:var(--space-32);border:0;border-radius:var(--radius-panel)}}.metric-list{display:grid;gap:var(--space-12)}.metric-row,.info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-8) 0;border-bottom:1px solid var(--gray-100)}.metric-row:last-child,.info-row:last-child{border-bottom:0}.info-label{color:var(--gray-400);font-size:var(--text-14);font-weight:500}.info-value{color:var(--gray-900);font-size:var(--text-14);font-weight:600;text-align:right}.detail-stack{display:grid;gap:var(--space-16)}.detail-table-section{display:grid;gap:var(--space-12);padding-top:var(--space-16);border-top:1px solid var(--gray-100)}.detail-section-title{color:var(--gray-900);font-size:var(--text-14);font-weight:600;line-height:1.2}.detail-task-table{min-width:1280px}.detail-table-wrap{border:1px solid var(--gray-200);border-radius:var(--radius-control);overflow-x:auto}.subscription-load-more{display:flex;justify-content:center;padding-top:var(--space-4)}.drawer .detail-grid{gap:0}.drawer .info-row{gap:var(--space-16);padding:var(--space-8) var(--space-16);font-size:var(--text-12)}.drawer .info-label{font-size:var(--text-12);font-weight:400}.drawer .info-value{font-size:var(--text-12);font-weight:500}.detail-action-row{display:flex;gap:var(--space-8);padding-top:var(--space-16)}.detail-task-table th{padding:var(--space-8) var(--space-12);font-size:var(--text-12);font-weight:600}.detail-task-table td{padding:var(--space-8) var(--space-12);font-size:var(--text-12);white-space:nowrap}.c-mono-sm{color:var(--gray-400);font-family:var(--font-mono);font-size:var(--text-12)}.inline-actions{display:inline-flex;gap:var(--space-8)}.card-title-inline{display:inline-flex;align-items:center;gap:var(--space-8)}.radio-group,.checkbox-group{display:flex;align-items:center;gap:var(--space-24);flex-wrap:wrap}.radio-item,.cb-item{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--gray-600);font-size:var(--text-14);font-weight:500}.radio-item input,.cb-item input,.cb-cell input{width:var(--space-16);height:var(--space-16);accent-color:var(--accent)}.topn-group{display:inline-flex;width:auto;justify-self:start;padding:var(--space-4);border-radius:var(--radius-control);background:var(--gray-100)}.topn-group button{width:96px;min-height:40px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--gray-400);font-size:var(--text-14);font-weight:600}.topn-group button.active{background:var(--surface);color:var(--gray-900);box-shadow:var(--shadow-subtle)}.form-counter{display:inline-flex;margin-left:var(--space-8);color:var(--gray-400);font-size:var(--text-12);font-weight:500}.task-create-head{flex-wrap:wrap}.task-quota{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8) var(--space-16);margin-left:auto;color:var(--gray-400);font-size:var(--text-12);font-weight:500;font-variant-numeric:tabular-nums}.task-quota-strong{color:var(--gray-600);font-weight:600}@media(max-width:780px){.task-quota{width:100%;justify-content:flex-start;margin-left:0}}.form-field-short{max-width:160px}.form-submit-left{padding-top:var(--space-8)}.category-create-form{min-width:0;grid-template-columns:minmax(0,1fr)}.category-create-form>*{min-width:0}.success-card{display:flex;min-height:calc(var(--space-64) * 7);flex-direction:column;align-items:center;justify-content:center;padding:var(--space-48) var(--space-24);text-align:center}.success-icon{display:inline-flex;width:var(--space-64);height:var(--space-64);align-items:center;justify-content:center;margin-bottom:var(--space-24);border-radius:50%;background:var(--accent-soft);color:var(--accent)}.success-title{margin-bottom:var(--space-32);color:var(--gray-900);font-size:var(--text-20);font-weight:600;line-height:1.2}.success-desc{margin-bottom:var(--space-32);color:var(--gray-400);font-size:var(--text-14);font-weight:500}.success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-16)}.stats-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);margin-bottom:var(--space-24)}.stat{min-height:88px;padding:var(--space-24);border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--surface)}.stat-num{color:var(--gray-900);font-size:var(--text-28);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.material-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-24)}.video-preview{position:relative;display:grid;min-height:calc(var(--space-64) * 6);place-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--gray-800);color:var(--surface);overflow:hidden}.video-ratio-badge,.video-duration{position:absolute;left:var(--space-16);display:inline-flex;min-height:var(--space-24);align-items:center;border-radius:var(--radius-control);background:var(--gray-700);color:var(--surface);font-size:var(--text-12);font-weight:600}.video-ratio-badge{top:var(--space-16);padding:0 var(--space-8)}.video-duration{bottom:var(--space-16);padding:0 var(--space-12)}.play-btn{display:grid;width:var(--space-48);height:var(--space-48);place-items:center;border-radius:50%;background:var(--accent);color:var(--surface);font-size:var(--text-16)}.material-detail-card{margin-top:var(--space-16)}.stats-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-mini{display:grid;gap:var(--space-4);padding:var(--space-16);border-right:1px solid var(--gray-100)}.stat-mini:last-child{border-right:0}.stat-mini-num{color:var(--gray-900);font-size:var(--text-20);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat-mini-label{color:var(--gray-400);font-size:var(--text-12);font-weight:500}.materials-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16)}.materials-back{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);border:0;border-radius:var(--radius-control);background:transparent;color:var(--accent);font-size:var(--text-14);font-weight:500}.materials-back:hover{background:var(--accent-soft)}.materials-table-wrap{overflow:hidden;margin-bottom:var(--space-16);border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--surface)}.materials-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-24);border-bottom:1px solid var(--gray-100)}.materials-toolbar-left{color:var(--gray-400);font-size:var(--text-12);font-weight:500}.materials-toolbar-left strong{color:var(--gray-900);font-weight:600}.filter-bar{display:flex;align-items:flex-end;gap:var(--space-12);flex-wrap:wrap;margin-bottom:var(--space-16)}.filter-item{display:grid;gap:var(--space-4)}.filter-grow{flex:1;min-width:calc(var(--space-64) * 3 + var(--space-32))}.filter-label{color:var(--gray-400);font-size:var(--text-12);font-weight:500}.filter-date{width:calc(var(--space-64) * 2 + var(--space-32))}.filter-date-preset{width:calc(var(--space-64) * 2 + var(--space-48))}.date-preset-select.custom-range{width:calc(var(--space-64) * 3 + var(--space-48))}.time-filter-control,.time-type-switch{display:flex;align-items:center}.time-filter-control{gap:var(--space-8)}.time-type-switch{min-height:calc(var(--space-32) + var(--space-8));padding:var(--space-4);border:var(--line-thin) solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface)}.time-type-switch button{min-height:var(--space-32);padding:0 var(--space-12);border:0;border-radius:var(--radius-control);background:transparent;color:var(--gray-500);font-size:var(--text-12);font-weight:500;white-space:nowrap}.time-type-switch button:hover{color:var(--gray-800)}.time-type-switch button:focus-visible{outline:0;box-shadow:0 0 0 var(--line-strong) var(--accent-soft)}.time-type-switch button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.new-only-filter{display:inline-flex;min-height:32px;align-items:center;gap:var(--space-8);padding:0 var(--space-4);color:var(--gray-600);font-size:var(--text-12);font-weight:500;cursor:pointer}.new-only-filter:has(input:checked){color:var(--accent)}.table-name-link{padding:0;border:0;background:transparent;color:var(--gray-900);font-size:inherit;font-weight:500;text-align:left}.table-name-link:hover{color:var(--accent)}.table-name-link:focus-visible{border-radius:var(--radius-control);outline:0;box-shadow:0 0 0 var(--line-strong) var(--accent-soft)}.date-preset-menu{right:0;left:auto;width:calc(var(--space-64) * 5)}.date-preset-custom{display:grid;gap:var(--space-12);margin-top:var(--space-4);padding:var(--space-12);border-top:var(--line-thin) solid var(--gray-100)}.date-preset-custom-title{display:flex;align-items:center;gap:var(--space-8);color:var(--gray-700);font-size:var(--text-12);font-weight:600}.date-preset-field{display:grid;gap:var(--space-4);color:var(--gray-400);font-size:var(--text-12);font-weight:500}.date-input{min-height:32px;padding:0 var(--space-8);border:1px solid var(--gray-200);border-radius:var(--radius-control);outline:none;background:var(--gray-50);color:var(--gray-800);font-family:var(--font-body);font-size:var(--text-12);font-weight:500;color-scheme:light}.date-input:hover{border-color:var(--gray-300)}.date-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.date-preset-input{width:100%;min-height:calc(var(--space-32) + var(--space-8))}.date-preset-hint{color:var(--gray-400);font-size:var(--text-12);font-weight:500}.filter-select{width:calc(var(--space-64) * 2 + var(--space-32))}.list-card>.card-head{min-height:calc(var(--space-64) + var(--space-8))}.card-head-meta{color:var(--gray-400);font-size:var(--text-12);font-weight:500}.card-head-meta strong{color:var(--gray-700);font-weight:700}.search-bar{width:min(calc(var(--space-64) * 3 + var(--space-32)),100%)}.search-field{width:100%;min-height:40px;padding:0 var(--space-16);border:1px solid var(--gray-200);border-radius:var(--radius-control);outline:none;background:var(--gray-50);color:var(--gray-900);font-size:var(--text-14)}.search-field::placeholder{color:var(--gray-300)}.tabs{display:flex;gap:var(--space-16);padding:0 var(--space-24);border-bottom:1px solid var(--gray-200)}.tab{min-width:76px;padding:var(--space-16) 0 var(--space-12);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--gray-400);font-size:var(--text-14);font-weight:700}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.count{margin-left:var(--space-4);color:inherit;font-size:var(--text-12);font-weight:700;font-variant-numeric:tabular-nums}.cb-cell{width:var(--space-48);text-align:center}.table-empty-row{height:180px;color:var(--gray-400);font-size:var(--text-14);font-weight:500;text-align:center}.table-retry{margin-left:var(--space-12)}.copy-cell{display:flex;align-items:center;gap:var(--space-8);max-width:260px}.btn-group,.action-group{display:inline-flex;align-items:center;gap:var(--space-8);white-space:nowrap}.sort-header{display:inline-flex;align-items:center;gap:var(--space-4);padding:0;border:0;outline:0;background:transparent;color:var(--gray-400);font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap}.sort-header:hover,.sort-header:focus-visible,.sort-header.active{color:var(--accent)}.sort-header:focus-visible{box-shadow:0 0 0 var(--line-strong) var(--accent-soft)}.sort-placeholder{color:var(--gray-300)}.sort-header:hover .sort-placeholder,.sort-header:focus-visible .sort-placeholder{color:currentColor}.push-action{min-width:calc(var(--space-64) + var(--space-16))}.push-action:disabled{border-color:var(--gray-200);background:var(--gray-100);color:var(--gray-400);opacity:1}.action-link{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:transparent;color:var(--accent);font-size:var(--text-12);font-weight:700}.muted-link{color:var(--gray-400)}.retry{color:var(--gray-600)}.toggle{width:var(--space-32);height:var(--space-24);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-100)}.toggle:before{display:block;width:var(--space-12);height:var(--space-12);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-subtle);content:""}.toggle.on{border-color:var(--accent);background:var(--accent)}.toggle.on:before{transform:translate(var(--space-8))}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-16);padding:var(--space-12) var(--space-16);border:1px solid var(--gray-200);border-radius:var(--radius-panel);background:var(--surface)}.selection-toolbar,.batch-toolbar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:var(--text-12);font-weight:500}.subscription-row-no-data td{background:var(--gray-50);color:var(--gray-400)}.subscription-row-no-data .c-name{color:var(--gray-500)}.subscription-no-data-label{display:inline-flex;padding:var(--space-4) var(--space-8);border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--surface);color:var(--gray-500);font-size:var(--text-12);font-weight:600}.btn-clear{padding:var(--space-4) var(--space-8);border:0;background:transparent;color:var(--gray-400);font-size:var(--text-12);font-weight:400}.btn-clear:hover{color:var(--gray-700)}.data-table tr.selected-row td{background:var(--accent-soft)}.delayed-loading-hint{animation:delayed-loading-hint-reveal var(--motion-loading-hint-reveal) ease var(--motion-loading-hint-delay) both}@keyframes delayed-loading-hint-reveal{0%{opacity:0}to{opacity:1}}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.detail-section{border:1px solid var(--gray-200);border-radius:var(--radius-panel);padding:var(--space-24);background:var(--surface)}.detail-section-title{margin:0 0 var(--space-16);color:var(--gray-900);font-size:var(--text-14);font-weight:600}@media(max-width:780px){.category-create-form .topn-group{width:100%}.category-create-form .topn-group button{width:auto;min-width:0;flex:1}.detail-grid,.material-detail-grid,.stats-2{grid-template-columns:1fr}.filter-grow,.filter-select,.filter-date,.filter-date-preset,.date-preset-select.custom-range,.search-bar{width:100%}.filter-item:has(.filter-date-preset){width:100%}.time-filter-control{display:grid;grid-template-columns:1fr}.time-type-switch,.time-type-switch button{width:100%}.date-preset-menu{width:100%;max-height:calc(var(--space-64) * 5);overflow-y:auto;overscroll-behavior:contain}}