:root{--bg-overlay: rgba(0, 14, 30, .45);--ribbon-bg: rgba(13, 35, 58, .92);--card-bg: rgba(1, 16, 34, .35);--primary: #2c6df3;--primary-strong: #204fb1;--primary-text: #eaf2ff;--white: #fff;--muted: #b7c7e6;--shadow-strong: 0 12px 38px rgba(0,0,0,.45)}.login-hero{position:relative;min-height:100dvh;min-height:100vh;width:100%;overflow:hidden;background:#041225 url(../assets/truck2.jpg) center/cover no-repeat;display:grid;place-items:stretch}.login-hero__bg{background:#041225 url(/assets/TruckHD-DgoOq0D1.png) center/cover no-repeat}.login-hero__content{position:relative;z-index:2;display:grid;grid-template-rows:auto auto 1fr;padding:clamp(20px,4vw,48px);min-height:100dvh}.login-hero__title{color:var(--white);font-size:clamp(38px,6vw,96px);font-weight:900;letter-spacing:.02em;line-height:1.05;margin:clamp(18px,2vw,24px) 0 0;text-shadow:0 0 1px rgba(255,255,255,.7),0 8px 20px rgba(0,0,0,.6),0 0 28px rgba(173,205,255,.55)}.login-hero__ver{font-weight:900;font-size:.6em;margin-left:.2em;color:var(--white);text-shadow:0 0 12px rgba(140,180,255,.7)}.login-hero__ribbon{display:inline-flex;align-items:center;margin-top:clamp(12px,1.8vw,18px);padding:10px 18px;background:var(--ribbon-bg);color:var(--white);border-radius:6px;box-shadow:0 8px 22px #00000073;border:1px solid rgba(165,195,255,.18);width:fit-content;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-hero__ribbon span{font-size:clamp(14px,1.4vw,18px);letter-spacing:.06em;white-space:nowrap}.login-hero__cta{display:flex;align-items:end;justify-content:end;margin-top:auto;padding:clamp(16px,3vw,28px) 0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:16px 28px;font-size:clamp(16px,1.4vw,18px);font-weight:700;cursor:pointer;transition:all .16s ease}.btn--primary{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:var(--primary-text);box-shadow:var(--shadow-strong),0 0 0 1px #96beff26 inset;letter-spacing:.06em}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #2050c873}.btn--primary:active{transform:translateY(0);box-shadow:0 8px 18px #2050c859}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:40}.modal__card{width:min(480px,92vw);background:#0a162aeb;border:1px solid rgba(160,200,255,.2);border-radius:12px;padding:24px;color:var(--white);box-shadow:0 24px 64px #0009}.modal__card h2{margin:0 0 12px}.modal__card label{display:grid;gap:6px;margin:10px 0;font-size:14px;color:var(--muted)}.modal__card input{padding:10px 12px;border-radius:8px;border:1px solid rgba(160,200,255,.25);background:#00000040;color:var(--white)}.modal__card form .btn{margin-top:14px;width:100%}.login-hero__truck{display:none!important}@media (max-width: 720px){.login-hero__cta{justify-content:stretch}.btn--primary{width:100%}}.shell{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr}.welcome-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#041225 url(/assets/TruckHD-DgoOq0D1.png) center/cover no-repeat;z-index:0}.welcome-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000a148c,#000a14cc)}.topbar{position:sticky;top:0;z-index:1000;height:64px;padding:8px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;background:#08142abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(150,180,220,.18)}.topbar__left{display:flex;align-items:center;gap:12px}.topbar__title{display:flex;flex-direction:column;line-height:1.1}.topbar__brand{color:#fff;font-weight:800;font-size:20px;text-shadow:0 0 8px rgba(180,210,255,.6)}.topbar__ver{color:#bcd8ff;font-weight:700;font-size:14px}.topbar__sub{color:#cfd8e8;font-size:11px;opacity:.85}.topbar__right{display:flex;align-items:center;gap:10px}.btn{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn--ghost{background:#ffffff1f;color:#eaf2ff;transition:.2s}.btn--ghost:hover{background:#ffffff38}.topbar__company{color:#dfe9ff;opacity:.9;font-weight:600}.main{z-index:2;display:grid;grid-template-columns:1fr 310px;gap:16px;padding:16px;height:calc(100vh - 64px);min-height:0;overflow:hidden}.content{background:#ffffff0f;border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 25px #00000073;color:#eaf2ff;overflow-y:auto;min-height:0}.sidemenu{background:#000c20ad;padding:12px;border-radius:14px;border:1px solid rgba(120,150,200,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overflow-x:hidden}.sidemenu__title{color:#cfe1ff;font-size:15px;font-weight:800;margin-bottom:10px}.sidemenu__nav{display:grid;gap:6px}.menu-btn{padding:12px 14px;border-radius:10px;font-size:14px;color:#eaf2ff;text-decoration:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);transition:.2s ease}.menu-btn:hover{background:#ffffff38;transform:translate(3px)}.menu-btn.active{background:linear-gradient(135deg,#3a8bff,#1e4fb5);border-color:#ffffff59;box-shadow:0 0 12px #3a8cffb3}@media (max-width: 900px){.main{grid-template-columns:1fr;height:auto;overflow:visible}.sidemenu{max-height:40vh;order:2}.content{order:1}}.dpi-container{width:100%;height:100%;padding:20px}.dpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dpi-button{height:80px;background:#ffffff40;border:1px solid rgba(150,150,150,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding-left:20px;cursor:pointer;transition:.2s}.dpi-button:hover{background:#ffffff59}.dpi-jp{font-size:18px;color:#fff;font-weight:600}.dpi-en{font-size:14px;color:#0ff;margin-top:4px}`` .order-entry-wrapper{display:flex;flex-direction:column;gap:20px;color:#eaf2ff;position:relative}.order-entry-header{background:#ffffff14;padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}.order-entry-header .row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;align-items:center}.order-block{background:#ffffff0f;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.order-block h3{margin:0 0 12px;font-size:18px;color:#fff}.grid-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.form-box{display:flex;flex-direction:column;gap:8px}.form-box label{font-size:14px;opacity:.85}.form-box input,.form-box textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:6px;color:#eaf2ff}.form-box input:focus,.form-box textarea:focus{outline:1px solid #3a8bff;box-shadow:0 0 6px #3a8bff}.top-buttons{position:absolute;top:10px;left:20px;right:20px;display:flex;align-items:center;z-index:20}.btn-spacer{flex:1}.back-btn{padding:4px 60px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#eaf2ff;cursor:pointer;font-size:18px;font-weight:600;transition:.2s;margin-left:8px}.back-btn:hover{background:#ffffff4d;box-shadow:0 0 6px #5096ff99}.get-btn{padding:4px 50px;background:#00b4ff40;border:1px solid rgba(0,180,255,.45);border-radius:6px;color:#eaf2ff;cursor:pointer;font-size:18px;font-weight:600;transition:.2s}.get-btn:hover{background:#00b4ff73;box-shadow:0 0 6px #00b4ff99}.save-btn{margin-top:10px;padding:10px 14px;background:#3a8bff;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.save-btn:hover{background:#2967cc}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999}.popup-box{background:#ffffff15;padding:20px;width:80%;max-height:70vh;overflow-y:auto;border-radius:10px;border:1px solid #ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.popup-table{width:100%;border-collapse:collapse;margin-top:10px}.popup-table th,.popup-table td{border:1px solid #ffffff40;padding:8px}.close-btn{margin-top:12px;padding:8px 14px;background:#3a8bff;border:none;border-radius:6px;cursor:pointer}.saved-output{margin-top:20px;padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;color:#eaf2ff;font-size:14px;box-shadow:0 4px 12px #00000059}.saved-output h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#fff}.saved-output pre{background:#00000040;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);color:#eaf2ff;font-size:13px;overflow-x:auto;white-space:pre-wrap}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}:root{--primary: #2c6df3;--primary-strong:#204fb1;--primary-text:#eaf2ff;--muted:#b7c7e6}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,sans-serif;background:#06152b}