:root{--bg-primary: #F8FAFC;--bg-secondary: #F1F5F9;--bg-tertiary: #E2E8F0;--text-primary: #2C3E50;--text-secondary: #6C757D;--text-tertiary: #94A3B8;--border-color: #E2E8F0;--border-hover: #CBD5E1;--color-primary: #0EA5E9;--color-primary-hover: #0284C7;--color-primary-light: #BAE6FD;--color-secondary: #64748B;--color-secondary-hover: #475569;--color-success: #10B981;--color-success-hover: #059669;--color-warning: #F59E0B;--color-error: #EF4444;--color-accent: #3B82F6;--color-accent-light: #DBEAFE;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-hover: 0 20px 25px -5px rgb(14 165 233 / .15), 0 8px 10px -6px rgb(14 165 233 / .1);--glass-bg: rgba(248, 250, 252, .75);--glass-bg-medium: rgba(255, 255, 255, .65);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .5);--glass-blur: blur(16px);--color-pink: #f472b6;--color-pink-hover: #ec4899;--color-pink-light: #fce7f3;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}.dark{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--border-color: #334155;--border-hover: #475569;--color-primary: #38BDF8;--color-primary-hover: #0EA5E9;--color-primary-light: #075985;--color-secondary: #64748B;--color-secondary-hover: #94A3B8;--color-success: #34D399;--color-success-hover: #10B981;--color-warning: #FBBF24;--color-error: #F87171;--color-accent: #60A5FA;--color-accent-light: #1E3A8A;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-hover: 0 20px 25px -5px rgb(56 189 248 / .25), 0 8px 10px -6px rgb(56 189 248 / .15);--glass-bg: rgba(30, 41, 59, .65);--glass-bg-medium: rgba(30, 41, 59, .75);--glass-bg-light: rgba(30, 41, 59, .85);--glass-border: rgba(100, 116, 139, .4);--color-pink: #f9a8d4;--color-pink-hover: #f472b6;--color-pink-light: #831843}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}#app{width:100%;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-hover)}.fade-in{animation:fadeIn var(--transition-normal) ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-card-medium{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card-light{background:var(--glass-bg-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.p-dataview-content,.p-paginator,.announcement-card-wrapper{background:none!important}.p-dataview-paginator-bottom{border:none!important}.maritime-bg-wrap{width:100%;height:160%;will-change:transform;transform-origin:top center}.maritime-bg-photo{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/layout-Cq3rzP12.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}.maritime-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#f8fafc73,#f8fafc59 30%,#f8fafc73 70%,#f8fafc8c);transition:background .6s ease}html.dark .maritime-bg-overlay{background:linear-gradient(180deg,#0f172a8c,#0f172a73 30%,#0f172a99 70%,#0f172abf)}.scene-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#1e293b}.app-content{position:relative;z-index:1}