.app[data-v-3bdb998c]{--sb-w: 248px;--sb-w-min: 68px;--tb-h: 60px;--sb-bg: #ffffff;--sb-border: #EEF0F2;--sb-text: #6A6C72;--sb-hover: rgba(1,3,158,.04);--sb-active: rgba(1,3,158,.08);--sb-accent: #01039E;--tb-bg: #ffffff;--page-bg: #F9F9F9;--radius: 10px;--font: "Barlow", -apple-system, BlinkMacSystemFont, sans-serif;display:flex;min-height:100vh;font-family:var(--font);-webkit-font-smoothing:antialiased;background:var(--page-bg)}.sidebar[data-v-3bdb998c]{width:var(--sb-w);min-height:100vh;background:var(--sb-bg);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--sb-border);z-index:100}.sidebar.is-collapsed[data-v-3bdb998c]{width:var(--sb-w-min)}.sidebar-logo[data-v-3bdb998c]{display:flex;align-items:center;justify-content:center;padding:4px 16px;border-bottom:1px solid var(--sb-border);flex-shrink:0;overflow:hidden;min-height:68px}.logo-mark[data-v-3bdb998c]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-mark svg[data-v-3bdb998c]{width:32px;height:32px;flex-shrink:0;display:block;border-radius:8px}.logo-image-full[data-v-3bdb998c]{height:125px;width:auto;object-fit:contain;display:block;max-width:100%;transition:height .22s cubic-bezier(.4,0,.2,1)}.logo-image-collapsed[data-v-3bdb998c]{height:40px;width:auto;object-fit:contain;display:block;max-width:100%;transition:height .22s cubic-bezier(.4,0,.2,1)}.sidebar-nav[data-v-3bdb998c]{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.sidebar-nav[data-v-3bdb998c]::-webkit-scrollbar{display:none}.nav-group[data-v-3bdb998c]{display:flex;flex-direction:column;gap:1px;margin-bottom:4px}.nav-group+.nav-group[data-v-3bdb998c]{margin-top:8px;padding-top:8px;border-top:1px solid var(--sb-border)}.nav-group-label[data-v-3bdb998c]{font-size:.62rem;font-weight:700;color:#9aa0a8;text-transform:uppercase;letter-spacing:1.2px;padding:0 12px 8px;white-space:nowrap;overflow:hidden}.nav-link[data-v-3bdb998c]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);text-decoration:none;color:var(--sb-text);font-size:.86rem;font-weight:500;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s;position:relative}.sidebar.is-collapsed .nav-link[data-v-3bdb998c]{justify-content:center;padding:10px}.nav-link[data-v-3bdb998c]:hover{background:var(--sb-hover);color:#082434}.nav-link.is-active[data-v-3bdb998c]{background:var(--sb-active);color:var(--sb-accent);font-weight:600}.nav-icon[data-v-3bdb998c]{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.nav-icon[data-v-3bdb998c] svg{width:18px;height:18px}.nav-label[data-v-3bdb998c]{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-dot[data-v-3bdb998c]{width:6px;height:6px;border-radius:50%;background:var(--sb-accent);flex-shrink:0;margin-left:auto}.sidebar-bottom[data-v-3bdb998c]{padding:10px 8px 14px;border-top:1px solid var(--sb-border);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-status[data-v-3bdb998c]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);font-size:.75rem;font-weight:600;overflow:hidden;white-space:nowrap}.sidebar.is-collapsed .sidebar-status[data-v-3bdb998c]{justify-content:center;padding:8px}.status-on[data-v-3bdb998c]{color:#4ade80;background:#4ade801a}.status-off[data-v-3bdb998c]{color:#fbbf24;background:#fbbf241a}.status-led[data-v-3bdb998c]{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status-on .status-led[data-v-3bdb998c]{animation:led-pulse-3bdb998c 2.2s ease-in-out infinite}@keyframes led-pulse-3bdb998c{0%,to{opacity:1}50%{opacity:.35}}.status-text[data-v-3bdb998c]{flex:1}.status-badge[data-v-3bdb998c]{background:#e61439;color:#fff;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:99px;min-width:16px;text-align:center;flex-shrink:0}.collapse-btn[data-v-3bdb998c]{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius);border:none;background:transparent;color:#9aa0a8;font-size:.78rem;font-weight:500;cursor:pointer;font-family:var(--font);transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;width:100%;text-align:left}.sidebar.is-collapsed .collapse-btn[data-v-3bdb998c]{justify-content:center;padding:9px}.collapse-btn[data-v-3bdb998c]:hover{background:var(--sb-hover);color:#082434}.collapse-icon[data-v-3bdb998c]{width:16px;height:16px;flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1)}.collapse-icon.is-flipped[data-v-3bdb998c]{transform:rotate(180deg)}.main-area[data-v-3bdb998c]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar[data-v-3bdb998c]{height:var(--tb-h);background:var(--tb-bg);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:sticky;top:0;z-index:50;gap:16px;overflow:visible}.topbar-left[data-v-3bdb998c],.topbar-right[data-v-3bdb998c]{display:flex;align-items:center;gap:12px}.breadcrumb[data-v-3bdb998c]{display:flex;align-items:center;gap:6px;font-size:.82rem}.breadcrumb-root[data-v-3bdb998c]{color:#6a6c72;font-weight:500}.breadcrumb-sep[data-v-3bdb998c]{width:14px;height:14px;color:#c8cbd1;flex-shrink:0}.breadcrumb-current[data-v-3bdb998c]{color:#082434;font-weight:600}.topbar-btn[data-v-3bdb998c]{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius);border:1px solid #e5e7eb;background:#f9f9f9;color:#374151;font-size:.78rem;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s}.topbar-btn[data-v-3bdb998c]:hover:not(:disabled){background:#f1f3f5;border-color:#c8cbd1}.topbar-btn[data-v-3bdb998c]:disabled{opacity:.5;cursor:not-allowed}.topbar-btn svg[data-v-3bdb998c]{width:15px;height:15px;flex-shrink:0}.sync-btn svg.spin[data-v-3bdb998c]{animation:spin-3bdb998c .8s linear infinite}@keyframes spin-3bdb998c{to{transform:rotate(360deg)}}.sync-count[data-v-3bdb998c]{background:#2480c1;color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:99px;min-width:16px;text-align:center}.topbar-divider[data-v-3bdb998c]{width:1px;height:24px;background:#e5e7eb;flex-shrink:0}.topbar-user[data-v-3bdb998c]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 8px;border-radius:var(--radius);transition:background .15s}.topbar-user[data-v-3bdb998c]:hover{background:#f9f9f9}.user-avatar[data-v-3bdb998c]{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#01039e,#082434);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0}.user-avatar.sm[data-v-3bdb998c]{width:28px;height:28px;font-size:.7rem;flex-shrink:0}.user-chevron[data-v-3bdb998c]{width:14px;height:14px;color:#6a6c72;transition:transform .2s;flex-shrink:0}.topbar-user.is-open .user-chevron[data-v-3bdb998c]{transform:rotate(180deg)}.user-dropdown[data-v-3bdb998c]{position:absolute;top:calc(var(--tb-h) + 4px);right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #08243424,0 2px 8px #0824340f;min-width:220px;z-index:200;overflow:hidden}.dropdown-header[data-v-3bdb998c]{display:flex;align-items:center;gap:10px;padding:14px 16px}.dropdown-name[data-v-3bdb998c]{font-size:.82rem;font-weight:600;color:#082434}.dropdown-role[data-v-3bdb998c]{font-size:.72rem;color:#6a6c72;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdown-divider[data-v-3bdb998c]{height:1px;background:#f1f3f5;margin:0}.dropdown-item[data-v-3bdb998c]{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:.82rem;font-weight:500;color:#374151;cursor:pointer;font-family:inherit;transition:background .12s;text-align:left}.dropdown-item[data-v-3bdb998c]:hover{background:#f9f9f9}.dropdown-item.danger[data-v-3bdb998c]{color:#e61439}.dropdown-item.danger[data-v-3bdb998c]:hover{background:#fdeaee}.dropdown-item svg[data-v-3bdb998c]{width:15px;height:15px;flex-shrink:0}.dropdown-enter-active[data-v-3bdb998c]{transition:opacity .15s ease,transform .15s ease}.dropdown-leave-active[data-v-3bdb998c]{transition:opacity .1s ease}.dropdown-enter-from[data-v-3bdb998c]{opacity:0;transform:translateY(-8px) scale(.97)}.dropdown-leave-to[data-v-3bdb998c]{opacity:0}.user-info[data-v-3bdb998c]{display:flex;flex-direction:column;line-height:1.2}.user-name[data-v-3bdb998c]{font-size:.78rem;font-weight:600;color:#082434}.user-role[data-v-3bdb998c]{font-size:.65rem;color:#6a6c72;font-weight:500}.page-content[data-v-3bdb998c]{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px}.toasts[data-v-3bdb998c]{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.toast[data-v-3bdb998c]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #08243424,0 1px 4px #0824340f;border:1px solid #e5e7eb;pointer-events:all}.toast-icon-wrap[data-v-3bdb998c]{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.toast-icon-wrap svg[data-v-3bdb998c]{width:18px;height:18px}.toast-success .toast-icon-wrap[data-v-3bdb998c]{color:#16a34a}.toast-error .toast-icon-wrap[data-v-3bdb998c]{color:#e61439}.toast-warning .toast-icon-wrap[data-v-3bdb998c]{color:#d97706}.toast-info .toast-icon-wrap[data-v-3bdb998c]{color:#2480c1}.toast-msg[data-v-3bdb998c]{flex:1;font-size:.82rem;font-weight:500;color:#374151;line-height:1.4}.toast-close[data-v-3bdb998c]{flex-shrink:0;width:20px;height:20px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;transition:all .15s}.toast-close[data-v-3bdb998c]:hover{background:#f3f4f6;color:#374151}.toast-close svg[data-v-3bdb998c]{width:14px;height:14px}.label-fade-enter-active[data-v-3bdb998c]{transition:opacity .15s ease,transform .15s ease}.label-fade-leave-active[data-v-3bdb998c]{transition:opacity .1s ease;position:absolute}.label-fade-enter-from[data-v-3bdb998c]{opacity:0;transform:translate(-4px)}.label-fade-leave-to[data-v-3bdb998c]{opacity:0}.page-enter-active[data-v-3bdb998c]{transition:opacity .16s ease,transform .16s ease}.page-leave-active[data-v-3bdb998c]{transition:opacity .12s ease}.page-enter-from[data-v-3bdb998c]{opacity:0;transform:translateY(8px)}.page-leave-to[data-v-3bdb998c]{opacity:0}.toast-enter-active[data-v-3bdb998c]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-3bdb998c]{transition:all .18s ease}.toast-enter-from[data-v-3bdb998c]{opacity:0;transform:translateY(12px) scale(.95)}.toast-leave-to[data-v-3bdb998c]{opacity:0;transform:translate(20px)}@media (max-width: 768px){.app[data-v-3bdb998c]{flex-direction:column}.sidebar[data-v-3bdb998c]{width:100%!important;height:auto;min-height:auto;position:sticky;top:0;flex-direction:row;border-right:none;border-bottom:1px solid var(--sb-border)}.sidebar-logo[data-v-3bdb998c]{border-bottom:none;border-right:1px solid var(--sb-border);padding:12px 14px;min-height:auto}.logo-text[data-v-3bdb998c],.logo-sub[data-v-3bdb998c]{display:none}.sidebar-nav[data-v-3bdb998c]{flex-direction:row;padding:8px;gap:2px;flex:1;overflow-x:auto;overflow-y:hidden}.nav-group[data-v-3bdb998c]{flex-direction:row;margin:0;padding:0;border:none!important;gap:2px}.nav-group-label[data-v-3bdb998c]{display:none}.nav-link[data-v-3bdb998c]{padding:8px 10px;border-radius:6px}.nav-label[data-v-3bdb998c],.nav-dot[data-v-3bdb998c],.sidebar-bottom[data-v-3bdb998c]{display:none}.topbar[data-v-3bdb998c]{padding:0 16px}.breadcrumb-root[data-v-3bdb998c],.breadcrumb-sep[data-v-3bdb998c],.user-info[data-v-3bdb998c],.topbar-divider[data-v-3bdb998c]{display:none}.page-content[data-v-3bdb998c]{padding:16px}.toasts[data-v-3bdb998c]{bottom:16px;right:16px;left:16px;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #e6e7f5;--primary-100: #c0c2e6;--primary-200: #9598d4;--primary-300: #6a6dc1;--primary-400: #4a4cb3;--primary-500: #2a2da5;--primary-600: #01039e;--primary-700: #010289;--primary-800: #01026e;--primary-900: #000150;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fdeaee;--danger-100: #fbcad3;--danger-500: #e61439;--danger-600: #cc1234;--danger-700: #a80f2b;--info-50: #eaf3fa;--info-100: #bedaef;--info-500: #2480c1;--info-600: #1f6ba2;--info-700: #185683;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 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);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-family: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}html{font-family:var(--font-family);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f9f9f9;color:var(--gray-900);min-height:100vh}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-500)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-700)}.btn-secondary{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-success{background-color:var(--success-600);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-700)}.btn-danger{background-color:var(--danger-600);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-700)}.btn-ghost{background-color:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--gray-900);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input:disabled{background-color:var(--gray-100);cursor:not-allowed}.input-error{border-color:var(--danger-500)}.input-error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-100)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-1)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full)}.badge-success{background-color:var(--success-100);color:var(--success-700)}.badge-warning{background-color:var(--warning-100);color:var(--warning-700)}.badge-danger{background-color:var(--danger-100);color:var(--danger-700)}.badge-info{background-color:var(--info-100);color:var(--info-700)}.badge-gray{background-color:var(--gray-100);color:var(--gray-700)}.alert{padding:var(--space-4);border-radius:var(--radius);border-left:4px solid}.alert-success{background-color:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.alert-warning{background-color:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}.alert-danger{background-color:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.alert-info{background-color:var(--info-50);border-color:var(--info-500);color:var(--info-700)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.table th{padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);color:var(--gray-700);background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.table td{padding:var(--space-4);border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.table tbody tr:hover{background-color:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.status-online{background-color:var(--success-100);color:var(--success-700)}.status-offline{background-color:var(--warning-100);color:var(--warning-700)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success-600)}.text-danger{color:var(--danger-600)}.text-warning{color:var(--warning-600)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}@media (max-width: 768px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.table th,.table td{padding:var(--space-2) var(--space-3)}.card-body{padding:var(--space-4)}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}