[hidden] { display: none !important; }

:root{
  --bg:#f6f4ef;
  --bg2:#f3efe7;
  --paper:#ffffff;
  --paper-2:#fcfbf8;
  --text:#244055;
  --text-2:#526c80;
  --line:#e6e8ee;
  --line-2:#dce0e8;
  --blue:#2f9ed3;
  --blue-2:#5ab7e4;
  --navy:#2a4154;
  --green:#49b378;
  --peach:#f2ae7c;
  --lav:#a782df;
  --teal:#5fc8bc;
  --shadow:0 30px 70px rgba(34,57,77,.10);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f2e6da 0%,#f5efea 42%,#f6f4ef 100%);color:var(--text)}
body{min-height:100vh}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.page-bg{position:fixed;pointer-events:none;border-radius:999px;filter:blur(70px);opacity:.4}
.page-bg-a{width:380px;height:380px;left:-120px;top:-80px;background:rgba(242,174,124,.55)}
.page-bg-b{width:380px;height:380px;right:-130px;top:-60px;background:rgba(167,130,223,.35)}
.site-wrap{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:28px 18px 34px}
.toast{position:sticky;top:14px;z-index:40;margin:0 auto 16px;max-width:980px;padding:14px 16px;background:#eaf7fe;border:1px solid #c8e7f6;border-radius:16px;color:#24506a;box-shadow:var(--shadow)}
.toast.error{background:#fff1ef;border-color:#f2c3bb;color:#8d3b31}
.panel{background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:var(--radius-xl)}
.soft-panel{background:linear-gradient(135deg,#ffffff 0%,#faf8f3 100%)}
.eyebrow{margin:0;color:#7490a4;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#edf7fd;color:#2879a6;font-size:.86rem;font-weight:700;border:1px solid #cfe8f5}
.status-pill.light{background:#f1fbf7;border-color:#d0efe0;color:#308c63}
.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.auth-showcase{padding:28px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:26px}
.showcase-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.maritime-logo{display:block;max-width:250px;width:min(100%,250px);height:auto}
.auth-showcase .maritime-logo{max-width:290px}
.showcase-body h1{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:10px 0 14px;max-width:13ch}
.lead{margin:0;max-width:60ch;color:var(--text-2);line-height:1.8;font-size:1rem}
.hero-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hero-stat-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.64);border:1px solid #edf0f5}
.hero-stat-card strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:1.35rem;color:var(--navy)}
.hero-stat-card span{display:block;margin-top:4px;color:#627c90}
.showcase-footer{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.showcase-footer > div{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.64);border:1px solid #edf0f5}
.mini-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#7c94a5;font-weight:800;margin-bottom:8px}
.showcase-footer strong{font-size:.97rem;line-height:1.55}
.auth-card{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.auth-card-head h2{margin:.45rem 0 .4rem;font-family:Manrope,Inter,sans-serif;font-size:2rem;letter-spacing:-.03em}
.auth-card-head p{margin:0;color:var(--text-2);line-height:1.7}
.form-stack{display:grid;gap:22px}.form-stack.compact{gap:18px}
.field-grid{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:grid;gap:9px}.field-full{grid-column:1/-1}
.field span{font-size:.92rem;font-weight:700;color:#466075}
input,select,textarea{width:100%;padding:15px 16px;border:1px solid var(--line-2);border-radius:16px;background:#fff;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
input::placeholder,textarea::placeholder{color:#90a1b1}
input:focus,select:focus,textarea:focus{border-color:#8fd1eb;box-shadow:0 0 0 4px rgba(47,158,211,.11)}
select option{color:#21394d}
.btn{appearance:none;border:none;border-radius:16px;padding:14px 18px;font-weight:800;letter-spacing:.01em;transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(135deg,#35a8dd 0%,#4bb2e1 100%);color:#fff;box-shadow:0 16px 30px rgba(53,168,221,.24)}
.btn-secondary{background:#f8fafc;color:#426177;border:1px solid var(--line-2)}
.btn-full{width:100%}
.auth-note{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:18px;background:#f8fbfd;border:1px solid #e7eef4}
.note-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);margin-top:5px;flex:none}
.auth-note p{margin:0;color:#607b90;line-height:1.7}
.made-by{font-size:.92rem;color:#73889a}.made-by a{font-weight:800;color:#2385bb}
.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}
.sidebar{padding:22px;display:flex;flex-direction:column;gap:18px;position:sticky;top:24px;height:fit-content}
.sidebar-brand{display:flex;flex-direction:column;gap:12px}.sidebar-logo{max-width:220px}.sidebar-brand-copy strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:1.4rem}.sidebar-brand-copy span{color:#73889a}
.sidebar-kicker{margin:0 0 10px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#7d96a8}
.sidebar-summary{display:grid;gap:10px}.sidebar-summary span{display:flex;align-items:center;padding:12px 14px;background:#f8fafc;border-radius:14px;border:1px solid var(--line);color:#4e6a7f;font-weight:600}
.sidebar-nav{display:grid;gap:10px}
.nav-link{display:flex;align-items:center;gap:12px;border:none;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);color:#38556c;font-weight:700;text-align:left}
.nav-link.active{background:linear-gradient(135deg,#32a6dd,#59b8e3);border-color:transparent;color:#fff;box-shadow:0 14px 24px rgba(47,158,211,.22)}
.nav-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#8fbfd6}.nav-dot.green{background:#61c38d}.nav-dot.blue{background:#67bce3}
.sidebar-meta{display:grid;gap:14px}.meta-card{padding:16px;border-radius:20px;background:#fbfcfe;border:1px solid var(--line)}
.meta-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#8198aa;font-weight:800;margin-bottom:8px}.meta-card strong{display:block;font-size:1.05rem}.meta-card small{display:block;margin-top:6px;color:#6e8597}
.made-by-sidebar{margin-top:auto;padding-top:10px}
.workspace-main{display:grid;gap:18px}
.workspace-hero{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.workspace-hero-copy h2{margin:8px 0 10px;font-family:Manrope,Inter,sans-serif;font-size:2rem;letter-spacing:-.03em}.workspace-hero-copy p{margin:0;max-width:65ch;color:var(--text-2);line-height:1.75}
.workspace-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-card{padding:18px 18px;display:flex;align-items:center;gap:16px;border-radius:26px}
.icon-wrap{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:1.1rem}
.icon-wrap.mint{background:#e9faf2;color:#269562}.icon-wrap.blue{background:#edf8fe;color:#248bbf}.icon-wrap.peach{background:#fff4ec;color:#de7f42}.icon-wrap.lavender{background:#f4effd;color:#8661ca}
.overview-card span{display:block;color:#6d8395;font-size:.92rem}.overview-card strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:1.9rem;letter-spacing:-.03em;margin-top:4px}
.main-card{padding:22px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.card-head h3{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:1.6rem;letter-spacing:-.03em}.card-head p{margin:0;max-width:42ch;color:var(--text-2);line-height:1.75}
.form-block{border:1px solid #edf0f5;background:#fcfcfa;border-radius:24px;padding:18px}.block-title{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;margin-bottom:18px}.block-title span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#eef8fd;color:#2b88b7;font-weight:800}.block-title h4{margin:0;font-size:1.08rem}.block-title p{margin:5px 0 0;color:#6f8597;line-height:1.65}
.consent-box{padding:18px;border-radius:22px;background:#f8fafc;border:1px solid var(--line)}
.consent-line{display:flex;gap:12px;align-items:flex-start}.consent-line input{width:18px;height:18px;margin-top:2px;accent-color:#2fa0d8}.consent-line span{line-height:1.7;color:#3a556d}.consent-box p{margin:12px 0 0;color:#6f8597;line-height:1.7}
.submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;background:#f8fafc;border:1px solid var(--line);border-radius:22px}.submit-copy{display:grid;gap:6px}.submit-copy strong{font-size:1rem}.submit-copy span{color:#6f8597;line-height:1.7}
.success-card{padding:34px 24px;text-align:center}.success-icon{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#ebfaf2;color:#2e9a66;font-size:2rem;font-weight:900}.success-card h3{margin:10px 0 12px;font-family:Manrope,Inter,sans-serif;font-size:1.9rem;letter-spacing:-.03em}.success-copy{color:var(--text-2)}.reference-pill{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:#edf8fe;border:1px solid #cae6f3;color:#2b7094;font-weight:800;margin:8px 0 18px}
.list-actions{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{border:1px solid var(--line);border-radius:22px;overflow:auto;background:#fff}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th,.data-table td{padding:16px 18px;text-align:left}.data-table th{background:#f8fafc;color:#6d8395;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.data-table tbody tr{border-top:1px solid #edf0f5}.data-table tbody tr:hover{background:#fbfcfe}
@media (max-width:1180px){.auth-layout,.workspace{grid-template-columns:1fr}.sidebar{position:static}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero,.card-head,.submit-row{flex-direction:column;align-items:flex-start}.workspace-hero-actions{justify-content:flex-start}.auth-showcase .maritime-logo{max-width:240px}}
@media (max-width:720px){.site-wrap{padding:16px 12px 22px}.auth-showcase,.auth-card,.sidebar,.workspace-hero,.main-card,.success-card{padding:18px}.hero-stat-grid,.showcase-footer,.two-col,.overview-grid{grid-template-columns:1fr}.showcase-top{flex-direction:column;align-items:flex-start}.workspace-main{gap:14px}.sidebar-brand{gap:10px}.sidebar-logo,.auth-showcase .maritime-logo{max-width:210px}.workspace-hero-copy h2,.showcase-body h1{font-size:2rem}.btn,.list-actions .btn,.list-actions a{width:100%}.nav-link{width:100%}.list-actions{width:100%}}