:root{--background:#f4f7fb;--foreground:#14213a;--card:#fff;--muted:#eef3fa;--muted-foreground:#5d6f8c;--border:#d8e1ef;--primary:#4668eb;--primary-soft:#eaf0ff;--success:#0f9f66;--warning:#d98306;--danger:#dc4b4b;--shadow:0 1px 2px #12213a0d, 0 8px 28px #4158820d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--background:#071225;--foreground:#f3f6ff;--card:#101f38;--muted:#192b48;--muted-foreground:#a9b8d0;--border:#2a3d5d;--primary:#7185ff;--primary-soft:#182b4b;--success:#32d58c;--warning:#f5ad3d;--danger:#ff7f7f;--shadow:0 16px 40px #00000029;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Avenir Next,Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--card);flex:none;width:240px;height:100vh;padding:16px;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:57px;margin-bottom:14px;padding:0 2px 15px;display:flex}.brand-mark{width:42px;height:22px;color:var(--foreground);flex:none;display:block}.brand-title{font-size:15px;font-weight:800;line-height:1.2}.brand-subtitle{color:var(--muted-foreground);margin-top:3px;font-size:11px}.nav{gap:3px;display:grid}.nav-link{min-height:40px;color:var(--muted-foreground);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--muted);color:var(--foreground)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link svg{width:17px;height:17px}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:99px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:10px}.health{border:1px solid var(--border);background:var(--muted);border-radius:10px;margin-top:22px;padding:12px;font-size:11px}.health-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.health-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 13%, transparent);border-radius:50%;margin-right:5px;display:inline-block}.sidebar-foot{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:18px;padding:12px 4px 2px;font-size:11px}.main{flex:1;min-width:0}.header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:10px 22px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted-foreground);margin:0 0 3px;font-size:11px}.page-title{letter-spacing:-.02em;margin:0;font-size:20px}.header-actions{align-items:center;gap:8px;display:flex}.profile{border:1px solid var(--border);background:var(--card);text-align:right;min-width:148px;box-shadow:var(--shadow);border-radius:9px;padding:7px 10px}.profile strong{font-size:11px;display:block}.profile span{color:var(--muted-foreground);margin-top:2px;font-size:10px;display:block}.icon-button{border:1px solid var(--border);background:var(--card);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border-radius:9px;place-items:center;display:grid}.icon-button:hover{background:var(--muted)}.icon-button svg{width:17px}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.mobile-nav{display:none}.content{max-width:1530px;margin:0 auto;padding:20px 22px 40px}.notice{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card));color:var(--muted-foreground);border-radius:9px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:12px;display:flex}.notice svg{width:16px;color:var(--primary)}.grid{gap:13px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.metric{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:11px}.panel{padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h2,.panel h2{margin:0;font-size:14px}.panel-head p,.panel-subtitle{color:var(--muted-foreground);margin:3px 0 0;font-size:11px}.metric{min-height:132px;padding:16px;position:relative;overflow:hidden}.metric:after{content:"";background:color-mix(in srgb, var(--primary) 6%, transparent);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-14px}.metric-label{color:var(--muted-foreground);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.metric-value{letter-spacing:-.04em;margin-top:10px;font-size:29px;font-weight:800}.metric-meta{color:var(--muted-foreground);margin-top:7px;font-size:11px}.delta{color:var(--success);font-weight:700}.count-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.count-card{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 70%, var(--muted));border-radius:9px;padding:12px}.count-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.count-value{font-size:21px;font-weight:800}.count-card p{color:var(--muted-foreground);margin:9px 0 0;font-size:10px;line-height:1.5}.badge{white-space:nowrap;background:var(--muted);color:var(--muted-foreground);border-radius:99px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{background:color-mix(in srgb, var(--success) 11%, transparent);color:var(--success)}.badge.warning{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}.badge.danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.rank-list{gap:8px;display:grid}.rank-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:9px 10px;display:flex}.rank-row:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.rank-row strong{font-size:12px}.rank-row span{color:var(--muted-foreground);font-size:11px}.toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px;display:flex}.field,.select,.textarea{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px}.field,.select{height:38px;padding:0 11px}.field{min-width:230px}.select{min-width:140px}.textarea{resize:vertical;width:100%;min-height:112px;padding:11px;line-height:1.7}.button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:750;display:inline-flex}.button:hover{background:var(--muted)}.button svg{width:15px;height:15px}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button.primary:hover{filter:brightness(.96)}.button.danger{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger)}.button:disabled{opacity:.45;cursor:not-allowed}.table-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:10px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:800px}.table th{background:var(--muted);color:var(--muted-foreground);text-align:left;letter-spacing:.03em;padding:10px 12px;font-size:10px}.table td{border-top:1px solid var(--border);padding:12px;font-size:12px}.table tbody tr{cursor:pointer;transition:background .12s}.table tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, var(--card))}.primary-text{font-weight:750}.secondary-text{color:var(--muted-foreground);margin-top:3px;font-size:10px}.confidence{background:var(--muted);border-radius:9px;width:76px;height:5px;margin-top:5px;overflow:hidden}.confidence>span{background:var(--primary);height:100%;display:block}.table-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:11px;display:flex}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07122561;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--border);background:var(--card);width:min(510px,94vw);height:100%;padding:20px;animation:.18s ease-out slide-in;overflow-y:auto;box-shadow:-20px 0 50px #07122526}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.drawer h2{margin:0;font-size:18px}.detail-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.detail-item{background:var(--muted);border-radius:8px;padding:11px}.detail-item span{color:var(--muted-foreground);margin-bottom:4px;font-size:10px;display:block}.timeline{gap:0;margin:10px 0 0 5px;display:grid}.timeline-row{border-left:1px solid var(--border);padding:0 0 18px 22px;position:relative}.timeline-row:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 4px var(--primary-soft);border-radius:50%;position:absolute;top:2px;left:-5px}.timeline-row:last-child{border-left-color:#0000}.timeline-row strong{font-size:12px}.timeline-row p{color:var(--muted-foreground);margin:4px 0 0;font-size:11px;line-height:1.5}.phone-layout{grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr);gap:14px;display:grid}.form-group{margin-bottom:14px}.form-label{margin-bottom:6px;font-size:11px;font-weight:800;display:block}.form-help{color:var(--muted-foreground);margin-top:6px;font-size:10px}.full{width:100%}.dial-display{border:1px solid var(--border);background:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:flex}.dial-display svg{color:var(--primary)}.dial-display input{color:var(--foreground);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;font-size:21px;font-weight:700}.call-preview{border:1px dashed var(--border);background:color-mix(in srgb, var(--muted) 48%, var(--card));text-align:center;border-radius:10px;place-items:center;min-height:440px;padding:24px;display:grid}.call-orb{background:var(--primary-soft);width:82px;height:82px;color:var(--primary);box-shadow:0 0 0 12px color-mix(in srgb, var(--primary) 5%, transparent);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.call-orb svg{width:33px;height:33px}.call-preview h2{margin:0;font-size:17px}.call-preview p{max-width:380px;color:var(--muted-foreground);margin:8px auto 0;font-size:12px;line-height:1.7}.flow{border:1px solid var(--border);background:var(--card);border-radius:11px;grid-template-columns:240px 1fr 300px;min-height:calc(100vh - 110px);display:grid;overflow:hidden}.flow-side{border-right:1px solid var(--border);padding:14px}.flow-side:last-child{border-right:0;border-left:1px solid var(--border)}.flow-canvas{background-color:color-mix(in srgb, var(--muted) 50%, var(--card));background-image:radial-gradient(circle, color-mix(in srgb, var(--muted-foreground) 18%, transparent) 1px, transparent 1px);background-size:20px 20px;padding:48px;position:relative;overflow:auto}.node-list{gap:7px;margin-top:12px;display:grid}.node-chip{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:10px;font-size:11px}.flow-nodes{justify-items:center;gap:42px;width:570px;margin:0 auto;display:grid}.flow-node{border:1px solid var(--border);background:var(--card);width:270px;box-shadow:var(--shadow);border-radius:10px;padding:13px;position:relative}.flow-node.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.flow-node:after{content:"";border-left:2px solid var(--primary);height:42px;position:absolute;bottom:-43px;left:50%}.flow-node:last-child:after{display:none}.flow-node strong{margin-bottom:6px;font-size:12px;display:block}.flow-node p{color:var(--muted-foreground);margin:0;font-size:10px;line-height:1.5}.dropzone{border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 4%, var(--card));text-align:center;border-radius:10px;place-items:center;min-height:190px;display:grid}.dropzone svg{width:30px;height:30px;color:var(--primary);margin-bottom:8px}.settings-list{gap:0;display:grid}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.settings-row:last-child{border:0}.settings-row strong{font-size:12px;display:block}.settings-row p{color:var(--muted-foreground);margin:4px 0 0;font-size:10px}.switch{background:var(--border);cursor:pointer;border:0;border-radius:99px;width:42px;height:24px;padding:3px;transition:background .15s}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0003}.switch.on{background:var(--primary)}.switch.on span{transform:translate(18px)}@keyframes slide-in{0%{opacity:.6;transform:translate(30px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:1fr 1fr}.three-col>:last-child{grid-column:1/-1}.flow{grid-template-columns:200px 1fr}.flow-side:last-child{display:none}}@media (max-width:900px){.shell{display:block}.sidebar{display:none}.header{flex-wrap:wrap;align-items:flex-start;padding:11px 15px 0}.profile{display:none}.mobile-nav{border-top:1px solid var(--border);order:3;gap:7px;width:calc(100% + 30px);margin:2px -15px 0;padding:10px 15px;display:flex;overflow-x:auto}.mobile-nav .nav-link{border:1px solid var(--border);background:var(--card);flex:none;min-height:36px;padding:6px 10px}.mobile-nav .nav-link.active{border-color:var(--primary);background:var(--primary);color:#fff}.content{padding:16px 14px 34px}.phone-layout{grid-template-columns:1fr}.flow{grid-template-columns:1fr;min-height:720px}.flow-side{display:none}}@media (max-width:650px){.page-title{font-size:17px}.header-actions .button{display:none}.kpi-grid,.two-col,.three-col,.count-grid{grid-template-columns:1fr}.three-col>:last-child{grid-column:auto}.metric{min-height:115px}.toolbar>*{width:100%}.field,.select{min-width:0}.detail-grid{grid-template-columns:1fr}.phone-layout{display:block}.phone-layout>*+*{margin-top:14px}.call-preview{min-height:300px}}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:var(--card);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;padding:32px 28px}.auth-head{text-align:center;margin-bottom:24px}.auth-logo{width:66px;height:35px;color:var(--foreground);margin:0 auto 14px;display:block}.auth-title{letter-spacing:-.01em;font-size:18px;font-weight:800}.auth-subtitle{color:var(--muted-foreground);margin-top:4px;font-size:12px}.auth-password{position:relative}.auth-password .field{padding-right:40px}.auth-reveal{width:38px;height:38px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-reveal svg{width:16px;height:16px}.auth-error{color:var(--danger);margin:12px 0 0;font-size:12px}.auth-note{border-top:1px solid var(--border);color:var(--muted-foreground);text-align:center;margin:20px 0 0;padding-top:16px;font-size:11px}