:root{--sc-primary: #2563eb;--sc-primary-dark: #1d4ed8;--sc-primary-light: #3b82f6;--sc-secondary: #0f172a;--sc-accent: #06b6d4;--sc-success: #10b981;--sc-success-light: #34d399;--sc-warning: #d97706;--sc-warning-light: #f59e0b;--sc-danger: #dc2626;--sc-danger-light: #ef4444;--sc-info: #3b82f6;--sc-surface: #1e293b;--sc-surface-alt: #334155;--sc-light: #f8fafc;--sc-light-alt: #f1f5f9;--sc-dark: #0f172a;--sc-border: rgba(15, 23, 42, 0.1);--sc-border-strong: rgba(15, 23, 42, 0.2);--sc-border-focus: rgba(37, 99, 235, 0.3);--sc-text: #0f172a;--sc-text-light: #334155;--sc-muted: #64748b;--sc-offline: #94a3b8;--sc-hero-glow: #dbeafe;--sc-chip-bg: #eff6ff;--sc-chip-active: #dbeafe;--sc-card-bg: #ffffff;--sc-card-alt-bg: #f8fafc;--sc-card-hover: #f1f5f9;--sc-pwa-bg: #0f172a;--sc-font-fa: 'Vazirmatn', 'Segoe UI', sans-serif;--sc-font-en: 'Space Grotesk', 'Inter', 'Segoe UI', sans-serif;--sc-font-base: var(--sc-font-fa);--sc-font-weight-regular: 400;--sc-font-weight-medium: 500;--sc-font-weight-semibold: 600;--sc-font-weight-bold: 700;--sc-lineheight-tight: 1.2;--sc-lineheight-base: 1.6;--sc-lineheight-loose: 1.8;--sc-letter-spacing: -0.025em;--sc-space-0: 0px;--sc-space-1: 4px;--sc-space-1-5: 6px;--sc-space-2: 8px;--sc-space-2-5: 10px;--sc-space-3: 12px;--sc-space-3-5: 14px;--sc-space-4: 16px;--sc-space-5: 20px;--sc-space-6: 24px;--sc-space-7: 28px;--sc-space-8: 32px;--sc-radius-sm: 6px;--sc-radius: 12px;--sc-radius-md: 16px;--sc-radius-lg: 24px;--sc-radius-card: 16px;--sc-radius-chip: 999px;--sc-radius-control: 10px;--sc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--sc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--sc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--sc-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--sc-shadow-card: 0 10px 25px rgba(15, 23, 42, 0.08);--sc-shadow-nav: 0 8px 20px rgba(15, 23, 42, 0.12);--sc-shadow-popover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--sc-blur-glass: blur(12px);--sc-transition-base: 180ms ease;--sc-transition-fast: 120ms ease;--sc-transition-slow: 300ms ease;--sc-z-dropdown: 1000;--sc-z-sticky: 1020;--sc-z-fixed: 1030;--sc-z-modal: 1040;--sc-z-popover: 1050;--sc-z-tooltip: 1060;--dt-navbar-height: 72px;--dt-footer-height: 160px;--dt-footer-gap: 140px;--dt-pwa-banner-height: 0px}body.dark-mode{--sc-primary: #3b82f6;--sc-primary-dark: #2563eb;--sc-primary-light: #60a5fa;--sc-secondary: #f8fafc;--sc-accent: #22d3ee;--sc-success: #34d399;--sc-success-light: #6ee7b7;--sc-warning: #fbbf24;--sc-warning-light: #fcd34d;--sc-danger: #f87171;--sc-danger-light: #fca5a5;--sc-info: #60a5fa;--sc-surface: #0f172a;--sc-surface-alt: #1e293b;--sc-light: #0f172a;--sc-light-alt: #1e293b;--sc-dark: #f8fafc;--sc-border: rgba(248, 250, 252, 0.1);--sc-border-strong: rgba(248, 250, 252, 0.2);--sc-border-focus: rgba(59, 130, 246, 0.3);--sc-text: #f8fafc;--sc-text-light: #e2e8f0;--sc-muted: #94a3b8;--sc-hero-glow: rgba(59, 130, 246, 0.08);--sc-chip-bg: rgba(248, 250, 252, 0.08);--sc-chip-active: rgba(59, 130, 246, 0.15);--sc-card-bg: #1e293b;--sc-card-alt-bg: #334155;--sc-card-hover: #475569;--sc-shadow-card: 0 10px 25px rgba(0, 0, 0, 0.35);--sc-shadow-nav: 0 8px 20px rgba(0, 0, 0, 0.4);--sc-shadow-popover: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3)}body[data-lang='en']{--sc-font-base: var(--sc-font-en)}body[data-lang='fa']{--sc-font-base: var(--sc-font-fa)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1}:root{--font-size-base: 1rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-hero: clamp(2rem, 5vw, 3rem);--font-size-h1: clamp(1.75rem, 4vw, 2.25rem);--font-size-h2: clamp(1.5rem, 3vw, 1.875rem);--font-size-h3: clamp(1.25rem, 2.5vw, 1.5rem);--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -0.05em;--letter-spacing-tight: -0.025em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.025em;--letter-spacing-wider: 0.05em;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--icon-size-xs: 0.75rem;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--icon-size-xl: 2rem;--icon-size-2xl: 3rem}:root{--font-family-fa: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;--font-family-en: 'Inter', 'Segoe UI', 'Roboto', sans-serif;--font-family-mono: ui-monospace, 'Cascadia Code', 'Courier New', monospace;--font-family-base: var(--font-family-fa)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);direction:rtl;text-align:right}h1,.h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:0.5em}h2,.h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:0.5em}h3,.h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:0.5em}h4,.h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:0.5em}h5,.h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:0.5em}h6,.h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:0.5em}@media (max-width: 768px){h1,.h1{line-height:var(--line-height-snug)}h2,.h2{line-height:var(--line-height-snug)}h3,.h3{line-height:var(--line-height-normal)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2,.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-truncate-3,.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-break{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}::selection{background-color:var(--sc-primary);color:#ffffff;text-shadow:none}::-moz-selection{background-color:var(--sc-primary);color:#ffffff;text-shadow:none}code,kbd,samp,pre{font-family:var(--font-family-mono);direction:ltr;text-align:left;font-size:0.9em}.lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.small,small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-muted{color:var(--sc-muted);opacity:0.85}.icon{display:inline-block;width:var(--icon-size-md);height:var(--icon-size-md);vertical-align:middle}.icon-xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.icon-2xl{width:var(--icon-size-2xl);height:var(--icon-size-2xl)}.emoji{font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-style:normal;font-weight:normal;font-size:1.2em;vertical-align:middle;line-height:1}.typographic-grid{--baseline: 20px}.typographic-grid *{margin-bottom:calc(var(--baseline) * 1)}.typographic-grid h1{margin-bottom:calc(var(--baseline) * 1.5);line-height:calc(var(--baseline) * 2)}.typographic-grid h2{margin-bottom:calc(var(--baseline) * 1);line-height:calc(var(--baseline) * 1.5)}.typographic-grid p{margin-bottom:calc(var(--baseline) * 1);line-height:calc(var(--baseline) * 1.5)}@media (min-width: 320px) and (max-width: 1200px){html{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)))}}@media (max-width: 768px){input,textarea,select,button{font-size:16px !important}}body.is-rtl{direction:rtl;text-align:right}html[dir="rtl"],body.is-rtl{direction:rtl}html[dir="rtl"] body,body.is-rtl{overflow-y:auto}.route-selector,.pier-links-body,[dir="rtl"] *{direction:rtl !important}html{overflow-y:scroll;direction:ltr}html[lang="fa"],html[dir="rtl"]{direction:ltr}html[lang="fa"] body,html[dir="rtl"] body{direction:rtl}body.is-rtl .navbar-nav{flex-direction:row-reverse}body.is-rtl .form-check-input{float:right;margin-left:.5rem;margin-right:0}body.is-rtl .route-chip-scroll{direction:rtl}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*:focus-visible{outline:3px solid var(--sc-border-focus);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role="button"]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--sc-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.1)}.skip-to-content{position:absolute;top:-40px;right:0;left:auto;background:var(--sc-primary);color:white;padding:8px 16px;text-decoration:none;z-index:100;border-radius:0 0 0 8px;font-weight:600;transition:top 0.3s;direction:rtl;text-align:right}.skip-to-content:focus{top:0;outline:3px solid var(--sc-warning)}::selection{background-color:var(--sc-primary);color:white;text-shadow:none}::-moz-selection{background-color:var(--sc-primary);color:white;text-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){*{border-color:currentColor !important}button,a{text-decoration:underline}}.vessel-card:focus-within{outline:2px solid var(--sc-primary);outline-offset:4px}@media (pointer: coarse){button,a,input,[role="button"],[onclick]{min-height:44px;min-width:44px}}.app-body{font-family:var(--sc-font-base);background:var(--sc-light);color:var(--sc-text);min-height:100vh;overflow-x:hidden}html{height:100%}body.home-page{background:linear-gradient(180deg, var(--sc-light) 0%, var(--sc-card-alt-bg) 100%);color:var(--sc-text);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-y:auto}body.home-page .page-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}body.home-page .home-layout{flex:1 1 auto;min-height:0;overflow:visible;padding-bottom:var(--sc-space-4)}body.home-page .topbar-lite{background:var(--sc-card-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius-card);box-shadow:var(--sc-shadow-card);padding:var(--sc-space-4)}body.home-page footer{color:var(--sc-muted)}body.home-page footer.site-footer{position:fixed}.dt-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--sc-z-fixed)}.topbar-lite{background:linear-gradient(90deg, rgba(37,99,235,0.06), rgba(15,23,42,0.03));border:1px solid var(--sc-border);border-radius:var(--sc-radius-card);box-shadow:var(--sc-shadow-sm);padding:var(--sc-space-2) var(--sc-space-3);margin-bottom:var(--sc-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-2);flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}.topbar-lite .btn{box-shadow:var(--sc-shadow-sm)}.topbar-date,.topbar-logo,.topbar-lang{display:flex;align-items:center}.topbar-date{flex:1 1 0%;gap:var(--sc-space-2);min-width:0}.topbar-logo{flex:0 0 auto;justify-content:center}.topbar-lang{flex:1 1 0%;justify-content:flex-end}.topbar-lite::-webkit-scrollbar{display:none}@media (max-width: 360px){.dt-brand-logo{height:40px !important}.dt-navbar-date{font-size:0.75rem !important}.dt-navbar-row{gap:0.5rem;min-height:56px}}@media (max-width: 576px){.topbar-lite{padding:var(--sc-space-2) var(--sc-space-2-5)}}body.dark-mode .topbar-lite{background:linear-gradient(90deg, rgba(59,130,246,0.1), rgba(15,23,42,0.82));border-color:rgba(248,250,252,0.12)}footer.site-footer{background:var(--sc-card-bg);border-top:1px solid var(--sc-border);box-shadow:var(--sc-shadow-nav);backdrop-filter:var(--sc-blur-glass);position:fixed;bottom:0;left:0;right:0;z-index:var(--sc-z-fixed);flex-shrink:0;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease;transform:translateY(0);opacity:1}footer.site-footer.footer-hidden{transform:translateY(100%);opacity:0;pointer-events:none}.footer-bar{padding:0.6rem var(--sc-space-3);gap:0.5rem;padding-bottom:calc(0.3rem + env(safe-area-inset-bottom))}.quick-actions{display:flex;gap:0.5rem;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--sc-radius-chip);border:1px solid var(--sc-border);background:var(--sc-card-bg);color:var(--sc-text);cursor:pointer;transition:all 0.2s ease;font-size:1.25rem;padding:0}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-sm);background:var(--sc-primary);color:white;border-color:var(--sc-primary)}.action-btn:active{transform:translateY(0)}.action-btn .icon{display:inline-block;line-height:1}.action-refresh.spinning .icon{animation:spin 0.6s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.footer-context{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.last-update{font-size:0.8rem;color:var(--sc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-links a{padding:0.75rem;min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.footer-logo{height:32px;width:auto;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.footer-row{width:100%;display:flex;align-items:center;justify-content:center;margin-top:0;padding-top:0}.footer-links{display:flex;align-items:center;gap:var(--sc-space-3);flex-wrap:wrap;white-space:normal;justify-content:center;flex:0 0 auto;width:100%;font-size:0.85rem;list-style:none;margin:0;padding:0;row-gap:var(--sc-space-2)}.footer-share{display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%}@media (min-width: 768px){.footer-share{flex:0 0 auto;width:auto}}.footer-share-card{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;justify-content:center;--share-label-size: 0.75rem;--share-icon-size: 2rem;--share-icon-font: 0.9rem;padding:0.25rem 0.5rem;border-radius:var(--sc-radius-lg);border:1px solid rgba(37,99,235,0.16);background:linear-gradient(135deg, rgba(37,99,235,0.08), rgba(6,182,212,0.08));box-shadow:var(--sc-shadow-sm)}.footer-share-label{font-size:var(--share-label-size);font-weight:700;color:var(--sc-primary-dark);letter-spacing:-0.01em;padding:0.2rem 0.55rem;border-radius:var(--sc-radius-chip);background:rgba(37,99,235,0.12);border:1px solid rgba(37,99,235,0.2)}.share-list{display:flex;align-items:center;gap:var(--sc-space-2);flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.share-list li,.footer-links li{list-style:none;margin:0;padding:0}.share-list li::marker,.footer-links li::marker{content:''}.share-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-content:center;gap:0;padding:0.35rem !important;min-width:44px !important;min-height:44px !important;border-radius:var(--sc-radius-chip);border:1px solid var(--sc-border);background:var(--sc-card-bg);color:var(--sc-text);text-decoration:none !important;text-decoration-thickness:0;text-decoration-color:transparent;font-size:0.8rem;font-weight:600;white-space:nowrap;box-shadow:0 6px 14px rgba(15,23,42,0.08);transition:transform var(--sc-transition-fast),box-shadow var(--sc-transition-fast),border-color var(--sc-transition-fast),background var(--sc-transition-fast)}.share-chip:hover{transform:translateY(-1px);box-shadow:var(--sc-shadow)}.share-chip:focus-visible{outline:2px solid var(--sc-border-focus);outline-offset:2px}.share-icon{width:var(--share-icon-size);height:var(--share-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--share-icon-font);font-weight:700;color:#fff;letter-spacing:0.08em;box-shadow:0 6px 14px rgba(15,23,42,0.18);border:2px solid rgba(255,255,255,0.85)}.share-text{color:var(--sc-secondary)}.share-whatsapp{border-color:rgba(34,197,94,0.35);background:linear-gradient(135deg, rgba(34,197,94,0.16), rgba(34,197,94,0.03))}.share-whatsapp .share-icon{background:#22c55e}.share-telegram{border-color:rgba(56,189,248,0.35);background:linear-gradient(135deg, rgba(56,189,248,0.18), rgba(56,189,248,0.03))}.share-telegram .share-icon{background:#38bdf8}.share-sms{border-color:rgba(249,115,22,0.35);background:linear-gradient(135deg, rgba(249,115,22,0.2), rgba(249,115,22,0.04))}.share-sms .share-icon{background:#f97316}.share-instagram{border-color:rgba(214,41,118,0.28);background:linear-gradient(135deg, rgba(214,41,118,0.16), rgba(214,41,118,0.04))}.share-instagram .share-icon{background:radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 35%, #d62976 70%, #962fbf 100%)}.page-shell{flex:1 1 auto;min-height:0;overflow:visible;padding-top:calc(var(--dt-navbar-height) + var(--sc-space-3));padding-bottom:calc(var(--dt-footer-height) + var(--dt-footer-gap) + var(--dt-pwa-banner-height) + var(--sc-space-4) + env(safe-area-inset-bottom))}@media (max-width: 576px){footer.site-footer .footer-bar{flex-direction:column;align-items:center;text-align:center;gap:var(--sc-space-2)}.last-update{white-space:normal;overflow:visible;text-overflow:clip}.footer-links,.footer-share{justify-content:center}.footer-share{width:100%}.footer-share-card{width:100%;justify-content:center}}@media (max-width: 420px){.footer-share-label{display:none}.share-text{display:none}.share-chip{padding:0.25rem}}.hero{padding:var(--sc-space-4) 0}.route-selector{border-bottom:1px solid var(--sc-border)}.route-chip-scroll{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.route-chip-scroll::-webkit-scrollbar{height:4px}.route-chip-scroll::-webkit-scrollbar-thumb{background:rgba(15,108,245,0.45);border-radius:4px}.live-board{padding-bottom:var(--sc-space-6)}.bottom-nav-mobile{position:sticky;bottom:0;z-index:1030;box-shadow:var(--sc-shadow-nav);backdrop-filter:var(--sc-blur-glass)}.navbar{box-shadow:var(--sc-shadow-nav);backdrop-filter:var(--sc-blur-glass);background:var(--sc-card-bg);min-height:64px}.dt-navbar{border-bottom:1px solid var(--sc-border);display:block;padding:0}.dt-navbar-top{background:linear-gradient(90deg, rgba(37,99,235,0.06), rgba(15,23,42,0.03));width:100%}.dt-navbar .container,.dt-navbar .container-fluid{max-width:100%;padding-inline:var(--sc-space-3)}.dt-navbar-row{display:flex;align-items:center;gap:var(--sc-space-3);padding-block:0.45rem;min-height:72px;direction:rtl;justify-content:space-between}.is-rtl .dt-navbar-row{direction:rtl}.dt-navbar-brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--sc-space-2);margin:0;flex:0 0 auto;min-width:0;order:1}.is-rtl .dt-navbar-brand{order:1;flex-direction:row}.dt-navbar-spacer{flex:1 1 auto;order:2}.dt-navbar-date{display:flex;align-items:center;gap:var(--sc-space-2);justify-content:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 0 auto;order:3;direction:rtl;text-align:right}.dt-brand-logo{height:clamp(60px, 7vw, 70px);width:auto;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.06));transform:scale(1);transform-origin:center;will-change:transform;max-width:none}.dt-brand-text{color:var(--sc-primary);font-weight:600;letter-spacing:-0.025em;font-size:1.05rem}.is-rtl .dt-brand-text{margin-inline:0}.dt-lang-toggle{box-shadow:var(--sc-shadow-sm);font-weight:600}@keyframes dt-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 4px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes dt-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.navbar-brand{font-weight:var(--sc-font-weight-semibold);gap:var(--sc-space-2)}.brand-logo{height:clamp(48px, 7vw, 72px);width:auto;flex-shrink:0}@media (max-width: 575.98px){.navbar{padding-top:var(--sc-space-2);padding-bottom:var(--sc-space-2)}.navbar-brand{align-items:center;text-align:center}.dt-navbar .container,.dt-navbar .container-fluid{padding-inline:var(--sc-space-2)}.dt-navbar-row{display:flex;align-items:center;gap:var(--sc-space-2);direction:rtl;min-height:64px;justify-content:space-between}.is-rtl .dt-navbar-row{direction:rtl}.dt-navbar-brand{order:1}.dt-navbar-spacer{flex:1 1 auto;order:2}.dt-navbar-date{justify-content:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;direction:rtl;order:3}.dt-brand-logo{height:50px;transform:scale(1);max-width:none}.dt-brand-text{font-size:1rem}}.btn-primary,.home-page .btn-primary,.app-body .btn-primary{background-color:var(--sc-primary);border-color:var(--sc-primary);box-shadow:0 10px 24px rgba(15,108,245,0.22)}.btn-primary:hover,.home-page .btn-primary:hover,.app-body .btn-primary:hover{background-color:#0d63e0;border-color:#0d63e0}.btn-outline-primary,.home-page .btn-outline-primary,.app-body .btn-outline-primary{color:var(--sc-primary);border-color:var(--sc-primary);background-color:transparent}.btn-outline-primary:hover,.home-page .btn-outline-primary:hover,.app-body .btn-outline-primary:hover{background-color:var(--sc-primary);color:#fff}.btn-outline-secondary,.home-page .btn-outline-secondary,.app-body .btn-outline-secondary{color:var(--sc-secondary);border-color:var(--sc-border)}.badge{border-radius:var(--sc-radius-chip)}.route-chip-grid .btn{border-radius:var(--sc-radius-chip)}.route-chip-grid .btn-outline-primary{background:var(--sc-chip-bg);border-color:transparent;color:var(--sc-secondary)}.route-chip-grid .btn-outline-primary:hover,.route-chip-grid .btn-outline-primary.active{background:var(--sc-primary);color:#fff;box-shadow:0 12px 28px rgba(15,108,245,0.18)}.ferry-card{border-radius:var(--sc-radius-card);border:1px solid var(--sc-border);transition:transform var(--sc-transition-base),box-shadow var(--sc-transition-base);background:var(--sc-card-bg)}.ferry-card:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-card)}.ferry-card.is-stale{border-color:var(--sc-warning)}.home-page .card,.app-body .card{background:var(--sc-card-bg);border:1px solid var(--sc-border);box-shadow:var(--sc-shadow-card)}.home-page .hero{background:var(--sc-hero-glow);border:1px solid var(--sc-border);border-radius:var(--sc-radius-card);padding:var(--sc-space-4);box-shadow:var(--sc-shadow-card)}.page-hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 80% 0, rgba(18,198,255,0.16) 0, rgba(18,198,255,0) 55%),linear-gradient(135deg, #fff 0%, #eef4ff 100%);border:1px solid var(--sc-border);border-radius:var(--sc-radius-card);box-shadow:var(--sc-shadow-card);padding:calc(var(--sc-space-4) + 4px)}.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 12% 18%, rgba(15,108,245,0.12) 0, rgba(15,108,245,0) 55%);pointer-events:none}.page-hero h1{line-height:var(--sc-lineheight-tight)}.page-hero .brand-logo{height:clamp(64px, 9vw, 96px)}.hero-logo-tile{background:#fff;border:1px solid var(--sc-border);box-shadow:var(--sc-shadow-card)}@media (max-width: 767.98px){.page-hero{padding:var(--sc-space-4)}}.jsp5-card{background:linear-gradient(180deg, #fff 0%, var(--sc-card-alt-bg) 100%);border:1px dashed var(--sc-border-strong);box-shadow:0 14px 32px rgba(15,108,245,0.08)}.progress-thin{height:8px;border-radius:var(--sc-radius-chip);background:rgba(12,31,54,0.1)}.progress-thin .progress-bar{border-radius:inherit}.pwa-banner{position:fixed;bottom:calc(var(--dt-footer-height) + env(safe-area-inset-bottom));left:0;right:0;z-index:1040;padding:0 var(--sc-space-3) calc(var(--sc-space-3) + env(safe-area-inset-bottom));pointer-events:none}.pwa-banner-card{pointer-events:auto;width:100%;max-width:560px;margin:0 auto;padding:var(--sc-space-3);border-radius:var(--sc-radius-lg);border:1px solid var(--sc-border);background:linear-gradient(135deg, rgba(37,99,235,0.08), rgba(6,182,212,0.08)),var(--sc-card-bg);box-shadow:var(--sc-shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-3);flex-wrap:wrap}.pwa-banner-body{display:flex;align-items:center;gap:var(--sc-space-3);min-width:0;flex:1 1 auto}.pwa-banner-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--sc-card-bg);border-radius:var(--sc-radius-md);padding:6px;border:1px solid var(--sc-border);box-shadow:var(--sc-shadow-sm)}.pwa-banner-icon img{display:block}.pwa-banner-text{min-width:0}.pwa-banner-title{font-weight:700;color:var(--sc-secondary);letter-spacing:-0.01em}.pwa-banner-subtitle{font-size:0.85rem;color:var(--sc-muted)}.pwa-banner-actions{display:flex;align-items:center;gap:var(--sc-space-2);flex-wrap:wrap}.pwa-banner .btn-outline-secondary{color:var(--sc-secondary);border-color:var(--sc-border-strong)}.pwa-banner .btn-outline-secondary:hover{background:var(--sc-card-hover);border-color:var(--sc-border-strong)}@media (max-width: 576px){.pwa-banner-card{padding:var(--sc-space-2-5)}.pwa-banner-actions{width:100%;justify-content:flex-start}}.skeleton,.placeholder-wave .placeholder{background:linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 37%, #e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.table thead.sticky-top{box-shadow:0 2px 8px rgba(15,23,42,0.08)}.card.status-boarding{background:linear-gradient(135deg, #cdefe5, #a4e2c8);color:#065f46;border-color:#16a34a !important}.card.status-ready{background:linear-gradient(135deg, #fff4d5, #fde68a);color:#92400e;border-color:#f59e0b !important}.card.status-next{background:linear-gradient(135deg, #c0ccff, #d7e0ff);color:#1a2f6e;border-color:#7c8ae6 !important}.card.status-leaving{background:linear-gradient(135deg, #ffe8ee, #ffd6e0);color:var(--sc-danger);border-color:rgba(239,70,111,0.32) !important}.card.status-cancelled,.card.status-soldout{background:linear-gradient(135deg, #f2f4f8, #e5e9f2);color:var(--sc-secondary);border-color:rgba(12,31,54,0.14) !important}.card.status-travel{background:linear-gradient(135deg, #ffe8ee, #ffd6e0);color:var(--sc-danger);border-color:rgba(239,70,111,0.32) !important}.card.status-unknown{background:linear-gradient(135deg, #f2f4f8, #e5e9f2);color:var(--sc-secondary);border-color:rgba(12,31,54,0.14) !important}.card.status-boarding .card-body,.card.status-ready .card-body,.card.status-next .card-body,.card.status-leaving .card-body,.card.status-cancelled .card-body,.card.status-soldout .card-body,.card.status-travel .card-body,.card.status-unknown .card-body{color:inherit}.ad-slot{margin-block:var(--sc-space-4)}.ad-slot-grid{display:grid;gap:var(--sc-space-3);grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}.ad-card{display:flex;align-items:center;gap:var(--sc-space-3);padding:clamp(0.9rem, 2vw, 1.4rem);border-radius:var(--sc-radius-lg);border:1px solid rgba(249,115,22,0.22);background:radial-gradient(120% 120% at 0% 0%, rgba(254,215,170,0.4), rgba(254,215,170,0) 55%),radial-gradient(120% 120% at 100% 0%, rgba(251,113,133,0.2), rgba(251,113,133,0) 50%),linear-gradient(135deg, #fff7ed 0%, #fff1f2 60%, #fef2f2 100%);color:var(--sc-text);box-shadow:var(--sc-shadow-card);transition:transform var(--sc-transition-base),box-shadow var(--sc-transition-base)}.ad-card:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-lg)}.ad-card:focus-visible{outline:3px solid var(--sc-border-focus);outline-offset:4px}.ad-card-media{width:72px;height:72px;flex:0 0 auto;border-radius:14px;border:1px solid rgba(148,163,184,0.35);background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.5rem;position:relative}.ad-card-media img{width:100%;height:100%;object-fit:cover}.ad-card-placeholder{color:#ea580c}.ad-card-body{display:flex;flex-direction:column;gap:0.35rem;min-width:0;flex:1 1 auto}.ad-card-badge{width:fit-content;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.75rem;font-weight:700;background:rgba(249,115,22,0.16);border:1px solid rgba(249,115,22,0.35);color:#c2410c}.ad-card-badge-overlay{position:absolute;top:10px;right:10px;z-index:1;background:rgba(255,255,255,0.85)}.ad-card-title{font-size:clamp(1rem, 2vw, 1.2rem);font-weight:700;color:var(--sc-secondary)}.ad-card-link{font-size:0.85rem;color:var(--sc-muted);direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-card-cta{display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;flex:0 0 auto}.ad-card-note{font-size:0.8rem;color:var(--sc-muted)}.ad-card-image-only{flex-direction:column;align-items:stretch;padding:var(--sc-space-2)}.ad-card-image-only .ad-card-media{width:100%;height:auto;aspect-ratio:16 / 9;min-height:140px}.ad-card-image-only .ad-card-media img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ad-card{flex-direction:column;align-items:flex-start}.ad-card-cta{width:100%;align-items:stretch}.ad-card-cta .btn{width:100%;text-align:center}}.card.status-boarding{background:linear-gradient(135deg, #b8e6d5 0%, #88d4b8 100%) !important;color:#034d32 !important;border-color:#10b981 !important}.card.status-ready{background:linear-gradient(135deg, #ffeaa7 0%, #ffd97d 100%) !important;color:#7a2e0e !important;border-color:#ea9c0b !important}.card.status-next{background:linear-gradient(135deg, #a8b9ff 0%, #c0ccff 100%) !important;color:#0f1f4e !important;border-color:#5c6ac4 !important}.alert{position:relative;padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:var(--sc-radius);display:flex;align-items:flex-start;gap:0.75rem}.alert-icon{flex-shrink:0;font-size:1.25rem;line-height:1;margin-top:0.125rem}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:0.25rem;color:inherit}.alert-message{font-size:0.9rem;line-height:1.5;color:inherit;opacity:0.9}.alert-actions{display:flex;gap:0.5rem;margin-top:0.5rem;flex-wrap:wrap}.alert-success{background:linear-gradient(135deg, rgba(16,185,129,0.1), rgba(52,211,153,0.05));border-color:var(--sc-success);color:#065f46}.alert-success .alert-icon{color:var(--sc-success)}.alert-warning{background:linear-gradient(135deg, rgba(217,119,6,0.1), rgba(245,158,11,0.05));border-color:var(--sc-warning);color:#78350f}.alert-warning .alert-icon{color:var(--sc-warning)}.alert-danger,.alert-error{background:linear-gradient(135deg, rgba(220,38,38,0.1), rgba(239,68,68,0.05));border-color:var(--sc-danger);color:#7f1d1d}.alert-danger .alert-icon,.alert-error .alert-icon{color:var(--sc-danger)}.alert-info{background:linear-gradient(135deg, rgba(37,99,235,0.1), rgba(59,130,246,0.05));border-color:var(--sc-primary);color:#1e3a8a}.alert-info .alert-icon{color:var(--sc-primary)}.alert-dismissible{padding-inline-end:3rem}.alert-dismissible .btn-close{position:absolute;top:0.75rem;inset-inline-end:0.75rem;padding:0.5rem;background:transparent;border:none;opacity:0.5;cursor:pointer;transition:opacity 0.2s}.alert-dismissible .btn-close:hover{opacity:1}.alert-dismissible .btn-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid rgba(0,0,0,0.1);border-top-color:var(--sc-primary);border-radius:50%;animation:spinner-rotate 0.8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:2.5rem;height:2.5rem;border-width:4px}@keyframes spinner-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.placeholder-wave{animation:placeholder-wave 2s linear infinite;background:linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.05) 100%);background-size:200% 100%}@keyframes placeholder-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}.btn{position:relative}.btn[disabled],.btn.loading{pointer-events:none;opacity:0.6}.btn.loading{color:transparent !important}.btn.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinner-rotate 0.6s linear infinite;opacity:1;color:inherit}.home-layout{display:flex;flex-direction:column;gap:clamp(1.25rem, calc(1rem + 1.4vw), 2.4rem);padding-block:clamp(1.25rem, calc(1rem + 1vw), 2rem)}.home-layout>*{margin:0}@media (max-width: 576px){.home-layout{gap:clamp(1rem, calc(0.8rem + 1.6vw), 1.8rem);padding-block:1.25rem}}.hero-bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(120% 120% at 80% 0, rgba(37,99,235,0.08) 0%, rgba(37,99,235,0) 55%),linear-gradient(135deg, #fff 0%, #f8fafc 100%);z-index:-1}.hero-content{background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,0.1);border-radius:16px;box-shadow:0 10px 25px rgba(15,23,42,0.08);padding:1.5rem}.hero-logo{max-height:80px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1))}.hero-title{font-size:1.875rem;font-weight:700;color:var(--sc-primary);line-height:1.2;letter-spacing:-0.025em}.hero-description{font-size:1.125rem;color:var(--sc-muted);line-height:1.6}.topbar-brand .brand-logo{transform:scale(1.2);transform-origin:center}.hero-stats-container{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{background:var(--sc-card-bg);border:1px solid var(--sc-border);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:0.75rem;min-width:150px;box-shadow:var(--sc-shadow-sm);transition:var(--sc-transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow)}.stat-icon{font-size:1.5rem}.stat-label{font-size:0.875rem;color:var(--sc-muted)}.stat-value{font-size:1.125rem;font-weight:600;color:var(--sc-text)}.route-selector{gap:0.75rem}.route-chip .btn{border-radius:999px;font-weight:500;border:1px solid var(--sc-border);transition:all var(--sc-transition-base);min-height:44px;min-width:44px;padding:0.5rem 1rem}.route-chip .btn:hover{transform:translateY(-1px);box-shadow:var(--sc-shadow-sm)}.route-chip .btn.active{background:var(--sc-primary);border-color:var(--sc-primary);color:white;box-shadow:0 4px 12px rgba(37,99,235,0.3)}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.pier-links{border:1px solid var(--sc-border);background:linear-gradient(135deg, rgba(37,99,235,0.05) 0%, rgba(6,182,212,0.04) 100%);overflow:hidden;box-shadow:var(--sc-shadow-card)}.pier-links-header{border-bottom:1px solid var(--sc-border);background:rgba(255,255,255,0.96)}.pier-links-body{background:linear-gradient(135deg, rgba(236,254,255,0.55) 0%, rgba(219,234,254,0.55) 100%);border-radius:0 0 12px 12px;backdrop-filter:blur(6px)}.pier-link{display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-2);padding:var(--sc-space-2);border-radius:12px;border:1px solid var(--sc-border);background:var(--sc-card-bg);transition:all var(--sc-transition-base);min-width:200px}.pier-link:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-sm);background:var(--sc-card-hover)}.pier-link-main{min-width:0}.pier-map-link{color:var(--sc-primary);text-decoration:none;font-weight:600;font-size:0.875rem}.pier-map-link:hover{text-decoration:underline}.pier-link-actions{flex-shrink:0}.pier-link-actions .btn{white-space:nowrap;padding:0.25rem 0.55rem;font-size:0.82rem}.pier-phone{font-family:"Inter", "Segoe UI", monospace;font-size:0.8rem}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}.guide-card{position:relative;overflow:hidden}.guide-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--sc-warning), var(--sc-warning-light))}.guide-icon{font-size:1.5rem}.guide-title{color:var(--sc-secondary)}.guide-list{list-style:none;padding:0}.guide-list li{position:relative;padding-right:1.5rem;margin-bottom:0.75rem;line-height:1.6}.guide-list li::before{content:'▸';position:absolute;right:0;color:var(--sc-warning);font-weight:bold}.faq-section{margin-top:var(--sc-space-6)}.faq-card{background:var(--sc-card-bg);border:1px solid var(--sc-border)}.faq-icon{font-size:1.35rem}.faq-title{color:var(--sc-secondary)}.faq-list{display:grid;gap:var(--sc-space-2)}.faq-item{border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);background:var(--sc-card-alt-bg);padding:var(--sc-space-3);transition:border-color var(--sc-transition-base),box-shadow var(--sc-transition-base),max-height 0.3s ease;overflow:hidden}.faq-item[open]{border-color:var(--sc-border-strong);box-shadow:var(--sc-shadow-sm)}.faq-item summary{cursor:pointer;list-style:none;font-weight:var(--sc-font-weight-semibold);color:var(--sc-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-2)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-weight:var(--sc-font-weight-bold);color:var(--sc-primary)}.faq-item[open] summary::after{content:'-'}.faq-item p{margin:var(--sc-space-2) 0 0;color:var(--sc-text-light);line-height:var(--sc-lineheight-base)}.vessel-card{position:relative;overflow:hidden;border:1px solid var(--sc-border);--vessel-accent: var(--sc-primary);transition:all var(--sc-transition-base)}.vessel-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--vessel-accent);opacity:0;transition:opacity var(--sc-transition-base)}.vessel-card:hover{transform:translateY(-2px)}.vessel-card:hover::before{opacity:1}.vessel-header{gap:0.75rem;flex-wrap:nowrap;align-items:flex-start}.vessel-info{flex:1 1 240px;min-width:0}.vessel-name{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1rem, calc(2.4vw + 0.1rem), 1.2rem)}.vessel-capacity{flex:0 0 auto;min-width:110px;text-align:end;margin-inline-start:auto;white-space:nowrap}.vessel-capacity .capacity-label{font-size:clamp(0.8rem, calc(1.6vw + 0.12rem), 0.9rem)}.vessel-capacity .capacity-value{font-size:clamp(0.95rem, calc(2vw + 0.12rem), 1.1rem);display:flex;align-items:baseline;justify-content:flex-end;gap:0.35rem}.capacity-remaining{font-weight:700}.capacity-separator{color:var(--sc-muted);font-size:0.85em;font-weight:500}.capacity-total{color:var(--sc-text-light);font-weight:600}.vessel-status-badge{background:var(--sc-chip-bg);color:var(--sc-secondary);white-space:nowrap;font-size:clamp(0.78rem, calc(1.8vw + 0.12rem), 0.9rem)}.vessel-details .detail-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;border-bottom:1px solid var(--sc-border)}.vessel-details .detail-item:last-child{border-bottom:none}.detail-content{display:flex;align-items:baseline;gap:0.35rem;flex-wrap:wrap}.detail-icon{font-size:1rem;width:32px;height:32px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--sc-border);background:var(--sc-card-alt-bg)}.detail-label{color:var(--sc-muted);font-size:clamp(0.82rem, calc(1.8vw + 0.08rem), 0.95rem)}.detail-value{color:var(--sc-text);font-weight:500;font-size:clamp(0.95rem, calc(2vw + 0.08rem), 1.05rem)}.time-remaining{color:var(--sc-text);font-weight:600}.vessel-card.status-boarding .time-remaining:not(.detail-value-muted){color:var(--sc-success)}.vessel-card.status-ready .time-remaining:not(.detail-value-muted){color:var(--sc-warning)}.vessel-card.status-next .time-remaining:not(.detail-value-muted){color:var(--sc-info)}.vessel-card.status-cancelled .time-remaining:not(.detail-value-muted),.vessel-card.status-soldout .time-remaining:not(.detail-value-muted),.vessel-card.status-unknown .time-remaining:not(.detail-value-muted){color:var(--sc-muted)}.detail-value-muted,.detail-value-muted.time-remaining{color:var(--sc-muted);font-weight:500}.vessel-card-mobile{border:1px solid var(--sc-border);transition:var(--sc-transition-base)}.vessel-card-mobile:hover{transform:translateX(-4px)}.vessel-mobile-header{gap:0.75rem;align-items:center}.vessel-name-mobile{color:var(--sc-text);font-size:1.125rem}.vessel-status-badge-mobile{background:var(--sc-chip-bg);color:var(--sc-secondary)}.detail-row-mobile{display:flex;justify-content:space-between;align-items:center}.detail-label-mobile{color:var(--sc-muted)}.detail-value-mobile{text-align:left;flex:1;margin-right:0.5rem}.vessels-section.vessels-empty{margin-top:calc(var(--sc-space-3) * -1)}.empty-state{text-align:center}.empty-wrapper{min-height:auto;align-items:flex-start !important;justify-content:flex-start !important}.empty-center{display:flex;align-items:flex-start;justify-content:flex-start;padding-top:0;padding-bottom:var(--sc-space-4)}.empty-wrapper.empty-wrapper-top{min-height:auto;align-items:flex-start !important}.empty-wrapper.empty-wrapper-top .empty-center{min-height:auto;align-items:flex-start;justify-content:flex-start;padding-top:var(--sc-space-2)}@media (max-width: 576px){.vessels-section.vessels-empty{margin-top:calc(var(--sc-space-5) * -1)}}.empty-icon{font-size:3rem;opacity:0.5}.empty-title{color:var(--sc-secondary);display:inline-flex;align-items:center;gap:var(--sc-space-1)}.empty-title-icon{font-size:1.1em;opacity:0.7;line-height:1}.empty-text{color:var(--sc-muted)}.status-boarding{background:linear-gradient(135deg, #cdefe5 0%, #a4e2c8 100%);border-color:#16a34a !important;--vessel-accent: #16a34a;color:#065f46}.status-ready{background:linear-gradient(135deg, #fff4d5 0%, #fde68a 100%);border-color:#f59e0b !important;--vessel-accent: #f59e0b;color:#92400e}.status-next{background:linear-gradient(135deg, #c0ccff 0%, #d7e0ff 100%);border-color:#7c8ae6 !important;--vessel-accent: #7c8ae6;color:#1a2f6e}.status-leaving,.status-travel{background:linear-gradient(135deg, rgba(239,68,68,0.1) 0%, rgba(248,113,113,0.1) 100%);border-color:rgba(239,68,68,0.3) !important;--vessel-accent: var(--sc-danger-light)}.status-cancelled,.status-soldout{background:linear-gradient(135deg, rgba(148,163,184,0.1) 0%, rgba(203,213,225,0.1) 100%);border-color:rgba(148,163,184,0.3) !important;--vessel-accent: var(--sc-muted);color:var(--sc-secondary)}.status-unknown{--vessel-accent: var(--sc-muted)}@media (max-width: 768px){.hero-title{font-size:1.5rem}.hero-description{font-size:1rem}.hero-content{padding:1.25rem}.stat-card{min-width:120px;padding:0.75rem}.section-title{font-size:1.25rem}}@media (min-width: 577px) and (max-width: 1024px){.route-selector{display:grid !important;grid-template-columns:repeat(3, 1fr);gap:0.75rem}.hero-title{font-size:1.75rem}.vessel-card{max-width:100%}}@media (max-width: 576px){.hero-content{background:#fff;box-shadow:none;border:1px solid var(--sc-border);backdrop-filter:none}.hero-bg-decoration{display:none}.hero-description{font-size:0.95rem;line-height:1.45}.hero-stats-container{justify-content:center}.stat-card{width:100%;max-width:200px}.route-selector{display:grid !important;grid-template-columns:repeat(2, 1fr);gap:0.75rem;width:100%;margin-inline:0;padding-inline:0;padding-bottom:0;overflow-x:visible;flex-wrap:wrap !important}.route-selector::-webkit-scrollbar{display:none}.route-selector .route-chip{width:100%;scroll-snap-align:none}.route-chip .btn{width:100%;justify-content:center;padding-inline:0.5rem;min-height:48px;font-size:0.9rem}.pier-links-body{flex-wrap:nowrap;overflow-x:auto;padding-bottom:0.25rem;gap:0.5rem}.pier-link{min-width:260px;width:100%}.pier-link-actions{width:100%;justify-content:space-between}.vessel-card{border:1px solid var(--sc-border)}.vessel-header{flex-wrap:nowrap;align-items:flex-start;gap:0.5rem}.vessel-name{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vessel-capacity{flex-basis:auto;min-width:96px;text-align:end;margin-inline-start:auto;white-space:nowrap;width:auto;align-self:flex-start}.vessel-details .detail-item{padding:0.35rem 0}}@media (max-width: 400px){.vessel-card .card-body{padding:1rem}.vessel-header{gap:0.5rem}.vessel-name{font-size:1rem}.vessel-capacity{min-width:90px;font-size:0.95rem}.vessel-capacity .capacity-label{font-size:0.8rem}}.collapse{display:none}.collapse.show{display:block}.admin-metrics .card{border-radius:var(--sc-radius-card);border:1px solid rgba(15,23,42,0.08);box-shadow:var(--sc-shadow-card)}.admin-filters .form-control,.admin-filters .form-select{min-width:140px}.table-sticky thead th{position:sticky;top:0;background:#fff;z-index:1}.table .honeypot-row{background:rgba(239,68,68,0.12)}.emergency-contacts .contact-grid{margin-top:0.5rem}.emergency-contacts .contact-card{border:1px solid var(--sc-border);border-radius:var(--sc-radius-card);box-shadow:var(--sc-shadow-card);background:var(--sc-card-bg)}.emergency-contacts .contact-card .card-body{display:flex;flex-direction:column;gap:0.75rem}.emergency-contacts .contact-card-header{display:flex;align-items:center;gap:0.5rem}.emergency-contacts .contact-card-header .contact-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg, var(--sc-primary), var(--sc-accent));display:inline-block;box-shadow:0 0 0 4px rgba(37,99,235,0.12)}.emergency-contacts .contact-section{padding-top:0.5rem;border-top:1px dashed var(--sc-border)}.emergency-contacts .contact-section:first-child{border-top:none;padding-top:0}.emergency-contacts .contact-section-title{color:var(--sc-muted);font-weight:600;font-size:0.9rem}.emergency-contacts .contact-items{display:flex;flex-direction:column;gap:0.5rem}.emergency-contacts .contact-chip{width:100%;border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:0.65rem 0.75rem;display:flex;align-items:center;justify-content:flex-start;gap:0.75rem;background:var(--sc-card-bg);color:var(--sc-text);text-decoration:none;transition:all var(--sc-transition-base)}.emergency-contacts .contact-chip:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-sm);border-color:var(--sc-primary);background:var(--sc-card-hover)}.emergency-contacts .contact-chip:focus-visible{outline:3px solid var(--sc-border-focus);outline-offset:3px}.emergency-contacts .contact-chip-text{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.emergency-contacts .contact-chip-number{font-family:"Inter", "Segoe UI", monospace;font-size:0.86rem;color:var(--sc-muted);letter-spacing:0.02em}.emergency-contacts .contact-chip-actions{display:flex;align-items:center;gap:0.35rem;flex-shrink:0;margin-inline-start:auto}.emergency-contacts .contact-chip-actions .btn{min-width:38px;padding-inline:0.55rem;display:inline-flex;align-items:center;justify-content:center}.emergency-contacts .contact-chip-actions .btn svg{width:16px;height:16px}.emergency-contacts .contact-chip.contact-chip-disabled{cursor:default;opacity:0.72}.emergency-contacts .contact-chip.contact-chip-disabled:hover{transform:none;box-shadow:none;border-color:var(--sc-border);background:var(--sc-card-bg)}@media (max-width: 576px){.emergency-contacts .contact-chip{gap:0.6rem}.emergency-contacts .contact-chip-actions{gap:0.25rem}}.ec-hero{background:linear-gradient(135deg, rgba(37,99,235,0.08), rgba(6,182,212,0.06));border:1px solid var(--sc-border);border-radius:var(--sc-radius-card)}.ec-hero-icon{width:46px;height:46px;border-radius:14px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--sc-shadow-sm)}.ec-hero-icon.ec-hero-icon-inline{width:32px;height:32px;border-radius:10px;font-size:1.1rem;margin-inline-end:0.5rem;vertical-align:middle}.ec-section-header .ec-dot,.ec-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg, var(--sc-primary), var(--sc-accent));box-shadow:0 0 0 5px rgba(37,99,235,0.08)}.emergency-contacts .list-group-item .btn{min-width:220px;text-align:start;justify-content:flex-start}@media (max-width: 576px){.emergency-contacts .list-group-item .btn{width:100%}}