:root{--bg-body: #f3f4f6;--bg-card: #ffffff;--border-color: #e5e7eb;--border-input: #d1d5db;--text-main: #1f2937;--text-muted: #6b7280;--text-placeholder: #9ca3af;--text-heading: #111827;--primary: #4f46e5;--primary-hover: #4338ca;--primary-text: #ffffff;--bg-table-header: #f9fafb;--text-table-header: #374151;--bg-hover: #f3f4f6;--bg-disabled: #f3f4f6;--text-disabled: #9ca3af;--error-bg: #fee2e2;--error-border: #ef4444;--error-text: #991b1b;--badge-default-bg: #f3f4f6;--badge-default-text: #374151;--badge-active-bg: #d1fae5;--badge-active-text: #065f46;--badge-inactive-bg: #fee2e2;--badge-inactive-text: #991b1b;--badge-must-use-bg: #e0e7ff;--badge-must-use-text: #3730a3;--badge-drop-in-bg: #fef3c7;--badge-drop-in-text: #92400e}@media(prefers-color-scheme:dark){:root{--bg-body: #111827;--bg-card: #1f2937;--border-color: #374151;--border-input: #4b5563;--text-main: #f9fafb;--text-muted: #9ca3af;--text-placeholder: #6b7280;--text-heading: #f3f4f6;--primary: #6366f1;--primary-hover: #818cf8;--primary-text: #ffffff;--bg-table-header: #111827;--text-table-header: #e5e7eb;--bg-hover: #374151;--bg-disabled: #374151;--text-disabled: #6b7280;--error-bg: #7f1d1d;--error-border: #dc2626;--error-text: #fca5a5;--badge-default-bg: #374151;--badge-default-text: #e5e7eb;--badge-active-bg: #064e3b;--badge-active-text: #34d399;--badge-inactive-bg: #7f1d1d;--badge-inactive-text: #f87171;--badge-must-use-bg: #312e81;--badge-must-use-text: #818cf8;--badge-drop-in-bg: #78350f;--badge-drop-in-text: #fbbf24}}*{box-sizing:border-box}html,body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-body);color:var(--text-main)}#app{max-width:none;margin:0;padding:0;text-align:left}table{width:100%;border-collapse:collapse}input,select{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-input)}:is(input,select)::placeholder{color:var(--text-placeholder)}.spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(156,163,175,.2);border-radius:50%;border-left-color:var(--primary);animation:spin 1s linear infinite}.spinner.spinner-small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.view-container{max-width:1200px;width:95%;margin:0 auto;padding:20px}.content{display:flex;flex-direction:column;gap:24px}.header,.title-area{display:flex;align-items:center}:is(.header,.title-area) h1{margin:0;font-size:24px}.header{justify-content:space-between;margin-bottom:24px}.title-area{gap:16px}.btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s}.btn.btn-primary{background-color:var(--primary);color:var(--primary-text);border:none}.btn.btn-primary:hover{background-color:var(--primary-hover)}.btn.btn-primary:disabled{opacity:.7;cursor:not-allowed}.back-btn{padding:8px 12px;background-color:transparent;border:1px solid var(--border-input);border-radius:4px;cursor:pointer;color:var(--text-main);font-weight:500}.back-btn:hover{background-color:var(--bg-hover)}.error-banner{background-color:var(--error-bg);border-left:4px solid var(--error-border);color:var(--error-text);padding:12px 16px;margin-bottom:20px;border-radius:4px}.error-banner p{margin:0}.controls{margin-bottom:20px}.controls .search-input{width:100%;max-width:400px;padding:10px;border:1px solid var(--border-input);border-radius:4px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px}.card h2{margin-top:0;margin-bottom:16px;font-size:18px;color:var(--text-heading);border-bottom:1px solid var(--border-color);padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.info-grid .info-item{display:flex;flex-direction:column;gap:4px}.info-grid .info-item .label{font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.info-grid .info-item .value{font-size:16px;color:var(--text-heading)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.data-table th{background-color:var(--bg-table-header);font-weight:600;color:var(--text-table-header)}.data-table.sortable th{cursor:pointer}.data-table.sortable th:hover{background-color:var(--bg-hover)}.data-table .clickable-row{cursor:pointer}.data-table .clickable-row:hover td{background-color:var(--bg-hover)}.data-table .empty-state{text-align:center;padding:32px!important;color:var(--text-muted)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-table-header);border-top:1px solid var(--border-color)}.pagination .rows-per-page select{margin-left:8px;padding:4px}.pagination .page-controls{display:flex;align-items:center;gap:12px}.pagination .page-controls button{padding:6px 12px;border:1px solid var(--border-input);background-color:var(--bg-card);border-radius:4px;cursor:pointer;color:var(--text-main)}.pagination .page-controls button:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.status-badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500;text-transform:capitalize;background-color:var(--badge-default-bg);color:var(--badge-default-text)}.status-badge.active{background-color:var(--badge-active-bg);color:var(--badge-active-text)}.status-badge.inactive,.status-badge.disabled,.status-badge.error{background-color:var(--badge-inactive-bg);color:var(--badge-inactive-text)}.status-badge.must-use{background-color:var(--badge-must-use-bg);color:var(--badge-must-use-text)}.status-badge.drop-in{background-color:var(--badge-drop-in-bg);color:var(--badge-drop-in-text)}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column}.app-container .main-content{flex:1;display:flex;flex-direction:column}.app-container .app-nav{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);padding:0 20px}.app-container .app-nav .nav-container{max-width:1200px;margin:0 auto;display:flex;gap:24px}.app-container .app-nav .nav-container .nav-item{padding:16px 4px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:14px;border-bottom:2px solid transparent;transition:all .2s ease}.app-container .app-nav .nav-container .nav-item:hover{color:var(--text-main)}.app-container .app-nav .nav-container .nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.app-container .app-footer{margin-top:auto;padding:1rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.nav-container[data-v-47804891]{display:flex;justify-content:space-between;align-items:center}.nav-links[data-v-47804891]{display:flex;gap:24px}.nav-user[data-v-47804891]{display:flex;align-items:center;gap:12px}.user-display-name[data-v-47804891]{font-size:14px;color:var(--text-muted);font-weight:500}.logout-btn[data-v-47804891]{padding:6px 14px;background-color:transparent;border:1px solid var(--border-input);border-radius:4px;color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-btn[data-v-47804891]:hover{background-color:var(--bg-hover)}