:root{--ink:#152033;--muted:#5f6b7c;--line:#d9e5ef;--blue:#1769d2;--teal:#14a59a;--green:#3da96a;--orange:#f28a35;--red:#e65757;--bg:#f7fbff;--card:#fff;--shadow:0 22px 60px rgba(18,52,84,.12);--soft-shadow:0 12px 32px rgba(18,52,84,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 0 0,rgba(23,105,210,.14),transparent 34%),radial-gradient(circle at 98% 10%,rgba(20,165,154,.12),transparent 30%),linear-gradient(180deg,#f8fbfe,#fff 45%,#f4f8fb);line-height:1.65}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,229,239,.8)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 10px 22px rgba(23,105,210,.24)}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:800;font-size:14px}.nav-links a:hover{color:var(--blue)}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;font-weight:900;color:#fff;background:var(--blue);box-shadow:0 12px 26px rgba(23,105,210,.22)}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--ink)}.btn.teal{background:var(--teal)}.btn.orange{background:var(--orange)}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);background:rgba(23,105,210,.08);border:1px solid rgba(23,105,210,.15);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900}.page-hero{padding:56px 0}.hero-grid{display:grid;grid-template-columns:1fr .98fr;gap:32px;align-items:center}h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.06em;margin:18px 0}h2{font-size:clamp(27px,3.2vw,42px);line-height:1.18;letter-spacing:-.04em;margin:0 0 14px}h3{font-size:20px;margin:0 0 8px}p{margin:0}.lead{font-size:18px;color:var(--muted);max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.panel,.card{background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:26px}.panel{box-shadow:var(--shadow)}.pad{padding:22px}.login-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1fr 480px;gap:32px;align-items:center;padding:52px 0}.login-card{padding:30px}.visual{min-height:560px;overflow:hidden;position:relative;padding:34px;background:linear-gradient(135deg,rgba(23,105,210,.94),rgba(20,165,154,.86));color:#fff}.visual.pm{background:linear-gradient(135deg,#152033,#1769d2 56%,#14a59a)}.visual:before{content:"";position:absolute;inset:auto -80px -100px auto;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.12)}.visual:after{content:"";position:absolute;top:-120px;right:30px;width:260px;height:260px;border-radius:50%;border:42px solid rgba(255,255,255,.1)}.visual-content{position:relative;z-index:2;display:grid;gap:24px}.visual-title{font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.05em;font-weight:900}.visual-note{color:rgba(255,255,255,.85);font-size:17px}.glass{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:20px;backdrop-filter:blur(16px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px}.stat b{display:block;font-size:22px}.stat span{font-size:12px;color:rgba(255,255,255,.78)}.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-weight:900;font-size:13px;color:#354357}.input,.select,.textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);padding:12px 14px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(23,105,210,.55);box-shadow:0 0 0 4px rgba(23,105,210,.1)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{color:var(--muted);font-size:13px}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.sso-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sso{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:44px;font-weight:900;color:#334155}.notice{padding:14px 16px;border-radius:16px;background:#f5f9fd;border:1px solid var(--line);color:var(--muted);font-size:13px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}.check input{margin-top:6px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 74px)}.sidebar{background:rgba(255,255,255,.84);border-right:1px solid var(--line);padding:24px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.profile{display:flex;gap:12px;align-items:center;padding:14px;background:#f8fbfe;border:1px solid var(--line);border-radius:20px}.avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--teal))}.side-title{font-weight:900}.side-sub{font-size:12px;color:var(--muted)}.menu{display:grid;gap:8px;margin-top:22px}.menu a{padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:900;font-size:14px}.menu a.active,.menu a:hover{background:rgba(23,105,210,.08);color:var(--blue)}.sidebox{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}.sidebox h4{margin:0 0 10px}.progress{height:9px;background:#e6eef6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:999px}.main{padding:28px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.toolbar h1,.toolbar h2{margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900;cursor:pointer}.tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{padding:18px}.kpi b{display:block;font-size:28px;line-height:1.1}.kpi span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) 390px;gap:20px;align-items:start}.pm-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.card-head p{color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:rgba(23,105,210,.08);color:var(--blue)}.badge.green{color:#157347;background:rgba(61,169,106,.12)}.badge.orange{color:#a45711;background:rgba(242,138,53,.13)}.badge.red{color:#a63737;background:rgba(230,87,87,.12)}.properties{display:grid;gap:14px}.property{display:grid;grid-template-columns:138px 1fr auto;gap:16px;padding:14px;align-items:center}.thumb{height:104px;border-radius:18px;background:linear-gradient(135deg,#d8e9f8,#fff 55%,#e0f7f4);position:relative;overflow:hidden}.thumb:before{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:34px;border-radius:8px;background:rgba(23,105,210,.18)}.thumb:after{content:"";position:absolute;left:30px;bottom:30px;width:44px;height:44px;border-radius:50%;background:rgba(20,165,154,.22)}.meta{color:var(--muted);font-size:13px}.price{margin-top:8px;font-size:18px;font-weight:900}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#f2f6fa;border:1px solid #e4edf5;color:#506176;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.score{min-width:92px;text-align:center}.score b{display:block;font-size:30px;line-height:1;color:var(--blue)}.score span{font-size:12px;color:var(--muted)}.bars{display:grid;gap:12px}.bar{display:grid;grid-template-columns:88px 1fr 34px;gap:10px;align-items:center;font-size:13px}.bar-bg{height:9px;background:#e6eef6;border-radius:999px;overflow:hidden}.bar-bg i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal))}.chat{display:grid;gap:12px;max-height:372px;overflow:auto;padding-right:4px}.msg{max-width:84%;padding:12px 14px;border-radius:18px;font-size:14px}.msg.ai{background:#f2f7fc;border:1px solid var(--line)}.msg.user{background:var(--blue);color:#fff;margin-left:auto}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 12px;border-bottom:1px solid #e9f0f6;text-align:left;white-space:nowrap}th{color:#526276;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#f7fafc}.status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.status.ok{color:#157347;background:rgba(61,169,106,.12)}.status.warn{color:#a45711;background:rgba(242,138,53,.13)}.status.stop{color:#a63737;background:rgba(230,87,87,.12)}.queue{display:grid;gap:12px}.queue-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.queue-item strong{display:block}.queue-item small{color:var(--muted)}.timeline{display:grid;gap:13px}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:10px}.dot{width:12px;height:12px;margin-top:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(23,105,210,.1)}.timeline-item p{color:var(--muted);font-size:13px}.footer{padding:34px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:#fff}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;background:#152033;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:var(--shadow);transition:.2s ease;z-index:50;font-size:14px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.spacer{height:40px}@media(max-width:980px){.nav-links{display:none}.hero-grid,.login-shell,.grid,.pm-grid{grid-template-columns:1fr}.visual{min-height:auto}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.property{grid-template-columns:112px 1fr}.score{grid-column:1/-1;text-align:left;display:flex;align-items:end;gap:8px}}@media(max-width:620px){.wrap{width:min(100% - 24px,1160px)}.main{padding:18px 12px}.row,.sso-grid,.kpi-grid,.stats{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.property{grid-template-columns:1fr}.thumb{height:160px}}