:root{--concrete:#e3e2dd;--concrete-2:#f2f1ec;--navy:#071826;--navy-2:#132a38;--turquoise:#087c78;--muted:#6b7480;--line:rgba(7,24,38,.14);--panel:rgba(255,255,252,.9);--shadow:0 24px 70px rgba(7,24,38,.10);--earth:#f2eee5;--earth-2:#fbf7ef;--sage:#819a7a;--clay:#b78362;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;color:var(--navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.7),transparent 28%),linear-gradient(135deg,rgba(248,248,244,.92),rgba(216,216,210,.8)),var(--concrete);font-family:inherit;letter-spacing:0}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(7,24,38,.16) 0 1.6px,transparent 2.2px),linear-gradient(rgba(7,24,38,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(7,24,38,.09) 1px,transparent 1px);background-size:160px 112px,320px 224px,320px 224px;background-position:24px 24px,0 0,0 0;opacity:.65;mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.18))}body.customer-page{background:radial-gradient(circle at 78% 12%,rgba(129,154,122,.26),transparent 30%),radial-gradient(circle at 18% 74%,rgba(183,131,98,.18),transparent 34%),linear-gradient(135deg,var(--earth-2),#eee7da 48%,#e6eadc);color:#17221f}body.customer-page:before{background-image:linear-gradient(rgba(23,34,31,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(23,34,31,.028) 1px,transparent 1px);background-size:52px 52px;opacity:1}a{color:inherit;text-decoration:none}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,5vw,72px);background:rgba(255,255,252,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-weight:850;color:var(--navy)}.brand span,.mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy-2) 72%,var(--turquoise));color:#fff;font-size:13px}.nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:750;color:var(--navy-2)}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:clamp(38px,7vw,88px) 0 clamp(72px,10vw,132px)}.hero{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);gap:clamp(38px,7vw,96px);align-items:center;min-height:calc(100vh - 150px)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--turquoise);font-weight:900;margin:0 0 12px}h1{font-size:clamp(36px,5.4vw,68px);line-height:1.03;letter-spacing:0;margin:0 0 18px;color:var(--navy);text-wrap:balance}h2{font-size:clamp(24px,2.6vw,36px);line-height:1.18;margin:0 0 14px;color:var(--navy);text-wrap:balance}h3{font-size:clamp(18px,1.6vw,24px);line-height:1.25;margin:0 0 10px;color:var(--navy)}p{line-height:1.78}.lead{font-size:16px;line-height:1.95;color:var(--muted);max-width:720px}.panel,.card,.chatbox,.metric,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.chatbox{padding:clamp(20px,3vw,32px);min-height:600px;display:flex;flex-direction:column;gap:18px}.tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;background:rgba(255,255,255,.66);overflow:auto}.tab{border:0;background:transparent;padding:10px 16px;border-radius:999px;font-weight:850;color:var(--muted);cursor:pointer;white-space:nowrap}.tab.active{background:var(--navy);color:#fff}.message{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}.bubble{padding:16px 18px;border-radius:22px;background:rgba(7,24,38,.055);line-height:1.78;font-size:14px;max-width:760px;color:var(--navy)}.message.user{justify-content:flex-end}.message.user .bubble{background:var(--navy);color:#fff}.inputrow{display:flex;gap:10px;margin-top:auto;align-items:center}.inputrow input,.inputrow textarea,input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.78);padding:14px 16px;font-size:15px;line-height:1.55;color:var(--navy);outline:none}textarea{min-height:170px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(8,124,120,.45);box-shadow:0 0 0 4px rgba(8,124,120,.12)}button,.button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);padding:12px 18px;font-weight:850;cursor:pointer;color:var(--navy)}button.primary,.button.primary{background:linear-gradient(135deg,var(--navy),var(--navy-2) 72%,var(--turquoise));color:#fff;border-color:transparent;box-shadow:0 14px 32px rgba(7,24,38,.16)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:clamp(22px,3vw,34px)}.card p{line-height:1.78;color:var(--muted);font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:34px}.form{display:grid;gap:12px;margin-top:34px}.form label{font-size:11px;font-weight:900;color:var(--muted);letter-spacing:.08em}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.dashboard{display:none}.dashboard.open{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.metric{padding:20px}.metric strong{font-size:30px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work{display:grid;grid-template-columns:280px minmax(0,1fr) 380px;gap:20px}.queue,.customer,.composer{padding:24px}.catalog-section{display:grid;grid-template-columns:300px 1fr;gap:56px;margin:86px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.center-page{min-height:100vh;display:grid;place-items:center;text-align:center}.history-list{display:grid;gap:12px;margin-top:16px}.history-item{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.history-meta{font-size:12px;color:var(--muted);font-weight:800;margin-bottom:6px}.staff-permissions{display:grid;gap:12px}.permission-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.switch input{width:18px;min-width:18px;height:18px}.mobile-only-note{display:none}@media(max-width:980px){.hero,.two,.work,.catalog-section{grid-template-columns:1fr}.grid,.catalog-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.shell{width:min(100% - 32px,1180px);padding-top:42px}.chatbox{min-height:560px}.nav{gap:12px;font-size:13px;overflow:auto;max-width:58vw;padding-bottom:2px}.topbar{align-items:flex-start;padding-top:16px;padding-bottom:16px;min-height:auto}.brand{padding-top:2px}}@media(max-width:640px){body:before{background-size:120px 88px,240px 176px,240px 176px}.topbar{padding:14px 16px;gap:12px}.brand{font-size:14px}.brand span,.mark{width:28px;height:28px}.nav{max-width:54vw;gap:10px;font-size:12px}.shell{width:calc(100% - 24px);padding:28px 0 82px}.hero{gap:28px;min-height:auto;padding-top:18px}h1{font-size:clamp(32px,10vw,44px)}h2{font-size:clamp(22px,7vw,30px)}h3{font-size:19px}.lead{font-size:14px;line-height:1.85}.chatbox{border-radius:24px;min-height:calc(100svh - 230px);padding:16px}.tabs{width:100%;border-radius:22px;justify-content:flex-start}.tab{padding:9px 13px;font-size:13px}.inputrow{flex-direction:column;align-items:stretch}.inputrow button{width:100%}.bubble{font-size:14px;max-width:100%;padding:14px 15px}.message.user{justify-content:stretch}.message.user .bubble{margin-left:38px}.grid,.metrics,.catalog-grid{grid-template-columns:1fr}.metric,.card{border-radius:22px;padding:20px}.login-wrap{padding:16px}.login-card{padding:24px;border-radius:26px}.work{gap:16px}.permission-row{grid-template-columns:1fr}.mobile-only-note{display:block;color:var(--muted);font-size:12px}.catalog-section{gap:22px;margin:54px 0}}