:root{color:#10213d;font-synthesis:none;text-rendering:optimizelegibility;--blue:#155ee8;--blue-dark:#0e48bc;--blue-soft:#eaf2ff;--navy:#10213d;--muted:#64728a;--line:#dfe5ee;--panel:#fff;--amber:#e97712;--amber-soft:#fff3e8;--shadow:0 8px 28px #2337580f;background:#f5f7fa;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f7fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.62}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #155ee83d}.admin-shell{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:232px;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--line);color:#123c8d;letter-spacing:-.02em;align-items:center;gap:12px;height:88px;padding:0 22px;font-size:17px;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 7px 18px #155ee838}.brand-mark svg{width:23px;height:23px}.sidebar nav{padding:24px 12px}.sidebar nav a{color:#41516b;border-radius:9px;align-items:center;gap:12px;height:48px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.sidebar nav a svg{width:21px}.sidebar nav a.active{background:var(--blue-soft);color:var(--blue-dark)}.sidebar nav .nav-button{color:#41516b;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:calc(100% - 24px);height:48px;margin:3px 12px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.sidebar nav .nav-button.active{background:var(--blue-soft);color:var(--blue-dark)}.logout-button{border:0;border-top:1px solid var(--line);color:#59677c;background:0 0;align-items:center;gap:10px;height:46px;margin:auto 18px 22px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.logout-button svg{width:19px}.logout-button:hover{color:var(--navy)}.dashboard-main{min-height:100vh;margin-left:232px;padding:0 30px 38px}.settings-panel{gap:18px;padding:28px 0;display:grid}.settings-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.settings-heading h2{margin:0 0 6px}.settings-heading p,.settings-help{color:var(--muted);font-size:13px}.settings-heading label,.settings-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.settings-heading select,.settings-form input,.settings-form textarea,.settings-row input,.settings-row select{min-height:40px;color:var(--navy);background:#fff;border:1px solid #ccd5e2;border-radius:7px;padding:8px 10px}.settings-tabs{border-bottom:1px solid var(--line);gap:8px;display:flex}.settings-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-weight:700}.settings-tabs button.active{border-color:var(--blue);color:var(--blue-dark)}.settings-list{gap:10px;display:grid}.settings-row{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:130px minmax(180px,1fr) 90px 120px minmax(180px,1fr) auto auto;align-items:center;gap:8px;padding:12px;display:grid}.settings-row button{color:#a34b4b;background:0 0;border:0;font-weight:700}.settings-form{gap:14px;max-width:760px;display:grid}.settings-form textarea{resize:vertical;min-height:100px}.settings-actions{align-items:center;gap:12px;display:flex}.mobile-header{display:none}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:28px;min-height:104px;display:flex}.page-title h1{letter-spacing:-.04em;margin:0 0 5px;font-size:28px}.page-title p{color:var(--muted);margin:0;font-size:13px}.filters{align-items:end;gap:10px;display:flex}.filters label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.filters label>span:first-child{align-items:center;gap:5px;padding-left:2px;display:flex}.filters label svg{width:15px;height:15px}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;min-width:210px;height:42px;color:var(--navy);background:#fff;border:1px solid #ccd5e2;border-radius:8px;padding:0 36px 0 13px;font-size:13px;font-weight:700}.filters label:nth-child(2) select{min-width:132px}.select-wrap>svg{pointer-events:none;position:absolute;top:13px;right:11px}.refresh-button{color:#34445e;background:#fff;border:1px solid #ccd5e2;border-radius:8px;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.refresh-button:hover{background:#fbfcfe;border-color:#9eb0c7}.refresh-button svg{width:18px}.dashboard-content{gap:14px;transition:opacity .16s;display:grid}.dashboard-content.refreshing{opacity:.56}.kpi-band{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;grid-template-columns:repeat(5,minmax(130px,1fr));padding:17px 0;display:grid;overflow:hidden}.kpi{border-right:1px solid var(--line);gap:7px;min-width:0;padding:3px 24px;display:grid}.kpi:last-child{border-right:0}.kpi span{color:#526078;font-size:12px;font-weight:700}.kpi strong{color:#104ebf;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(26px,2.3vw,36px)}.kpi.warning strong{color:var(--amber)}.analysis-grid{grid-template-columns:minmax(500px,1.08fr) minmax(420px,.92fr);gap:14px;display:grid}.panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:11px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 20px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:17px}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.panel-unit{color:var(--muted);font-size:11px;font-weight:700}.funnel-list{padding:8px 18px 10px}.funnel-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,1fr) minmax(150px,1.15fr) 46px 62px;align-items:center;gap:10px;min-height:47px;display:grid}.funnel-row:last-child{border-bottom:0}.funnel-label{align-items:center;gap:10px;min-width:0;display:flex}.stage-index,.table-index{background:var(--blue);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:inline-grid}.stage-copy{align-items:center;gap:7px;min-width:0;display:flex}.stage-copy strong{color:#23334d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stage-copy small,.type-label{color:#65748a;white-space:nowrap;font-size:9px;font-weight:800}.stage-copy small{border:1px solid #d9e0ea;border-radius:4px;padding:2px 5px}.funnel-bar-track{background:#f0f3f7;border-radius:4px;align-items:center;height:24px;display:flex;overflow:hidden}.funnel-bar{background:#2872ec;border-radius:4px;min-width:4px;height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.funnel-bar.highest{background:var(--amber)}.reached-value,.dropoff-value{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.dropoff-value{color:#4c5a70}.dropoff-value.highest{color:var(--amber);font-weight:800}.panel-note{border-top:1px solid var(--line);min-height:38px;color:var(--muted);align-items:center;gap:7px;padding:8px 20px;font-size:10px;display:flex}.legend-swatch{background:var(--blue);border-radius:3px;width:14px;height:5px;margin-left:9px}.legend-swatch:first-child{margin-left:0}.legend-swatch.highest{background:var(--amber)}.chart-legend{color:#526078;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.chart-legend span{border-radius:2px;width:15px;height:3px;margin-left:5px}.chart-legend .start{background:var(--blue)}.chart-legend .complete{background:#61a6f4}.trend-chart{align-items:center;min-height:343px;padding:8px 14px 3px;display:grid}.trend-chart svg{width:100%;height:auto;overflow:visible}.grid-line{stroke:#dfe5ed;stroke-width:1px;stroke-dasharray:4 4}.axis-text{fill:#69778c;font-family:inherit;font-size:11px}.trend-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-line.start{stroke:var(--blue)}.trend-line.complete{stroke:#61a6f4}.table-panel .panel-heading{min-height:64px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{border-bottom:1px solid var(--line);color:#5b6880;text-align:left;background:#f7f9fc;padding:10px 16px;font-size:10px}td{color:#263650;font-variant-numeric:tabular-nums;border-bottom:1px solid #e9edf2;padding:10px 16px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td:first-child{width:48%}td:first-child strong{margin-left:10px;font-size:12px}.table-index{width:23px;height:23px}.type-label{border:1px solid #cfd8e6;border-radius:4px;padding:3px 6px;display:inline-block}.type-label.ai_followup{color:#6845b5;background:#f8f4ff;border-color:#c9b7f4}.highest-cell{color:var(--amber);font-weight:800}.data-note{color:#778399;margin:0 4px;font-size:10px}.dashboard-error,.loading-state,.app-loading{color:#5e6d83;justify-content:center;align-items:center;gap:10px;display:flex}.dashboard-error{color:#9d3333;background:#fff8f8;border:1px solid #efc6c6;border-radius:9px;min-height:58px;margin-bottom:14px;font-size:13px}.dashboard-error button{color:#9d3333;background:0 0;border:0;font-weight:800;text-decoration:underline}.loading-state{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:360px;font-size:13px}.loading-state span,.app-loading span{border:2px solid #d7e3f8;border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.app-loading{min-height:100vh;font-size:15px;font-weight:800}.login-page{background:#f5f7fa;place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(100%,430px);padding:42px;box-shadow:0 20px 55px #20375b1a}.login-panel>.brand-mark{margin-bottom:18px}.login-brand{color:#15479f;margin:0 0 30px;font-size:15px;font-weight:800}.login-panel h1{letter-spacing:-.035em;margin:0 0 9px;font-size:26px}.login-copy{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.8}.login-panel form{gap:18px;display:grid}.login-panel label{color:#3f4e66;gap:7px;font-size:12px;font-weight:700;display:grid}.login-panel input{height:46px;color:var(--navy);border:1px solid #cbd5e2;border-radius:8px;padding:0 13px}.login-panel input:focus{border-color:var(--blue)}.primary-button{background:var(--blue);color:#fff;border:0;border-radius:8px;height:48px;font-weight:800;box-shadow:0 8px 18px #155ee833}.primary-button:hover{background:var(--blue-dark)}.form-error{color:#b13333;margin:-3px 0;font-size:12px}.demo-help{color:#8490a2;text-align:center;margin:20px 0 0;font-size:10px}.sidebar-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.analysis-grid{grid-template-columns:1fr}.trend-chart{min-height:280px}.filters .select-wrap select{min-width:170px}}@media (width<=860px){.sidebar{transform:translate(-100%);box-shadow:16px 0 45px #14264124}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#0e1f3a52;border:0;display:block;position:fixed;inset:0}.dashboard-main{margin-left:0;padding:0 18px 30px}.mobile-header{border-bottom:1px solid var(--line);color:#17386f;background:#fff;align-items:center;gap:12px;height:65px;margin:0 -18px;padding:0 18px;display:flex}.mobile-header button{border:1px solid var(--line);width:40px;height:40px;color:var(--navy);background:#fff;border-radius:8px;place-items:center;display:grid}.mobile-header svg{width:22px}.dashboard-toolbar{flex-direction:column;align-items:flex-start;padding:23px 0 18px}.filters{grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr) auto;width:100%;display:grid}.select-wrap select,.filters label:nth-child(2) select{width:100%;min-width:0}.kpi-band{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.kpi{scroll-snap-align:start;flex:1 0 155px;min-width:155px}.kpi strong{font-size:29px}}@media (width<=600px){.dashboard-main{padding-inline:12px}.mobile-header{margin-inline:-12px;padding-inline:12px}.page-title h1{font-size:25px}.dashboard-toolbar{gap:18px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.refresh-button{justify-content:center}.kpi-band{box-shadow:none;border-inline:0;border-radius:0;margin-inline:-12px}.panel{border-radius:9px}.panel-heading{min-height:64px;padding:12px 14px}.panel-heading h2{font-size:16px}.panel-unit{display:none}.funnel-list{padding:6px 13px 9px}.funnel-row{grid-template-rows:auto 5px;grid-template-columns:minmax(0,1fr) 42px 56px;gap:7px 8px;padding:9px 0}.funnel-label{grid-column:1}.stage-copy{display:block}.stage-copy strong{white-space:normal;font-size:11px;display:block}.stage-copy small{margin-top:3px;display:inline-block}.funnel-bar-track{grid-area:2/1/auto/-1;height:5px}.reached-value{grid-area:1/2}.dropoff-value{grid-area:1/3}.panel-note{flex-wrap:wrap}.trend-chart{min-height:230px;padding-inline:4px}.chart-legend{font-size:9px}.table-scroll{overflow:visible}table,tbody{display:block}thead{display:none}tbody{padding:8px 10px}tbody tr{border:1px solid #e4e9f0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px;padding:10px;display:grid}td{border:0;gap:3px;padding:6px 4px;font-size:11px;display:grid}td:first-child{border-bottom:1px solid #edf0f4;grid-column:1/-1;align-items:center;width:auto;padding-bottom:9px;display:flex}td:first-child strong{font-size:11px}td:nth-child(2):before{content:"種類"}td:nth-child(3):before{content:"到達数"}td:nth-child(4):before{content:"離脱数"}td:nth-child(5):before{content:"離脱率"}td:not(:first-child):before{color:#7b8798;font-size:8px;font-weight:700}.type-label{width:fit-content;font-size:8px}.login-page{padding:16px}.login-panel{padding:30px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}