.app-pagination-container[data-v-04aa0497]{background:var(--bg-subtle,#fafafa);border-top:1px solid var(--border-subtle,#e2e8f0);border-radius:0 0 var(--radius-lg,16px) var(--radius-lg,16px);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 18px;display:flex}.app-pagination-info[data-v-04aa0497]{color:var(--text-muted,#64748b);font-size:13.5px}.app-pagination-info strong[data-v-04aa0497]{color:var(--text-main,#0f172a);font-weight:700}.app-pagination-controls[data-v-04aa0497]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-numbers-group[data-v-04aa0497]{align-items:center;gap:4px;display:flex}.pagination-btn[data-v-04aa0497]{background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#cbd5e1);min-width:34px;height:34px;color:var(--text-main,#0f172a);cursor:pointer;transition:all var(--transition-fast,.15s ease);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.pagination-btn[data-v-04aa0497]:hover:not(:disabled){border-color:var(--color-primary,#0f766e);color:var(--color-primary,#0f766e);background:var(--bg-muted,#f1f5f9)}.pagination-btn.is-active[data-v-04aa0497]{box-shadow:0 2px 8px var(--color-primary-glow,#0f766e4d);font-weight:700;background:var(--color-primary,#0f766e)!important;border-color:var(--color-primary,#0f766e)!important;color:#fff!important}.pagination-btn[data-v-04aa0497]:disabled{opacity:.45;cursor:not-allowed}.pagination-ellipsis[data-v-04aa0497]{color:var(--text-muted,#64748b);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px;font-weight:700}.page-items-selector[data-v-04aa0497]{align-items:center;gap:6px;margin-left:4px;display:flex}.page-items-label[data-v-04aa0497]{color:var(--text-muted,#64748b);white-space:nowrap;font-size:13px;font-weight:600}.page-items-select[data-v-04aa0497]{background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#cbd5e1);height:34px;color:var(--text-main,#0f172a);cursor:pointer;transition:all var(--transition-fast,.15s ease);border-radius:8px;outline:none;padding:0 10px;font-size:13px;font-weight:600}.page-items-select[data-v-04aa0497]:focus{border-color:var(--border-focus,#0f766e);box-shadow:0 0 0 3px var(--color-primary-light,#0f766e26)}.page-goto-group[data-v-04aa0497]{align-items:center;gap:6px;margin-left:4px;display:flex}.page-goto-label[data-v-04aa0497]{color:var(--text-muted,#64748b);white-space:nowrap;font-size:13px;font-weight:600}.page-goto-input-wrapper[data-v-04aa0497]{align-items:center;gap:4px;display:flex}.page-goto-input[data-v-04aa0497]{text-align:center;background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#cbd5e1);width:52px;height:34px;color:var(--text-main,#0f172a);box-sizing:border-box;transition:all var(--transition-fast,.15s ease);border-radius:8px;outline:none;font-size:13px;font-weight:600}.page-goto-input[data-v-04aa0497]:focus{border-color:var(--border-focus,#0f766e);box-shadow:0 0 0 3px var(--color-primary-light,#0f766e26)}.page-goto-input[data-v-04aa0497]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-goto-input[data-v-04aa0497]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-goto-input[type=number][data-v-04aa0497]{-moz-appearance:textfield}.page-goto-btn[data-v-04aa0497]{background:var(--color-primary,#0f766e);color:#fff;cursor:pointer;height:34px;transition:all var(--transition-fast,.15s ease);border:none;border-radius:8px;padding:0 10px;font-size:12.5px;font-weight:700}.page-goto-btn[data-v-04aa0497]:hover{background:var(--color-primary-hover,#115e59);transform:translateY(-1px)}.product-modal-card[data-v-03397e02]{box-sizing:border-box;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;width:min(720px,100vw - 32px)!important;max-width:720px!important}.product-modal-body[data-v-03397e02]{box-sizing:border-box;flex:1;padding:1.5rem;overflow:hidden auto}.product-form[data-v-03397e02]{flex-direction:column;gap:.25rem;width:100%;display:flex}.form-grid-row[data-v-03397e02]{box-sizing:border-box;gap:1rem;width:100%;display:grid}.grid-cols-code-name[data-v-03397e02]{grid-template-columns:minmax(110px,140px) minmax(0,1fr)}.grid-cols-3[data-v-03397e02]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group[data-v-03397e02]{flex-direction:column;gap:.4rem;min-width:0;margin-bottom:1rem;display:flex}.form-label[data-v-03397e02]{color:var(--text-muted);white-space:nowrap;font-size:.825rem;font-weight:600}.form-input[data-v-03397e02],.form-select[data-v-03397e02],.form-textarea[data-v-03397e02]{box-sizing:border-box;width:100%;min-width:0}.field-hint[data-v-03397e02]{color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.72rem;overflow:hidden}@media (width<=640px){.grid-cols-code-name[data-v-03397e02],.grid-cols-3[data-v-03397e02]{grid-template-columns:1fr;gap:.65rem}}.edit-stockcard-modal[data-v-cea2e649]{max-width:580px}.modal-title[data-v-cea2e649]{margin:0;font-size:1.25rem;font-weight:800}.modal-subtitle[data-v-cea2e649]{color:var(--text-muted);margin:2px 0 0;font-size:12.5px}.edit-item-summary[data-v-cea2e649]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.summary-label[data-v-cea2e649]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.summary-item-name[data-v-cea2e649]{color:var(--text-main);font-size:14px;font-weight:800}.summary-balance[data-v-cea2e649]{font-size:15px;font-weight:800;font-family:var(--font-mono);color:var(--color-primary)}.type-radio-toggle[data-v-cea2e649]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-radio-card[data-v-cea2e649]{border:1.5px solid var(--border-subtle);background:var(--bg-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.type-radio-card input[data-v-cea2e649]{display:none}.type-radio-card[data-v-cea2e649]:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.type-radio-card.is-active[data-v-cea2e649]{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-glow)}.type-icon[data-v-cea2e649]{font-size:1.3rem}.type-radio-card strong[data-v-cea2e649]{color:var(--text-main);font-size:13px;display:block}.type-radio-card small[data-v-cea2e649]{color:var(--text-muted);font-size:11px;display:block}.qty-diff-pill[data-v-cea2e649]{white-space:nowrap;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:700}.diff-plus[data-v-cea2e649]{color:#15803d;background:#15803d1f}.diff-minus[data-v-cea2e649]{color:#dc2626;background:#dc26261f}.edit-audit-notice[data-v-cea2e649]{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;line-height:1.45;display:flex}.edit-danger-zone[data-v-cea2e649]{border-top:1px dashed var(--border-subtle);margin-top:14px;padding-top:14px}.delete-confirmation-box[data-v-cea2e649]{background:#ef444414;border:1px solid #ef444440;border-radius:12px;padding:12px 16px}.export-page[data-v-2e1a9195]{animation:.25s ease-in-out fadeIn}.ex-layout[data-v-2e1a9195]{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}@media (width<=960px){.ex-layout[data-v-2e1a9195]{grid-template-columns:1fr}.ex-sidebar[data-v-2e1a9195]{order:-1}}.ex-panel[data-v-2e1a9195]{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:24px;overflow:hidden}.ex-panel-header[data-v-2e1a9195]{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);padding:18px 24px}.ex-header-title-wrap[data-v-2e1a9195]{align-items:center;gap:14px;display:flex}.ex-panel-icon[data-v-2e1a9195]{font-size:1.4rem;line-height:1}.ex-panel-title[data-v-2e1a9195]{color:var(--text-main);margin:0 0 2px;font-size:1.15rem;font-weight:700}.ex-panel-sub[data-v-2e1a9195]{color:var(--text-muted);margin:0;font-size:13px}.ex-panel-body[data-v-2e1a9195]{flex-direction:column;gap:20px;padding:24px;display:flex}.ex-field-label[data-v-2e1a9195]{color:var(--text-main);align-items:center;gap:6px;margin-bottom:6px;font-size:13.5px;font-weight:600;display:flex}.ex-label-icon[data-v-2e1a9195]{font-size:14px}.ex-two-col[data-v-2e1a9195]{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=580px){.ex-two-col[data-v-2e1a9195]{grid-template-columns:1fr}}.ex-select[data-v-2e1a9195],.ex-input[data-v-2e1a9195]{border-radius:12px;height:46px;font-size:14px}.ex-presets[data-v-2e1a9195]{flex-wrap:wrap;align-items:center;gap:10px;margin-top:-6px;display:flex}.ex-presets-lbl[data-v-2e1a9195]{color:var(--text-muted);font-size:12.5px;font-weight:600}.ex-card-radio-group[data-v-2e1a9195]{flex-direction:column;gap:10px;display:flex}.ex-card-radio[data-v-2e1a9195]{cursor:pointer;display:block}.ex-card-radio input[data-v-2e1a9195]{display:none}.ex-card-radio-body[data-v-2e1a9195]{border:1.5px solid var(--border-subtle);background:var(--bg-subtle);transition:all var(--transition-fast);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.ex-card-radio:hover .ex-card-radio-body[data-v-2e1a9195]{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.ex-card-radio.is-selected .ex-card-radio-body[data-v-2e1a9195]{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-glow)}.ex-card-radio-icon[data-v-2e1a9195]{font-size:1.25rem}.ex-card-radio-text[data-v-2e1a9195]{flex-direction:column;flex:1;display:flex}.ex-card-radio-text strong[data-v-2e1a9195]{color:var(--text-main);font-size:13.5px;font-weight:700}.ex-card-radio-text small[data-v-2e1a9195]{color:var(--text-muted);font-size:11.5px}.ex-sidebar[data-v-2e1a9195]{flex-direction:column;gap:20px;display:flex;position:sticky;top:92px}.ex-preview-card[data-v-2e1a9195]{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.ex-preview-header[data-v-2e1a9195]{color:#fff;background:var(--color-nav-bg);align-items:center;gap:8px;padding:16px 20px;font-size:13.5px;font-weight:700;display:flex;box-shadow:inset 0 -1px #ffffff1a}.ex-preview-body[data-v-2e1a9195]{flex-direction:column;gap:14px;padding:20px;display:flex}.ex-preview-row[data-v-2e1a9195]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ex-preview-lbl[data-v-2e1a9195]{color:var(--text-muted);white-space:nowrap;font-size:12.5px;font-weight:600}.ex-preview-val[data-v-2e1a9195]{color:var(--text-main);text-align:right;word-break:break-word;max-width:190px;font-size:13px;font-weight:700}.ex-preview-divider[data-v-2e1a9195]{background:var(--border-subtle);height:1px;margin:4px 0}.ex-preview-meta[data-v-2e1a9195]{color:var(--text-subtle);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.ex-download-card[data-v-2e1a9195]{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.ex-download-title[data-v-2e1a9195]{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}.ex-dl-btn[data-v-2e1a9195]{cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;border:none;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-family:inherit;display:flex}.ex-dl-btn[data-v-2e1a9195]:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ex-dl-btn[data-v-2e1a9195]:disabled{opacity:.6;cursor:not-allowed}.ex-dl-pdf[data-v-2e1a9195]{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 20px #ef444447}.ex-dl-word[data-v-2e1a9195]{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 8px 20px #0284c747}.ex-dl-icon[data-v-2e1a9195]{flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:1.6rem;line-height:1;display:flex}.ex-dl-info[data-v-2e1a9195]{flex-direction:column;flex:1;gap:2px;display:flex}.ex-dl-info strong[data-v-2e1a9195]{font-size:14.5px;font-weight:800}.ex-dl-info small[data-v-2e1a9195]{opacity:.9;font-size:11.5px}.ex-dl-arrow[data-v-2e1a9195]{opacity:.8;margin-left:auto;font-size:18px;font-weight:700}.spinner[data-v-2e1a9195]{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.75s ease-in-out infinite spin-2e1a9195;display:inline-block}@keyframes spin-2e1a9195{to{transform:rotate(360deg)}}.ex-info-note[data-v-2e1a9195]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 18px}.ex-info-note p[data-v-2e1a9195]{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.notifications-page[data-v-8feb6676]{animation:.25s ease-in-out fadeIn}.hero-actions-group[data-v-8feb6676]{align-items:center;gap:12px;display:flex}.spin-icon[data-v-8feb6676]{animation:1s linear infinite spin-8feb6676;display:inline-block}@keyframes spin-8feb6676{to{transform:rotate(360deg)}}.notif-toolbar-top[data-v-8feb6676]{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.notif-search-box[data-v-8feb6676]{flex:1;align-items:center;max-width:600px;display:flex;position:relative}.search-icon[data-v-8feb6676]{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:14px}.notif-search-input[data-v-8feb6676]{border-radius:12px;height:42px;padding-left:40px;padding-right:36px}.clear-search-btn[data-v-8feb6676]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;right:12px}.notif-pill-row[data-v-8feb6676]{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.notif-pill[data-v-8feb6676]{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.notif-pill[data-v-8feb6676]:hover{background:var(--bg-muted);color:var(--text-main);border-color:var(--border-hover)}.notif-pill.is-selected[data-v-8feb6676]{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary-glow)}.pill-badge[data-v-8feb6676]{background:#00000014;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:700}.notif-pill.is-selected .pill-badge[data-v-8feb6676]{color:#fff;background:#ffffff40}.pill-badge-danger[data-v-8feb6676]{color:#fff;background:#ef4444}.notif-list-container[data-v-8feb6676]{padding:18px 24px}.notif-items-wrapper[data-v-8feb6676]{flex-direction:column;gap:14px;display:flex}.notif-card[data-v-8feb6676]{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:18px;position:relative;overflow:hidden}.notif-card[data-v-8feb6676]:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.notif-card.is-read[data-v-8feb6676]{opacity:.82;background:var(--bg-subtle)}.notif-card.is-read[data-v-8feb6676]:hover{opacity:1}.notif-accent-bar[data-v-8feb6676]{width:5px;position:absolute;top:0;bottom:0;left:0}.severity-danger .notif-accent-bar[data-v-8feb6676]{background:#ef4444}.severity-warning .notif-accent-bar[data-v-8feb6676]{background:#f59e0b}.severity-caution .notif-accent-bar[data-v-8feb6676]{background:#f97316}.severity-info .notif-accent-bar[data-v-8feb6676]{background:#0284c7}.notif-card-inner[data-v-8feb6676]{align-items:flex-start;gap:18px;padding:18px 20px 18px 24px;display:flex}.notif-icon-badge[data-v-8feb6676]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.severity-danger .notif-icon-badge[data-v-8feb6676]{background:#ef44441f}.severity-warning .notif-icon-badge[data-v-8feb6676]{background:#f59e0b1f}.notif-content-area[data-v-8feb6676]{flex-direction:column;flex:1;gap:6px;display:flex}.notif-header-line[data-v-8feb6676]{justify-content:space-between;align-items:center;gap:12px;display:flex}.notif-meta-tags[data-v-8feb6676]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notif-category-tag[data-v-8feb6676]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11.5px;font-weight:700}.notif-time-status[data-v-8feb6676]{align-items:center;gap:8px;display:flex}.unread-dot[data-v-8feb6676]{background:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #ef44444d}.notif-time[data-v-8feb6676]{color:var(--text-subtle);font-size:12px}.notif-item-title[data-v-8feb6676]{color:var(--text-main);margin:2px 0 0;font-size:15.5px;font-weight:700}.notif-item-message[data-v-8feb6676]{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.notif-card-actions[data-v-8feb6676]{align-items:center;gap:10px;margin-top:6px;display:flex}.notif-dismiss-btn[data-v-8feb6676]{opacity:.75}.notif-dismiss-btn[data-v-8feb6676]:hover{opacity:1}.notif-empty-state[data-v-8feb6676]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-icon-wrap[data-v-8feb6676]{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:2.2rem;display:flex}.empty-title[data-v-8feb6676]{margin-bottom:6px;font-size:1.35rem;font-weight:800}.empty-desc[data-v-8feb6676]{color:var(--text-muted);max-width:440px;margin-bottom:20px;font-size:14px}@media (width<=768px){.notif-toolbar-top[data-v-8feb6676]{flex-direction:column;align-items:stretch}.notif-search-box[data-v-8feb6676]{max-width:100%}.notif-card-inner[data-v-8feb6676]{flex-direction:column}}.picker-list[data-v-d8f2b89b]{z-index:20;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.picker-list li[data-v-d8f2b89b]{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.picker-list li[data-v-d8f2b89b]:hover{background:var(--bg-subtle)}.picker-list small[data-v-d8f2b89b]{color:var(--text-muted)}.backup-config[data-v-2b2bdf22]{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.backup-config .form-group[data-v-2b2bdf22]{min-width:160px;margin-bottom:0}.settings-section[data-v-3052afd7]{margin-bottom:1rem}.section-toggle[data-v-3052afd7]{width:100%;font:inherit;color:var(--text-main);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.section-body[data-v-3052afd7]{padding:0 1.25rem 1.25rem}.barcode-img[data-v-fea3d3a8]{background:#fff;border-radius:4px;max-width:220px;height:44px;padding:2px}.report-table th[data-v-6728bfc9],.report-table td[data-v-6728bfc9]{white-space:nowrap;font-size:.82rem}.report-table th.grp[data-v-6728bfc9]{text-align:center}.parent-row[data-v-6728bfc9]{background:var(--bg-subtle);font-weight:600}.variant[data-v-6728bfc9]{border-left:3px solid var(--border-hover);padding-left:2rem!important}.barcode-img[data-v-2abc1815]{background:#fff;border-radius:4px;max-width:220px;height:44px;padding:2px}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px}html[data-theme=bsu],:root{--bg-page:#f9f6f0;--bg-surface:#fff;--bg-surface-glass:#ffffffd9;--bg-surface-elevated:#fff;--bg-muted:#f0ebe1;--bg-subtle:#faf7f2;--text-main:#2b1d1d;--text-muted:#6b5858;--text-subtle:#9c8888;--text-inverse:#fff;--border-subtle:#eadfd3;--border-hover:#dac5b2;--border-focus:#7a1523;--color-primary:#7a1523;--color-primary-hover:#5d101a;--color-primary-light:#fbebee;--color-primary-glow:#7a152340;--color-accent:#c99324;--color-accent-hover:#b07d17;--color-accent-light:#fbf5e6;--color-nav-bg:linear-gradient(135deg, #5c0f1a 0%, #7a1523 50%, #4a0c15 100%);--color-nav-text:#fff;--color-success:#15803d;--color-success-bg:#ecfdf5;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-info:#0369a1;--color-info-bg:#f0f9ff;--shadow-sm:0 1px 3px #3214140d;--shadow-md:0 4px 12px #32141414;--shadow-lg:0 12px 30px #3214141f;--shadow-xl:0 20px 45px #32141429}html[data-theme=dark]{--bg-page:#0b0f19;--bg-surface:#111827;--bg-surface-glass:#111827d9;--bg-surface-elevated:#1f2937;--bg-muted:#1e293b;--bg-subtle:#141c2e;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-subtle:#6b7280;--text-inverse:#0b0f19;--border-subtle:#26334d;--border-hover:#3b4d71;--border-focus:#10b981;--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#10b9811f;--color-primary-glow:#10b98159;--color-accent:#38bdf8;--color-accent-hover:#0ea5e9;--color-accent-light:#38bdf81f;--color-nav-bg:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--color-nav-text:#f8fafc;--color-success:#34d399;--color-success-bg:#34d39926;--color-warning:#fbbf24;--color-warning-bg:#fbbf2426;--color-danger:#f87171;--color-danger-bg:#f8717126;--color-info:#60a5fa;--color-info-bg:#60a5fa26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 36px #0000008c;--shadow-xl:0 24px 50px #000000b3}html[data-theme=light]{--bg-page:#f1f5f9;--bg-surface:#fff;--bg-surface-glass:#ffffffe0;--bg-surface-elevated:#fff;--bg-muted:#e2e8f0;--bg-subtle:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#0f766e;--color-primary:#0f766e;--color-primary-hover:#115e59;--color-primary-light:#f0fdfa;--color-primary-glow:#0f766e40;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-accent-light:#f0f9ff;--color-nav-bg:linear-gradient(135deg, #0f3d3e 0%, #115e59 100%);--color-nav-text:#fff;--color-success:#15803d;--color-success-bg:#ecfdf5;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-info:#0284c7;--color-info-bg:#f0f9ff;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 30px #0f172a1f;--shadow-xl:0 20px 45px #0f172a26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:2rem 1.5rem 4rem}.navbar{z-index:100;background:var(--color-nav-bg);color:var(--color-nav-text);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1360px;height:72px;margin:0 auto;padding:0 1.5rem;display:flex}.brand-section{align-items:center;gap:.85rem;text-decoration:none;display:flex}.brand-logo-badge{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:42px;height:42px;font-family:var(--font-display);color:#fff;background:#ffffff29;border:1px solid #ffffff40;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #00000026}.brand-title-group{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.04em;color:#fff;font-size:1.2rem;font-weight:800;line-height:1.15}.brand-subtitle{text-transform:uppercase;letter-spacing:.1em;color:#ffffffbf;font-size:.72rem;font-weight:600}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-md);color:#ffffffd1;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff24;transform:translateY(-1px)}.nav-link.router-link-active{color:#fff;background:#ffffff38;box-shadow:0 2px 8px #00000026}.nav-badge{border-radius:var(--radius-full);color:#fff;background:#ef4444;justify-content:center;align-items:center;min-width:18px;height:18px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;animation:2s infinite pulse;display:inline-flex}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.nav-actions{align-items:center;gap:.85rem;display:flex}.theme-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.theme-btn:hover{background:#ffffff38;transform:rotate(15deg)}.user-chip{border-radius:var(--radius-full);background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:.65rem;padding:.4rem .85rem;font-size:.825rem;display:flex}.user-avatar{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-name{color:#fff;font-weight:600}.user-role{color:#ffffffbf;font-size:.68rem}.page-hero{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem 2.25rem;display:flex;position:relative;overflow:hidden}.page-hero:before{content:"";background:var(--color-primary);width:6px;height:100%;position:absolute;top:0;left:0}.hero-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);align-items:center;gap:.35rem;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{margin-bottom:.4rem;font-size:2rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);max-width:650px;font-size:.95rem}.hero-badge-widget{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:right;flex-direction:column;align-items:flex-end;min-width:170px;padding:1rem 1.4rem;display:flex}.hero-badge-widget span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.hero-badge-widget strong{font-family:var(--font-display);color:var(--color-danger);margin:.2rem 0;font-size:2.25rem;font-weight:800;line-height:1}.hero-badge-widget small{color:var(--text-subtle);font-size:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;text-align:left;flex-direction:column;padding:1.4rem 1.25rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-3px)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.825rem;font-weight:600}.stat-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.stat-card-value{font-family:var(--font-display);color:var(--text-main);margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1.1}.stat-card-hint{color:var(--text-subtle);font-size:.75rem}.stat-card.variant-primary .stat-card-icon{background:var(--color-primary-light);color:var(--color-primary)}.stat-card.variant-warning .stat-card-icon{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card.variant-danger .stat-card-icon{background:var(--color-danger-bg);color:var(--color-danger)}.stat-card.variant-info .stat-card-icon{background:var(--color-info-bg);color:var(--color-info)}.stat-card.variant-success .stat-card-icon{background:var(--color-success-bg);color:var(--color-success)}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.panel-title-group{flex-direction:column;display:flex}.panel-title{font-size:1.2rem;font-weight:700}.panel-subtitle{color:var(--text-muted);font-size:.825rem}.panel-toolbar{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{background:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.9rem 1.25rem;font-size:.725rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle;padding:1rem 1.25rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-subtle)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #15803d33}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #b4530933}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #b91c1c33}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #0284c733}.badge-neutral{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-subtle)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px var(--color-primary-glow)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--border-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;padding:0}.form-group{flex-direction:column;gap:.4rem;min-width:0;margin-bottom:1.15rem;display:flex}.form-label{color:var(--text-muted);font-size:.825rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);transition:all var(--transition-fast);box-sizing:border-box;outline:none;width:100%;min-width:0;padding:.65rem .9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{flex:1;padding:1.5rem;overflow:hidden auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pagination{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.85rem;display:flex}.pagination-controls{align-items:center;gap:.35rem;display:flex}.page-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:34px;height:34px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0 .5rem;font-weight:600;display:flex}.page-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-muted)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.toast-container{z-index:300;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.875rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex}.toast-success{color:#fff;background:#065f46}.toast-error{color:#fff;background:#991b1b}.toast-info{color:#fff;background:#1e3a8a}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.navbar-inner{flex-wrap:wrap;height:auto;padding:.75rem 1rem}.nav-links{order:3;width:100%;padding-top:.5rem;overflow-x:auto}.page-hero{flex-direction:column;align-items:flex-start}.hero-badge-widget{text-align:left;align-items:flex-start;width:100%}}.login-page-standalone,.login-viewport{width:100%;min-height:100vh;margin:0;padding:0}.login-page-screen{box-sizing:border-box;background:radial-gradient(circle at 0 0,#2dd4bf42,#0000 26%),radial-gradient(circle at 100% 100%,#14b8a638,#0000 28%),linear-gradient(135deg,#e6fff7,#d8fff0 44%,#f8fffd);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 24px;display:flex;position:relative}html[data-theme=dark] .login-page-screen{background:radial-gradient(circle at 0 0,#10b98126,#0000 30%),radial-gradient(circle at 100% 100%,#06b6d41f,#0000 32%),linear-gradient(135deg,#071316,#0b1a1c 50%,#0d2325)}html[data-theme=bsu] .login-page-screen{background:radial-gradient(circle at 0 0,#c9932429,#0000 28%),radial-gradient(circle at 100% 100%,#7a15231f,#0000 30%),linear-gradient(135deg,#f9f6f0,#f2ece1 50%,#faf8f5)}.login-shell{grid-template-columns:1.08fr 1fr;align-items:stretch;gap:24px;width:min(1220px,100%);min-height:78vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 100% 0,#99f6e459,#0000 34%),linear-gradient(145deg,#0f3d3e,#115e59 62%,#0f766e);border-radius:32px;flex-direction:column;justify-content:space-between;padding:48px 42px;display:flex;box-shadow:0 26px 50px #0f3d3e2e}html[data-theme=dark] .login-brand-panel{background:radial-gradient(circle at 100% 0,#2dd4bf38,#0000 30%),linear-gradient(135deg,#071316 0%,#12383a 58%,#0f766e 100%);box-shadow:0 24px 48px #0006}html[data-theme=bsu] .login-brand-panel{background:radial-gradient(circle at 100% 0,#fde68a3d,#0000 30%),linear-gradient(135deg,#4a0c15 0%,#69101b 56%,#851424 100%);box-shadow:0 24px 48px #4a0c154d}.login-brand-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:clamp(2.2rem,3.2vw,3.2rem);font-weight:800;line-height:1.05}.login-feature-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.login-feature-item{color:#ecfdf5f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:16px;padding:14px 18px;font-size:14px;line-height:1.5}html[data-theme=bsu] .login-feature-item{color:#fff7ed;background:#fde68a1f;border-color:#fde68a38}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #94a3b838;border-radius:32px;flex-direction:column;justify-content:center;padding:48px 42px;display:flex;box-shadow:0 24px 46px #0f3d3e1a}html[data-theme=dark] .login-card{background:#111827e0;border-color:#ffffff14;box-shadow:0 24px 48px #0006}html[data-theme=bsu] .login-card{background:#fffffff5;border-color:#7a152324}.login-card-content{width:100%}.login-card-title{color:#0f3d3e;margin-bottom:6px;font-size:1.6rem;font-weight:800}html[data-theme=dark] .login-card-title{color:#f3f4f6}html[data-theme=bsu] .login-card-title{color:#7a1523}.login-card-subtitle{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.5}html[data-theme=dark] .login-card-subtitle{color:#9ca3af}.login-error-banner{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #b91c1c33;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600}.login-form-body{flex-direction:column;gap:14px;display:flex}.login-field-group{flex-direction:column;gap:6px;min-width:0;display:flex}.login-field-label{color:#0f3d3e;font-size:13.5px;font-weight:600}html[data-theme=dark] .login-field-label{color:#e5e7eb}html[data-theme=bsu] .login-field-label{color:#4a0c15}.login-field-input{color:#0f172a;height:48px;transition:all var(--transition-fast);box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-width:0;padding:0 16px;font-size:14px}html[data-theme=dark] .login-field-input{color:#f9fafb;background:#1f2937;border-color:#374151}.login-field-input:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e24}html[data-theme=bsu] .login-field-input:focus{border-color:#7a1523;box-shadow:0 0 0 4px #7a152324}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-wrapper .login-field-input{width:100%;padding-right:46px}.login-password-toggle{cursor:pointer;color:#64748b;transition:color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:#0f3d3e}html[data-theme=dark] .login-password-toggle:hover{color:#f3f4f6}.login-submit-button{color:#fff;cursor:pointer;height:50px;transition:all var(--transition-fast);background:linear-gradient(135deg,#0f766e,#115e59);border:none;border-radius:14px;margin-top:10px;font-size:15px;font-weight:700;box-shadow:0 14px 28px #0f766e38}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 32px #0f766e4d}html[data-theme=bsu] .login-submit-button{background:linear-gradient(135deg,#7a1523,#5c0f1a);box-shadow:0 14px 28px #7a152340}.login-inline-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.login-secondary-pill{color:#0f766e;cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:600;text-decoration:none}html[data-theme=dark] .login-secondary-pill{color:#34d399;background:#1f2937;border-color:#374151}html[data-theme=bsu] .login-secondary-pill{color:#7a1523;border-color:#e5d7c7}.login-secondary-pill:hover{background:#f1f5f9;border-color:#0f766e}.login-actions-sep{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.login-demo-link{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:12.5px;font-weight:500;text-decoration:underline}.login-demo-link:hover{color:var(--color-primary)}.login-floating-theme-toggle{color:#fff;cursor:pointer;z-index:1000;width:46px;height:46px;transition:all var(--transition-normal);background:#0f3d3e;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000040}.login-floating-theme-toggle:hover{transform:rotate(20deg)scale(1.08);box-shadow:0 12px 28px #00000059}@media (width<=900px){.login-shell,.login-shell-register{grid-template-columns:1fr;min-height:auto}.login-brand-panel,.login-card{padding:32px 24px}}.login-shell-register{grid-template-columns:1.08fr 1fr;align-items:stretch;gap:24px;width:min(1220px,100%);margin:24px auto;display:grid}.login-field-select{color:#0f172a;appearance:none;cursor:pointer;height:48px;transition:all var(--transition-fast);box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-width:0;padding:0 16px;font-size:14px}html[data-theme=dark] .login-field-select{color:#f9fafb;background-color:#1f2937;border-color:#374151}.login-field-select:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e24}html[data-theme=bsu] .login-field-select:focus{border-color:#7a1523;box-shadow:0 0 0 4px #7a152324}.pw-checklist{background:#0000000a;border-radius:12px;flex-direction:column;gap:5px;margin:6px 0 10px;padding:12px 16px;font-size:.83rem;list-style:none;display:flex}html[data-theme=dark] .pw-checklist{background:#ffffff0d}.pw-checklist li{color:#888;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.pw-checklist li:before{content:"✗";color:#e74c3c;text-align:center;min-width:14px;font-size:.9em;font-weight:700;transition:color .2s}.pw-checklist li.ok{color:var(--text-main,#1e293b)}html[data-theme=dark] .pw-checklist li.ok{color:#f3f4f6}.pw-checklist li.ok:before{content:"✓";color:#27ae60}.login-success-banner{color:#065f46;background:#10b9811f;border:1px solid #10b9814d;border-radius:14px;margin-bottom:18px;padding:14px 18px;font-size:13.5px;font-weight:600;line-height:1.5}html[data-theme=dark] .login-success-banner{color:#6ee7b7;background:#10b9812e}.dashboard-hero{color:#fff;background:radial-gradient(circle at 100% 0,#5eead473,#0000 30%),linear-gradient(135deg,#0f3d3e,#115e59 58%,#0f766e);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:32px 36px;display:flex;box-shadow:0 22px 44px #0f3d3e2e}html[data-theme=dark] .dashboard-hero{background:radial-gradient(circle at 100% 0,#2dd4bf40,#0000 30%),linear-gradient(135deg,#071316,#0e272a 60%,#115e59);box-shadow:0 22px 44px #00000073}html[data-theme=bsu] .dashboard-hero{background:radial-gradient(circle at 100% 0,#fde68a47,#0000 30%),linear-gradient(135deg,#4a0c15,#6b111e 58%,#851424);box-shadow:0 22px 44px #4a0c1547}.dashboard-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px;font-size:12px;font-weight:700}.dashboard-hero h1{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:800;line-height:1.05}.dashboard-subtitle{color:#ecfdf5eb;max-width:700px;margin-top:10px;font-size:15px;line-height:1.55}.dashboard-hero-note{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:20px;flex-shrink:0;min-width:190px;padding:18px 24px}.dashboard-hero-note span{text-transform:uppercase;letter-spacing:.1em;color:#ffffffd9;font-size:12px;font-weight:700;display:block}.dashboard-hero-note strong{margin:8px 0 6px;font-size:2.6rem;font-weight:800;line-height:1;display:block;color:#fff!important}.dashboard-hero-note small{color:#ecfdf5e0;font-size:13px;font-weight:500;display:block}.dashboard-summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}@media (width<=1100px){.dashboard-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-summary-grid{grid-template-columns:1fr}}.summary-card{text-align:left;transition:all var(--transition-normal);background:#fffffff2;border:1.5px solid #94a3b838;border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:relative;box-shadow:0 14px 28px #0f3d3e0f}html[data-theme=dark] .summary-card{background:#1e293be6;border-color:#ffffff14;box-shadow:0 14px 28px #0000004d}html[data-theme=bsu] .summary-card{background:#fffffff5;border-color:#7a152326}.summary-card-header{justify-content:space-between;align-items:center;display:flex}.summary-card span.card-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:700;display:block}html[data-theme=dark] .summary-card span.card-label{color:#94a3b8}.summary-card strong.card-value{color:#0f3d3e;margin:12px 0 8px;font-size:2.3rem;font-weight:800;line-height:1;display:block}html[data-theme=dark] .summary-card strong.card-value{color:#f1f5f9}html[data-theme=bsu] .summary-card strong.card-value{color:#7a1523}.summary-card small.card-hint{color:#64748b;font-size:13px;font-weight:600;display:block}.summary-card-action{cursor:pointer;border:1.5px solid #94a3b838;width:100%}.summary-card-action:hover:not(:disabled){border-color:#0f766e;transform:translateY(-2px);box-shadow:0 18px 34px #0f3d3e1f}.summary-card-action:disabled{cursor:default;opacity:.75}.summary-card-action.is-active,.summary-card-action.highlighted-card{transform:translateY(-3px);background:linear-gradient(#f0fdf4 0%,#fff 100%)!important;border:2.5px solid #0f766e!important;box-shadow:0 18px 38px #0f766e38,0 0 0 4px #0f766e29!important}html[data-theme=dark] .summary-card-action.is-active,html[data-theme=dark] .summary-card-action.highlighted-card{background:linear-gradient(#132a26 0%,#0f172a 100%)!important;border-color:#34d399!important;box-shadow:0 18px 38px #0009,0 0 0 4px #34d39933!important}html[data-theme=bsu] .summary-card-action.is-active,html[data-theme=bsu] .summary-card-action.highlighted-card{background:linear-gradient(#fff7ed 0%,#fff 100%)!important;border-color:#7a1523!important;box-shadow:0 18px 38px #7a152338,0 0 0 4px #7a152324!important}.card-active-pill{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#0f766e;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}html[data-theme=dark] .card-active-pill{color:#fff;background:#059669}html[data-theme=bsu] .card-active-pill{color:#fff;background:#7a1523}.table-pagination-bar{border-top:1px solid var(--border-subtle);background:var(--bg-subtle,#00000005);border-radius:0 0 20px 20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:13.5px}.pagination-info strong{color:var(--text-main)}.pagination-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.page-size-selector{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.page-size-selector select{border:1px solid var(--border-subtle);background:var(--bg-card);height:34px;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:0 10px;font-size:13px;font-weight:600}.pagination-buttons{align-items:center;gap:6px;display:flex}.pagination-buttons .page-btn{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:34px;height:34px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.pagination-buttons .page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-buttons .page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-buttons .page-btn:disabled{opacity:.45;cursor:not-allowed}.card-redirect-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.summary-card-action:hover .card-redirect-badge{background:var(--color-primary);color:#fff;transform:translate(3px)}html[data-theme=bsu] .card-redirect-badge{color:#7a1523;background:#fbebee}html[data-theme=bsu] .summary-card-action:hover .card-redirect-badge{color:#fff;background:#7a1523}html[data-theme=dark] .card-redirect-badge{color:#34d399;background:#10b98126}html[data-theme=dark] .summary-card-action:hover .card-redirect-badge{color:#fff;background:#059669}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}img,svg{max-width:100%}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.form-grid-2,.form-grid-3{gap:1rem;display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-responsive{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--bg-surface) 30%, transparent) left / 24px 100% no-repeat local, linear-gradient(to left, var(--bg-surface) 30%, transparent) right / 24px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #00000024, transparent) left / 10px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #00000024, transparent) right / 10px 100% no-repeat scroll}@media (width<=900px){.login-shell,.login-shell-register{grid-template-columns:1fr;gap:16px;min-height:auto}}@media (width<=640px){.login-page-screen{padding:16px!important}.login-brand-panel{border-radius:22px!important;padding:22px 20px!important}.login-brand-title{font-size:1.6rem!important}.login-feature-list{display:none!important}.login-card{border-radius:22px!important;padding:26px 20px!important}}@media (width<=900px){.main-content{padding:1.25rem 1rem 3rem}.page-hero{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem;padding:1.5rem}.page-hero>div:last-child:not(:first-child){flex-wrap:wrap;gap:.6rem;display:flex}.panel-header{padding:1rem 1.15rem}.form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}}@media (width<=640px){.main-content{padding:.85rem .75rem 2.5rem}.page-hero{border-radius:var(--radius-md);gap:1rem;padding:1.15rem 1.1rem}.hero-title{line-height:1.15;font-size:1.55rem!important}.hero-subtitle{font-size:.9rem}.page-hero>div:last-child:not(:first-child),.page-hero>div:last-child:not(:first-child)>.btn,.page-hero>.btn,.page-hero>a.btn{width:100%}.page-hero .btn{justify-content:center}.panel{border-radius:var(--radius-md)}.panel-header{padding:.85rem .9rem}.panel-header .form-input,.panel-header .form-select{flex:100%;max-width:none!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr;gap:0}.data-table th,.data-table td{padding:.6rem .7rem;font-size:.8rem}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:18px 18px 0 0;max-height:94dvh;max-width:100%!important}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom))}.modal-footer .btn{flex:1;justify-content:center}.toast-container{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}}@media (pointer:coarse){.btn,.form-input,.form-select{min-height:42px}.btn-sm{min-height:36px;padding-left:.85rem;padding-right:.85rem}input,select,textarea,.form-input,.form-select,.form-textarea,.login-field-input{font-size:16px!important}}@media (width<=640px){.data-table.stack-mobile thead{display:none}.data-table.stack-mobile,.data-table.stack-mobile tbody,.data-table.stack-mobile tr,.data-table.stack-mobile td{width:100%;display:block}.data-table.stack-mobile tr{border-bottom:1px solid var(--border-subtle);flex-direction:column;padding:.75rem .9rem;display:flex}.data-table.stack-mobile td{border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;font-size:.875rem;display:flex;text-align:right!important}.data-table.stack-mobile td:before{content:attr(data-label);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;font-size:.72rem;font-weight:700}.data-table.stack-mobile td:not([data-label]):before,.data-table.stack-mobile td[data-label=""]:before{content:none}.data-table.stack-mobile td.cell-title{order:-1;padding-bottom:.4rem;font-size:.95rem;display:block;text-align:left!important}.data-table.stack-mobile td.cell-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;padding-top:.6rem}.data-table.stack-mobile td.cell-actions .btn{flex:auto;justify-content:center;margin-left:0!important}.data-table.stack-mobile td[colspan]{display:block;text-align:center!important}}.nav-toggle[data-v-c94abb24]{display:none}.mobile-menu[data-v-c94abb24]{max-height:calc(100dvh - 64px);padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--bg-surface);color:var(--text-main);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);z-index:999;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-user[data-v-c94abb24]{background:var(--bg-subtle);color:inherit;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;text-decoration:none;display:flex}.mobile-user-info[data-v-c94abb24]{flex-direction:column;min-width:0;display:flex}.mobile-user-info span[data-v-c94abb24]{color:var(--text-muted);font-size:.8rem}.mobile-links[data-v-c94abb24],.mobile-sublinks[data-v-c94abb24]{margin:0;padding:0;list-style:none}.mobile-link[data-v-c94abb24]{min-height:46px;color:var(--text-main);border-radius:10px;justify-content:space-between;align-items:center;padding:0 .75rem;font-weight:600;text-decoration:none;display:flex}.mobile-link.router-link-exact-active[data-v-c94abb24]{background:var(--color-primary-light);color:var(--color-primary)}.mobile-group[data-v-c94abb24]{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:.85rem .75rem .25rem;font-size:.72rem;font-weight:800;display:block}.mobile-sublinks .mobile-link[data-v-c94abb24]{padding-left:1.25rem;font-weight:500}.mobile-actions[data-v-c94abb24]{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem;padding-top:.75rem;display:grid}.mobile-actions .btn[data-v-c94abb24]{justify-content:center}@media (width<=1199px){.navbar-inner[data-v-c94abb24]{flex-wrap:nowrap;gap:.75rem;height:64px;padding:0 1rem}.desktop-nav[data-v-c94abb24],.desktop-only[data-v-c94abb24]{display:none!important}.nav-toggle[data-v-c94abb24]{display:flex}.nav-actions[data-v-c94abb24]{gap:.5rem}}.nav-item[data-v-c94abb24]{position:relative}.nav-group-btn[data-v-c94abb24]{font:inherit;cursor:pointer;background:0 0;border:0}.nav-caret[data-v-c94abb24]{opacity:.8;margin-left:4px;font-size:.7em}.nav-submenu[data-v-c94abb24]{background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:210px;box-shadow:var(--shadow-xl);z-index:1000;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0}.nav-submenu-link[data-v-c94abb24]{color:var(--text-main);white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.nav-submenu-link[data-v-c94abb24]:hover,.nav-submenu-link.router-link-active[data-v-c94abb24]{background:var(--bg-subtle);color:var(--color-primary)}.user-chip[data-v-c94abb24]{color:inherit;text-decoration:none}.notif-wrapper[data-v-c94abb24],.notif-bell-btn[data-v-c94abb24]{position:relative}.bell-unread-badge[data-v-c94abb24]{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:800;animation:2s infinite pulse;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444473}.notif-flyout[data-v-c94abb24]{background:var(--bg-surface);border:1px solid var(--border-subtle);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-xl);z-index:1000;color:var(--text-main);border-radius:20px;animation:.15s cubic-bezier(.16,1,.3,1) fadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.flyout-header[data-v-c94abb24]{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.flyout-title-wrap[data-v-c94abb24]{align-items:center;gap:8px;font-size:14px;display:flex}.flyout-count-badge[data-v-c94abb24]{color:#ef4444;background:#ef444426;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.flyout-mark-read[data-v-c94abb24]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.flyout-mark-read[data-v-c94abb24]:hover{text-decoration:underline}.flyout-body[data-v-c94abb24]{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.flyout-empty[data-v-c94abb24]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.flyout-empty span[data-v-c94abb24]{font-size:1.8rem}.flyout-empty p[data-v-c94abb24]{color:var(--text-muted);margin:0;font-size:13px}.flyout-item[data-v-c94abb24]{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 18px;display:flex}.flyout-item[data-v-c94abb24]:last-child{border-bottom:none}.flyout-item[data-v-c94abb24]:hover{background:var(--bg-subtle)}.flyout-item.is-unread[data-v-c94abb24]{background:#ef44440a}.flyout-item-icon[data-v-c94abb24]{flex-shrink:0;padding-top:2px;font-size:1.2rem;line-height:1}.flyout-item-content[data-v-c94abb24]{flex:1;min-width:0}.flyout-item-top[data-v-c94abb24]{justify-content:space-between;align-items:center;gap:8px;display:flex}.flyout-item-title[data-v-c94abb24]{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.flyout-dot[data-v-c94abb24]{background:#ef4444;border-radius:50%;flex-shrink:0;width:7px;height:7px}.flyout-item-msg[data-v-c94abb24]{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.flyout-item-time[data-v-c94abb24]{color:var(--text-subtle);font-size:11px}.flyout-footer[data-v-c94abb24]{background:var(--bg-subtle);border-top:1px solid var(--border-subtle);text-align:center;padding:10px 18px}.flyout-view-all[data-v-c94abb24]{color:var(--color-primary);justify-content:center;align-items:center;gap:6px;padding:4px;font-size:12.5px;font-weight:700;text-decoration:none;display:flex}.flyout-view-all[data-v-c94abb24]:hover{text-decoration:underline}@media (width<=640px){.brand-title[data-v-c94abb24]{font-size:1rem}.brand-subtitle[data-v-c94abb24]{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.notif-flyout[data-v-c94abb24]{width:auto;max-width:none;position:fixed;top:72px;left:.5rem;right:.5rem}}