@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--marine-navy:#062b30;--marine-dark:#041e24;--marine-gold:#f5b958;--marine-ink:#15363d;--marine-muted:#7c9097}*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:var(--marine-ink);font-family:'DM Sans',system-ui,sans-serif}.marine-app{min-height:100vh}.marine-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#072d33,#031e25);color:#dcebed;z-index:1000;display:flex;flex-direction:column;padding:24px 16px;box-shadow:8px 0 28px #03262c0d;overflow-y:auto}.marine-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;padding:3px 10px 24px}.marine-brand:hover{color:#fff}.marine-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffffff15;color:var(--marine-gold);font-size:26px}.marine-brand strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;letter-spacing:.4px}.marine-brand em{font-style:normal;color:var(--marine-gold)}.marine-brand small{display:block;font-size:8px;letter-spacing:1.1px;color:#a2bcc0;margin-top:3px}.marine-company{display:flex;align-items:center;gap:10px;background:#ffffff0c;border:1px solid #ffffff15;border-radius:13px;padding:12px 10px;margin-bottom:26px}.marine-company-icon{background:#d5b06522;color:var(--marine-gold);border-radius:9px;padding:8px}.marine-company strong,.marine-support strong{font-size:12px;display:block}.marine-company small,.marine-support small{font-size:10px;display:block;color:#9eb5b9;margin-top:2px}.marine-company-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#49d6aa}.marine-nav-label{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#6f969d;padding:0 14px;margin-bottom:10px}.marine-nav{display:grid;gap:4px}.marine-nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#a7c1c5;text-decoration:none;border-radius:11px;font-size:13px;font-weight:600;transition:.18s}.marine-nav-link:hover{background:#ffffff10;color:white}.marine-nav-link.active{color:#fff;background:linear-gradient(100deg,#12747a,#0d505b);box-shadow:0 5px 15px #001c2150}.marine-menu-icon{font-size:18px;width:23px;text-align:center;color:#91b6bc}.marine-nav-link.active .marine-menu-icon{color:var(--marine-gold)}.marine-active-indicator{margin-left:auto;background:var(--marine-gold);height:6px;width:6px;border-radius:50%}.marine-sidebar-bottom{margin-top:auto;padding-top:24px}.marine-support{display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid #ffffff14;border-radius:12px}.marine-support>span{color:var(--marine-gold);font-size:26px}.marine-logout{display:block;color:#b9cdd0;text-decoration:none;padding:18px 13px 2px;font-size:13px}.marine-logout span{margin-left:8px}.marine-logout:hover{color:#fff}.marine-main{margin-left:270px;min-width:0}.marine-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;border-bottom:1px solid #e8eef0}.marine-top-left,.marine-top-right{display:flex;align-items:center;gap:15px}.marine-toggle{display:none;border:0;background:#eef4f5;color:#16444b;border-radius:9px;padding:7px 12px;font-size:19px}.marine-breadcrumb{font-size:13px;color:#8c9da2}.marine-breadcrumb span{padding:0 9px;color:#b5c1c5}.marine-breadcrumb strong{color:#25444b}.marine-today{color:#718a90;font-size:12px;margin-right:8px}.marine-avatar{height:38px;width:38px;border-radius:12px;background:#dcefed;color:#11686c;display:grid;place-items:center;font-weight:800}.marine-user strong,.marine-user small{display:block;font-size:12px}.marine-user small{color:#81969b;font-size:10px;margin-top:3px}.marine-content{max-width:1440px;padding:34px 38px;margin:auto}.marine-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.marine-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#2c898b;margin-bottom:10px}.marine-live-dot{display:inline-block;width:7px;height:7px;background:#19b899;border-radius:50%;margin-right:7px}.marine-intro h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;font-weight:800;margin:0 0 9px}.marine-intro h1 span{color:#14747a}.marine-intro p{font-size:13px;color:#7c9197;margin:0}.marine-intro p strong{color:#355a61}.marine-pill{background:#e4f6ef;color:#17866b;border:1px solid #c7eddd;padding:8px 12px;border-radius:50px;font-size:11px;font-weight:800;white-space:nowrap}.marine-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,#073139,#0b6268);padding:36px 40px;min-height:270px;color:#fff;display:flex;align-items:center}.marine-hero-copy{position:relative;z-index:1}.marine-hero-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#e8c47d}.marine-hero h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;font-weight:800;line-height:1.3;margin:12px 0}.marine-hero h2 span{color:#f5c474}.marine-hero p{font-size:12px;line-height:1.7;color:#c3d9da;max-width:450px}.marine-hero-btn{display:inline-flex;align-items:center;gap:20px;background:var(--marine-gold);color:#183f43;text-decoration:none;padding:11px 17px;border-radius:9px;font-weight:800;font-size:12px;margin-top:9px}.marine-hero-btn:hover{color:#183f43;background:#ffd28b}.marine-hero-art{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:240px;height:240px;display:grid;place-items:center}.marine-orbit{position:absolute;border:1px solid #ffffff24;border-radius:50%;width:210px;height:210px}.orbit-two{width:290px;height:290px;border-style:dashed}.marine-hero-symbol{font-size:110px;color:#f5c474;text-shadow:0 0 55px #e1c27c66}.marine-section-title{display:flex;align-items:center;justify-content:space-between;margin:29px 0 16px}.marine-section-title h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;margin:0 0 5px}.marine-section-title p{font-size:12px;color:#8da0a6;margin:0}.marine-section-title>span{font-size:11px;color:#8ca0a4}.marine-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marine-metric{background:#fff;border:1px solid #e6edef;border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px #0d344508}.marine-metric-head{display:flex;justify-content:space-between;align-items:center;color:#81979d;font-size:12px;font-weight:600}.marine-metric-icon{background:#e2f3f1;color:#188078;border-radius:12px;padding:9px 12px;font-size:19px}.marine-metric-icon.amber{background:#fff4e4;color:#c08a37}.marine-metric-icon.violet{background:#f0edff;color:#8571c3}.marine-metric>strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;font-weight:800;margin:8px 0 5px}.marine-metric-foot{font-size:11px;color:#98a9ae}.marine-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.marine-module{display:flex;flex-direction:column;position:relative;gap:13px;min-height:122px;padding:20px;border-radius:15px;border:1px solid #e6edef;background:#fff;text-decoration:none;color:#264c53;transition:.2s}.marine-module:hover{color:#0c7074;border-color:#9bd5d1;transform:translateY(-2px);box-shadow:0 12px 25px #0d344512}.marine-module-icon{width:37px;height:37px;background:#e8f4f3;border-radius:10px;color:#14767b;display:grid;place-items:center;font-size:19px}.marine-module strong{font-size:12px}.marine-module-arrow{position:absolute;right:17px;top:18px;color:#a4b6ba}.marine-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2e9ec;margin-top:32px;padding:19px 0;color:#a0b0b4;font-size:11px}.marine-overlay{display:none}@media(max-width:1100px){.marine-modules{grid-template-columns:repeat(3,1fr)}.marine-content{padding:30px 24px}}@media(max-width:850px){.marine-sidebar{transform:translateX(-100%);transition:transform .25s}.marine-app.sidebar-open .marine-sidebar{transform:translateX(0)}.marine-main{margin-left:0}.marine-toggle{display:block}.marine-app.sidebar-open .marine-overlay{display:block;position:fixed;inset:0;background:#001e2588;z-index:999}.marine-hero-art{right:0;opacity:.35}}@media(max-width:600px){.marine-topbar{height:66px;padding:0 17px}.marine-today,.marine-user{display:none}.marine-content{padding:22px 16px}.marine-intro{align-items:flex-start}.marine-intro h1{font-size:23px}.marine-intro p{line-height:1.7}.marine-pill{font-size:9px;padding:7px}.marine-hero{padding:28px 23px;min-height:265px}.marine-hero h2{font-size:24px}.marine-metrics{grid-template-columns:1fr;gap:10px}.marine-metric{padding:17px}.marine-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marine-module{padding:15px}.marine-footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}