.theme-light{--fish-bg: #f8fafc;--fish-bg-surface: #ffffff;--fish-bg-elevated: #ffffff;--fish-bg-hover: #f1f5f9;--fish-bg-active: #e2e8f0;--fish-bg-muted: #f1f5f9;--fish-text: #1e293b;--fish-text-secondary: #475569;--fish-text-muted: #64748b;--fish-text-placeholder: #94a3b8;--fish-text-inverse: #ffffff;--fish-border: #e2e8f0;--fish-border-light: #f1f5f9;--fish-border-focus: #94a3b8;--fish-primary: #0d7a5f;--fish-primary-hover: #0a6650;--fish-primary-light: #d1fae5;--fish-primary-text: #ffffff;--fish-accent: #c2410c;--fish-accent-hover: #9a3412;--fish-accent-light: #ffedd5;--fish-accent-text: #ffffff;--fish-success-bg: #dcfce7;--fish-success-text: #166534;--fish-success-border: #86efac;--fish-warning-bg: #fef3c7;--fish-warning-text: #92400e;--fish-warning-border: #fcd34d;--fish-danger-bg: #fee2e2;--fish-danger-text: #991b1b;--fish-danger-border: #fca5a5;--fish-info-bg: #dbeafe;--fish-info-text: #1e40af;--fish-info-border: #93c5fd;--fish-pending-bg: #e0e7ff;--fish-pending-text: #3730a3;--fish-pending-border: #a5b4fc;--fish-neutral-bg: #f1f5f9;--fish-neutral-text: #475569;--fish-neutral-border: #cbd5e1;--fish-purple: #7c3aed;--fish-purple-bg: #ede9fe;--fish-purple-text: #5b21b6;--fish-purple-border: #c4b5fd;--fish-sidebar-bg: #1e293b;--fish-sidebar-hover: rgba(255, 255, 255, .08);--fish-sidebar-active: rgba(255, 255, 255, .12);--fish-sidebar-text: rgba(255, 255, 255, .7);--fish-sidebar-text-active: #ffffff;--fish-sidebar-border: rgba(255, 255, 255, .1);--fish-sidebar-user-bg: rgba(255, 255, 255, .05);--fish-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--fish-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--fish-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--fish-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--fish-input-bg: #ffffff;--fish-input-border: #cbd5e1;--fish-input-focus-border: #0d7a5f;--fish-input-focus-ring: rgba(13, 122, 95, .2);--fish-overlay-bg: rgba(255, 255, 255, .9);--fish-rank-gold: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--fish-rank-silver: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);--fish-rank-bronze: linear-gradient(135deg, #d97706 0%, #92400e 100%);--fish-rank-default-bg: #f1f5f9;--fish-rank-default-text: #64748b;--fish-table-header-bg: #f8fafc;--fish-table-row-hover: #f1f5f9;--fish-table-border: #e2e8f0;color-scheme:light}.theme-dark{--fish-bg: #111a16;--fish-bg-surface: #1a2620;--fish-bg-elevated: #223830;--fish-bg-hover: #2a4038;--fish-bg-active: #324840;--fish-bg-muted: #1a2620;--fish-text: #e2ede8;--fish-text-secondary: #a8c4b8;--fish-text-muted: #6a8a7c;--fish-text-placeholder: #5c7a6c;--fish-text-inverse: #111a16;--fish-border: #2a3f35;--fish-border-light: #223830;--fish-border-focus: #3d5c4a;--fish-primary: #10b981;--fish-primary-hover: #34d399;--fish-primary-light: rgba(16, 185, 129, .15);--fish-primary-text: #111a16;--fish-accent: #f97316;--fish-accent-hover: #fb923c;--fish-accent-light: rgba(249, 115, 22, .15);--fish-accent-text: #111a16;--fish-success-bg: rgba(16, 185, 129, .12);--fish-success-text: #4ade80;--fish-success-border: rgba(16, 185, 129, .3);--fish-warning-bg: rgba(251, 191, 36, .12);--fish-warning-text: #fbbf24;--fish-warning-border: rgba(251, 191, 36, .3);--fish-danger-bg: rgba(248, 113, 113, .12);--fish-danger-text: #f87171;--fish-danger-border: rgba(248, 113, 113, .3);--fish-info-bg: rgba(96, 165, 250, .12);--fish-info-text: #60a5fa;--fish-info-border: rgba(96, 165, 250, .3);--fish-pending-bg: rgba(167, 139, 250, .12);--fish-pending-text: #a78bfa;--fish-pending-border: rgba(167, 139, 250, .3);--fish-neutral-bg: rgba(168, 196, 184, .08);--fish-neutral-text: #a8c4b8;--fish-neutral-border: rgba(168, 196, 184, .2);--fish-purple: #a78bfa;--fish-purple-bg: rgba(167, 139, 250, .12);--fish-purple-text: #c4b5fd;--fish-purple-border: rgba(167, 139, 250, .3);--fish-sidebar-bg: #0f1912;--fish-sidebar-hover: rgba(255, 255, 255, .05);--fish-sidebar-active: rgba(16, 185, 129, .15);--fish-sidebar-text: #94b8a8;--fish-sidebar-text-active: #e2ede8;--fish-sidebar-border: rgba(255, 255, 255, .06);--fish-sidebar-user-bg: rgba(255, 255, 255, .03);--fish-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--fish-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--fish-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4);--fish-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5);--fish-input-bg: #1a2620;--fish-input-border: #2a3f35;--fish-input-focus-border: #10b981;--fish-input-focus-ring: rgba(16, 185, 129, .2);--fish-overlay-bg: rgba(26, 38, 32, .9);--fish-rank-gold: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--fish-rank-silver: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);--fish-rank-bronze: linear-gradient(135deg, #d97706 0%, #92400e 100%);--fish-rank-default-bg: #223830;--fish-rank-default-text: #6a8a7c;--fish-table-header-bg: #0f1912;--fish-table-row-hover: #223830;--fish-table-border: #2a3f35;color-scheme:dark}html{--mat-sys-background: #f9faf3;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f1f1eb;--mat-sys-inverse-primary: #02e600;--mat-sys-inverse-surface: #2f312d;--mat-sys-on-background: #1a1c18;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #015300;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3c4b37;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #1a1c18;--mat-sys-on-surface-variant: #43483f;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #73796e;--mat-sys-outline-variant: #c3c8bc;--mat-sys-primary: #026e00;--mat-sys-primary-container: #77ff61;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #54634d;--mat-sys-secondary-container: #d7e8cd;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #f9faf3;--mat-sys-surface-bright: #f9faf3;--mat-sys-surface-container: #eeeee7;--mat-sys-surface-container-high: #e8e9e1;--mat-sys-surface-container-highest: #e2e3dc;--mat-sys-surface-container-low: #f3f4ed;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dadbd3;--mat-sys-surface-tint: #026e00;--mat-sys-surface-variant: #dfe4d7;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--header-height: 56px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;background-color:var(--fish-bg);color:var(--fish-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--fish-bg)}::-webkit-scrollbar-thumb{background:var(--fish-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fish-border-focus)}h1,h2,h3,h4,h5,h6{color:var(--fish-text);font-weight:600;line-height:1.25;margin:0 0 var(--spacing-sm) 0}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{margin:0 0 var(--spacing-md) 0;color:var(--fish-text-secondary)}a{color:var(--fish-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--fish-primary-hover)}.text-primary{color:var(--fish-primary)!important}.text-accent{color:var(--fish-accent)!important}.text-success{color:var(--fish-success-text)!important}.text-warning{color:var(--fish-warning-text)!important}.text-danger{color:var(--fish-danger-text)!important}.text-info{color:var(--fish-info-text)!important}.text-secondary{color:var(--fish-text-secondary)!important}.text-muted{color:var(--fish-text-muted)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;font-size:13px;font-weight:500;line-height:1;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .mat-icon,.btn svg{width:16px;height:16px}.btn-primary{background-color:var(--fish-primary);color:var(--fish-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--fish-primary-hover)}.btn-accent{background-color:var(--fish-accent);color:var(--fish-accent-text)}.btn-accent:hover:not(:disabled){background-color:var(--fish-accent-hover)}.btn-secondary{background-color:var(--fish-bg-surface);color:var(--fish-text);border:1px solid var(--fish-border)}.btn-secondary:hover:not(:disabled){background-color:var(--fish-bg-hover);border-color:var(--fish-border-focus)}.btn-ghost{background-color:transparent;color:var(--fish-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--fish-bg-hover);color:var(--fish-text)}.btn-danger{background-color:var(--fish-danger-bg);color:var(--fish-danger-text);border:1px solid var(--fish-danger-border)}.btn-danger:hover:not(:disabled){background-color:var(--fish-danger-text);color:var(--fish-text-inverse)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.card{background-color:var(--fish-bg-surface);border:1px solid var(--fish-border);border-radius:var(--radius-lg);box-shadow:var(--fish-shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--fish-shadow-md)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--fish-border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600;color:var(--fish-text);display:flex;align-items:center;gap:var(--spacing-sm)}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--fish-border)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);line-height:1.2;text-transform:capitalize;border:1px solid transparent}.badge-success{background-color:var(--fish-success-bg);color:var(--fish-success-text);border-color:var(--fish-success-border)}.badge-warning{background-color:var(--fish-warning-bg);color:var(--fish-warning-text);border-color:var(--fish-warning-border)}.badge-danger{background-color:var(--fish-danger-bg);color:var(--fish-danger-text);border-color:var(--fish-danger-border)}.badge-info{background-color:var(--fish-info-bg);color:var(--fish-info-text);border-color:var(--fish-info-border)}.badge-pending{background-color:var(--fish-pending-bg);color:var(--fish-pending-text);border-color:var(--fish-pending-border)}.badge-neutral{background-color:var(--fish-neutral-bg);color:var(--fish-neutral-text);border-color:var(--fish-neutral-border)}.badge .dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.rank-badge{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.rank-badge.gold{background:var(--fish-rank-gold);color:#1a1a1a}.rank-badge.silver{background:var(--fish-rank-silver);color:#1a1a1a}.rank-badge.bronze{background:var(--fish-rank-bronze);color:#fff}.rank-badge.default{background:var(--fish-rank-default-bg);color:var(--fish-rank-default-text)}.form-input,.form-select{width:100%;padding:10px 12px;font-size:13px;background-color:var(--fish-input-bg);border:1px solid var(--fish-input-border);border-radius:var(--radius-md);color:var(--fish-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder,.form-select::placeholder{color:var(--fish-text-placeholder)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--fish-input-focus-border);box-shadow:0 0 0 3px var(--fish-input-focus-ring)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-label{display:block;font-size:12px;font-weight:500;color:var(--fish-text-secondary);margin-bottom:6px}.form-group{margin-bottom:var(--spacing-md)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fish-text-muted);background-color:var(--fish-table-header-bg);border-bottom:1px solid var(--fish-table-border)}.data-table td{padding:12px 14px;font-size:13px;color:var(--fish-text);border-bottom:1px solid var(--fish-table-border);vertical-align:middle}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--fish-table-row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.avatar{width:32px;height:32px;border-radius:var(--radius-md);background:var(--fish-primary-light);color:var(--fish-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.avatar-lg{width:40px;height:40px;font-size:14px}.user-cell{display:flex;align-items:center;gap:10px}.user-name{font-weight:500;color:var(--fish-text)}.user-code{font-size:11px;color:var(--fish-text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.skeleton{background:linear-gradient(90deg,var(--fish-bg-hover) 0%,var(--fish-bg-active) 50%,var(--fish-bg-hover) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.m-xs{margin:var(--spacing-xs)!important}.m-sm{margin:var(--spacing-sm)!important}.m-md{margin:var(--spacing-md)!important}.m-lg{margin:var(--spacing-lg)!important}.m-xl{margin:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-sm{margin-bottom:var(--spacing-sm)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.mb-lg{margin-bottom:var(--spacing-lg)!important}.mt-0{margin-top:0!important}.mt-sm{margin-top:var(--spacing-sm)!important}.mt-md{margin-top:var(--spacing-md)!important}.mt-lg{margin-top:var(--spacing-lg)!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.shadow-sm{box-shadow:var(--fish-shadow-sm)}.shadow-md{box-shadow:var(--fish-shadow-md)}.shadow-lg{box-shadow:var(--fish-shadow-lg)}.shadow-xl{box-shadow:var(--fish-shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: var(--fish-primary) !important;--mdc-protected-button-label-text-color: var(--fish-primary-text) !important}.mat-mdc-raised-button.mat-primary:hover{--mdc-protected-button-container-color: var(--fish-primary-hover) !important}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: var(--fish-accent) !important;--mdc-protected-button-label-text-color: var(--fish-accent-text) !important}.mat-toolbar.mat-primary{background-color:var(--fish-primary)!important;color:var(--fish-primary-text)!important}.mat-mdc-form-field{--mdc-filled-text-field-container-color: var(--fish-input-bg);--mdc-outlined-text-field-outline-color: var(--fish-input-border);--mdc-outlined-text-field-focus-outline-color: var(--fish-primary);--mdc-outlined-text-field-hover-outline-color: var(--fish-border-focus);--mdc-outlined-text-field-label-text-color: var(--fish-text-secondary);--mdc-outlined-text-field-input-text-color: var(--fish-text)}.mat-mdc-card{background-color:var(--fish-bg-surface)!important;border:1px solid var(--fish-border);box-shadow:var(--fish-shadow-sm)!important}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--fish-sidebar-bg);--mdc-snackbar-supporting-text-color: var(--fish-text-inverse)}.mat-mdc-dialog-container{--mdc-dialog-container-color: var(--fish-bg-surface)}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--fish-primary)}.mat-mdc-table{--mat-table-background-color: var(--fish-bg-surface);--mat-table-header-headline-color: var(--fish-text-muted);--mat-table-row-item-label-text-color: var(--fish-text);--mat-table-row-item-outline-color: var(--fish-border)}.mat-mdc-table .mat-mdc-cell{color:var(--fish-text)!important}.mat-mdc-table .mat-mdc-header-cell{color:var(--fish-text-muted)!important}.mat-mdc-checkbox{--mdc-checkbox-selected-checkmark-color: var(--fish-primary-text);--mdc-checkbox-selected-focus-icon-color: var(--fish-primary);--mdc-checkbox-selected-hover-icon-color: var(--fish-primary);--mdc-checkbox-selected-icon-color: var(--fish-primary);--mdc-checkbox-unselected-icon-color: var(--fish-text-muted)}.mat-mdc-tab-group{--mat-tab-header-active-label-text-color: var(--fish-primary);--mat-tab-header-active-ripple-color: var(--fish-primary);--mat-tab-header-active-focus-label-text-color: var(--fish-primary);--mat-tab-header-active-hover-label-text-color: var(--fish-primary);--mat-tab-header-inactive-label-text-color: var(--fish-text-secondary);--mat-tab-header-inactive-ripple-color: var(--fish-text-muted)}.mat-mdc-menu-panel{--mat-menu-container-color: var(--fish-bg-surface);background-color:var(--fish-bg-surface)!important;border:1px solid var(--fish-border)}.mat-mdc-menu-item{--mat-menu-item-label-text-color: var(--fish-text);color:var(--fish-text)!important}.mat-mdc-menu-item mat-icon,.mat-mdc-menu-item .mat-icon{color:var(--fish-text-muted)!important}.mat-mdc-menu-item:hover{background-color:var(--fish-bg-hover)!important}.mat-mdc-select-panel{background-color:var(--fish-bg-surface)!important;border:1px solid var(--fish-border)}.mat-mdc-option{--mat-option-label-text-color: var(--fish-text);color:var(--fish-text)!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--fish-bg-hover)!important}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:var(--fish-primary-light)!important;--mat-option-selected-state-label-text-color: var(--fish-primary)}.mat-mdc-select-value{color:var(--fish-text)!important}.mat-mdc-select-arrow{color:var(--fish-text-muted)!important}.mdc-floating-label{color:var(--fish-text-secondary)!important}.mdc-floating-label--float-above{color:var(--fish-primary)!important}.mat-mdc-input-element{color:var(--fish-text)!important;caret-color:var(--fish-primary)!important}.mat-mdc-input-element::placeholder{color:var(--fish-text-placeholder)!important}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color: var(--fish-text)}.mat-mdc-icon-button{--mat-icon-button-state-layer-color: var(--fish-text);color:var(--fish-text-secondary)}.mat-mdc-icon-button:hover{color:var(--fish-text)}.mat-divider{border-top-color:var(--fish-border)!important}.memorial-message{text-align:center;padding:12px;background:linear-gradient(135deg,var(--fish-primary),var(--fish-accent));color:#fff;font-size:13px;font-style:italic}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table,.table-responsive .mat-mdc-table{min-width:600px}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.content-container{max-width:100%;overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-break{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}@media (max-width: 768px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.mat-mdc-table,table:not(.inline-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.mat-mdc-form-field{max-width:100%}.mat-mdc-card,.card{max-width:100%;overflow:hidden}.mat-mdc-form-field-infix{min-height:48px!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--fish-sidebar-bg);border-top:1px solid var(--fish-sidebar-border);z-index:100;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width: 768px){.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center}}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;color:var(--fish-sidebar-text);text-decoration:none;font-size:10px;font-weight:500;transition:color .15s ease;flex:1;max-width:80px}.mobile-bottom-nav .nav-item svg,.mobile-bottom-nav .nav-item mat-icon{width:22px;height:22px}.mobile-bottom-nav .nav-item.active{color:var(--fish-primary)}.mobile-bottom-nav .nav-item:hover{color:var(--fish-sidebar-text-active)}@media (max-width: 768px){.has-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))!important}}.theme-dark .mat-mdc-form-field{--mdc-filled-text-field-container-color: var(--fish-input-bg) !important;--mdc-outlined-text-field-outline-color: var(--fish-input-border) !important;--mdc-outlined-text-field-focus-outline-color: var(--fish-primary) !important;--mdc-outlined-text-field-hover-outline-color: var(--fish-border-focus) !important;--mdc-outlined-text-field-label-text-color: var(--fish-text-secondary) !important;--mdc-outlined-text-field-input-text-color: var(--fish-text) !important;--mdc-outlined-text-field-caret-color: var(--fish-primary) !important;--mdc-filled-text-field-caret-color: var(--fish-primary) !important;--mdc-filled-text-field-focus-active-indicator-color: var(--fish-primary) !important;--mdc-filled-text-field-focus-label-text-color: var(--fish-primary) !important;--mdc-filled-text-field-label-text-color: var(--fish-text-secondary) !important;--mdc-filled-text-field-input-text-color: var(--fish-text) !important;--mdc-filled-text-field-disabled-container-color: var(--fish-bg-muted) !important;--mat-form-field-state-layer-color: var(--fish-text-muted) !important}.theme-dark .mdc-notched-outline__leading,.theme-dark .mdc-notched-outline__notch,.theme-dark .mdc-notched-outline__trailing{border-color:var(--fish-input-border)!important}.theme-dark .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.theme-dark .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.theme-dark .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:var(--fish-primary)!important}.theme-dark .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--fish-input-bg)!important}.theme-dark .mdc-text-field--filled:not(.mdc-text-field--disabled):hover{background-color:var(--fish-bg-hover)!important}.theme-dark .mat-mdc-select-value-text{color:var(--fish-text)!important}.theme-dark .mat-mdc-select-placeholder{color:var(--fish-text-placeholder)!important}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:var(--fish-text-placeholder)!important}.theme-dark input.mat-mdc-input-element,.theme-dark textarea.mat-mdc-input-element{color:var(--fish-text)!important;caret-color:var(--fish-primary)!important}.theme-dark .mat-mdc-autocomplete-panel{background-color:var(--fish-bg-surface)!important;border:1px solid var(--fish-border)!important}.theme-dark .mat-datepicker-content{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-calendar{background-color:var(--fish-bg-surface)!important}.theme-dark .mat-calendar-body-cell-content{color:var(--fish-text)!important}.theme-dark .mat-calendar-body-label,.theme-dark .mat-calendar-table-header{color:var(--fish-text-muted)!important}.theme-dark .mat-calendar-arrow{fill:var(--fish-text)!important}.theme-dark .mat-calendar-previous-button,.theme-dark .mat-calendar-next-button{color:var(--fish-text)!important}.theme-dark .mat-mdc-slide-toggle{--mdc-switch-selected-track-color: var(--fish-primary) !important;--mdc-switch-selected-handle-color: var(--fish-primary-text) !important;--mdc-switch-selected-focus-track-color: var(--fish-primary) !important;--mdc-switch-selected-hover-track-color: var(--fish-primary-hover) !important;--mdc-switch-selected-pressed-track-color: var(--fish-primary) !important;--mdc-switch-unselected-track-color: var(--fish-border) !important;--mdc-switch-unselected-handle-color: var(--fish-text-muted) !important}.theme-dark .mat-mdc-radio-button{--mdc-radio-selected-icon-color: var(--fish-primary) !important;--mdc-radio-selected-focus-icon-color: var(--fish-primary) !important;--mdc-radio-selected-hover-icon-color: var(--fish-primary-hover) !important;--mdc-radio-unselected-icon-color: var(--fish-text-muted) !important;--mat-radio-ripple-color: var(--fish-primary) !important}.theme-dark .mat-mdc-radio-button .mdc-label{color:var(--fish-text)!important}.theme-dark .mat-mdc-checkbox{--mdc-checkbox-unselected-icon-color: var(--fish-text-muted) !important;--mdc-checkbox-selected-icon-color: var(--fish-primary) !important;--mdc-checkbox-selected-checkmark-color: var(--fish-primary-text) !important}.theme-dark .mat-mdc-checkbox .mdc-label{color:var(--fish-text)!important}.theme-dark .mat-mdc-chip{--mdc-chip-elevated-container-color: var(--fish-bg-hover) !important;--mdc-chip-label-text-color: var(--fish-text) !important;--mdc-chip-with-trailing-icon-trailing-icon-color: var(--fish-text-muted) !important;--mdc-chip-with-icon-icon-color: var(--fish-text-muted) !important}.theme-dark .mat-mdc-chip.mat-mdc-chip-selected{--mdc-chip-elevated-container-color: var(--fish-primary-light) !important;--mdc-chip-label-text-color: var(--fish-primary) !important}.theme-dark .mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--fish-primary) !important;--mdc-linear-progress-track-color: var(--fish-border) !important}.theme-dark .mat-mdc-slider{--mdc-slider-handle-color: var(--fish-primary) !important;--mdc-slider-focus-handle-color: var(--fish-primary) !important;--mdc-slider-hover-handle-color: var(--fish-primary-hover) !important;--mdc-slider-active-track-color: var(--fish-primary) !important;--mdc-slider-inactive-track-color: var(--fish-border) !important}.theme-dark .mat-expansion-panel{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-expansion-panel-header-title{color:var(--fish-text)!important}.theme-dark .mat-expansion-panel-header-description{color:var(--fish-text-secondary)!important}.theme-dark .mat-expansion-indicator:after{color:var(--fish-text-muted)!important}.theme-dark .mat-step-header{background-color:transparent!important}.theme-dark .mat-step-label{color:var(--fish-text-muted)!important}.theme-dark .mat-step-label-selected{color:var(--fish-text)!important}.theme-dark .mat-stepper-horizontal-line{border-top-color:var(--fish-border)!important}.theme-dark .mat-mdc-tooltip{--mdc-plain-tooltip-container-color: var(--fish-bg-elevated) !important;--mdc-plain-tooltip-supporting-text-color: var(--fish-text) !important}.theme-dark .mat-mdc-paginator{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-mdc-paginator .mat-mdc-paginator-range-label{color:var(--fish-text-secondary)!important}.theme-dark .mat-mdc-paginator .mat-mdc-paginator-navigation-previous,.theme-dark .mat-mdc-paginator .mat-mdc-paginator-navigation-next,.theme-dark .mat-mdc-paginator .mat-mdc-paginator-navigation-first,.theme-dark .mat-mdc-paginator .mat-mdc-paginator-navigation-last{color:var(--fish-text)!important}.theme-dark .mat-mdc-paginator .mat-mdc-icon-button:disabled{color:var(--fish-text-muted)!important}.theme-dark .mat-mdc-list-base{--mdc-list-list-item-label-text-color: var(--fish-text) !important;--mdc-list-list-item-supporting-text-color: var(--fish-text-secondary) !important}.theme-dark .mat-mdc-list-item:hover{background-color:var(--fish-bg-hover)!important}.theme-dark .mat-bottom-sheet-container{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-drawer{background-color:var(--fish-sidebar-bg)!important;color:var(--fish-sidebar-text)!important}.theme-dark .mat-drawer-backdrop.mat-drawer-shown{background-color:#0009!important}.theme-dark .mat-button-toggle-group{border-color:var(--fish-border)!important}.theme-dark .mat-button-toggle{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-button-toggle-checked{background-color:var(--fish-primary-light)!important;color:var(--fish-primary)!important}.theme-dark .mat-toolbar{background-color:var(--fish-bg-surface)!important;color:var(--fish-text)!important}.theme-dark .mat-badge-content{background-color:var(--fish-accent)!important;color:var(--fish-accent-text)!important}.theme-dark select.mat-mdc-form-field-input-control{color:var(--fish-text)!important;background-color:transparent!important}.theme-dark .mat-ripple-element{background-color:#ffffff1a!important}.cdk-overlay-container{z-index:20000!important}.cdk-overlay-pane{z-index:20001!important}.mat-mdc-menu-panel,.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{z-index:20002!important}.mat-mdc-tooltip{z-index:20003!important}@media print{body{background:#fff!important;color:#000!important}.sidebar,.btn,.no-print{display:none!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}