:root{--navy:#10263d;--navy2:#173853;--blue:#1478a8;--blue2:#0e658f;--ink:#152638;--muted:#6b7b8b;--line:#dce4ea;--bg:#f4f7f9;--white:#fff;--green:#218767;--amber:#c57b18;--red:#c34b52}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:all .18s}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;display:flex}.sidebar{z-index:30;background:var(--navy);color:#cbd7e1;flex-direction:column;width:255px;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:76px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:#1a789f;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{color:#fff;letter-spacing:2.2px;font-size:17px}.brand small{letter-spacing:2.5px;color:#92a5b7;font-size:8px}.company-pill{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:10px;margin:18px 0 8px;padding:12px;display:flex}.company-pill>svg{color:#5bb3d7}.company-pill div{flex-direction:column;min-width:0;display:flex}.company-pill small{letter-spacing:1.3px;color:#7f94a7;font-size:8px}.company-pill strong{color:#eef6fb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar nav{margin-top:12px}.sidebar nav a{color:#afc0cf;border-radius:7px;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;font-weight:550;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0c}.sidebar nav a.active{color:#fff;background:#1c789e;box-shadow:inset 3px 0 #67c4e6}.nav-section{letter-spacing:1.4px;color:#70879a;margin:22px 12px 8px;font-size:9px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 20px;display:flex}.sidebar-footer svg{color:#51b0d2}.sidebar-footer div{flex-direction:column;display:flex}.sidebar-footer strong{color:#fff;font-size:12px}.sidebar-footer small{color:#869cad;font-size:10px}.main{width:calc(100% - 255px);min-width:0;margin-left:255px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{color:#8795a2;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:#3d5062}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.search-button{border:1px solid var(--line);color:#71808f;background:#f8fafb;border-radius:7px;align-items:center;gap:8px;height:37px;padding:0 10px;display:flex}.search-button kbd{border:1px solid var(--line);background:#fff;border-radius:4px;padding:2px 5px;font-size:10px}.icon-button{border:1px solid var(--line);color:#617384;background:#fff;border-radius:7px;place-items:center;width:37px;height:37px;display:grid;position:relative}.icon-button i{background:#dc585e;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.user-block{align-items:center;gap:9px;padding:0 5px;display:flex}.user-block>div{flex-direction:column;display:flex}.user-block strong{font-size:12px}.user-block small{text-transform:capitalize;color:var(--muted);font-size:10px}.avatar,.person>span{color:#176b8d;background:#d9edf5;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.content{max-width:1500px;margin:0 auto;padding:34px 36px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.8px;color:#1679a6;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.page-header h1{letter-spacing:-.8px;color:#132b41;margin:0 0 7px;font-size:29px}.page-header p,.panel-heading p{color:var(--muted);margin:0}.primary,.secondary{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1478a824}.primary:hover{background:var(--blue2)}.primary:disabled{opacity:.55}.secondary{border:1px solid var(--line);color:#405468;background:#fff}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 3px 10px #20384d08}.metric-card>div{flex-direction:column;display:flex}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{color:var(--navy);margin-top:3px;font-size:25px}.metric-card>a{color:#9aa8b3;margin-left:auto}.metric-card>a:hover{color:var(--blue);transform:translate(2px)}.metric-icon{border-radius:9px;place-items:center;width:43px;height:43px;display:grid!important}.metric-icon svg{width:20px}.metric-icon.blue{color:#1679a6;background:#e3f2f8}.metric-icon.green{color:#278264;background:#e6f4ef}.metric-icon.violet{color:#7355a4;background:#efebf8}.metric-icon.amber{color:#b36c16;background:#f8efe2}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px;display:grid}.panel,.table-panel,.role-card{border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 3px 10px #20384d08}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2,.form-section-title h2,.role-card h2,.module-heading h2{color:var(--navy);margin:0 0 5px;font-size:18px}.progress-ring{--progress:0%;background:conic-gradient(var(--blue) var(--progress),#e8eef2 0);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.progress-ring:after{content:"";background:#fff;border-radius:50%;width:45px;height:45px;position:absolute}.progress-ring strong{z-index:1;font-size:11px;position:relative}.progress-bar{background:#e8eef2;border-radius:9px;height:5px;margin:20px 0;overflow:hidden}.progress-bar i{background:var(--blue);border-radius:9px;height:100%;display:block}.setup-list{grid-template-columns:1fr 1fr;gap:5px 24px;display:grid}.setup-list div{color:#657685;border-bottom:1px solid #edf1f4;align-items:center;gap:9px;height:37px;font-size:12px;display:flex}.setup-list svg{color:#a9b4bd;width:16px}.setup-list .done{color:#254358}.setup-list .done svg{color:#258264;background:#e3f3ed;border-radius:50%;padding:2px}.setup-list small{color:var(--blue);margin-left:auto;font-size:8px;font-weight:800}.compact{align-items:center}.panel-icon{color:#278264}.security-score{background:#edf8f4;border-radius:8px;align-items:center;gap:14px;margin:20px 0;padding:14px;display:flex}.security-score>strong{color:#fff;background:#278264;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.security-score div{flex-direction:column;display:flex}.security-score span{color:#658276;margin-top:2px;font-size:11px}.check-list p{color:#516575;align-items:center;gap:9px;font-size:12px;display:flex}.check-list svg{color:#258264;width:16px}.text-link{color:var(--blue);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:17px;font-size:12px;font-weight:700;display:flex}.text-link svg{width:16px}.table-panel{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px;display:flex}.search-field{border:1px solid var(--line);background:#f9fbfc;border-radius:7px;align-items:center;gap:8px;min-width:300px;height:38px;padding:0 11px;display:flex}.search-field svg{color:#8493a0;width:16px}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.table-tools select,.modal select{border:1px solid var(--line);color:#536577;background:#fff;border-radius:7px;padding:0 11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#82909d;border-bottom:1px solid var(--line);background:#f8fafb;padding:12px 18px;font-size:9px}td{color:#536678;border-bottom:1px solid #edf1f4;padding:15px 18px;font-size:12px}.person{align-items:center;gap:10px;display:flex}.person>span{width:34px;height:34px}.person div{flex-direction:column;display:flex}.person strong{color:#243c51}.person small{color:#82919e;margin-top:2px;font-size:10px}.status{text-transform:capitalize;color:#687887;background:#eef1f3;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status.active{color:#267f62;background:#e6f4ef}.status.invited{color:#b56a10;background:#fff2df}.status.suspended{color:#b5424a;background:#f9e9ea}.pagination{color:#788895;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.pagination div{display:flex}.pagination button{border:1px solid var(--line);color:#738391;background:#fff;place-items:center;width:31px;height:31px;display:grid}.pagination button svg{width:14px}.pagination button.current{background:var(--blue);color:#fff}.modal-layer{z-index:60;background:#10263db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(520px,100%);max-height:94vh;padding:28px;overflow:auto;box-shadow:0 25px 80px #071b2d66}.modal-icon,.form-section-title>span,.module-heading>span{width:42px;height:42px;color:var(--blue);background:#e2f1f7;border-radius:9px;place-items:center;display:grid}.modal h2{color:var(--navy);margin:14px 0 5px}.modal>p{color:var(--muted);margin:0 0 20px}.modal label,.settings-form label,.simple-card label,.auth-form label{color:#41566a;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.modal label small{float:right;color:#8d9aa5;font-size:8px}.modal input,.modal select,.settings-form input,.settings-form textarea,.simple-card input{border:1px solid var(--line);border-radius:7px;outline:0;width:100%;height:41px;margin-top:6px;padding:0 11px;display:block}.modal input:focus,.settings-form input:focus,.settings-form textarea:focus{border-color:#4fa3c5;box-shadow:0 0 0 3px #dff1f8}.two-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;display:flex}.form-error{color:#a63c44;background:#fcebed;border-radius:7px;margin:10px 0;padding:10px 12px;font-size:12px}.role-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.role-card{padding:20px}.role-top{justify-content:space-between;display:flex}.role-top>span{color:#16769e;background:#e5f2f7;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.role-top small{letter-spacing:1px;color:#798a97;font-size:8px}.role-card h2{margin-top:15px}.role-card>p{color:var(--muted);min-height:34px;font-size:12px}.role-meta{border-top:1px solid var(--line);color:#687989;justify-content:space-between;padding:13px 0;font-size:10px;display:flex}.role-meta span{align-items:center;gap:5px;display:flex}.role-meta svg{width:14px}.permission-preview{flex-wrap:wrap;gap:5px;display:flex}.permission-preview code{color:#526779;background:#f1f5f7;border-radius:4px;padding:5px 6px;font-size:9px}.permission-search{background:#fff;margin-bottom:18px}.permission-groups{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.module-heading,.form-section-title{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.module-heading p,.form-section-title p{color:var(--muted);margin:0;font-size:11px}.permission-list>div{border-bottom:1px solid #edf1f4;justify-content:space-between;gap:20px;padding:13px 3px;display:flex}.permission-list>div:last-child{border:0}.permission-list>div>div{flex-direction:column;gap:4px;display:flex}.permission-list strong{font-size:12px}.permission-list code{color:#1680ab;font-size:10px}.permission-list p{color:var(--muted);text-align:right;max-width:230px;margin:0;font-size:10px}.settings-form{max-width:900px}.form-grid{grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:20px;display:grid}.settings-form label{margin:0}.settings-form input,.settings-form textarea{background:#fbfcfd}.settings-form input:disabled{color:#758592;background:#eef2f4}.settings-form textarea{resize:vertical;height:auto;padding:10px}.settings-form .full{grid-column:1/-1}.save-bar{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.save-bar>span{color:#278264;font-size:12px}.save-bar>span>svg{vertical-align:middle;width:17px;margin-right:5px}.auth-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(145deg,#102a43,#0e5272);flex-direction:column;padding:42px 7vw;display:flex;position:relative;overflow:hidden}.auth-brand{letter-spacing:2px;align-items:center;gap:10px;display:flex}.auth-brand span{border:1px solid #ffffff3d;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.visual-copy{z-index:2;max-width:570px;margin:auto 0;position:relative}.eyebrow.light{color:#76c8e5}.visual-copy h1{letter-spacing:-2px;margin:17px 0 20px;font-family:Georgia,serif;font-size:58px;font-weight:400;line-height:1.06}.visual-copy>p{color:#c1d6e2;max-width:480px;font-size:16px;line-height:1.7}.trust-row{align-items:center;gap:12px;margin-top:44px;display:flex}.trust-row>svg{color:#78d0b5}.trust-row span{flex-direction:column;display:flex}.trust-row small{color:#9db7c7;margin-top:3px}.sea-lines{border:1px solid #ffffff14;border-radius:48% 52%;width:800px;height:800px;position:absolute;bottom:-530px;right:-300px;box-shadow:0 0 0 50px #ffffff07,0 0 0 100px #ffffff05,0 0 0 150px #ffffff04}.auth-form-wrap{place-items:center;padding:40px;display:grid}.auth-form{width:min(390px,100%)}.welcome-icon{width:46px;height:46px;color:var(--blue);background:#e5f3f8;border-radius:11px;place-items:center;display:grid}.auth-form h2,.simple-card h1{color:var(--navy);letter-spacing:-.5px;margin:19px 0 8px;font-size:28px}.auth-form>p,.simple-card>p{color:var(--muted);margin:0 0 28px}.input-wrap{border:1px solid var(--line);border-radius:8px;align-items:center;height:45px;margin-top:7px;padding:0 12px;display:flex}.input-wrap:focus-within{border-color:#4fa3c5;box-shadow:0 0 0 3px #e4f2f7}.input-wrap>svg{color:#80909d;width:17px}.input-wrap input{background:0 0;flex:1;height:100%;box-shadow:none!important;border:0!important;outline:0!important;margin:0!important;padding:0 10px!important}.input-wrap button{color:#7d8d99;background:0 0;border:0;place-items:center;display:grid}.input-wrap button svg{width:17px}.form-meta{justify-content:space-between;align-items:center;margin:-2px 0 18px;font-size:11px;display:flex}.form-meta a{color:var(--blue);font-weight:700}.check{align-items:center;gap:7px;margin:0!important;font-weight:500!important;display:flex!important}.check input{accent-color:var(--blue)}.wide{width:100%}.auth-help{font-size:11px;text-align:center!important;margin-top:24px!important}.center-page{background:linear-gradient(145deg,#edf4f7,#f9fbfc);place-items:center;min-height:100vh;padding:20px;display:grid}.simple-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(450px,100%);padding:32px;box-shadow:0 15px 45px #18364d12}.back-link{color:var(--blue);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:12px;display:flex}.success-box{color:#246b57;background:#e9f6f1;border-radius:8px;flex-direction:column;gap:8px;padding:15px;display:flex}.success-box small{margin-top:5px}.success-box code{word-break:break-all;background:#fff;border-radius:5px;padding:8px}.page-loader{min-height:100vh;color:var(--blue);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.menu-btn,.mobile-close,.backdrop{display:none}@media (max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.auth-visual{padding:35px 5vw}.visual-copy h1{font-size:46px}}@media (max-width:800px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.backdrop{z-index:25;background:#10263d99;border:0;display:block;position:fixed;inset:0}.main{width:100%;margin:0}.menu-btn{background:0 0;border:0;place-items:center;margin-right:10px;display:grid}.topbar{padding:0 15px}.breadcrumb span,.breadcrumb svg,.search-button,.user-block>div{display:none}.content{padding:25px 18px 50px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.permission-groups,.role-grid,.form-grid{grid-template-columns:1fr}.settings-form .full{grid-column:auto}}@media (max-width:560px){.metric-grid,.setup-list{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header .primary{width:100%}.top-actions{gap:6px}.content{padding:22px 13px}.two-cols{grid-template-columns:1fr}.table-tools{flex-direction:column;align-items:stretch;gap:9px}.search-field{min-width:0}.form-grid{gap:13px}.visual-copy h1{font-size:40px}}.header-actions{gap:9px;display:flex}.fleet-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.fleet-summary>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:13px;padding:18px;display:flex}.fleet-summary>div>span{width:42px;height:42px;color:var(--blue);background:#e4f2f7;border-radius:9px;place-items:center;display:grid}.fleet-summary p{color:var(--muted);flex-direction:column;margin:0;font-size:11px;display:flex}.fleet-summary strong{color:var(--navy);margin-top:3px;font-size:22px}.fleet-toolbar{justify-content:space-between;align-items:center;margin:0 0 15px;display:flex}.fleet-toolbar>span{color:var(--muted);font-size:11px}.fleet-card-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.fleet-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:130px 1fr;display:grid;overflow:hidden;box-shadow:0 3px 12px #18364d0a}.fleet-illustration{color:#9dd7e7;background:linear-gradient(150deg,#174762,#0d7a9e);place-items:center;display:grid;position:relative;overflow:hidden}.fleet-illustration:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:160px;height:80px;position:absolute;bottom:-38px;left:-20px;box-shadow:0 0 0 20px #ffffff0a,0 0 0 40px #ffffff07}.fleet-illustration>svg{width:43px;height:43px}.fleet-illustration>span{letter-spacing:1px;color:#ffffff8f;font:700 10px monospace;position:absolute;top:13px;left:13px}.fleet-illustration.tone-1{background:linear-gradient(150deg,#24475d,#1a6a73)}.fleet-illustration.tone-2{background:linear-gradient(150deg,#293f5b,#345e8a)}.fleet-card-body{padding:20px}.fleet-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fleet-title h2{color:var(--navy);margin:0;font-size:18px}.fleet-card-body>p{min-height:33px;color:var(--muted);font-size:11px;line-height:1.5}.fleet-card-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.7fr 1.3fr;margin:14px 0;display:grid}.fleet-card-stats>div{align-items:center;gap:8px;padding:12px 0;display:flex}.fleet-card-stats>div+div{border-left:1px solid var(--line);padding-left:13px}.fleet-card-stats svg{color:#6a8599;width:17px}.fleet-card-stats span{color:#8997a3;flex-direction:column;font-size:9px;display:flex}.fleet-card-stats strong{color:#324b60;font-size:11px}.fleet-link{color:var(--blue);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.fleet-link svg{width:16px}.fleet-empty{text-align:center;margin-top:16px;padding:45px}.fleet-empty>svg{color:var(--blue);width:40px}.fleet-empty h2{color:var(--navy)}.fleet-empty p{color:var(--muted)}.modal-x{color:#657786;background:#f1f4f6;border:0;border-radius:6px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:18px;right:18px}.modal-x svg{width:16px}.modal{position:relative}.modal textarea{border:1px solid var(--line);resize:vertical;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:10px;display:block}.modal select{width:100%;height:41px;margin-top:6px;display:block}.vessel-table .table-tools{gap:10px}.vessel-filters{justify-content:flex-start}.vessel-filters .search-field{flex:1;max-width:480px}.filter-select{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;height:38px;padding-left:10px;display:flex}.filter-select svg{color:#7f8e99;width:15px}.filter-select select{border:0}.vessel-name{align-items:center;gap:10px;display:flex}.vessel-name>span{width:37px;height:37px;color:var(--blue);background:#e3f2f7;border-radius:8px;place-items:center;display:grid}.vessel-name svg{width:19px}.vessel-name>div,.stacked-cell{flex-direction:column;display:flex}.vessel-name strong,.stacked-cell strong{color:#284258}.vessel-name small,.stacked-cell small{color:#8795a0;margin-top:3px;font-size:10px}.row-arrow{color:#8796a2}.row-arrow svg{width:17px}.vessel-empty{text-align:center;color:#80909d;padding:48px}.vessel-empty>svg{color:#4a9dbc;width:38px}.vessel-empty h3{color:var(--navy);margin:10px 0 5px}.vessel-empty p{margin:0}.vessel-modal{width:min(790px,100%)}.small-modal{width:min(460px,100%)}.form-group-title{letter-spacing:1.3px;text-transform:uppercase;color:#26799d;border-bottom:1px solid var(--line);margin:22px 0 10px;padding-bottom:7px;font-size:10px}.compact-grid{gap:11px 14px}.compact-grid label{margin:0}.type-chips{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.type-chips span{color:#50697b;background:#edf3f6;border-radius:5px;padding:6px 8px;font-size:10px}.content-skeleton{gap:14px;display:grid}.content-skeleton span{background:linear-gradient(90deg,#eaf0f3,#f6f8f9,#eaf0f3) 0 0/200% 100%;border-radius:9px;height:68px;animation:1.3s infinite shimmer}.content-skeleton.detail span:first-child{height:130px}.content-skeleton.detail span:last-child{height:330px}@keyframes shimmer{to{background-position:-200% 0}}.back-to-list{color:#607688;align-items:center;gap:6px;margin-bottom:18px;font-size:11px;display:inline-flex}.back-to-list svg{width:15px}.vessel-hero{border:1px solid var(--line);background:linear-gradient(120deg,#fff,#f5fafc);border-radius:11px;align-items:center;gap:17px;padding:23px;display:flex}.vessel-avatar{color:#fff;background:linear-gradient(145deg,#143a54,#1c7a9e);border-radius:12px;place-items:center;width:69px;height:69px;display:grid;box-shadow:0 8px 20px #183f572b}.vessel-avatar svg{width:31px}.vessel-identity{min-width:0}.vessel-identity>div{align-items:center;gap:12px;display:flex}.vessel-identity h1{color:var(--navy);margin:0;font-size:27px}.vessel-identity p{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.vessel-identity p svg{width:14px}.vessel-hero>.secondary{margin-left:auto}.vessel-tabs{border-bottom:1px solid var(--line);margin:18px 0;display:flex;overflow-x:auto}.vessel-tabs button{color:#748592;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 15px;font-size:11px}.vessel-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.vessel-detail-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:17px;display:grid}.vessel-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.vessel-kpis>div{border:1px solid var(--line);background:#fff;border-radius:9px;gap:9px;padding:15px;display:flex}.vessel-kpis>div>span{color:var(--blue)}.vessel-kpis svg{width:18px}.vessel-kpis p{color:#7d8c98;text-transform:uppercase;flex-direction:column;margin:0;font-size:9px;display:flex}.vessel-kpis strong{color:var(--navy);text-transform:none;margin:3px 0;font-size:15px}.vessel-kpis small{text-transform:none;font-size:9px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:14px;display:flex}.section-title h2{color:var(--navy);margin:0;font-size:17px}.section-title>svg{color:#7d9aaa}.particulars dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.particulars dl>div{border-bottom:1px solid #edf1f4;padding:15px 8px}.particulars dt{text-transform:uppercase;letter-spacing:.8px;color:#8997a2;font-size:9px}.particulars dd{color:#30495d;margin:5px 0 0;font-size:12px;font-weight:650}.detail-aside{flex-direction:column;gap:16px;display:flex}.ownership-row{border-bottom:1px solid #edf1f4;flex-direction:column;padding:13px 0;display:flex}.ownership-row:last-child{border:0}.ownership-row small{color:#8795a0;text-transform:uppercase;font-size:9px}.ownership-row strong{color:#314b60;margin-top:4px;font-size:12px}.vessel-note{color:#687b8a;margin-bottom:0;font-size:11px;line-height:1.6}.future-module{text-align:center;padding:65px}.future-module>span{width:54px;height:54px;color:var(--blue);background:#e4f2f7;border-radius:50%;place-items:center;margin:auto;display:grid}.future-module h2{color:var(--navy);margin:14px 0 5px}.future-module p{color:var(--muted);max-width:460px;margin:auto;line-height:1.6}@media (max-width:1100px){.fleet-card-grid,.vessel-detail-grid{grid-template-columns:1fr}.vessel-kpis{grid-template-columns:1fr 1fr}}@media (max-width:800px){.fleet-summary{grid-template-columns:1fr}.vessel-filters{flex-direction:column}.vessel-filters .search-field{max-width:none}.filter-select,.vessel-filters>select,.header-actions{width:100%}.header-actions button{flex:1}.vessel-hero{flex-wrap:wrap;align-items:flex-start}.vessel-hero>.secondary{margin-left:86px}.particulars dl{grid-template-columns:1fr 1fr}}@media (max-width:560px){.fleet-card{grid-template-columns:1fr}.fleet-illustration{height:100px}.fleet-card-stats{grid-template-columns:1fr}.fleet-card-stats>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.vessel-kpis,.particulars dl{grid-template-columns:1fr}.vessel-identity h1{font-size:21px}.vessel-hero>.secondary{width:100%;margin-left:0}.header-actions{flex-direction:column}.compact-grid{grid-template-columns:1fr}.compact-grid .full{grid-column:auto}}.status.in_dock,.status.under_maintenance{color:#b56a10;background:#fff2df}.status.decommissioned,.status.sold{color:#687887;background:#eef1f3}.fleet-title-actions{align-items:center;gap:7px;display:flex}.fleet-title-actions>button{border:1px solid var(--line);color:#6d8191;background:#fff;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.fleet-title-actions>button:hover{color:var(--blue);border-color:#9ac7d8}.fleet-title-actions svg{width:14px}.operations-tabs{margin-bottom:18px}.operations-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.operations-metrics article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:17px;display:flex;box-shadow:0 3px 10px #20384d08}.operations-metrics article>span{width:40px;height:40px;color:var(--blue);background:#e4f2f7;border-radius:9px;place-items:center;display:grid}.operations-metrics article svg{width:19px}.operations-metrics article div{flex-direction:column;display:flex}.operations-metrics small{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:10px}.operations-metrics strong{color:var(--navy);margin-top:3px;font-size:22px}.operations-brief{grid-template-columns:1.4fr auto 1fr;align-items:center;gap:28px;margin-top:18px;display:grid;overflow:hidden}.operations-brief h2{color:var(--navy);margin:0 0 7px;font-size:22px}.operations-brief p{color:var(--muted);line-height:1.65}.operations-brief>svg{color:#278264;background:#e5f5ef;border-radius:50%;width:74px;height:74px;padding:20px}.operations-pulse{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.operations-pulse span{color:var(--muted);text-transform:uppercase;text-align:center;flex-direction:column;align-items:center;font-size:9px;display:flex}.operations-pulse strong{color:var(--navy);margin-top:5px;font-size:23px}.empty-table{text-align:center;color:var(--muted);padding:38px;font-size:12px}.history-stream{padding:0 24px}.history-stream article{border-bottom:1px solid var(--line);gap:15px;padding:18px 0;display:flex}.history-stream article>span{width:36px;height:36px;color:var(--blue);background:#e6f3f8;border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.history-stream article svg{width:17px}.history-stream article div{flex-direction:column;gap:4px;display:flex}.history-stream small{color:#84939f;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.history-stream strong{color:var(--navy)}.history-stream p{color:var(--muted);margin:0;font-size:11px}.operations-config{grid-template-columns:1fr 1fr;gap:18px;display:grid}.operations-config section>header{border-bottom:1px solid var(--line);gap:12px;padding:20px;display:flex}.operations-config header>svg{color:var(--blue)}.operations-config h2{color:var(--navy);margin:0;font-size:16px}.operations-config header p{color:var(--muted);margin:5px 0 0;font-size:10px}.config-row{border-bottom:1px solid #edf1f4;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:13px 20px;display:grid}.config-row strong{color:#324b60;font-size:12px}.config-row>span:last-child{color:var(--muted);font-size:10px}.operations-modal{width:min(760px,100%)}.page-error{margin-bottom:15px}.asset-link{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.asset-link strong{color:#24516b}.asset-link:hover strong{color:var(--blue)}.equipment-detail>header{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.equipment-detail h2{color:var(--navy);margin:0;font-size:22px}.equipment-detail header p{color:var(--muted);margin:5px 0 0}.equipment-overview dl{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.equipment-overview dl>div{padding:18px 12px}.equipment-overview dt{color:var(--muted);text-transform:uppercase;font-size:9px}.equipment-overview dd{color:var(--navy);margin:6px 0 0;font-weight:700}.equipment-overview>p{color:var(--muted);line-height:1.6}.detail-list>div{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1.5fr 1fr;gap:15px;padding:13px;font-size:11px;display:grid}.detail-list>div span:first-child{color:var(--navy);font-weight:700}.reading-button{margin-bottom:14px}.record-detail>header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-bottom:18px;display:grid}.record-detail h2{color:var(--navy);margin:2px 0}.record-detail header p{color:var(--muted);margin:4px 0 0}.record-grid{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.record-grid>div{background:#fff;flex-direction:column;gap:6px;padding:16px;display:flex}.record-grid small,.document-row small{color:var(--muted);font-size:10px}.record-grid strong{color:var(--navy)}.workflow-actions,.upload-row{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.detail-section{border-top:1px solid var(--line);padding:18px 0}.detail-section h3,.completion-form h3{color:var(--navy);margin:0 0 14px;font-size:15px}.detail-section p{color:var(--muted)}.document-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.document-row span{flex-direction:column;gap:4px;display:flex}.file-button{cursor:pointer}.file-button input{display:none}.completion-form{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;margin:20px 0;padding:18px}.comment{background:#f5f8fa;border-radius:7px;margin:8px 0;padding:12px}.comment p{color:#314a5e;margin:0 0 5px}.comment small{color:var(--muted)}.comment-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:12px;display:grid}.comment-form textarea{width:100%}.alert-panel{margin-top:18px}.alert-panel h2{color:#902e2e;align-items:center;gap:8px;display:flex}.alert-panel article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.alert-panel article>div{grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;display:grid}.alert-panel article p{color:var(--muted);grid-column:2;margin:0}.custom-fields-editor{margin-top:18px}.custom-fields-editor form{margin-top:12px}.checkbox-field{align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.checkbox-field input{width:auto!important}.custom-file-field{color:#52687a;flex-direction:column;gap:7px;font-size:11px;display:flex}.custom-file-control{flex-wrap:wrap;gap:8px;display:flex}.hierarchy-row{position:relative}.hierarchy-row:before{content:"";border-left:1px solid #dce5ea;position:absolute;top:0;bottom:0;left:8px}@media (max-width:1100px){.operations-metrics{grid-template-columns:repeat(2,1fr)}.operations-brief{grid-template-columns:1fr}.operations-brief>svg{display:none}.operations-pulse{border-left:0;border-top:1px solid var(--line);padding-top:18px}.operations-config{grid-template-columns:1fr}}@media (max-width:560px){.operations-metrics{grid-template-columns:1fr}.operations-pulse{grid-template-columns:1fr;gap:14px}.config-row{grid-template-columns:1fr}.operations-tabs{margin-left:-13px;margin-right:-13px}.equipment-detail>header,.record-detail>header{grid-template-columns:1fr}.equipment-overview dl,.record-grid{grid-template-columns:1fr 1fr}.detail-list>div,.comment-form{grid-template-columns:1fr}}:root{--navy:#0b1f33;--navy2:#11334d;--blue:#087eaa;--blue2:#056b92;--cyan:#25a9ca;--ink:#142738;--muted:#687b8c;--line:#dce6ec;--line-soft:#eaf0f4;--bg:#f3f7f9;--white:#fff;--green:#168565;--amber:#c27a16;--red:#c54850;--shadow-sm:0 1px 2px #0b253809,0 5px 18px #0b25380a;--shadow-md:0 12px 35px #102c4014;--radius-sm:10px;--radius:15px;--radius-lg:22px}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% -10%,#dceff5 0,transparent 28%),var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #39a9d138}.app-frame{min-height:100dvh}.sidebar{background:linear-gradient(#0b2237 0%,#0b1b2c 72%,#091725 100%);border-right:1px solid #ffffff0a;width:274px;padding:0 18px;transition:width .24s,transform .24s;box-shadow:12px 0 40px #0718270d}.brand{gap:12px;height:82px;padding:0 7px}.brand-mark{background:linear-gradient(145deg,#159bc3,#087398);border-radius:13px;flex:0 0 42px;width:42px;height:42px;box-shadow:0 8px 22px #0294c43b}.brand strong{letter-spacing:2.5px;font-size:16px}.brand small{letter-spacing:3px;font-size:7px}.desktop-collapse{color:#88a4b8;background:#ffffff0a;border:0;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.desktop-collapse:hover{color:#fff;background:#ffffff18}.desktop-collapse svg{width:17px}.company-pill{background:linear-gradient(135deg,#ffffff0d,#ffffff06);border-color:#ffffff12;border-radius:12px;margin:18px 0 10px;padding:13px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff18 transparent;margin:8px -4px 0;padding:0 4px 18px;overflow:hidden auto}.sidebar nav a{color:#aabecd;border-radius:10px;min-height:42px;margin:3px 0;padding:10px 12px;font-weight:600}.sidebar nav a svg{flex:0 0 18px}.sidebar nav a:hover{background:#ffffff0c;transform:translate(2px)}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#1490b8,#0d779f);position:relative;box-shadow:0 9px 22px #036f9630}.sidebar nav a.active:after{content:"";background:#9be6f5;border-radius:50%;width:5px;height:5px;position:absolute;right:11px;box-shadow:0 0 0 4px #9be6f51c}.nav-section{letter-spacing:1.7px;color:#607d92;margin:22px 12px 7px;font-size:8px}.sidebar-footer{margin-top:auto;padding:17px 8px 22px}.main{width:calc(100% - 274px);margin-left:274px;transition:margin .24s,width .24s}.topbar{-webkit-backdrop-filter:blur(18px);background:#ffffffd9;border-color:#dfe8ed;height:74px;padding:0 clamp(18px,2.4vw,38px)}.breadcrumb{gap:8px;font-size:11px}.breadcrumb span{color:#94a2ad}.breadcrumb strong{color:#30495d;font-size:12px}.top-actions{gap:9px}.search-button{background:#f6f9fb;border-color:#dfe8ed;border-radius:11px;justify-content:flex-start;width:min(240px,20vw);height:40px}.search-button kbd{border-radius:6px;margin-left:auto}.icon-button{border-color:#dfe7ec;border-radius:11px;width:40px;height:40px}.icon-button:hover,.secondary:hover{color:var(--blue);background:#f5fafc;border-color:#a9c4d2}.top-divider{background:var(--line);width:1px;height:25px;margin:0 4px}.avatar,.person>span{color:#08799f;background:linear-gradient(145deg,#d8f0f6,#e8f7fa);border-radius:11px}.content{max-width:1600px;padding:clamp(24px,3vw,46px) clamp(18px,3vw,48px) 72px}.page-header{align-items:center;margin-bottom:26px;position:relative}.page-header-copy{max-width:780px}.eyebrow{letter-spacing:2.1px;color:#087da8;margin-bottom:8px;font-size:8px}.page-header h1{letter-spacing:-1.25px;margin-bottom:9px;font-size:clamp(26px,2.3vw,36px);line-height:1.12}.page-header p{max-width:720px;font-size:13px;line-height:1.65}.page-header-action{align-items:center;gap:10px;display:flex}.primary,.secondary{letter-spacing:.01em;border-radius:10px;height:42px;padding:0 17px}.primary{background:linear-gradient(135deg,#0d8ab5,#08749e);box-shadow:0 8px 18px #087da829}.primary:hover{background:linear-gradient(135deg,#087da8,#075f83);transform:translateY(-1px);box-shadow:0 10px 24px #087da838}.secondary{border-color:#d8e3e9;box-shadow:0 1px 2px #102b3f08}.panel,.table-panel,.role-card,.fleet-summary>div,.fleet-card,.vessel-hero,.vessel-kpis>div,.planning-stat,.crew-stat-card,.certificate-stat,.assignment-stat,.sea-stat{border-color:var(--line-soft)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important}.panel,.role-card{padding:clamp(18px,2vw,26px)}.panel:hover,.role-card:hover,.fleet-card:hover{box-shadow:var(--shadow-md)!important}.metric-grid,.operations-metrics{gap:16px}.metric-card,.operations-metrics article{border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:all .22s;position:relative;overflow:hidden}.metric-card:before,.operations-metrics article:before{content:"";opacity:.8;background:linear-gradient(#28afd0,#087ca7);width:3px;position:absolute;inset:0 auto 0 0}.metric-card:hover,.operations-metrics article:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.metric-icon,.operations-metrics article>span{width:46px;height:46px;border-radius:13px!important}.metric-card strong,.operations-metrics strong{letter-spacing:-.8px;font-size:27px}.table-panel{background:#fff;overflow:hidden}.table-tools{background:#fff;padding:15px 18px}.table-scroll{scrollbar-width:thin;scrollbar-color:#c8d7df transparent;overflow:auto}table{min-width:760px}th{z-index:1;letter-spacing:1.25px;background:#f6f9fb;padding:13px 18px;font-size:8px;position:sticky;top:0}td{border-bottom-color:#edf2f5;padding:16px 18px}tbody tr{transition:background .16s}tbody tr:hover{background:#f7fbfc}tbody tr:last-child td{border-bottom:0}.status{letter-spacing:.02em;border-radius:999px;padding:6px 10px;font-size:9px}.search-field,.filter-select{background:#f8fafb;border-color:#dbe5ea;border-radius:10px;height:42px}.search-field:focus-within{border-color:#57a9c5;box-shadow:0 0 0 3px #0b88b315}.modal-layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081b2ca8;padding:18px}.modal{border-radius:20px;padding:30px;animation:.2s modal-in;box-shadow:0 30px 90px #0617265c}.modal-icon{border-radius:12px}.modal input,.modal select,.modal textarea,.settings-form input,.settings-form textarea,.simple-card input,.completion-form input,.completion-form select,.completion-form textarea,.comment-form textarea,.custom-fields-editor input,.custom-fields-editor select,.custom-fields-editor textarea{transition:all .17s;background:#fbfdfe!important;border-color:#d7e3e9!important;border-radius:10px!important}.modal input:focus,.modal select:focus,.modal textarea:focus,.settings-form input:focus,.settings-form textarea:focus,.completion-form input:focus,.completion-form select:focus,.completion-form textarea:focus{outline:0;border-color:#41a1c2!important;box-shadow:0 0 0 4px #1595bd13!important}.modal-x{border-radius:9px}.modal-actions{background:#fff;padding-bottom:2px;position:sticky;bottom:-30px}.planning-tabs,.vessel-tabs{background:#eaf1f4;border:0;border-radius:12px;gap:5px;margin-bottom:20px;padding:5px}.planning-tabs button,.vessel-tabs button{border-radius:8px;padding:10px 14px;border:0!important}.planning-tabs button.active,.vessel-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #132f4112}.config-row{transition:background .16s}.config-row:hover{background:#f8fbfc}.history-stream article:last-child{border-bottom:0}.record-detail>header,.equipment-detail>header{padding-bottom:20px}.record-grid{border-radius:12px;margin-top:16px;overflow:hidden}.document-row{padding:14px 2px}.completion-form{background:#f7fafb;border-radius:14px}.empty-table,.empty{padding:54px 24px}.fleet-card{transition:transform .22s,box-shadow .22s}.fleet-card:hover{transform:translateY(-3px)}.fleet-illustration{background:linear-gradient(150deg,#123b56,#0786aa)}.vessel-hero{background:radial-gradient(circle at 90% 20%,#dff3f8 0,#0000 32%),linear-gradient(120deg,#fff,#f7fbfc)}.vessel-avatar{background:linear-gradient(145deg,#123a55,#0785aa);border-radius:17px}.form-error{border:1px solid #f3cdd1;border-radius:10px}.content-skeleton span{border-radius:13px}.dashboard-hero{border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 78% 20%,#22a7c552 0,#0000 24%),linear-gradient(125deg,#0b2237 0%,#0d4662 58%,#0785a7 100%);grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);align-items:center;gap:24px;min-height:270px;margin-bottom:34px;padding:clamp(28px,4vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0b2e4326}.dashboard-hero:before{content:"";border:1px solid #ffffff18;border-radius:50%;height:280px;position:absolute;inset:auto -8% -60% 35%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.dashboard-hero-copy{z-index:2;max-width:720px;position:relative}.hero-kicker{color:#bdebf3;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff20;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.hero-kicker svg{width:14px}.dashboard-hero h1{letter-spacing:-2.4px;max-width:680px;margin:18px 0 14px;font-size:clamp(32px,4vw,56px);line-height:1.04}.dashboard-hero p{color:#c6dce6;max-width:650px;margin:0;font-size:14px;line-height:1.7}.hero-actions{align-items:center;gap:20px;margin-top:24px;display:flex}.hero-actions .primary{color:#0b6688;background:#fff;box-shadow:0 10px 24px #041a2835}.hero-actions .primary:hover{background:#eafaff}.hero-link{color:#d5edf4;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.hero-link:hover{color:#fff;gap:10px}.hero-link svg{width:16px}.hero-visual{justify-self:center;place-items:center;width:230px;height:230px;display:grid;position:relative}.hero-visual>svg{color:#d8f7ff;filter:drop-shadow(0 8px 20px #02273b55);width:72px;height:72px}.radar-ring{border:1px solid #bdefff30;border-radius:50%;position:absolute}.ring-one{inset:25px}.ring-two{inset:0}.radar-sweep{background:conic-gradient(from 0deg,transparent 0 75%,#8ee8f72b 92%,transparent 100%);border-radius:50%;animation:6s linear infinite radar;position:absolute;inset:0}.hero-signal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d5f2f7;white-space:nowrap;background:#082d4299;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex;position:absolute;bottom:29px;right:-14px}.hero-signal i{background:#58dda7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #58dda71d}@keyframes radar{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.nav-compact .sidebar{width:86px;padding-inline:13px}.nav-compact .main{width:calc(100% - 86px);margin-left:86px}.nav-compact .brand{justify-content:center;padding:0}.nav-compact .brand>div,.nav-compact .company-pill>div,.nav-compact .company-pill>svg,.nav-compact .sidebar nav a span,.nav-compact .nav-section,.nav-compact .sidebar-footer div{display:none}.nav-compact .desktop-collapse{background:#14364e;border:1px solid #ffffff12;position:absolute;top:24px;left:68px}.nav-compact .company-pill{border:0;border-top:1px solid #ffffff12;border-radius:0;height:1px;margin:9px 6px 13px;padding:0}.nav-compact .sidebar nav a{justify-content:center;padding:11px}.nav-compact .sidebar nav a.active:after{right:6px}.nav-compact .sidebar-footer{justify-content:center}@media (max-width:1200px){.content{padding-inline:28px}.dashboard-hero{grid-template-columns:1.45fr .55fr}.hero-visual{transform:scale(.88)}.record-grid,.operations-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.desktop-collapse{display:none}.sidebar,.nav-compact .sidebar{width:min(310px,88vw);padding:0 18px}.nav-compact .brand>div,.nav-compact .company-pill>div,.nav-compact .company-pill>svg,.nav-compact .sidebar nav a span,.nav-compact .nav-section,.nav-compact .sidebar-footer div{display:flex}.nav-compact .company-pill{border:1px solid #ffffff12;border-radius:12px;height:auto;margin:18px 0 10px;padding:13px}.nav-compact .sidebar nav a{justify-content:flex-start;padding:10px 12px}.main,.nav-compact .main{width:100%;margin:0}.topbar{height:66px;padding:0 16px}.content{padding:26px 18px 58px}.top-divider,.logout-button{display:none}.dashboard-hero{grid-template-columns:1fr;min-height:auto}.hero-visual{display:none}.dashboard-hero h1{font-size:40px}.table-panel{border-radius:13px!important}.table-scroll{margin:0}.modal{max-height:calc(100dvh - 24px)}}@media (max-width:640px){body{font-size:13px}.content{padding:20px 12px 44px}.topbar{padding:0 11px}.breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.notification-button{display:none}.page-header{align-items:stretch;gap:16px;margin-bottom:20px}.page-header h1{font-size:27px}.page-header-action,.page-header-action>*,.page-header-action .header-actions{width:100%}.page-header-action .header-actions{grid-template-columns:1fr;display:grid}.page-header-action button{width:100%}.dashboard-hero{border-radius:18px;margin:0 -2px 25px;padding:28px 22px}.dashboard-hero h1{letter-spacing:-1.7px;font-size:34px}.dashboard-hero p{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .primary{width:100%}.hero-link{justify-content:center}.metric-grid,.operations-metrics{grid-template-columns:1fr}.metric-card,.operations-metrics article{padding:17px}.panel,.role-card{padding:18px}.planning-tabs,.vessel-tabs{border-radius:10px;margin-left:-4px;margin-right:-4px;padding:4px}.planning-tabs button,.vessel-tabs button{padding:9px 11px}.table-tools{flex-direction:column;align-items:stretch;gap:10px}.table-tools .search-field,.search-field{width:100%;min-width:0}.table-scroll{overflow-x:auto}table{min-width:680px}th,td{padding-left:14px;padding-right:14px}.modal-layer{align-items:end;padding:0}.modal{border-radius:22px 22px 0 0;max-height:94dvh;padding:24px 18px;width:100%!important}.modal-actions{background:#fff;margin-left:-18px;margin-right:-18px;padding:15px 18px;bottom:-24px}.modal-actions button{flex:1}.form-grid,.compact-grid{grid-template-columns:1fr!important}.form-grid .full,.compact-grid .full{grid-column:auto!important}.record-grid,.equipment-overview dl{grid-template-columns:1fr 1fr}.record-detail>header,.equipment-detail>header{gap:12px}.record-detail>header>.status,.equipment-detail>header>.status{justify-self:start}.operations-config{gap:12px}.comment-form{grid-template-columns:1fr}.alert-panel article,.document-row{flex-direction:column;align-items:flex-start}.document-row button{width:100%}.fleet-card-grid{gap:12px}.fleet-card-body{padding:17px}.user-block{padding:0}.user-block .avatar{width:36px;height:36px}.login-page,.auth-form-wrap{padding:20px}}.operations-header-actions{gap:9px;display:flex}.operations-header-actions svg{width:17px}.spin{animation:.8s linear infinite ops-spin}@keyframes ops-spin{to{transform:rotate(360deg)}}.operations-tabs{scrollbar-width:none;overflow-x:auto}.operations-tabs::-webkit-scrollbar{display:none}.operations-tabs button{white-space:nowrap;align-items:center;gap:7px;display:flex}.operations-tabs button b{color:#5b7080;background:#dbe8ed;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:grid}.operations-tabs button.active b{color:#087da8;background:#dff2f7}.operations-toolbar{border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;align-items:center;gap:10px;margin:-6px 0 18px;padding:10px;display:flex}.operations-toolbar label{color:#78909f;background:#f8fafb;border:1px solid #dce6eb;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.operations-toolbar label:focus-within{border-color:#56a9c5;box-shadow:0 0 0 3px #0b88b312}.operations-toolbar svg{flex:0 0 17px;width:17px}.operations-search{flex:1;min-width:190px}.operations-toolbar input,.operations-toolbar select{color:#304b5f;background:0 0;border:0;outline:0;height:100%;font-size:12px}.operations-toolbar input{width:100%}.operations-toolbar select{min-width:135px}.operations-clear{color:#637887;background:0 0;border:0;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:11px;display:flex}.operations-clear:hover{color:var(--red)}.operations-hero{color:#fff;background:radial-gradient(circle at 86% 10%,#1e789b 0,#0000 27%),linear-gradient(125deg,#0b2135 0%,#103d57 58%,#0b718e 100%);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(410px,.85fr);align-items:center;gap:28px;margin-bottom:17px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #08293d25}.operations-hero:after{content:"";border:44px solid #ffffff0a;border-radius:50%;width:270px;height:270px;position:absolute;bottom:-95px;right:-55px}.operations-readiness{z-index:1;position:relative}.operations-readiness .eyebrow{color:#74d5ec}.readiness-score{align-items:flex-start;margin:5px 0;display:flex}.readiness-score strong{letter-spacing:-3px;font-size:58px;line-height:1}.readiness-score small{color:#8ed9e9;margin:7px 0 0 3px;font-size:20px}.operations-readiness p{color:#c2d9e4;margin:0 0 17px;font-size:12px}.readiness-track{background:#ffffff1b;border-radius:99px;width:min(440px,100%);height:7px;overflow:hidden}.readiness-track span{border-radius:inherit;background:linear-gradient(90deg,#37c89b,#7de2bd);height:100%;display:block;box-shadow:0 0 15px #5cd9b282}.operations-hero-actions{z-index:1;gap:8px;display:grid;position:relative}.operations-hero-actions button{color:#fff;text-align:left;background:#ffffff0c;border:1px solid #ffffff17;border-radius:12px;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;min-height:64px;padding:10px 13px;transition:all .18s;display:grid}.operations-hero-actions button:hover{background:#ffffff17;border-color:#ffffff2d;transform:translate(3px)}.operations-hero-actions button>svg:first-child{color:#85def0;background:#ffffff13;border-radius:10px;width:38px;height:38px;padding:10px}.operations-hero-actions button>svg:last-child{color:#83cada;width:17px}.operations-hero-actions span{flex-direction:column;display:flex}.operations-hero-actions small{color:#8eb1c1;text-transform:uppercase;letter-spacing:1.2px;font-size:8px}.operations-hero-actions strong{margin-top:2px;font-size:12px}.operations-metrics{margin-bottom:17px}.operations-metrics>button{border:1px solid var(--line-soft);text-align:left;min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;grid-template-columns:43px 1fr 15px;align-items:center;gap:11px;padding:17px;transition:all .2s;display:grid;position:relative;overflow:hidden}.operations-metrics>button:before{content:"";background:linear-gradient(#29afd0,#087ca7);width:3px;position:absolute;inset:0 auto 0 0}.operations-metrics>button:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.operations-metrics>button.urgent{border-color:#f1d1d4}.operations-metrics>button.urgent:before{background:var(--red)}.operations-metrics>button>span{color:#087da8;background:#e6f4f7;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.operations-metrics>button.urgent>span{color:var(--red);background:#faebed}.operations-metrics>button svg{width:18px}.operations-metrics>button>svg{color:#9aabb6;width:14px}.operations-metrics>button div{flex-direction:column;display:flex}.operations-metrics>button small{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:8px}.operations-metrics>button strong{color:var(--navy);letter-spacing:-.7px;font-size:25px}.operations-command-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:17px;margin-bottom:17px;display:grid}.operations-command-grid .panel{padding:0;overflow:hidden}.operations-command-grid .panel>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:70px;padding:17px 20px;display:flex}.operations-command-grid h2{color:var(--navy);margin:1px 0 0;font-size:16px}.operations-command-grid header>svg{color:#2794b5;width:20px}.live-indicator{text-transform:uppercase;color:#4f806f;align-items:center;gap:6px;font-size:9px;display:flex}.live-indicator i{background:#27ad7e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27ad7e17}.operations-attention>button,.operations-vessel-readiness>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f5;align-items:center;gap:11px;width:100%;min-height:72px;padding:12px 18px;transition:all .15s;display:grid}.operations-attention>button{grid-template-columns:38px minmax(0,1fr) auto 16px}.operations-attention>button:hover,.operations-vessel-readiness>button:hover{background:#f8fbfc}.attention-icon,.vessel-health{width:38px;height:38px;color:var(--red);background:#f8e9eb;border-radius:11px;place-items:center;display:grid}.attention-icon svg,.vessel-health svg{width:17px}.operations-attention>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.operations-attention>button>span:nth-child(2) small{letter-spacing:1px;text-transform:uppercase;color:#91a0aa;font-size:8px}.operations-attention>button>span:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;color:#263f53;font-size:12px;overflow:hidden}.operations-attention>button em{color:#7a8d9b;font-size:9px;font-style:normal}.operations-attention>button>span:nth-child(3){flex-direction:column;align-items:flex-end;gap:4px;display:flex}.operations-attention>button>span:nth-child(3) small{color:#8a9ba7;font-size:8px}.operations-attention>button>svg,.operations-vessel-readiness>button>svg{color:#a2b1bb;width:15px}.operations-all-clear{align-items:center;gap:13px;padding:30px 22px;display:flex}.operations-all-clear>svg{color:#269675;background:#e7f6f0;border-radius:50%;width:40px;height:40px;padding:11px}.operations-all-clear strong{color:#244157}.operations-all-clear p{color:var(--muted);margin:3px 0 0;font-size:10px}.operations-vessel-readiness>button{grid-template-columns:38px minmax(110px,1fr) auto auto 15px}.vessel-health.good{color:#23936f;background:#e6f5ef}.vessel-health.risk{color:var(--red);background:#faebed}.operations-vessel-readiness>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.operations-vessel-readiness>button>span:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;color:#263f53;font-size:12px;overflow:hidden}.operations-vessel-readiness>button>span:nth-child(2) small{color:#8294a1;font-size:9px}.vessel-workload{text-align:center;flex-direction:column;min-width:52px;display:flex}.vessel-workload b{color:#244157;font-size:14px}.vessel-workload small{color:#8a9aa5;text-transform:uppercase;font-size:7px}.secondary-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.operations-workload{padding-bottom:14px!important}.workload-row{grid-template-columns:105px 1fr 25px;align-items:center;gap:10px;padding:10px 20px;display:grid}.workload-row>span{color:#607584;align-items:center;gap:7px;font-size:10px;display:flex}.workload-row i{border-radius:50%;width:7px;height:7px}.workload-row>div{background:#edf2f5;border-radius:99px;height:7px;overflow:hidden}.workload-row>div span{border-radius:inherit;height:100%;display:block}.workload-row strong{text-align:right;color:#2a4357;font-size:11px}.operations-recent header button{color:#1682a6;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;display:flex}.operations-recent header button svg{width:14px}.operations-recent article{border-bottom:1px solid #edf2f5;align-items:center;gap:11px;min-height:54px;padding:9px 20px;display:flex}.operations-recent article>span{color:#1985a8;background:#e8f4f7;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.operations-recent article svg{width:14px}.operations-recent article div{flex-direction:column;display:flex}.operations-recent article strong{color:#30495c;font-size:10px}.operations-recent article small{color:#8293a0;font-size:8px}@media (max-width:1120px){.operations-hero{grid-template-columns:1fr}.operations-hero-actions{grid-template-columns:repeat(3,1fr)}.operations-hero-actions button{grid-template-columns:34px 1fr}.operations-hero-actions button>svg:last-child{display:none}.operations-command-grid,.secondary-grid{grid-template-columns:1fr}.operations-toolbar{flex-wrap:wrap}.operations-search{flex-basis:100%}}@media (max-width:700px){.operations-header-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.operations-toolbar{gap:7px;padding:8px}.operations-toolbar label{flex:1;min-width:calc(50% - 4px)}.operations-search{min-width:100%!important}.operations-toolbar select{width:100%;min-width:0}.operations-clear{justify-content:center;width:100%}.operations-hero{gap:22px;padding:24px 19px}.readiness-score strong{font-size:48px}.operations-hero-actions{grid-template-columns:1fr}.operations-metrics{gap:9px;grid-template-columns:repeat(2,1fr)!important}.operations-metrics>button{grid-template-columns:38px 1fr;padding:13px 11px}.operations-metrics>button>span{width:38px;height:38px}.operations-metrics>button>svg{display:none}.operations-metrics>button strong{font-size:21px}.operations-command-grid{gap:12px}.operations-attention>button{grid-template-columns:34px minmax(0,1fr) 15px}.operations-attention>button>span:nth-child(3){display:none}.operations-vessel-readiness>button{grid-template-columns:34px minmax(100px,1fr) auto 15px}.operations-vessel-readiness .vessel-workload:nth-of-type(4){display:none}.operations-command-grid .panel>header{padding:15px 16px}.workload-row,.operations-recent article{padding-left:16px;padding-right:16px}}.vessel-registry-hero{color:#fff;background:radial-gradient(circle at 87% 8%,#3fc6d83d,#0000 29%),linear-gradient(125deg,#0a2135,#0d4762 62%,#11839f);border-radius:22px;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);align-items:center;gap:30px;min-height:250px;margin-bottom:18px;padding:34px 40px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #0a314525}.vessel-registry-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:480px;height:380px;position:absolute;bottom:-205px;right:-105px;box-shadow:0 0 0 42px #ffffff08,0 0 0 82px #ffffff04}.vessel-registry-hero>div{z-index:1;position:relative}.vessel-registry-hero .eyebrow{color:#79d7e7}.vessel-registry-hero h2{letter-spacing:-1.8px;max-width:720px;margin:10px 0;font-size:clamp(29px,3.2vw,45px);line-height:1.04}.vessel-registry-hero>div:first-child>p{color:#bad3de;max-width:670px;margin:0;font-size:12px;line-height:1.65}.vessel-hero-links{gap:9px;margin-top:20px;display:flex}.vessel-hero-links a{color:#dff5fa;background:#ffffff0b;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:9px;font-weight:800;display:flex}.vessel-hero-links a:hover{background:#ffffff17}.vessel-hero-links svg{width:14px}.vessel-registry-score{grid-template-columns:150px 1fr;gap:11px;display:grid!important}.vessel-score-ring{--vessel-score:0%;background:radial-gradient(circle at center,#0a3146 52%,transparent 53%),conic-gradient(#5fd2aa var(--vessel-score),#ffffff17 0);border:1px solid #ffffff20;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:158px;display:flex;box-shadow:inset 0 0 0 13px #092a3d}.vessel-score-ring strong{font-size:25px}.vessel-score-ring span{color:#a8cbd5;text-align:center;text-transform:uppercase;letter-spacing:.8px;max-width:75px;font-size:7px}.vessel-registry-score>div:last-child{gap:8px;display:grid}.vessel-registry-score>div:last-child>span{background:#092a3da8;border:1px solid #ffffff1a;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:9px;padding:13px;display:grid}.vessel-registry-score svg{color:#70d0e1;grid-row:1/3;width:20px}.vessel-registry-score b{font-size:16px}.vessel-registry-score small{color:#a6c5d0;font-size:8px}.vessel-registry-metrics{grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:17px;display:grid}.vessel-registry-metrics button{text-align:left;min-height:100px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e0e9ed;border-radius:15px;grid-template-columns:42px 1fr 13px;align-items:center;gap:10px;padding:14px;transition:all .18s;display:grid;position:relative}.vessel-registry-metrics button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vessel-registry-metrics button>span{color:#1882a6;background:#e4f2f7;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.vessel-registry-metrics button>span.green{color:#278168;background:#e4f5ee}.vessel-registry-metrics button>span.amber{color:#b9781e;background:#fff0dc}.vessel-registry-metrics button>span.red{color:#c0574d;background:#fae9e7}.vessel-registry-metrics button>span.violet{color:#725ba4;background:#eeeafa}.vessel-registry-metrics svg{width:18px}.vessel-registry-metrics button>svg{color:#9aaab4;width:13px}.vessel-registry-metrics div{flex-direction:column;min-width:0;display:flex}.vessel-registry-metrics small{color:#728590;text-transform:uppercase;letter-spacing:.5px;font-size:7px;font-weight:800}.vessel-registry-metrics strong{color:#1c374b;font-size:24px}.vessel-registry-metrics p{color:#8897a1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:7px;overflow:hidden}.vessel-registry-controls{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dfe8ec;border-radius:14px;align-items:center;gap:7px;margin-bottom:10px;padding:9px;display:flex}.vessel-registry-controls label,.vessel-search{color:#768b98;background:#f8fafb;border:1px solid #dce6eb;border-radius:9px;align-items:center;gap:7px;height:41px;padding:0 10px;display:flex}.vessel-registry-controls label:focus-within,.vessel-search:focus-within{border-color:#56a9c5;box-shadow:0 0 0 3px #0b88b312}.vessel-registry-controls svg{flex:0 0 15px;width:15px}.vessel-search{flex:1;min-width:220px}.vessel-search input{color:#314b5e;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:10px}.vessel-search button{color:#708490;background:#e8eef1;border:0;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.vessel-registry-controls select{color:#536b7a;background:0 0;border:0;outline:0;max-width:150px;height:100%;font-size:9px}.vessel-view-switch{background:#f3f7f8;border:1px solid #dce5ea;border-radius:9px;padding:3px;display:flex}.vessel-view-switch button,.vessel-refresh{color:#81919b;background:0 0;border:0;border-radius:7px;place-items:center;width:33px;height:33px;padding:0;display:grid}.vessel-view-switch button.active{color:#1380a4;background:#fff;box-shadow:0 2px 6px #173b5017}.vessel-refresh{background:#fff;border:1px solid #dce5ea;height:41px}.vessel-filter-summary{color:#7c8e99;justify-content:space-between;align-items:center;margin:0 2px 12px;font-size:9px;display:flex}.vessel-filter-summary strong{color:#2e5064}.vessel-filter-summary button{color:#1782a6;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.vessel-filter-summary svg{width:12px}.vessel-registry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.vessel-registry-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dfe8ec;border-radius:18px;grid-template-columns:118px minmax(0,1fr);transition:all .2s;display:grid;overflow:hidden}.vessel-registry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vessel-registry-card>header{color:#d4eef4;background:linear-gradient(150deg,#123a54,#1082a2);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:15px 10px;display:flex;position:relative;overflow:hidden}.vessel-registry-card>header.tone-1{background:linear-gradient(150deg,#223e5a,#35798b)}.vessel-registry-card>header.tone-2{background:linear-gradient(150deg,#333e60,#536e9f)}.vessel-registry-card>header.tone-3{background:linear-gradient(150deg,#144b4f,#32938a)}.vessel-registry-card>header:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-62px;left:-62px;box-shadow:0 0 0 24px #ffffff0a}.vessel-registry-card>header>span{color:#ffffff96;font:700 8px monospace;position:absolute;top:11px;left:11px}.vessel-registry-card>header>svg{width:44px;height:44px}.vessel-registry-card>header>small{color:#b8d9e1;text-align:center;text-transform:uppercase;letter-spacing:.7px;margin-top:16px;font-size:7px}.vessel-registry-card-body{min-width:0;padding:18px}.vessel-card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.vessel-card-title>div{min-width:0}.vessel-card-title small{color:#1982a5;text-transform:uppercase;font-size:7px;font-weight:800}.vessel-card-title h2{color:#173247;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 1px;font-size:18px;overflow:hidden}.vessel-card-title p{color:#82939f;margin:0;font-size:8px}.vessel-readiness-line{margin:13px 0}.vessel-readiness-line>div{color:#6f8390;justify-content:space-between;align-items:center;font-size:8px;display:flex}.vessel-readiness-line strong{color:#2c4e61}.vessel-readiness-line>i,.vessel-table-readiness i{background:#e8eef1;border-radius:99px;height:6px;margin-top:5px;display:block;overflow:hidden}.vessel-readiness-line>i b,.vessel-table-readiness i b{border-radius:inherit;background:linear-gradient(90deg,#1a93b2,#59c7a1);height:100%;display:block}.vessel-card-kpis{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.vessel-card-kpis>div{border:1px solid #e4ebee;border-radius:9px;align-items:center;gap:6px;min-height:52px;padding:7px;display:flex}.vessel-card-kpis svg{color:#77909e;width:14px}.vessel-card-kpis span{flex-direction:column;min-width:0;display:flex}.vessel-card-kpis strong{color:#2c4b5e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vessel-card-kpis small{color:#84939d;font-size:6px}.vessel-card-kpis .warn{background:#fffaf2;border-color:#f0dfbd}.vessel-card-kpis .warn svg,.vessel-card-kpis .warn strong{color:#b57a25}.vessel-card-kpis .danger{background:#fff7f5;border-color:#f0d3ce}.vessel-card-kpis .danger svg,.vessel-card-kpis .danger strong{color:#bd574d}.vessel-card-kpis .muted{background:#f7f8f9}.vessel-particulars{background:#f8fafb;border:1px solid #e6edef;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:11px 0 0;padding:10px;display:grid}.vessel-particulars>div{border-right:1px solid #e2e9ed;padding:0 9px}.vessel-particulars>div:last-child{border:0}.vessel-particulars dt{color:#8a99a3;text-transform:uppercase;font-size:6px}.vessel-particulars dd{color:#355467;margin:2px 0 0;font-size:9px;font-weight:800}.vessel-card-actions{border-top:1px solid #e7edef;align-items:center;gap:13px;margin-top:12px;padding-top:11px;display:flex}.vessel-card-actions a{color:#6a7f8d;align-items:center;gap:4px;font-size:8px;font-weight:700;display:flex}.vessel-card-actions a:first-child{color:#1581a5;margin-right:auto;font-size:9px}.vessel-card-actions svg{width:13px}.vessel-registry-table{overflow:hidden}.vessel-table-readiness{min-width:90px}.vessel-table-readiness span{color:#345669;font-size:9px;font-weight:800}.vessel-table-readiness i{width:85px;height:5px}.vessel-risk{color:#38816d;white-space:nowrap;background:#edf6f3;border-radius:99px;padding:5px 8px;font-size:8px}.vessel-risk.danger{color:#b95349;background:#faecea}.vessel-registry-empty{color:#82a0af;text-align:center;background:#fff;border:1px dashed #ccdce4;border-radius:16px;flex-direction:column;align-items:center;padding:58px 24px;display:flex}.vessel-registry-empty>svg{width:42px}.vessel-registry-empty h3{color:#2f4e61;margin:11px 0 2px}.vessel-registry-empty p{margin:0 0 15px;font-size:10px}.vessel-registry-pagination{color:#768994;background:#fff;border:1px solid #e0e8ec;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 14px;font-size:9px;display:flex}.vessel-registry-pagination>div{gap:6px;display:flex}.vessel-registry-pagination button{color:#4d6878;background:#fff;border:1px solid #dce5ea;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.vessel-registry-pagination button:disabled{opacity:.4}.vessel-registry-pagination svg{width:13px}@media (max-width:1220px){.vessel-registry-hero{grid-template-columns:1fr}.vessel-registry-score{max-width:520px}.vessel-registry-metrics{grid-template-columns:repeat(3,1fr)}.vessel-registry-controls{flex-wrap:wrap}.vessel-search{flex-basis:100%}.vessel-registry-grid{grid-template-columns:1fr}}@media (max-width:700px){.vessel-registry-hero{padding:27px 20px}.vessel-registry-hero h2{font-size:31px}.vessel-hero-links{flex-direction:column;align-items:stretch}.vessel-registry-score{grid-template-columns:125px 1fr}.vessel-score-ring{height:125px}.vessel-registry-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.vessel-registry-metrics button{grid-template-columns:36px 1fr;min-height:84px;padding:10px}.vessel-registry-metrics button>span{width:36px;height:36px}.vessel-registry-metrics button>svg,.vessel-registry-metrics p{display:none}.vessel-registry-controls label{flex:1;min-width:calc(50% - 4px)}.vessel-registry-controls select{width:100%;max-width:none}.vessel-view-switch{margin-left:auto}.vessel-registry-card{grid-template-columns:1fr}.vessel-registry-card>header{min-height:105px}.vessel-registry-card>header>small{margin-top:4px}.vessel-registry-card>header>svg{width:37px;height:37px}.vessel-card-kpis{grid-template-columns:repeat(2,1fr)}.vessel-card-actions{flex-wrap:wrap}.vessel-card-actions a:first-child{width:100%;margin-right:0}.vessel-registry-pagination{flex-direction:column;align-items:stretch;gap:9px}.vessel-registry-pagination>div{grid-template-columns:1fr 1fr;display:grid}.vessel-registry-pagination button{justify-content:center}}@media (max-width:390px){.content{padding-inline:10px}.page-header h1{font-size:24px}.dashboard-hero{padding:24px 18px}.dashboard-hero h1{font-size:30px}.record-grid,.equipment-overview dl{grid-template-columns:1fr}.top-actions{gap:5px}.icon-button{width:37px;height:37px}.breadcrumb strong{max-width:95px}.primary,.secondary{padding-inline:13px}.fleet-summary{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-guide{background:linear-gradient(135deg,#f8fcfd,#f3f9fb);border:1px solid #dbe8ed;border-radius:13px;margin:-10px 0 25px;overflow:hidden;box-shadow:0 2px 8px #12314508}.page-guide summary{cursor:pointer;color:#476174;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 15px;font-size:11px;list-style:none;display:flex}.page-guide summary::-webkit-details-marker{display:none}.page-guide summary>span{align-items:center;gap:7px;display:flex}.page-guide summary svg{color:#0782aa;flex:none;width:17px}.page-guide summary strong{color:#6c7f8d;font-weight:500}.page-guide summary>svg{transition:transform .18s}.page-guide[open] summary>svg{transform:rotate(180deg)}.page-guide-steps{background:#dfe9ee;border-top:1px solid #dfe9ee;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.page-guide-steps>span{color:#526879;background:#fff;align-items:center;gap:9px;min-height:62px;padding:13px 15px;font-size:11px;display:flex}.page-guide-steps svg{color:#2b91b0;width:18px}.page-guide-steps b{color:#087da8;background:#e6f4f8;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.command-layer{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b2b9c;justify-content:center;align-items:flex-start;padding:11vh 18px 18px;display:flex;position:fixed;inset:0}.command-palette{background:#fff;border:1px solid #ffffff25;border-radius:20px;flex-direction:column;width:min(620px,100%);max-height:min(680px,78vh);animation:.18s modal-in;display:flex;overflow:hidden;box-shadow:0 35px 100px #06152166}.command-palette>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:66px;padding:0 17px;display:flex}.command-palette>header>svg{color:#1684a8}.command-palette input{height:100%;color:var(--navy);background:0 0;border:0;outline:0;flex:1;font-size:16px}.command-palette header button{color:#627687;background:#eef3f5;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.command-palette header button svg{width:17px}.command-palette>p{color:#82909b;text-transform:uppercase;letter-spacing:1.2px;margin:0;padding:13px 18px 8px;font-size:9px;font-weight:800}.command-results{padding:4px 10px 13px;overflow:auto}.command-results>a{color:#40586b;border-radius:10px;justify-content:space-between;align-items:center;min-height:49px;padding:8px 10px;display:flex}.command-results>a:hover{color:#087ca6;background:#edf7fa}.command-results>a>span{align-items:center;gap:11px;display:flex}.command-results>a span>svg{color:#4f8399;width:19px}.command-results>a>svg{color:#96a5af;width:16px}.command-results b{font-size:12px}.command-empty{text-align:center;color:var(--muted);padding:35px 20px}.command-palette>footer{border-top:1px solid var(--line);color:#82919c;background:#f8fafb;align-items:center;gap:18px;min-height:45px;margin-top:auto;padding:10px 16px;font-size:9px;display:flex}.command-palette footer span{align-items:center;gap:4px;display:flex}.command-palette kbd{background:#fff;border:1px solid #d8e2e7;border-radius:5px;padding:2px 5px}.modal label,.settings-form label,.simple-card label,.auth-form label,.completion-form label,.custom-fields-editor label{color:#334e62;font-size:11px;line-height:1.35}:is(.modal label:has(input:required),.modal label:has(select:required),.settings-form label:has(input:required)){font-weight:800}:is(.modal label:has(input:required)>input,.modal label:has(select:required)>select,.settings-form label:has(input:required)>input){border-left:3px solid #2696b9!important}.form-group-title{align-items:center;gap:8px;font-weight:800;display:flex}.form-group-title:before{content:"";background:#28a2c3;border-radius:50%;width:6px;height:6px}.pagination button,.row-action,.danger,.fleet-title-actions button,.certificate-type-card footer button,.resume-list button{border-radius:9px;min-width:36px;min-height:36px}.primary:disabled,.secondary:disabled,button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.55}.inline-empty{text-align:center;background:#f8fbfc;border:1px dashed #cedde4;border-radius:11px;color:#758793!important;padding:18px!important}.empty h3,.vessel-empty h3,.planning-empty h3{font-size:17px}.empty p,.vessel-empty p,.planning-empty p{max-width:460px;margin-inline:auto;line-height:1.65}.table-panel>.pagination{background:#fafcfd;border-top:1px solid #edf2f5}.table-tools select,.filter-select select{min-height:40px}.save-bar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #dce6eb;border-radius:13px;padding:12px 14px;position:sticky;bottom:12px;box-shadow:0 10px 30px #102c4018}@media (max-width:900px){.page-guide-steps{grid-template-columns:1fr}.page-guide-steps>span{min-height:50px}.command-layer{padding-top:8vh}}@media (max-width:640px){.page-guide{margin-top:-6px;margin-bottom:18px}.page-guide summary{align-items:flex-start}.page-guide summary>span{flex-wrap:wrap;align-items:flex-start}.page-guide summary strong{width:100%;margin-top:-5px;padding-left:24px;line-height:1.5}.page-guide-steps>span{padding:11px 13px}.command-layer{align-items:end;padding:0}.command-palette{border-radius:22px 22px 0 0;max-height:88dvh}.command-palette>header{height:62px}.table-scroll:after{content:"Swipe sideways to see all columns →";color:#527384;text-align:center;background:#eef7fa;width:100%;padding:8px 14px;font-size:9px;display:block;position:sticky;left:0}.save-bar{flex-direction:column;align-items:stretch;gap:8px;bottom:8px}.save-bar .primary{width:100%}}.metric-card{min-height:132px;color:inherit;background:linear-gradient(145deg,#fff,#fbfdfe);grid-template-columns:auto 1fr auto;align-items:center;display:grid;padding:22px!important}.metric-card:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:100px;height:100px;position:absolute;top:-48px;right:-44px}.metric-card.metric-blue{color:#087da8}.metric-card.metric-green{color:#168565}.metric-card.metric-violet{color:#7557a7}.metric-card.metric-amber{color:#bb7415}.metric-card>div{align-self:center}.metric-card>div>span{color:#607486;font-weight:700}.metric-card>div>strong{color:#102a40;font-size:31px;line-height:1.05}.metric-card>div>small{color:#8a99a4;margin-top:7px;font-size:9px;display:block}.metric-card>i{color:#91a3ae;background:#fff;border:1px solid #dce7ec;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.metric-card>i svg{width:16px}.metric-card:hover>i{color:#fff;background:currentColor;border-color:#0000;transform:translate(2px)}.quick-actions{box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fff,#f8fbfc);border:1px solid #e2ebef;border-radius:17px;margin:20px 0;padding:20px}.quick-actions-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.quick-actions-heading .eyebrow{margin:0}.quick-actions-heading h2{color:var(--navy);margin:0;font-size:16px}.quick-actions>div:last-child{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.quick-actions a{color:#52697b;background:#fff;border:1px solid #e3ebef;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:78px;padding:13px;display:grid}.quick-actions a:hover{background:#f4fbfd;border-color:#a9d2df;transform:translateY(-2px);box-shadow:0 8px 18px #0b668810}.quick-actions a>span{color:#087da8;background:#e7f4f8;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.quick-actions a>span svg{width:18px}.quick-actions a p{flex-direction:column;min-width:0;margin:0;display:flex}.quick-actions a strong{color:#243f53;font-size:11px}.quick-actions a small{color:#8998a3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.quick-actions a>svg{color:#9aabb4;width:14px}.dashboard-grid>.panel{position:relative;overflow:hidden}.dashboard-grid>.panel:before{content:"";background:linear-gradient(90deg,#1594b9,#57c0d7);height:3px;position:absolute;top:0;left:0;right:0}.setup-list>div{border-radius:7px;height:41px;padding:0 5px}.setup-list>div:hover{background:#f5f9fa}.security-score{background:linear-gradient(135deg,#edf9f5,#f7fcfa);border:1px solid #d9eee6;border-radius:13px}.fleet-summary>div,.crew-metrics>div,.certificate-metrics>div,.sea-metrics>div,.assignment-metrics>div,.planning-metrics>div{background:linear-gradient(145deg,#fff,#fbfdfe);min-height:102px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;padding:18px!important}.fleet-summary>div:after,.crew-metrics>div:after,.certificate-metrics>div:after,.sea-metrics>div:after,.assignment-metrics>div:after,.planning-metrics>div:after{content:"";background:#1695bb0d;border-radius:50%;width:68px;height:68px;position:absolute;bottom:-32px;right:-28px}.fleet-summary>div:hover,.crew-metrics>div:hover,.certificate-metrics>div:hover,.sea-metrics>div:hover,.assignment-metrics>div:hover,.planning-metrics>div:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.fleet-summary>div>span,.crew-metrics>div>span,.certificate-metrics>div>span,.sea-metrics>div>span,.assignment-metrics>div>span,.planning-metrics>div>span{background:linear-gradient(145deg,#e4f3f7,#eff9fb)!important;border-radius:13px!important;width:44px!important;height:44px!important}.fleet-summary strong,.crew-metrics strong,.certificate-metrics strong,.sea-metrics strong,.assignment-metrics strong,.planning-metrics strong{letter-spacing:-.7px;font-size:24px!important}.fleet-toolbar,.table-tools,.crew-filters,.certificate-filters,.sea-filters,.assignment-filters{background:#fff;border:1px solid #e1e9ed;border-radius:14px;box-shadow:0 3px 12px #102c4008;padding:14px!important}.fleet-toolbar{margin-bottom:14px}.table-panel .table-tools,.table-panel .crew-filters,.table-panel .certificate-filters,.table-panel .sea-filters,.table-panel .assignment-filters{box-shadow:none;background:linear-gradient(#fff,#fbfdfe);border:0;border-bottom:1px solid #e7eef1;border-radius:0}.table-panel{background:#fff;border:1px solid #e1eaee!important}.table-panel table{border-collapse:separate;border-spacing:0}.table-panel thead{background:#f4f8fa}.table-panel th{color:#6e8190;background:#f5f9fa;border-top:1px solid #eef3f5;border-bottom:1px solid #e5edf1;height:46px;padding-block:0}.table-panel tbody td{background:#fff;height:63px}.table-panel tbody tr:nth-child(2n) td{background:#fcfdfd}.table-panel tbody tr:hover td{background:#f1f9fb}.table-panel tbody tr td:first-child{position:relative}.table-panel tbody tr:hover td:first-child:before{content:"";background:#1594b7;border-radius:0 5px 5px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.table-panel tbody strong{color:#243e52}.row-arrow,.row-action,.row-actions button,.fleet-title-actions button,.certificate-type-card footer button{place-items:center;display:grid;color:#708493!important;background:#fff!important;border:1px solid #e0e8ec!important}.row-arrow:hover,.row-action:hover,.row-actions button:hover,.fleet-title-actions button:hover,.certificate-type-card footer button:hover{color:#087da8!important;background:#eaf7fa!important;border-color:#99c8d7!important}.pagination{min-height:55px}.pagination button{margin-left:4px;border-radius:8px!important}.pagination button.current{background:linear-gradient(145deg,#1593b7,#087da8);border-color:#087da8}.panel-heading,.section-title,.module-heading,.form-section-title,.planning-panel-head,.planning-title{position:relative}.section-title h2,.planning-title h2,.planning-panel-head h2{letter-spacing:-.25px}.section-title:after,.module-heading:after,.form-section-title:after{content:"";background:#1a9bbc;border-radius:2px;width:42px;height:2px;position:absolute;bottom:-1px;left:0}.role-card,.certificate-type-card,.vacancy-grid article,.planning-card-list article,.movement-list article,.calendar-events article,.experience-entry,.profile-certificates>div,.profile-assignments>div,.resume-list>div,.document-cards>div{transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)!important;background:linear-gradient(145deg,#fff,#fbfdfe)!important;border:1px solid #e1eaee!important;border-radius:15px!important}.role-card:before,.certificate-type-card:before,.vacancy-grid article:before{content:"";background:linear-gradient(#1ca4c5,#087da8);width:3px;position:absolute;inset:0 auto 0 0}.role-card:hover,.certificate-type-card:hover,.vacancy-grid article:hover,.planning-card-list article:hover,.movement-list article:hover,.calendar-events article:hover,.experience-entry:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:#c6dfe8!important}.role-top>span,.certificate-type-card>span,.module-heading>span,.form-section-title>span{background:linear-gradient(145deg,#ddf0f5,#eff9fb)!important;border-radius:13px!important}.permission-preview code{background:#f7fafb;border:1px solid #e1eaee;border-radius:7px}.permission-groups>.panel{overflow:hidden}.permission-list>div{border-radius:8px;margin:0 -8px;padding:13px 8px}.permission-list>div:hover{background:#f5fafb}.planning-card-list article,.calendar-events article{padding:15px!important}.movement-list article{padding:13px!important}.vacancy-grid article{padding:18px!important}.experience-timeline:before{background:linear-gradient(#42acc8,#d8e8ed)}.experience-entry>span{box-shadow:0 0 0 5px #f1f8fa}.record-grid>div{position:relative}.record-grid>div:after{content:"";opacity:.35;background:linear-gradient(90deg,#1596b8,#0000);height:2px;position:absolute;bottom:0;left:16px;right:16px}.detail-section{background:linear-gradient(#fff,#fcfdfd)}.document-row:hover{background:#f7fbfc}.workflow-strip>div,.matrix-totals>span,.crew-preview-totals>div{background:linear-gradient(145deg,#f5f9fa,#fff);border-radius:11px}.modal{border:1px solid #ffffff80}.modal:before{content:"";background:linear-gradient(90deg,#0b789f,#28afd0,#57cdb6);height:5px;position:absolute;top:0;left:0;right:0}.modal h2{letter-spacing:-.65px;font-size:23px}.modal>p{line-height:1.6}.form-group-title{color:#306078;background:#f2f8fa;border:0;border-radius:9px;margin-top:25px;padding:9px 11px}.modal-actions{box-shadow:0 -10px 22px #fff}.status{border:1px solid;box-shadow:inset 0 0 0 1px #ffffff7d}.status i{transform:scale(.55);box-shadow:0 0 0 3px}.vessel-hero,.crew-hero{position:relative;overflow:hidden}.vessel-hero:after,.crew-hero:after{content:"";pointer-events:none;border:1px solid #0e91b414;border-radius:50%;width:230px;height:230px;position:absolute;top:-125px;right:-100px;box-shadow:0 0 0 34px #0e91b407,0 0 0 68px #0e91b404}.empty,.vessel-empty,.planning-empty,.fleet-empty{background:radial-gradient(circle at 50% 0,#edf8fa 0,#0000 46%)}@media (max-width:1250px){.quick-actions>div:last-child{grid-template-columns:repeat(3,1fr)}.quick-actions a:last-child{grid-column:span 2}}@media (max-width:800px){.quick-actions>div:last-child{grid-template-columns:1fr 1fr}.quick-actions a:last-child{grid-column:auto}.metric-card{min-height:116px}.table-panel tbody td{height:58px}}@media (max-width:520px){.metric-card{min-height:108px;padding:17px!important}.metric-card>div>strong{font-size:28px}.quick-actions{margin-top:14px;padding:15px}.quick-actions-heading{flex-direction:column;align-items:flex-start;gap:2px}.quick-actions>div:last-child{grid-template-columns:1fr}.quick-actions a{min-height:68px}.fleet-summary>div,.crew-metrics>div,.certificate-metrics>div,.sea-metrics>div,.assignment-metrics>div,.planning-metrics>div{min-height:88px}.role-card,.certificate-type-card,.vacancy-grid article{border-radius:13px!important}.modal h2{font-size:21px}}.document-preview-card{text-align:left;background:linear-gradient(145deg,#fff,#f7fafc);border:1px solid #dce8ee;border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:250px;padding:9px;display:grid;box-shadow:0 5px 16px #122f440f}.document-thumbnail{color:#2d7796;width:72px;height:58px;box-shadow:none;cursor:pointer;background:#edf5f8;border:1px solid #d7e5ec;border-radius:10px;padding:0;position:relative;overflow:hidden}.document-thumbnail:hover{border-color:#69adca;transform:none;box-shadow:0 0 0 3px #3592b91f}.document-thumbnail:disabled{cursor:default;opacity:1}.document-thumbnail img,.document-thumbnail iframe{object-fit:cover;pointer-events:none;background:#fff;border:0;width:100%;height:100%;display:block}.document-thumbnail svg{width:25px;height:25px}.document-thumbnail.pdf{color:#bf4d35;background:linear-gradient(145deg,#fff2ed,#fce5de)}.document-thumbnail.file{color:#4669a7;background:linear-gradient(145deg,#eff4ff,#e6edfb)}.document-thumbnail>span{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1e2dc7;border-radius:5px;padding:3px 4px;font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:4px;left:4px;right:4px}.document-preview-info{flex-direction:column;gap:4px;min-width:0;display:flex}.document-preview-info strong{color:#183044;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-preview-info small{color:#728493;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.document-preview-actions{gap:5px;display:flex}.document-preview-actions button{color:#4c6879;width:30px;height:30px;box-shadow:none;background:#fff;border:1px solid #dce7ed;border-radius:8px;place-items:center;padding:0;display:grid}.document-preview-actions button:hover{color:#147ca3;background:#f1f9fc;border-color:#9ac9dc;transform:translateY(-1px)}.document-preview-actions button:disabled{opacity:.4;transform:none}.document-preview-actions svg{width:14px;height:14px}.preview-spinner{animation:1s linear infinite document-spin}@keyframes document-spin{to{transform:rotate(360deg)}}.selected-file-preview{background:#f2fafc;border:1px dashed #80bad0;border-radius:14px;grid-column:1/-1;margin-top:-2px;padding:10px}.selected-file-preview:before{content:"Preview before upload";color:#327794;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:800;display:block}.selected-file-preview .document-preview-card{max-width:430px}.document-viewer-layer{z-index:1200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#05121ebd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.document-viewer{background:#f1f5f7;border:1px solid #fff3;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(1040px,96vw);height:min(860px,94vh);display:grid;overflow:hidden;box-shadow:0 28px 90px #0006}.document-viewer>header{background:#fff;border-bottom:1px solid #dbe6eb;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.document-viewer>header>div{align-items:center;gap:10px;min-width:0;display:flex}.document-viewer>header>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.document-viewer>header span{color:#3682a1;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.document-viewer>header strong{color:#152c3e;text-overflow:ellipsis;white-space:nowrap;max-width:58vw;font-size:14px;overflow:hidden}.document-viewer>header button{color:#345467;background:#fff;border:1px solid #d7e3e9;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.document-viewer>header button svg{width:15px}.document-viewer>header .viewer-close{justify-content:center;width:38px;padding:0}.document-viewer-body{background:radial-gradient(circle at top,#e8eff3,#dce5ea);place-items:center;min-height:0;padding:16px;display:grid;overflow:auto}.document-viewer-body>iframe{background:#fff;border:0;border-radius:8px;width:100%;height:100%;box-shadow:0 7px 30px #0d26361f}.document-viewer-body>img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 7px 30px #0d26362e}.document-no-preview{text-align:center;background:#fff;border:1px solid #d8e4e9;border-radius:18px;max-width:430px;padding:45px}.document-no-preview>svg{color:#4d93af;width:48px;height:48px}.document-no-preview h3{color:#173044;margin:14px 0 7px}.document-no-preview p{color:#718492;margin:0 0 20px}:is(.certificate-table td:has(.document-preview-card),.sea-table td:has(.document-preview-card)){min-width:285px}.profile-certificates>div:has(.document-preview-card){grid-template-columns:auto minmax(130px,1fr) auto;align-items:start}.profile-certificates .document-preview-card{grid-column:1/-1;width:100%;margin-top:5px}.experience-entry:has(.document-preview-card){grid-template-columns:auto minmax(0,1fr) auto}.experience-entry .document-preview-card{grid-column:2/-1;width:min(100%,430px);margin-top:5px}.resume-list>.document-preview-card,.detail-section>.document-preview-card,.equipment-detail>.document-preview-card{width:min(100%,560px);margin-top:9px}.custom-file-control .document-preview-card{flex:310px}@media (max-width:700px){.document-viewer-layer{padding:0}.document-viewer{border:0;border-radius:0;width:100vw;height:100dvh}.document-viewer>header{padding:11px 12px}.document-viewer>header>div:last-child button:first-child{justify-content:center;width:38px;padding:0;font-size:0}.document-viewer>header strong{max-width:48vw}.document-viewer-body{padding:8px}.document-preview-card{grid-template-columns:64px minmax(0,1fr) auto;min-width:235px}.document-thumbnail{width:64px;height:54px}}.command-hero{color:#fff;background:radial-gradient(circle at 90% 0,#2dbbd638,#0000 28%),linear-gradient(125deg,#071c2e,#0c3f5a 55%,#087f9f);border-radius:24px;grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr);align-items:center;gap:35px;min-height:310px;margin-bottom:24px;padding:44px 48px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #0a314529}.command-hero:after{content:"";border:1px solid #ffffff13;border-radius:50%;width:410px;height:410px;position:absolute;bottom:-160px;right:-90px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.command-hero>div{z-index:1;position:relative}.command-hero h1{letter-spacing:-2.5px;max-width:720px;margin:17px 0 13px;font-size:clamp(36px,4.4vw,60px);line-height:1}.command-hero p{color:#c4dae4;max-width:720px;margin:0;font-size:14px;line-height:1.7}.hero-refresh{color:#d9f4f8;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.hero-refresh svg{width:15px}.command-health{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score-card,.live-clock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071f30a3;border:1px solid #ffffff20;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:132px;padding:17px;display:flex}.score-card>span,.live-clock small{color:#b8d3de;font-size:9px}.score-ring{--score:0%;background:radial-gradient(circle,#092b3f 57%,transparent 59%),conic-gradient(#5bd5b0 var(--score),#ffffff17 0);border-radius:50%;place-items:center;width:74px;height:74px;display:grid}.score-ring strong{font-size:21px}.score-ring strong:after{content:"%";color:#8fd8c7;font-size:9px}.live-clock{grid-column:1/-1;align-items:flex-start;min-height:82px;padding-inline:22px}.live-clock span{color:#76e2b8;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.live-clock i,.map-status i{background:#55d9a7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55d9a71c}.live-clock strong{font-size:24px}.command-metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.command-metric{min-height:125px;box-shadow:var(--shadow-sm);color:#426075;background:linear-gradient(145deg,#fff,#f8fbfc);border:1px solid #e0eaee;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:19px;display:grid;position:relative;overflow:hidden}.command-metric:before{content:"";background:currentColor;width:3px;position:absolute;inset:0 auto 0 0}.command-metric.blue{color:#1487ae}.command-metric.green{color:#25866c}.command-metric.violet{color:#7659a9}.command-metric.amber{color:#bd7417}.command-metric>span{background:currentColor;border-radius:14px;place-items:center;width:47px;height:47px;display:grid}.command-metric>span svg{color:#fff;width:22px}.command-metric>div{flex-direction:column;min-width:0;display:flex}.command-metric small{color:#718492;font-size:9px;font-weight:700}.command-metric strong{color:#122b3e;margin:3px 0;font-size:29px}.command-metric p{color:#8797a2;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.command-metric>svg{color:#9badb6;width:16px}.command-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.attention-strip{background:#e2ebef;border:1px solid #e0e9ed;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.attention-strip>div{background:#fff;align-items:center;gap:12px;min-height:76px;padding:15px 18px;display:flex}.attention-strip>div>svg{color:#d18425;width:21px}.attention-strip span{flex-direction:column;gap:4px;display:flex}.attention-strip strong{color:#273f51;font-size:11px}.attention-strip small{color:#83939f;font-size:9px}.command-section{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e0e9ed;border-radius:19px;margin:0 0 24px;padding:22px}.command-section-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;display:flex}.command-section-heading h2{color:#142e42;letter-spacing:-.7px;margin:5px 0 4px;font-size:23px}.command-section-heading p{color:#7a8d9b;margin:0;font-size:11px}.auto-refresh{color:#79909e;align-items:center;gap:7px;font-size:9px;display:flex}.auto-refresh svg{width:13px}.tracking-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:14px;display:grid}.world-map{background:#09283d;border-radius:18px;min-height:420px;position:relative;overflow:hidden}.world-map>svg{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.map-land{fill:#2a7181;stroke:#7ec3cf;stroke-width:1.2px;opacity:.68}.map-routes{fill:none;stroke:#70d2df;stroke-width:1.5px;stroke-dasharray:7 9;opacity:.24}.vessel-marker{z-index:3;color:#fff;background:#29c394;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;box-shadow:0 0 0 6px #30d2a22e,0 8px 17px #00192380}.vessel-marker svg{width:16px}.vessel-marker.recent{background:#e4a434}.vessel-marker.stale{background:#e06555}.map-status{color:#d9eef3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061c2bbd;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:13px;padding:10px 12px;font-size:9px;display:flex;position:absolute;top:16px;left:16px}.map-status span{align-items:center;gap:7px;display:flex}.map-status strong{color:#77dfbd}.map-empty{color:#d8edf2;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071e2dbc;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:7px;width:min(360px,75%);padding:23px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-empty svg{color:#68c8da;width:31px}.map-empty strong{font-size:13px}.map-empty span{color:#9fc0cc;font-size:9px;line-height:1.55}.tracking-list{background:#fbfcfd;border:1px solid #e0e8ec;border-radius:17px;height:420px;overflow:auto}.tracking-list>header{z-index:2;color:#708492;background:#f7fafb;border-bottom:1px solid #e5ecef;justify-content:space-between;align-items:center;padding:13px 15px;font-size:9px;display:flex;position:sticky;top:0}.tracking-list>header strong{color:#1885a7}.tracking-list article{border-bottom:1px solid #e9eff2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.tracking-dot{color:#1e9472;background:#dff5ed;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.tracking-dot.offline{color:#8d9ca5;background:#eef2f4}.tracking-dot.recent{color:#b97819;background:#fff2d9}.tracking-dot.stale{color:#c15544;background:#fde7e3}.tracking-dot svg{width:18px}.tracking-list article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.tracking-list article strong{color:#203b4f;font-size:11px}.tracking-list article small{color:#8797a2;margin-top:2px;font-size:8px}.tracking-list article p{color:#607787;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:8px;overflow:hidden}.tracking-vitals{text-align:right;align-items:flex-end!important}.tracking-vitals b{color:#2c596d;font-size:10px}.calendar-toolbar{background:#f8fafb;border:1px solid #e1eaee;border-radius:13px;align-items:center;gap:13px;min-height:52px;padding:7px 9px;display:flex}.calendar-toolbar>div:first-child{align-items:center;gap:10px;display:flex}.calendar-toolbar button{color:#567080;background:#fff;border:1px solid #dce6eb;border-radius:8px;min-width:34px;height:34px;padding:0 10px}.calendar-toolbar svg{width:15px}.calendar-toolbar strong{text-align:center;color:#203d51;min-width:145px}.calendar-legend{gap:12px;margin-left:auto;display:flex}.calendar-legend span{color:#667b89;align-items:center;gap:5px;font-size:8px;display:flex}.calendar-legend span:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.calendar-legend .success{color:#27866a}.calendar-legend .warning{color:#c78224}.calendar-legend .danger{color:#c05248}.calendar-legend .info{color:#2785aa}.calendar-layout{grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:13px;display:grid}.month-calendar{border:1px solid #e0e8ec;border-radius:15px;overflow:hidden}.weekday-row,.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row{background:#f1f6f8}.weekday-row span{color:#6e8290;text-align:center;text-transform:uppercase;padding:10px;font-size:8px;font-weight:800}.month-grid>button{color:#2e4a5d;text-align:left;min-height:105px;box-shadow:none;background:#fff;border:1px solid #e7edef;border-top:0;border-left:0;border-radius:0;padding:8px;position:relative}.month-grid>button:nth-child(7n){border-right:0}.month-grid>button:hover{z-index:1;background:#f6fbfc;box-shadow:inset 0 0 0 2px #abd5e1}.month-grid>button.outside{color:#aab6bd;background:#fafbfc}.month-grid>button.selected{z-index:1;background:#edf8fb;box-shadow:inset 0 0 0 2px #3aa2c0}.month-grid>button.today>span{color:#fff;background:#137fa4;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.month-grid>button>span{font-size:10px;font-weight:800}.month-grid>button>div{flex-direction:column;gap:3px;min-width:0;margin-top:6px;display:flex}.month-grid i{color:#4e7182;text-overflow:ellipsis;white-space:nowrap;background:#edf5f7;border-radius:5px;padding:3px 5px;font-size:7px;font-style:normal;display:block;overflow:hidden}.month-grid i.success{color:#24785f;background:#e6f5ef}.month-grid i.warning{color:#9d641b;background:#fff2dc}.month-grid i.danger{color:#aa463b;background:#fde9e5}.month-grid i.info{color:#247a99;background:#e5f3f8}.month-grid small{color:#7a8d98;font-size:7px}.event-agenda{background:#f9fbfc;border:1px solid #e0e8ec;border-radius:15px;height:100%;min-height:690px;overflow:hidden}.event-agenda>header{color:#fff;background:linear-gradient(145deg,#0e3850,#147c99);border-bottom:1px solid #e0e8ec;padding:17px}.event-agenda>header span,.event-agenda>header small{color:#b8d6df;font-size:8px;display:block}.event-agenda>header strong{margin:4px 0;font-size:15px;display:block}.event-agenda>div{padding:10px}.event-agenda article{background:#fff;border:1px solid #e1e9ed;border-left:3px solid #3488a7;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;margin-bottom:8px;padding:11px;display:grid;position:relative}.event-agenda article.success{border-left-color:#318d70}.event-agenda article.warning{border-left-color:#d18b2c}.event-agenda article.danger{border-left-color:#c9574c}.event-agenda article>span{color:#3487a5;background:#edf5f8;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.event-agenda article>span svg{width:15px}.event-agenda article>div{flex-direction:column;min-width:0;display:flex}.event-agenda article small{color:#778c99;text-transform:uppercase;font-size:7px;font-weight:800}.event-agenda article strong,.event-agenda article a{color:#233f52;margin:2px 0;font-size:10px;font-weight:800}.event-agenda article p{color:#6f8390;margin:1px 0;font-size:8px;line-height:1.45}.event-agenda article em{color:#2790af;font-size:7px;font-style:normal}.event-agenda article>button{color:#bd5d54;background:#f7efee;border:0;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;display:grid}.event-agenda article>button svg{width:13px}.agenda-empty{color:#80919c;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:250px;padding:30px;display:flex}.agenda-empty svg{color:#88b9c8;width:36px}.agenda-empty strong{color:#536d7d;font-size:11px}.agenda-empty span{font-size:9px;line-height:1.5}.company-operations-table{border:1px solid #e0e8ec;border-radius:14px;overflow:hidden}.company-row{border-bottom:1px solid #e8eef1;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(85px,.6fr)) minmax(100px,.7fr);align-items:center;gap:10px;min-height:58px;padding:9px 14px;display:grid}.company-row:last-child{border:0}.company-row.header{color:#728591;text-transform:uppercase;background:#f4f8fa;min-height:42px;font-size:8px;font-weight:800}.company-row>span:first-child{flex-direction:column;display:flex}.company-row b{color:#203c50;font-size:11px}.company-row small{color:#8797a2;margin-top:3px;font-size:8px}.company-row>strong{color:#405e70;font-size:13px}.company-row .risk-number{color:#c25449}.calendar-event-modal{width:min(670px,94vw)!important}@media (max-width:1200px){.command-hero{grid-template-columns:1fr;gap:24px}.command-health{grid-template-columns:repeat(3,1fr)}.live-clock{grid-column:auto;min-height:132px}.tracking-layout{grid-template-columns:1fr}.tracking-list{height:auto;max-height:380px}.calendar-layout{grid-template-columns:1fr}.event-agenda{min-height:260px}.command-metrics{grid-template-columns:1fr 1fr}}@media (max-width:760px){.command-hero{border-radius:19px;padding:29px 22px}.command-hero h1{letter-spacing:-1.7px;font-size:36px}.command-health{grid-template-columns:1fr 1fr}.live-clock{grid-column:1/-1;min-height:78px}.command-metrics,.attention-strip{grid-template-columns:1fr}.command-metric{min-height:105px}.command-section{padding:14px}.command-section-heading{flex-direction:column;align-items:stretch}.command-section-heading .primary{width:100%}.world-map,.world-map>svg{min-height:330px}.calendar-toolbar{flex-wrap:wrap;align-items:stretch}.calendar-toolbar>div:first-child{justify-content:space-between;width:100%}.calendar-legend{justify-content:space-between;width:100%;margin:0}.month-calendar{overflow-x:auto}.weekday-row,.month-grid{min-width:720px}.month-grid>button{min-height:90px}.company-operations-table{overflow-x:auto}.company-row{min-width:760px}}@media (max-width:430px){.command-hero{padding:25px 18px}.command-hero h1{font-size:31px}.command-health{grid-template-columns:1fr}.live-clock{grid-column:auto}.command-metric{grid-template-columns:auto minmax(0,1fr)}.command-metric>svg{display:none}.world-map,.world-map>svg{min-height:285px}.map-empty{width:82%}}.fleet-command-hero{color:#fff;background:radial-gradient(circle at 92% 12%,#53d0db35,#0000 25%),linear-gradient(120deg,#0a2135,#0d4b66 60%,#148aa4);border-radius:23px;grid-template-columns:minmax(0,1.45fr) minmax(360px,.65fr);align-items:center;gap:30px;min-height:285px;margin-bottom:26px;padding:38px 44px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0b334826}.fleet-command-hero:after{content:"";border:1px solid #ffffff13;border-radius:50%;width:460px;height:340px;position:absolute;bottom:-190px;right:-90px;box-shadow:0 0 0 38px #ffffff08,0 0 0 76px #ffffff05}.fleet-command-hero>div{z-index:1;position:relative}.fleet-command-hero h1{letter-spacing:-2.5px;max-width:700px;margin:17px 0 12px;font-size:clamp(36px,4.4vw,58px);line-height:1}.fleet-command-hero>div:first-child>p{color:#c4dae4;max-width:680px;margin:0;font-size:13px;line-height:1.7}.fleet-hero-health{grid-template-columns:150px 1fr;gap:12px;display:grid}.fleet-readiness-ring{--fleet-score:0%;background:radial-gradient(circle at center,#0a3146 45%,transparent 46%),conic-gradient(#62d4ad var(--fleet-score),#ffffff13 0);color:#fff;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:16px;display:flex;box-shadow:inset 0 0 0 15px #08283b}.fleet-readiness-ring strong{font-size:25px}.fleet-readiness-ring span{color:#acd0da;text-align:center;max-width:80px;margin-top:7px;font-size:8px}.fleet-hero-health>div:last-child{gap:7px;display:grid}.fleet-hero-health>div:last-child>span{background:#092a3da8;border:1px solid #ffffff1b;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-height:52px;padding:9px 12px;display:grid}.fleet-hero-health svg{color:#73cad9;grid-row:1/3;width:19px}.fleet-hero-health b{font-size:14px}.fleet-hero-health small{color:#a9c7d1;font-size:8px}.fleet-operations-summary{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.fleet-operations-summary article{min-height:105px;box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fff,#f9fbfc);border:1px solid #e0e9ed;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.fleet-operations-summary article>span{color:#1782a7;background:#e5f3f7;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.fleet-operations-summary article.green>span{color:#277e66;background:#e4f5ee}.fleet-operations-summary article.violet>span{color:#7659a6;background:#eee9f8}.fleet-operations-summary article.red>span{color:#c25549;background:#fae9e6}.fleet-operations-summary article.amber>span{color:#b97519;background:#fff1dc}.fleet-operations-summary svg{width:20px}.fleet-operations-summary article>div{flex-direction:column;display:flex}.fleet-operations-summary small{color:#728592;font-size:8px;font-weight:800}.fleet-operations-summary strong{color:#183246;margin:2px 0;font-size:25px}.fleet-operations-summary p{color:#8797a2;margin:0;font-size:8px}.fleet-control-bar{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e0e8ec;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:flex}.fleet-filter-tabs{gap:4px;display:flex}.fleet-filter-tabs button{color:#6b808e;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.fleet-filter-tabs button.active{color:#117fa4;background:#e8f5f8}.fleet-filter-tabs button span{color:#fff;background:#df725e;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;display:grid}.fleet-control-tools{align-items:center;gap:7px;display:flex}.fleet-control-tools .search-field{width:260px}.fleet-sort{background:#fff;border:1px solid #dce6eb;border-radius:9px;align-items:center;height:40px;padding:0 6px 0 10px;display:flex}.fleet-sort svg{color:#7c8e99;width:15px}.fleet-sort select{color:#5b7180;background:0 0;border:0;outline:0;height:100%;font-size:9px}.view-switch{background:#f4f7f8;border:1px solid #dce5ea;border-radius:9px;padding:3px;display:flex}.view-switch button{color:#82929c;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid}.view-switch button.active{color:#1380a4;background:#fff;box-shadow:0 2px 6px #173b5017}.view-switch svg{width:15px}.fleet-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.fleet-operation-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dfe8ec;border-radius:18px;grid-template-columns:112px minmax(0,1fr);transition:box-shadow .2s,transform .2s;display:grid;overflow:visible}.fleet-operation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fleet-operation-card>header{color:#d1eef4;background:linear-gradient(150deg,#123a54,#1082a2);border-radius:17px 0 0 17px;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative;overflow:hidden}.fleet-operation-card>header.tone-1{background:linear-gradient(150deg,#203f5c,#2a7487)}.fleet-operation-card>header.tone-2{background:linear-gradient(150deg,#333e60,#536e9f)}.fleet-operation-card>header.tone-3{background:linear-gradient(150deg,#134b4e,#31928a)}.fleet-operation-card>header:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-60px;left:-60px;box-shadow:0 0 0 22px #ffffff0a}.fleet-operation-card>header>span{color:#ffffff8a;font:700 9px monospace;position:absolute;top:12px;left:12px}.fleet-operation-card>header>svg{width:39px}.fleet-operation-card>header>div{text-align:center;margin-top:18px}.fleet-operation-card>header small{color:#acd2dd;letter-spacing:.12em;font-size:7px;display:block}.fleet-operation-card>header strong{font-size:19px}.fleet-operation-body{min-width:0;padding:19px}.fleet-operation-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fleet-operation-title h2{color:#173247;margin:2px 0 0;font-size:19px}.fleet-operation-title>div:last-child{align-items:center;gap:6px;display:flex;position:relative}.fleet-operation-title>div:last-child>button{color:#728691;background:#fff;border:1px solid #e0e8ec;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.fleet-operation-title svg{width:15px}.fleet-action-menu{z-index:10;background:#fff;border:1px solid #dfe7eb;border-radius:10px;width:176px;padding:5px;position:absolute;top:38px;right:0;box-shadow:0 14px 35px #132e4030}.fleet-action-menu button{color:#536b7a;text-align:left;background:#fff;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 9px;font-size:9px;display:flex}.fleet-action-menu button:hover{color:#087da8;background:#edf7fa}.fleet-action-menu button.danger{color:#b9544a}.fleet-operation-body>p{color:#718491;min-height:34px;margin:11px 0;font-size:10px;line-height:1.55}.fleet-manager-block{background:#f8fafb;border:1px solid #e3eaee;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.fleet-manager-block>span{color:#1683a6;background:#e3f2f6;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.fleet-manager-block svg{width:17px}.fleet-manager-block>div{flex-direction:column;min-width:0;display:flex}.fleet-manager-block small{color:#81919b;font-size:7px}.fleet-manager-block strong{color:#304d60;margin:2px 0;font-size:10px}.fleet-manager-block p{color:#8796a0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.fleet-manager-block>button{color:#1682a5;background:#fff;border:1px solid #c7dfe7;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700}.fleet-readiness{margin:14px 0}.fleet-readiness>div{color:#667c8a;justify-content:space-between;align-items:center;font-size:8px;display:flex}.fleet-readiness strong{color:#284b5e}.fleet-readiness>i,.table-readiness>i{background:#e7eef1;border-radius:99px;height:6px;margin-top:6px;display:block;overflow:hidden}.fleet-readiness>i b,.table-readiness>i b{background:linear-gradient(90deg,#1b93b1,#52c49d);border-radius:99px;height:100%;display:block}.fleet-operational-kpis{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fleet-operational-kpis>div{background:#fff;border:1px solid #e4ebee;border-radius:10px;align-items:center;gap:7px;min-height:53px;padding:8px;display:flex}.fleet-operational-kpis svg{color:#78909e;width:15px}.fleet-operational-kpis span{color:#82919b;flex-direction:column;font-size:7px;display:flex}.fleet-operational-kpis strong{color:#2a485a;font-size:13px}.fleet-operational-kpis .warn{background:#fffaf1;border-color:#f0ddba}.fleet-operational-kpis .warn svg,.fleet-operational-kpis .warn strong{color:#b77a22}.fleet-operational-kpis .danger{background:#fff7f5;border-color:#f0d2cd}.fleet-operational-kpis .danger svg,.fleet-operational-kpis .danger strong{color:#bd554a}.fleet-status-mix{color:#728693;flex-wrap:wrap;align-items:center;gap:12px;margin:11px 0 0;font-size:8px;display:flex}.fleet-status-mix span{align-items:center;gap:5px;display:flex}.fleet-status-mix i{background:#6bc3a4;border-radius:50%;width:7px;height:7px}.fleet-status-mix i.dock{background:#e0a345}.fleet-status-mix i.maintenance{background:#d76c5c}.fleet-status-mix svg{color:#2f94b2;width:11px}.fleet-card-actions{border-top:1px solid #e6edef;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;display:flex}.fleet-card-actions a,.fleet-card-actions button{color:#1681a5;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.fleet-card-actions button{color:#677e8c}.fleet-card-actions svg{width:14px}.fleet-vessel-quick-list{background:#f7fafb;border:1px solid #e1eaee;border-radius:13px;grid-column:1/-1;margin-top:14px;padding:10px;animation:.17s modal-in}.fleet-vessel-quick-list>header{justify-content:space-between;align-items:center;padding:2px 3px 9px;display:flex}.fleet-vessel-quick-list>header strong{color:#526b7a;font-size:9px}.fleet-vessel-quick-list>header a{color:#1682a5;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.fleet-vessel-quick-list>header svg{width:12px}.fleet-vessel-quick-list>a{color:#526b79;border-top:1px solid #e3eaed;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:8px;min-height:49px;padding:7px;display:grid}.fleet-vessel-quick-list>a:hover{background:#fff}.fleet-vessel-quick-list>a>span{color:#1783a6;background:#e4f2f6;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.fleet-vessel-quick-list>a>span svg{width:15px}.fleet-vessel-quick-list>a>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.fleet-vessel-quick-list>a strong{color:#2e4b5d;font-size:9px}.fleet-vessel-quick-list>a small{color:#84939d;font-size:7px}.fleet-vessel-quick-list>a>svg{width:13px}.quick-vessel-numbers{flex-direction:column;align-items:center;display:flex}.quick-vessel-numbers b{color:#405e70;font-size:9px}.quick-vessel-numbers small{font-size:6px!important}.fleet-risk-note{color:#c05d50;background:#fff8f6;border:1px solid #f0d9d3;border-radius:10px;align-items:center;gap:9px;margin-top:10px;padding:9px 10px;display:flex}.fleet-risk-note>svg{width:17px}.fleet-risk-note span{flex-direction:column;flex:1;display:flex}.fleet-risk-note strong{font-size:8px}.fleet-risk-note small{color:#94756f;font-size:7px}.fleet-risk-note a{color:#aa4d42;font-size:8px;font-weight:800}.fleet-operations-table .fleet-vessel-quick-list{margin:12px}.fleet-table-name{align-items:center;gap:9px;display:flex}.fleet-table-name>span{color:#1783a6;background:#e4f2f6;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.fleet-table-name svg{width:17px}.fleet-table-name>div{flex-direction:column;max-width:180px;display:flex}.fleet-table-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-readiness{min-width:90px}.table-readiness strong{font-size:10px}.table-readiness>i{width:85px;height:5px}.fleet-upgrade-modal{width:min(650px,94vw)!important}@media (max-width:1240px){.fleet-operations-summary{grid-template-columns:repeat(3,1fr)}.fleet-command-hero{grid-template-columns:1fr}.fleet-hero-health{max-width:530px}.fleet-operations-grid{grid-template-columns:1fr}.fleet-control-bar{flex-direction:column;align-items:stretch}.fleet-control-tools{justify-content:space-between}.fleet-control-tools .search-field{flex:1;width:auto}}@media (max-width:720px){.fleet-command-hero{border-radius:19px;padding:28px 22px}.fleet-command-hero h1{letter-spacing:-1.7px;font-size:35px}.fleet-hero-health{grid-template-columns:1fr}.fleet-readiness-ring{min-height:140px}.fleet-operations-summary{grid-template-columns:1fr 1fr}.fleet-filter-tabs{overflow-x:auto}.fleet-filter-tabs button{white-space:nowrap}.fleet-control-tools{flex-wrap:wrap;align-items:stretch}.fleet-control-tools .search-field{flex:100%;width:100%}.fleet-sort{flex:1}.fleet-sort select{width:100%}.fleet-operation-card{grid-template-columns:1fr}.fleet-operation-card>header{border-radius:17px 17px 0 0;min-height:105px}.fleet-operation-card>header>div{margin-top:5px}.fleet-operation-card>header:after{left:auto;right:-30px}.fleet-operational-kpis{grid-template-columns:1fr 1fr}.fleet-vessel-quick-list>a{grid-template-columns:auto minmax(0,1fr) auto}.fleet-vessel-quick-list .status,.fleet-vessel-quick-list .quick-vessel-numbers{display:none}}@media (max-width:430px){.fleet-command-hero{padding:24px 18px}.fleet-command-hero h1{font-size:30px}.fleet-operations-summary{grid-template-columns:1fr}.fleet-operation-body{padding:15px}.fleet-operation-title{flex-direction:column;align-items:flex-start}.fleet-operation-title>div:last-child{justify-content:space-between;width:100%}.fleet-manager-block{grid-template-columns:auto minmax(0,1fr)}.fleet-manager-block>button{grid-column:1/-1}.fleet-status-mix{gap:8px}}.fleet-operations-grid{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr))}.command-center-page{isolation:isolate;position:relative}.command-center-page>:not(.dashboard-corner-art){z-index:1;position:relative}.dashboard-corner-art{z-index:0;pointer-events:none;opacity:.19;filter:drop-shadow(0 15px 28px #145b7414);width:clamp(250px,27vw,410px);height:auto;position:fixed;bottom:clamp(8px,2vw,28px);right:clamp(8px,2.4vw,38px);transform:translateZ(0)}.dashboard-corner-art svg{width:100%;height:auto;display:block}.dashboard-corner-art circle{stroke:#1688aa;stroke-width:1.4px;stroke-dasharray:5 9}.dashboard-corner-art .corner-route{stroke:#249bb8;stroke-width:2px;stroke-dasharray:8 10}.dashboard-corner-art .corner-wave{stroke:#1590b2;stroke-width:5px;stroke-linecap:round}.dashboard-corner-art .corner-wave.second{stroke-width:2.5px;opacity:.72}.dashboard-corner-art .corner-ship{stroke:#0d7699;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.dashboard-corner-art .corner-ping{fill:#4fc8ae;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 0 7px #3ec7ac)}@media (max-width:700px){.dashboard-corner-art{opacity:.12;width:250px;bottom:8px;right:-32px}}@media (prefers-reduced-motion:no-preference){.dashboard-corner-art .corner-ping{animation:2.8s ease-in-out infinite corner-ping}@keyframes corner-ping{0%,to{opacity:.65;transform-origin:388px 183px;transform:scale(.8)}50%{opacity:1;transform-origin:388px 183px;transform:scale(1.18)}}}