:root{--ink:#17201d;--muted:#69746f;--canvas:#f4f7f5;--panel:#fff;--line:#dfe7e2;--brand:#145f4b;--brand-dark:#0d4033;--accent:#d7f24a;--warn:#9a5b00;--danger:#a93535;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:Inter,Noto Sans TC,Noto Sans JP,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#e9f4ef;background:linear-gradient(165deg,#123b31,#0a2822 78%);flex-direction:column;gap:30px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 9px;display:flex}.brand-mark{color:#17372d;background:var(--accent);border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:#a9c0b7;margin-top:3px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#cfe0da;border-radius:9px;padding:10px 12px;font-size:14px;transition:all .15s}.sidebar nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.locale-switcher{border:1px solid #ffffff19;border-radius:12px;gap:5px;margin-top:auto;padding:8px;display:flex}.locale-switcher a{color:#a9c0b7;text-align:center;border-radius:6px;flex:1;padding:5px;font-size:11px}.locale-switcher a.selected{color:var(--accent);background:#ffffff16}.content{min-width:0;padding:50px clamp(24px,5vw,72px) 80px}.page-header{margin-bottom:30px}.page-header h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(34px,5vw,56px);font-weight:500;line-height:1.05}.page-header>p:not(.eyebrow){max-width:680px;color:var(--muted);margin:12px 0 0;font-size:16px}.eyebrow{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-bottom:22px;padding:24px;overflow:hidden;box-shadow:0 10px 30px #183b2d08}.panel h2{margin:0 0 20px;font-size:17px}.split{grid-template-columns:minmax(270px,.7fr) minmax(500px,1.3fr);align-items:start;gap:22px;display:grid}.split>.panel{min-width:0}.two-col{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-grid{gap:15px;display:grid}.form-grid-4{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.form-grid label{color:#4e5b56;gap:7px;font-size:12px;font-weight:700;display:grid}input,select,textarea{width:100%;min-height:42px;color:var(--ink);background:#fbfcfb;border:1px solid #cad6d0;border-radius:9px;outline:none;padding:8px 11px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #145f4b15}textarea{resize:vertical}button,.button-link{background:var(--brand);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:9px;min-height:42px;padding:10px 16px;font-weight:750}button:hover,.button-link:hover{background:var(--brand-dark)}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:3px solid #78a8ff}.route-progress{z-index:1000;background:var(--accent);opacity:0;width:0;height:3px;transition:width .25s,opacity .2s;position:fixed;top:0;left:0}.route-progress.active{opacity:1;width:78%;animation:1.8s ease-in-out infinite route-progress}.action-feedback{z-index:999;color:#fff;background:var(--brand-dark);border-radius:10px;max-width:min(380px,100vw - 36px);padding:12px 16px;font-size:13px;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 35px #071b1566}@keyframes route-progress{0%{transform:translate(-70%)}to{transform:translate(130%)}}.skeleton{background:#e4eae7;border-radius:14px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-title{width:min(420px,75%);height:56px;margin-bottom:30px}.skeleton-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.skeleton-panel{height:260px}.error-state{text-align:center;max-width:680px;margin:10vh auto}.error-state h1{margin-top:0}@keyframes shimmer{to{transform:translate(100%)}}.check{align-self:center;align-items:center;grid-template-columns:auto 1fr!important}.check input{width:17px;min-height:17px;accent-color:var(--brand)}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.form-grid-3{grid-template-columns:repeat(3,minmax(160px,1fr));align-items:end}.span-two{grid-column:span 2}.span-all{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.button-secondary{color:var(--brand-dark);background:#fff;border:1px solid #b8c8c0}.button-secondary:hover{background:#edf4f0}.notice{border-radius:10px;margin-bottom:18px;padding:13px 16px;font-size:13px}.notice-danger{color:var(--danger);background:#fff0f0;border:1px solid #efb7b7}.muted{color:var(--muted);font-size:12px}.table-date{color:var(--muted);margin-top:6px;display:block}.text-link{color:var(--brand);font-weight:750}.header-actions{justify-content:space-between;align-items:start;gap:20px;display:flex}.header-actions .page-header{flex:1}.login-form{max-width:460px}.filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:10px;margin-bottom:22px;display:grid}.filter-grid label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.review-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px;display:grid}.review-item{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;padding:15px}.review-item h3{margin:0 0 10px;font-size:14px}.inline-review{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.inline-review button{grid-column:1/-1}.compact-details{margin-top:15px}.public-shell{background:radial-gradient(circle at 80% 0%, #e4f1e9 0, transparent 32%), var(--canvas);min-height:100vh}.public-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:22px 28px;display:flex}.public-brand{color:var(--ink)}.public-brand small{color:var(--muted)}.public-nav nav{gap:6px;display:flex}.public-nav nav a{color:var(--muted);border-radius:7px;padding:7px 9px;font-size:12px}.public-nav nav a.selected{color:var(--brand);background:#fff;box-shadow:0 3px 15px #163b2d10}.public-content{max-width:1180px;margin:0 auto;padding:34px 28px 80px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--muted);text-align:left;letter-spacing:.03em;white-space:nowrap;background:#f6f8f7;padding:10px 12px;font-size:11px}td{vertical-align:top;border-top:1px solid #ebefed;padding:13px 12px}tbody tr:hover{background:#f8faf9}.empty{color:var(--muted);text-align:center;border:1px dashed #cbd7d1;border-radius:12px;padding:34px 18px}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block;overflow:hidden}.badge{color:#4c5752;white-space:nowrap;background:#edf1ef;border-radius:100px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-good{color:#17603f;background:#dff3e9}.badge-warn{color:#87520a;background:#fff0d4}.badge-danger{color:var(--danger);background:#fde3e3}.badge-info{color:#2e5f9e;background:#e3efff}.badge-row{flex-wrap:wrap;gap:7px;display:flex}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.equipment-card{border:1px solid var(--line);background:#fbfcfb;border-radius:14px;grid-template-columns:1fr auto;gap:18px;padding:19px;display:grid}.equipment-card h3{margin:0 0 5px;font-size:18px}.equipment-card dl{grid-column:1/-1;margin:0}.equipment-card dl div{border-top:1px solid #e8edea;grid-template-columns:110px 1fr;padding:7px 0;display:grid}.equipment-card dt{color:var(--muted);font-size:12px}.equipment-card dd{margin:0;font-size:12px}.equipment-card .button-link{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:18px}.metric>span{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.metric>strong{font-size:19px}.details{gap:0;margin:0;display:grid}.details div{border-top:1px solid #edf0ee;grid-template-columns:130px 1fr;padding:10px 0;display:grid}.details div:first-child{border-top:0}.details dt{color:var(--muted);font-size:12px}.details dd{margin:0;font-size:13px}.card-list{gap:10px;display:grid}.list-card{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px;display:flex}.list-card h3,.list-card p{margin:0 0 4px}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:22px 1fr;gap:8px;padding:0 0 23px;display:grid;position:relative}.timeline li:not(:last-child):before{content:"";background:#ccd8d2;width:1px;position:absolute;top:12px;bottom:0;left:5px}.timeline-dot{z-index:1;background:var(--brand);box-sizing:content-box;border:3px solid #cde9de;border-radius:50%;width:11px;height:11px;margin-top:4px}.timeline strong{font-size:13px}.timeline p{color:#46524d;margin:4px 0;font-size:12px}.timeline time{color:var(--muted);font-size:11px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{gap:16px;width:100%;height:auto;padding:20px 18px;position:static}.sidebar nav{overscroll-behavior-inline:contain;scrollbar-width:thin;display:flex;overflow-x:auto}.sidebar nav a{flex:none}.locale-switcher{margin-top:0}.split,.two-col{grid-template-columns:1fr}.form-grid-4,.form-grid-3,.filter-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.content{padding:30px 15px 50px}.page-header h1{font-size:clamp(30px,10vw,44px)}.panel{border-radius:14px;padding:18px}.form-grid-4,.form-grid-3,.filter-grid,.metric-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.list-card{flex-direction:column;align-items:flex-start}}.portal-shell{background:var(--canvas);min-height:100vh}.portal-nav{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;gap:20px;padding:16px max(22px,50vw - 590px);display:flex;position:sticky;top:0}.portal-nav nav{flex-wrap:wrap;gap:5px;display:flex}.portal-nav nav a,.mobile-tabs a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.portal-nav nav a:hover,.mobile-tabs a:hover{color:var(--brand);background:#e8f2ed}.portal-content{max-width:1180px;margin:0 auto;padding:36px 28px 90px}.mobile-shell{background:#f4f7f5;min-height:100vh;padding-bottom:74px}.mobile-topbar{z-index:6;background:var(--brand-dark);padding:16px 18px;position:sticky;top:0}.mobile-topbar a{color:#fff}.mobile-content{max-width:720px;margin:0 auto;padding:22px 14px 50px}.mobile-tabs{z-index:7;border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 22px #163b2d14}.mobile-tabs a{text-align:center}.mobile-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.privacy-note{border-left:4px solid var(--brand);color:var(--muted);background:#eef6f2;padding:12px 14px;font-size:12px}@media (max-width:760px){.portal-nav{flex-direction:column;align-items:flex-start;padding:14px}.portal-content{padding:24px 14px 70px}.portal-nav nav{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.skeleton-grid,.mobile-actions{grid-template-columns:1fr}.table-wrap{margin-inline:-18px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}