:root{--radius:28px;--radius-lg:38px;--radius-control:16px;--radius-pill:999px;--stroke:2.5px;--brand-font:"Arial Rounded MT Bold","Trebuchet MS","Microsoft YaHei","Segoe UI",sans-serif}
h1,h2,h3,.btn,.brand{font-family:var(--brand-font)}
h1,h2,h3{font-weight:800;letter-spacing:-.035em}
body{background:#f7f5ed}
#app svg.icon{stroke-width:2.65;stroke-linecap:round;stroke-linejoin:round}
#app .btn{border-radius:var(--radius-pill);border-width:var(--stroke);font-weight:750;line-height:1.5;padding-inline:22px;min-height:49px}
#app .btn.primary{border-color:var(--navy)}
#app .btn.secondary{border-color:var(--navy)}
#app .btn.danger{border-color:#aa5a4f}
#app .btn.ghost{border-color:transparent}
#app .btn.small{padding:7px 13px;min-height:38px}
#app .btn:hover{box-shadow:0 5px 12px #173e5014;transform:translateY(-2px)}
#app .btn:active{transform:translateY(0);box-shadow:none}
#app .btn:disabled{box-shadow:none;transform:none}
#app input,#app select,#app textarea{border-radius:var(--radius-control);border-width:2px;border-color:#64828c;min-height:48px}
#app textarea{border-radius:18px}
#app .status-badge{border-radius:var(--radius-pill);padding:5px 11px;font-weight:700}
#app .notice{border-radius:20px;border-width:2px 2px 2px 5px}
#app .card{border-radius:var(--radius)}
#app .table-wrap{border-radius:24px}
#app .flow-list li:before{border:2px solid var(--navy);font-weight:750}
.flow-list li:not(:last-child):after{border-left-width:2px}
.eyebrow{letter-spacing:1.5px}
.site-header{border-bottom:2px solid #173e5020}
.header-inner{min-height:94px}
.brand{gap:11px}
.brand img.brand-boat{width:40px;height:48px}
.brand img.brand-wordmark{width:123px;height:39px;object-fit:contain}
.footer-brand .brand img.brand-wordmark{width:140px;height:43px;filter:brightness(0) invert(1)}
.footer-brand .brand img.brand-boat{width:39px;height:47px}
.home-wordmark{display:block;width:clamp(270px,26vw,450px);height:auto;max-width:100%;margin:0 0 7px}
.main-nav a{border-radius:var(--radius-pill);padding:10px 17px;margin-inline:-9px}
.main-nav a.active{background:#dceff2}
.main-nav a.active:after{height:4px;border-radius:5px;left:20px;right:20px;bottom:3px}
.language-btn{border:2px solid #173e5033;border-radius:var(--radius-pill);padding:8px 10px;min-width:43px;min-height:40px;font-weight:750}
.mobile-menu-btn{border:2px solid var(--navy);border-radius:50%;padding:8px;width:40px;height:40px;align-items:center;justify-content:center}
.workspace-breadcrumb{border-left-width:2px}
.workspace-sidebar{border-radius:0 34px 34px 0;padding-block:26px}
.workspace-sidebar a{border-radius:var(--radius-pill);border:2px solid transparent;min-height:49px;font-weight:650}
.workspace-sidebar a.active{border:2px solid var(--blue);padding-left:16px;box-shadow:inset 5px 0 var(--coral)}
.workspace-sidebar a.active:hover{padding-left:21px}
.workspace-sidebar:before{border-width:2px}
.workspace-sidebar .sidebar-foot{border-top-width:2px}
.identity-avatar{border-radius:50%;border:2px solid #173e5055;width:34px;height:34px}
.workspace-content .page-heading{border-radius:34px;border:2.5px solid var(--navy);padding:32px 36px}
.workspace-content .page-heading:after{height:6px;border-radius:var(--radius-pill);bottom:13px;width:62px}
.nautical-mark{opacity:.17}
.nautical-mark svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nautical-mark .nautical-needle{stroke-width:7;stroke-linejoin:round;fill-opacity:.15}
.workspace-mobile-nav.open{border-radius:0 0 24px 24px}
.workspace-mobile-nav a{border-radius:var(--radius-pill);border:2px solid transparent}
.workspace-mobile-nav a.active{border-color:var(--blue);font-weight:750}
.auth-layout{max-width:1700px;width:calc(100% - 64px);margin:28px auto 44px;border:3px solid var(--navy);border-radius:40px;overflow:hidden;min-height:720px}
.auth-intro{padding-inline:clamp(36px,5vw,92px)}
.auth-intro h1{font-size:clamp(36px,3.4vw,60px);line-height:1.3;font-weight:800}
.auth-sea{border-radius:38px;border:3px solid var(--navy);overflow:hidden}
.auth-sea:before{border-width:2px}
.auth-card{border-radius:28px}
.auth-card h2{font-size:31px}
.auth-card input{border-width:2px;border-color:#64828c}
.password-field button{right:10px;top:10px}
.auth-divider{border-top-width:2px}
.dialog-backdrop{border-radius:28px;border:3px solid var(--navy);background:var(--paper);box-shadow:0 20px 60px #173e5030}
.dialog-head{padding-top:25px}
.dialog-head button{border-radius:50%;border:2px solid var(--navy);width:35px;height:35px;padding:6px}
.dialog-head h2{font-size:24px;font-weight:800}
.dialog-backdrop::backdrop{background:#173e5080;backdrop-filter:blur(6px)}
.app-toast{border-radius:22px;border:2px solid #82cce7;border-left:6px solid var(--coral)}
.site-footer{border-radius:40px 40px 0 0;padding-top:50px}
.footer-links a{border-radius:var(--radius-pill);text-underline-offset:5px}
.footer-links a:hover{text-decoration:underline;text-decoration-thickness:2px}
@media(min-width:1600px){.auth-layout{min-height:770px}.workspace-content .page-heading h1{font-size:36px}}
@media(max-width:1100px){.auth-layout{width:calc(100% - 40px)}.auth-intro{padding-inline:35px}.workspace-content .page-heading{padding:28px}.main-nav{gap:24px}.header-actions{gap:10px}}
@media(max-width:800px){.header-inner{min-height:80px}.brand img.brand-boat{width:32px;height:40px}.brand img.brand-wordmark{width:105px;height:33px}.language-btn{min-width:39px;min-height:38px;padding:7px 8px}.header-actions{gap:7px}.main-nav a{margin:0;padding:12px 18px}.main-nav.open{gap:5px}.workspace-content .page-heading{border-radius:28px;padding:26px 24px}.workspace-content .page-heading:after{left:24px;bottom:10px}.workspace-header .header-inner{min-height:76px}.auth-layout{width:calc(100% - 32px);margin:20px auto 28px;border-radius:30px;min-height:0}.auth-intro{padding:28px 22px}.auth-intro h1{font-size:29px;max-width:69%}.auth-intro p{max-width:70%}.auth-sea{border-radius:26px;width:76px;height:104px;right:13px;top:43px;padding:10px 4px}.auth-sea img{width:66px;height:80px}.auth-card{margin:30px auto 36px;width:calc(100% - 40px)}.auth-card h2{font-size:25px}.site-footer{border-radius:30px 30px 0 0}.footer-brand .brand img.brand-wordmark{width:125px;height:38px}.footer-brand .brand img.brand-boat{width:33px;height:41px}.dialog-backdrop{border-radius:24px}.dialog-head h2{font-size:22px}.workspace-mobile-nav a{padding-block:10px}.home-wordmark{width:min(100%,300px)}}
@media(max-width:540px){#app .btn{padding-inline:18px;min-height:47px}#app .btn.small{padding-inline:12px;min-height:38px}.site-header:not(.workspace-header) .brand img.brand-wordmark{width:94px;height:30px}.site-header:not(.workspace-header) .brand img.brand-boat{width:29px;height:37px}.site-header:not(.workspace-header) .brand{gap:7px}.site-header:not(.workspace-header) .header-actions{gap:6px}.site-header:not(.workspace-header) .language-btn{border-width:2px;padding-inline:6px;min-width:36px}.site-header:not(.workspace-header) .header-inner{padding-inline:16px;gap:7px}.header-actions>.login-header{min-height:39px!important;padding:6px 12px!important}.workspace-header .brand img.brand-wordmark{width:104px;height:31px}.workspace-header .brand img.brand-boat{width:30px;height:37px}.workspace-header .header-actions{gap:5px}.workspace-content .page-heading{padding:23px 21px;border-radius:27px}.workspace-content .page-heading h1{font-size:28px}.workspace-content .page-heading:after{left:21px;width:48px}.auth-intro h1{font-size:27px;max-width:69%}.auth-intro p{max-width:69%;font-size:12px}.auth-layout{width:calc(100% - 24px);margin-top:16px;border-radius:28px}.auth-card{width:calc(100% - 34px)}.auth-card>p{font-size:12px}.auth-inline{gap:10px;font-size:11px}.auth-card h2{font-size:24px}.notice{gap:10px}.home-wordmark{width:270px}}
@media(max-width:360px){.site-header:not(.workspace-header) .brand img.brand-wordmark{width:79px;height:26px}.site-header:not(.workspace-header) .brand img.brand-boat{width:27px;height:35px}.site-header:not(.workspace-header) .header-inner{padding-inline:12px}.site-header:not(.workspace-header) .brand{gap:5px}.header-actions>.login-header{padding-inline:9px!important}.site-header:not(.workspace-header) .header-actions{gap:5px}.mobile-menu-btn{width:36px;height:36px;padding:6px}.language-btn{min-width:34px;min-height:36px}.workspace-header .brand img.brand-wordmark{width:103px}.auth-intro{padding:25px 18px}.auth-intro h1{font-size:24px;max-width:65%}.auth-intro p{max-width:65%;font-size:11px}.auth-sea{right:10px;width:69px;height:96px;border-radius:23px;top:44px}.auth-sea img{width:58px;height:75px}.auth-card{width:calc(100% - 30px)}.auth-card h2{font-size:22px}.home-wordmark{width:245px}}
@media(prefers-reduced-motion:reduce){#app .btn:hover{transform:none}}