@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-700: oklch(37.3% .034 259.733);--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-7xl: 80rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.isolate{isolation:isolate}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}@media(hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}@media(hover:hover){.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}}:root{--bg-page: #f9fafb;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--bg-secondary: #f3f4f6;--bg-secondary-hover: #e5e7eb;--bg-error: #fef2f2;--bg-accent-subtle: #eff6ff;--bg-modal-backdrop: rgb(0 0 0 / .5);--text-heading: #111827;--text-primary: #374151;--text-secondary: #4b5563;--text-muted: #6b7280;--text-error: #dc2626;--text-error-banner: #b91c1c;--text-on-primary: #ffffff;--text-accent: #2563eb;--border-default: #d1d5db;--border-subtle: #cbd5e1;--border-error: #ef4444;--primary: #2563eb;--primary-hover: #1d4ed8;--focus-ring: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: 0 2px 4px 0 rgb(0 0 0 / .1), 0 6px 16px -2px rgb(0 0 0 / .1);color-scheme:light}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-secondary: #334155;--bg-secondary-hover: #475569;--bg-error: #450a0a;--bg-accent-subtle: #1e3a5f;--bg-modal-backdrop: rgb(0 0 0 / .7);--text-heading: #f1f5f9;--text-primary: #cbd5e1;--text-secondary: #94a3b8;--text-muted: #64748b;--text-error: #f87171;--text-error-banner: #fca5a5;--text-on-primary: #ffffff;--text-accent: #60a5fa;--border-default: #475569;--border-subtle: #475569;--border-error: #f87171;--primary: #3b82f6;--primary-hover: #2563eb;--focus-ring: #60a5fa;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-lg: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-card: 0 2px 6px 0 rgb(0 0 0 / .3), 0 8px 20px -4px rgb(0 0 0 / .35);color-scheme:dark}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:17px;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-card)}.card-title{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.material-icon{font-family:Material Symbols Outlined,sans-serif;font-size:1.25rem;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;flex-shrink:0}.page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;animation:header-enter .5s cubic-bezier(.22,1,.36,1) both}.page-header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.page-title{font-size:1.75rem;font-weight:800;color:var(--text-heading);letter-spacing:-.025em}.header-status{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .875rem;font-size:.8125rem;font-weight:600;border-radius:9999px;letter-spacing:.01em}.header-status.active{background-color:#e1f2ed;color:#065f46}.header-status.inactive{background-color:var(--bg-error);color:var(--text-error)}[data-theme=dark] .header-status.active{background-color:#1c3f46;color:#6ee7b7}.status-dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0}.header-status.active .status-dot{background-color:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-dot 2s ease-in-out infinite}.header-status.inactive .status-dot{background-color:var(--text-error)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b98114}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.card-header-left{display:flex;align-items:center;gap:.75rem}.card-header .card-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.625rem;background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;flex-shrink:0}@supports (color: color-mix(in lab,red,red)){.card-icon-wrapper{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary),#000 20%))}}.card-icon-wrapper .material-icon{font-size:1.25rem}.card-subtitle{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}.info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:.625rem;background-color:var(--bg-secondary);border:1px solid transparent;transition:all .2s ease}.info-item:hover{border-color:var(--border-subtle);background-color:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.info-item.span-full{grid-column:1 / -1}.info-item-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background-color:var(--bg-accent-subtle);color:var(--primary);flex-shrink:0;margin-top:.0625rem}.info-item-icon .material-icon{font-size:1.125rem}.info-item-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.info-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;font-weight:500;color:var(--text-primary);word-break:break-word}.info-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;color:var(--text-accent);font-size:.875rem;letter-spacing:.02em}.error-banner{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:.75rem;color:var(--text-error);font-size:.875rem}.error-banner .material-icon{font-size:1.25rem;flex-shrink:0}.loading-skeleton{display:flex;flex-direction:column;gap:1.5rem}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.skeleton-grid.two-col{grid-template-columns:repeat(2,1fr)}.skeleton-block{height:4rem;border-radius:.625rem;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line{height:1rem;border-radius:.25rem;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line.wide{width:40%}.skeleton-line.short{width:50%}.skeleton-row{height:3.5rem;border-radius:.5rem;margin-top:.75rem;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes header-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-primary{background-color:var(--primary);color:var(--text-on-primary);border:none}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary-hover)}@media(max-width:640px){.page-title{font-size:1.375rem}.page-header-content{gap:.625rem}.info-grid,.skeleton-grid,.skeleton-grid.two-col{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.page-header,.status-dot,.skeleton-block,.skeleton-line,.skeleton-row{animation:none}}.skeleton-toolbar{display:flex;gap:.75rem;margin-bottom:1rem}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.toolbar-filters{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;flex:1;min-width:0}.search-field{position:relative;display:flex;align-items:center;flex:1;min-width:12rem;max-width:22rem}.search-icon{position:absolute;inset-inline-start:.625rem;color:var(--text-muted);font-size:1.125rem;pointer-events:none}.search-input{width:100%;padding:.4375rem .75rem .4375rem 2.25rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--focus-ring);background-color:var(--bg-card);box-shadow:0 0 0 3px #3b82f626}.status-select{padding:.4375rem 2rem .4375rem .75rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;outline:none;white-space:nowrap}.status-select:focus{border-color:var(--focus-ring);background-color:var(--bg-card);box-shadow:0 0 0 3px #3b82f626}.btn-clear-filters{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-default);border-radius:.5rem;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease;outline:none}.btn-clear-filters .material-icon{font-size:1rem}.btn-clear-filters:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-clear-filters:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease}.th-sortable:hover{color:var(--text-primary);background-color:var(--bg-secondary-hover)}.th-sortable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.th-sorted{color:var(--text-accent)}.th-content{display:inline-flex;align-items:center;gap:.25rem}.sort-icon{font-size:1rem;opacity:.5;transition:opacity .15s ease,transform .15s ease}.th-sorted .sort-icon{opacity:1;color:var(--text-accent)}.empty-cell{text-align:center;padding:0;border-top:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;opacity:.35;margin-bottom:.5rem}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:0}.empty-state-subtitle{font-size:.8125rem;color:var(--text-muted);margin:0}.empty-state-action{margin-top:.75rem;gap:.375rem}.empty-state-action .material-icon{font-size:1rem}@media(max-width:768px){.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{flex-direction:column}.search-field{max-width:100%}.status-select{width:100%}.btn-clear-filters{width:100%;justify-content:center}.empty-cell{display:block}.empty-cell:before{display:none}}@media(prefers-reduced-motion:reduce){.sort-icon,.search-input,.status-select,.btn-clear-filters,.th-sortable{transition:none}}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-default);border-radius:.75rem;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.back-btn:hover{background-color:var(--bg-secondary-hover);transform:translate(-2px)}.back-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card-actions{display:flex;align-items:center;gap:.5rem}.edit-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--primary);background:none;border:1px solid var(--primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background-color:var(--primary);color:#fff}.edit-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.edit-btn .material-icon{font-size:1rem}.card-actions .delete-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--text-error);background:none;border:1px solid var(--border-error);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.card-actions .delete-btn:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;color:#fff}.card-actions .delete-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.card-actions .delete-btn .material-icon{font-size:1rem}@media(max-width:640px){.card-actions{width:100%}.card-actions .edit-btn,.card-actions .delete-btn{flex:1;justify-content:center}}.delete-confirm-banner{padding:1rem;margin-bottom:1rem;background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:.75rem}.delete-confirm-content{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.75rem}.delete-confirm-icon{color:var(--text-error);font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.delete-confirm-content p{margin:0;font-size:.875rem;color:var(--text-error);line-height:1.5}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.btn-danger{background-color:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background-color:#b91c1c}[data-theme=dark] .btn-danger{background-color:#ef4444}[data-theme=dark] .btn-danger:hover:not(:disabled){background-color:#dc2626}.edit-form{display:flex;flex-direction:column;gap:1.25rem}.form-error{margin-bottom:0}.edit-form .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}.edit-form .form-field{display:flex;flex-direction:column;gap:.375rem}.edit-form .form-field.full-width{grid-column:1 / -1}.edit-form .form-field label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.edit-form .form-field input,.edit-form .form-field textarea{padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-page);border:1px solid var(--border-default);border-radius:.5rem;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;resize:vertical}.edit-form .form-field input:focus,.edit-form .form-field textarea:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px #3b82f626}.edit-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.toggle-label{display:flex;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.toggle-status{font-size:.8125rem;text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text-secondary)}button.toggle{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;padding:.125rem;border:none;border-radius:9999px;background-color:var(--bg-secondary-hover);cursor:pointer;transition:background-color .25s ease;flex-shrink:0}button.toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button.toggle.active{background-color:#059669}.toggle-thumb{display:block;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px #00000026;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}button.toggle.active .toggle-thumb{transform:translate(1.25rem)}.card-icon-wrapper.menu-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}@keyframes menu-row-enter{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}.menu-items-list{display:flex;flex-direction:column;gap:.25rem}.menu-item-row{display:flex;align-items:center;gap:.875rem;padding:.75rem;border-radius:.625rem;transition:all .2s ease}.menu-item-row:hover{background-color:var(--bg-secondary)}.menu-item-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.625rem;background-color:var(--bg-secondary);color:var(--text-muted);flex-shrink:0;transition:all .25s ease}.menu-item-icon-wrapper.active{background:linear-gradient(135deg,#d9eae3,#e8f1ec);color:#065f46}[data-theme=dark] .menu-item-icon-wrapper.active{background:linear-gradient(135deg,#1b4838,#213b2f);color:#6ee7b7}.menu-item-icon-wrapper .material-icon{font-size:1.25rem}.menu-item-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.menu-item-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.menu-item-code{font-size:.6875rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em}.menu-items-skeleton{display:flex;flex-direction:column;gap:.25rem}.skeleton-menu-row{display:flex;align-items:center;gap:.875rem;padding:.875rem 0}.skeleton-circle{width:2.5rem;height:2.5rem;border-radius:.625rem;flex-shrink:0;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.375rem}@keyframes assign-panel-enter{0%{opacity:0;max-height:0}to{opacity:1;max-height:30rem}}.assign-panel{border-top:1px solid var(--border-default);padding:.75rem;animation:assign-panel-enter .3s ease both;overflow:hidden}.assign-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.625rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-default)}.assign-step-badge{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:9999px;background-color:var(--primary);color:#fff;flex-shrink:0}.assign-header-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.assign-error{margin-bottom:.5rem}.assign-filter{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background-color:var(--bg-page);border:1px solid var(--border-default);border-radius:.5rem;margin-bottom:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.assign-filter:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px #3b82f626}.assign-filter-icon{font-size:1.125rem;color:var(--text-muted);flex-shrink:0}.assign-filter-input{flex:1;border:none;background:none;font-size:.8125rem;color:var(--text-primary);outline:none;font-family:inherit}.assign-filter-input::placeholder{color:var(--text-muted)}.assign-list{display:flex;flex-direction:column;gap:.125rem;max-height:18rem;overflow-y:auto}.assign-item-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:.5rem;border:none;background:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;transition:background-color .2s ease}.assign-item-row:hover{background-color:var(--bg-secondary)}.assign-item-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.assign-item-row:disabled{opacity:.5;cursor:not-allowed}.assign-item-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background-color:var(--bg-secondary);color:var(--text-muted);flex-shrink:0}.assign-item-icon .material-icon{font-size:1rem}.assign-item-info{display:flex;flex-direction:column;gap:.0625rem;flex:1;min-width:0}.assign-item-label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.assign-item-code{font-size:.6875rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em}.assign-item-add{font-size:1.25rem;color:var(--primary);flex-shrink:0;opacity:0;transition:opacity .2s ease}.assign-item-row:hover .assign-item-add{opacity:1}.assign-skeleton{display:flex;flex-direction:column;gap:.25rem}@media(prefers-reduced-motion:reduce){.skeleton-circle,.assign-panel{animation:none}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}