:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f7f7f8;--sidebar:#fbfbfc;--surface:#fff;--surface-2:#fafafa;--raised:#fff;--hover:#f4f4f5;--line:#e7e7ea;--line-strong:#d6d6db;--text:#18181b;--text-2:#3f3f46;--muted:#71717a;--faint:#a1a1aa;--primary:#4f46e5;--primary-hover:#4338ca;--on-primary:#fff;--accent:#4338ca;--accent-soft:#eef0fe;--accent-line:#c9ccf8;--good:#067647;--good-soft:#ecfdf3;--warn:#b54708;--warn-soft:#fffaeb;--bad:#c4320a;--bad-soft:#fef3f2;--bad-line:#fbd0c8;--ring:#4f46e547;--scrim:#18181b6b;--shadow-xs:0 1px 2px #1018280d;--shadow-lg:0 12px 32px -8px #10182829, 0 4px 8px -4px #1018280f;--shadow-xl:0 24px 64px -12px #1018284d;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-full:999px;--ctl:32px;--ctl-sm:28px;--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%2371717a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#0e0e11;--sidebar:#121215;--surface:#17171b;--surface-2:#1b1b20;--raised:#33333a;--hover:#232329;--line:#28282e;--line-strong:#38383f;--text:#f4f4f5;--text-2:#cfcfd6;--muted:#8f8f99;--faint:#62626b;--primary:#6366f1;--primary-hover:#7477f4;--accent:#a5b4fc;--accent-soft:#6366f129;--accent-line:#818cf86b;--good:#75e0a7;--good-soft:#17b26a24;--warn:#fec84b;--warn-soft:#f7900921;--bad:#fda29b;--bad-soft:#f0443821;--bad-line:#f0443866;--ring:#818cf861;--scrim:#0009;--shadow-xs:0 1px 2px #0006;--shadow-lg:0 16px 40px -8px #0009, 0 0 0 1px #ffffff08;--shadow-xl:0 24px 64px -12px #000000bf;--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%239a9aa3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--canvas);color:var(--text);font:var(--fs-base)/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}svg{flex:none;display:block}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.mono{font-family:var(--mono)}.actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.frame{min-height:100vh;display:flex}@media (width>=761px){.frame{background:linear-gradient(90deg, var(--sidebar) 223px, var(--line) 223px 224px, transparent 224px)}}aside{width:224px;height:100vh;padding:var(--sp-4) var(--sp-3);background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex:none;align-self:flex-start;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:0 var(--sp-2) var(--sp-4);margin-bottom:var(--sp-3);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.logo{border-radius:var(--r-md);color:#fff;width:32px;height:32px;box-shadow:inset 0 0 0 1px #ffffff24, var(--shadow-xs);background:linear-gradient(145deg,#6d6af5,#4338ca);flex:none;place-items:center;font-weight:600;display:grid}.brand b{font-weight:600;line-height:18px;display:block}.brand span{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;line-height:16px;display:block}nav{flex-direction:column;gap:2px;display:flex}nav a,.side-foot button{border-radius:var(--r-md);height:34px;color:var(--text-2);align-items:center;gap:10px;padding:0 10px;font-weight:500;text-decoration:none;display:flex}nav a svg,.side-foot button svg{width:18px;height:18px;color:var(--muted)}nav a:hover{background:var(--hover);color:var(--text)}nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}nav a.active svg{color:var(--accent)}.side-foot{padding-top:var(--sp-3);border-top:1px solid var(--line);flex-direction:column;gap:2px;margin-top:auto;display:flex}.side-foot .me{padding:var(--sp-2) 10px;font-size:var(--fs-sm)}.side-foot .me b{font-weight:600;display:block}.side-foot button{width:100%;box-shadow:none;font-size:var(--fs-base);background:0 0;border:0;justify-content:flex-start}.side-foot button:hover:not(:disabled){background:var(--hover);color:var(--text)}.column{flex:1;min-width:0}header{z-index:10;align-items:center;gap:var(--sp-2);height:56px;padding:0 var(--sp-6) 0 var(--sp-8);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:sticky;top:0}.crumb{align-items:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;flex:1;display:flex;overflow:hidden}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--text)}.crumb i{color:var(--faint);font-style:normal}.crumb b{color:var(--text);text-overflow:ellipsis;font-weight:500;overflow:hidden}button.icon.toggle{display:none}main{max-width:1200px;padding:var(--sp-8) var(--sp-8) var(--sp-10)}.backdrop{display:none}.page>*+*{margin-top:var(--sp-5)}.page>.page-head+*{margin-top:var(--sp-6)}.page-head{justify-content:space-between;align-items:center;gap:var(--sp-3) var(--sp-4);min-height:var(--ctl);flex-wrap:wrap;display:flex}.page-title{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.page-head h1{font-size:var(--fs-xl);letter-spacing:-.015em;margin:0;font-weight:600;line-height:28px}.page-note{font-size:var(--fs-sm);color:var(--muted);margin:0}.loading{padding:var(--sp-10) 0;color:var(--muted);text-align:center}button,select,input,textarea{font:inherit;color:inherit;margin:0}button,a.btn,select,input:not([type=checkbox]):not([type=radio]):not([type=file]){height:var(--ctl);border-radius:var(--r-md);border:1px solid var(--line-strong);padding:0 var(--sp-3);vertical-align:middle}button,a.btn{background:var(--surface);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;box-shadow:var(--shadow-xs);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button svg,a.btn svg{width:16px;height:16px}button:hover:not(:disabled),a.btn:hover{background:var(--hover)}button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffff24}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.good{background:var(--good);border-color:var(--good);color:#fff}button.good:hover:not(:disabled){background:var(--good);filter:brightness(1.08)}button.danger{color:var(--bad);border-color:var(--bad-line)}button.danger:hover:not(:disabled){background:var(--bad-soft)}button.ghost{box-shadow:none;background:0 0;border-color:#0000}button:disabled{background:var(--surface-2);border-color:var(--line);color:var(--faint);box-shadow:none;cursor:not-allowed}button.sm{height:var(--ctl-sm);padding:0 10px}button.icon{width:var(--ctl-sm);height:var(--ctl-sm);color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;padding:0}button.icon:hover:not(:disabled){color:var(--text);background:var(--hover)}button.icon.danger:hover:not(:disabled){color:var(--bad);background:var(--bad-soft)}button.link{height:auto;box-shadow:none;color:var(--accent);background:0 0;border:0;padding:0;font-weight:400}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background-color:var(--surface);box-shadow:var(--shadow-xs)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--ring)!important}select{appearance:none;cursor:pointer;background-image:var(--arrow);background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}input:disabled,select:disabled,textarea:disabled{color:var(--muted);background-color:var(--surface-2);box-shadow:none;cursor:not-allowed}textarea{border:1px solid var(--line-strong);border-radius:var(--r-md);width:100%;padding:7px var(--sp-3);resize:vertical;line-height:1.6;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.save{font-size:var(--fs-xs);white-space:nowrap;color:var(--muted)}.save.ok{color:var(--good)}.save.bad{color:var(--bad)}.pill{height:22px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--hover);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.chip{height:24px;padding:0 var(--sp-2);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-sm);white-space:nowrap;align-items:center;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-head{align-items:center;gap:var(--sp-2) var(--sp-3);min-height:52px;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.card-head h2{font-size:var(--fs-md);margin:0;font-weight:600;line-height:22px}.card-head .meta{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.card-head .note{font-size:var(--fs-xs);color:var(--muted)}.card-body{padding:var(--sp-5)}.card-foot{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--surface-2);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);text-align:center;color:var(--text-2);flex-direction:column;display:flex}.empty p{margin:0}.alert{padding:10px var(--sp-4);border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-sm);align-items:flex-start;gap:10px;display:flex}.alert svg{width:16px;height:16px;margin-top:2px}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.info{background:var(--accent-soft);color:var(--accent)}.alert ul{margin:var(--sp-1) 0 0;padding-left:18px}.alert li button.link{color:inherit;text-decoration:underline}.alert b{font-weight:600}.kpis{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.kpi{padding:var(--sp-5)}.kpi-top{color:var(--muted);font-size:var(--fs-sm)}.kpi-value{margin-top:var(--sp-2);font-size:var(--fs-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:32px}.kpi-value small{font-size:var(--fs-md);color:var(--faint);letter-spacing:0;margin-left:4px;font-weight:500}.bar{height:6px;margin-top:var(--sp-3);border-radius:var(--r-full);background:var(--hover);overflow:hidden}.bar i{border-radius:inherit;background:var(--primary);height:100%;display:block}.scroll{overflow-x:auto}table.table{border-collapse:collapse;width:100%}.table th{padding:10px var(--sp-4);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:var(--fs-xs);color:var(--muted);background:var(--surface-2);font-weight:500}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table th:first-child,.table td:first-child{padding-left:var(--sp-5)}.table th:last-child,.table td:last-child{padding-right:var(--sp-5)}.table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table .nowrap{white-space:nowrap}.table tfoot td{background:var(--surface-2);border-top:1px solid var(--line);font-weight:600}tr.clickable{cursor:pointer}.table input.num-in{width:72px;height:var(--ctl-sm);text-align:right}.table input.note-in{width:100%;min-width:160px;height:var(--ctl-sm)}.thumb{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);width:44px;height:44px;color:var(--faint);place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb svg{width:18px;height:18px}.filters{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.filters select{min-width:140px}.filters .search{flex:1;min-width:180px;position:relative}.filters .search input{width:100%;padding-left:32px}.filters .search svg{width:16px;height:16px;color:var(--faint);position:absolute;top:8px;left:10px}.form-grid{gap:var(--sp-5) var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-grid .wide{grid-column:1/-1}.field{min-width:0;scroll-margin-top:80px}.field>.name{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-2);margin-bottom:6px;font-weight:500;display:flex}.field>.name .req{color:var(--bad)}.field>.name .unit{color:var(--faint);font-weight:400;font-size:var(--fs-xs);margin-left:auto}.field select,.field input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;height:36px}.field .hint{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}.field .was{font-size:var(--fs-xs);color:var(--warn);margin-top:6px}.field.changed input,.field.changed select,.field.changed textarea{border-color:var(--warn)}.field.problem input,.field.problem select,.field.problem textarea{border-color:var(--bad)}.field .templates{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.field .templates button{height:24px;font-size:var(--fs-xs);padding:0 8px;font-weight:400}.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tags button{height:30px;font-weight:400}.tags button.on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.tags input{width:140px!important;height:30px!important}.components{gap:var(--sp-2);display:grid}.components .row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;display:grid}.components .row input{height:36px}.vessel-tip{border-radius:var(--r-md);background:var(--accent-soft);color:var(--text-2);font-size:var(--fs-xs);margin-top:6px;padding:8px 10px;line-height:1.6}.media-kind+.media-kind{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line);scroll-margin-top:80px}.media-kind h3{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;margin:0 0 4px;font-weight:600;display:flex}.media-kind h3 .count{color:var(--muted);font-weight:400}.media-kind .hint{margin:0 0 var(--sp-3);font-size:var(--fs-xs);color:var(--muted)}.media-kind.problem h3{color:var(--bad)}.tiles{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.tile{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);position:relative;overflow:hidden}.tile .pic{aspect-ratio:1;color:var(--faint);place-items:center;text-decoration:none;display:grid}.tile .pic img{object-fit:cover;width:100%;height:100%}.tile .pic svg{width:28px;height:28px}.tile .cap{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;overflow:hidden}.tile .tools{justify-content:space-between;padding:0 4px 4px;display:flex}.tile .cover{border-radius:var(--r-sm);background:var(--primary);color:#fff;padding:1px 6px;font-size:11px;position:absolute;top:6px;left:6px}.tile.uploading .pic{font-size:var(--fs-xs);color:var(--muted);text-align:center;flex-direction:column;gap:8px;padding:12px}.tile.uploading .bar{width:100%;margin:0}.tile.failed{border-color:var(--bad-line)}.tile.failed .pic{color:var(--bad)}.add-tile{aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm);cursor:pointer;box-shadow:none;background:0 0;align-content:center;place-items:center;gap:6px;height:auto;display:grid}.add-tile svg{width:20px;height:20px}.add-tile:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)!important}.history{margin:0;padding:0;list-style:none}.history li{gap:4px var(--sp-3);padding:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.history li+li{border-top:1px solid var(--line)}.history .when{color:var(--muted);font-variant-numeric:tabular-nums}.history .note{color:var(--text-2);flex-basis:100%}dialog.modal{background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);padding:0;overflow:hidden}dialog.modal[open]{flex-direction:column;display:flex}dialog.modal::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-head{align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-3) var(--sp-6);display:flex}.modal-head h2{font-size:var(--fs-lg);flex:1;margin:0;font-weight:600;line-height:24px}.modal-body{min-height:0;padding:var(--sp-2) var(--sp-6) var(--sp-6);overflow-y:auto}.modal-body>*+*{margin-top:var(--sp-4)}.modal-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line);display:flex}.modal-foot button{min-width:80px;height:36px}.choice{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.choice button{height:44px;font-size:var(--fs-base)}.choice button.on{border-color:var(--primary);background:var(--accent-soft);color:var(--accent)}.login{min-height:100vh;padding:var(--sp-6) var(--sp-4);place-items:center;display:grid}.login .card{width:min(380px,100%)}.login .card-body>*+*{margin-top:var(--sp-4)}.login .brand{padding:0 0 var(--sp-2);border:0;margin:0}.login button.primary{width:100%;height:40px;font-size:var(--fs-base)}.vessel-table td:nth-child(3),.vessel-table td:nth-child(4){min-width:200px}@media (width<=1000px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){aside{z-index:30;height:auto;padding-top:calc(var(--sp-4) + env(safe-area-inset-top,0px));align-self:stretch;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-open aside{box-shadow:var(--shadow-xl);transform:none}.nav-open .backdrop{z-index:25;background:var(--scrim);display:block;position:fixed;inset:0}header{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--sp-3) 0 var(--sp-2)}button.icon.toggle{width:36px;height:36px;color:var(--text-2);display:inline-flex}button.icon.toggle svg{width:20px;height:20px}main{padding:var(--sp-5) var(--sp-4) var(--sp-8)}.page-head h1{font-size:var(--fs-lg);line-height:26px}.card-head,.card-foot,.filters,.history li{padding-left:var(--sp-4);padding-right:var(--sp-4)}.card-body,.kpi{padding:var(--sp-4)}.table th:first-child,.table td:first-child{padding-left:var(--sp-4)}.table th:last-child,.table td:last-child{padding-right:var(--sp-4)}.tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (width<=520px){.form-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.modal-head{padding-left:var(--sp-5)}.modal-body,.modal-foot{padding-left:var(--sp-5);padding-right:var(--sp-5)}}