:root{color-scheme:light;--ink: #17211d;--muted: #62706a;--line: #d9e1dc;--paper: #f7faf8;--surface: #ffffff;--green: #126b4f;--blue: #285b89;--gold: #a66b13;--red: #9d3036;--shadow: 0 18px 48px rgba(33, 49, 43, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:Inter,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;color:#fff;background:#17352f;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brandMark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#f1c15b;color:#17352f;flex:0 0 auto}.brand strong,.brand span{display:block}.brand strong{line-height:1.2}.brand span{color:#b9cbc5;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.brandTitle{display:grid;gap:3px;min-width:0}.brandTitle .credit{display:inline;color:#d9e8e3;font-size:11px;line-height:1.35}.credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}.jpFlag{display:inline-block;width:18px;height:12px;margin:0 2px;border:1px solid rgba(255,255,255,.72);background:radial-gradient(circle at center,#bc002d 0 32%,transparent 34%),#fff;vertical-align:-1px}nav{display:grid;gap:8px}nav button,nav a{border:0;text-decoration:none;color:#eaf4f0;background:transparent;min-height:44px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left}nav button.active,nav a:hover,nav button:hover{background:#ffffff1f}.trustBox{margin-top:auto;padding:14px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;gap:10px;color:#d9e8e3}main{min-width:0}.topbar{min-height:72px;padding:14px 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#f7faf8e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.searchWrap{flex:1;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;min-width:0}.searchWrap input{border:0;outline:0;width:100%;min-width:0;color:var(--ink)}.langSwitch{display:flex;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px}.langSwitch button,.iconButton{border:0;border-radius:7px;min-width:38px;height:36px;background:transparent}.langSwitch .selected{background:#e7f1ed}.iconButton{border:1px solid var(--line);background:#fff;display:grid;place-items:center}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;padding:40px 26px 26px;background:linear-gradient(120deg,#f7faf8,#eff6f3 52%,#f8f0df)}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;color:var(--green);font-weight:700}h1{margin:0;max-width:820px;font-size:48px;line-height:1.04;letter-spacing:0}.hero p:not(.eyebrow),.portalHero p{max-width:760px;color:var(--muted);line-height:1.75}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.heroActions button,.portalHero button,.bookingForm button,.dealCard button,.taskCard button{border:0;border-radius:8px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;font-weight:700}.heroActions .ghost{background:#fff;color:var(--green);border:1px solid var(--line)}.signalPanel{display:grid;gap:12px;align-content:start}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:var(--shadow);display:grid;gap:7px}.metric svg{color:var(--blue)}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:24px;overflow-wrap:anywhere}.workspace{padding:26px;display:grid;gap:22px}.section{background:transparent;min-width:0}.sectionTitle{margin:0 0 14px;font-size:20px;display:flex;align-items:center;gap:9px}.dealGrid,.taskGrid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px}.dealCard,.taskCard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 10px 24px #21312b12;min-width:0}.cardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}h3{margin:0 0 5px;font-size:17px;overflow-wrap:anywhere}.cardHead span,.dealCard p,.taskCard p,.dataRow span{color:var(--muted)}.cardHead strong{color:var(--gold);white-space:nowrap}.stageRow{margin-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.bar{height:9px;border-radius:99px;background:#e7eee9;overflow:hidden;margin:9px 0 14px}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:inherit}.dealCard p{display:flex;align-items:center;gap:7px}.dealCard button,.taskCard button{width:100%;background:#17352f}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}.bookingForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.bookingForm input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;min-width:0}.bookingForm button{grid-column:span 2;background:var(--blue)}.dataList,.invoiceList{display:grid;gap:10px}.dataRow,.invoiceRow{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:62px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.dataRow div{min-width:0}.dataRow strong,.dataRow span{display:block;overflow-wrap:anywhere}.dataRow b,.invoiceRow b{color:var(--green);background:#e8f3ef;border-radius:999px;padding:5px 9px;white-space:nowrap;font-size:12px}.invoiceRow{width:100%;text-align:left;grid-template-columns:110px 1fr auto auto;display:grid}.invoiceRow span{display:flex;align-items:center;gap:6px;color:var(--muted)}.invoiceRow em{font-style:normal;color:var(--gold);font-weight:700}.taskCard footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.taskCard footer span{color:var(--muted)}.taskCard button{width:auto;min-width:86px}.portalHero{border:1px solid var(--line);border-radius:8px;background:#fff;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.portalHero h2{margin:0;font-size:30px}.portalHero button{background:var(--blue);white-space:nowrap}.toast{position:fixed;right:22px;bottom:22px;background:#17352f;color:#fff;border-radius:8px;padding:12px 16px;box-shadow:var(--shadow);z-index:20}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.trustBox{margin-top:0}.hero,.split{grid-template-columns:1fr}.dealGrid,.taskGrid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:640px){.topbar{padding:10px;gap:8px;flex-wrap:wrap}.searchWrap{flex-basis:100%;order:2}.hero,.workspace{padding:22px 14px}h1{font-size:34px}.dealGrid,.taskGrid,.bookingForm{grid-template-columns:1fr}.bookingForm button{grid-column:auto}.invoiceRow{grid-template-columns:1fr}.portalHero{align-items:stretch;flex-direction:column}.portalHero button{width:100%}}