*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-2:#fafafa;--color-surface-hover:#f3f4f6;--color-overlay:#0f10110a;--color-text:#0a0a0b;--color-text-secondary:#525258;--color-text-muted:#9a9aa3;--color-border:#e9e9ee;--color-border-light:#f1f1f5;--color-border-strong:#d6d6de;--color-primary:#5b54f0;--color-primary-light:#8b85f5;--color-primary-strong:#4338ca;--color-primary-bg:#eef0ff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-sidebar:#fff;--color-sidebar-text:#525258;--color-sidebar-active:#0a0a0b;--color-sidebar-active-bg:#f3f4f6;--color-sidebar-border:#ececf0;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f10110a;--shadow-sm:0 1px 2px #0f10110a, 0 1px 3px #0f10110d;--shadow:0 1px 2px #0f10110a, 0 4px 12px -2px #0f10110f;--shadow-md:0 2px 4px #0f10110a, 0 12px 24px -6px #0f101114;--shadow-lg:0 4px 8px #0f10110a, 0 24px 48px -12px #0f101124;--shadow-focus:0 0 0 3px #5b54f02e;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.14s;--duration:.22s;--duration-slow:.36s;--transition:var(--duration) var(--ease-spring);--sidebar-width:256px;--content-max:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#0a0a0b;--color-surface:#131316;--color-surface-2:#181a1f;--color-surface-hover:#1f2127;--color-overlay:#ffffff0d;--color-text:#f5f5f7;--color-text-secondary:#a5a5b1;--color-text-muted:#6b6b76;--color-border:#26272d;--color-border-light:#1d1e23;--color-border-strong:#383942;--color-primary:#8b85f5;--color-primary-light:#a5a1f7;--color-primary-strong:#5b54f0;--color-primary-bg:#8b85f524;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-sidebar:#0d0d0f;--color-sidebar-text:#a5a5b1;--color-sidebar-active:#f5f5f7;--color-sidebar-active-bg:#1f2127;--color-sidebar-border:#1d1e23;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 2px #0009, 0 1px 3px #0006;--shadow:0 1px 2px #0009, 0 8px 24px -6px #00000080;--shadow-md:0 4px 8px #00000080, 0 16px 32px -8px #0000008c;--shadow-lg:0 8px 16px #00000080, 0 32px 64px -16px #000000b3;--shadow-focus:0 0 0 3px #8b85f552;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--color-bg);color:var(--color-text);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss03", "cv02";font-family:Inter var,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Roboto,sans-serif;font-size:14.5px;line-height:1.55}@supports (font-variation-settings:normal){body{font-family:Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Roboto,sans-serif}}::selection{background:#5b54f033}button{font-family:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);z-index:100;border-right:1px solid var(--color-sidebar-border);flex-direction:column;padding:18px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__logo{padding:6px 10px 22px}.sidebar__logo h1{color:var(--color-sidebar-active);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.sidebar__logo h1:before{content:"";background:url(/favicon.svg) 50%/contain no-repeat;flex-shrink:0;width:24px;height:24px}.sidebar__logo span{color:var(--color-text-muted);letter-spacing:0;margin-top:6px;font-size:.7rem;display:block}.sidebar__nav{flex-direction:column;flex:1;gap:2px;margin-top:8px;display:flex}.sidebar__item{color:var(--color-sidebar-text);cursor:pointer;text-align:left;border-radius:var(--radius-sm);width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:.875rem;font-weight:500;display:flex}.sidebar__item:hover{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active)}.sidebar__item--active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active);font-weight:600}.sidebar__item-icon{justify-content:center;align-items:center;width:18px;font-size:1rem;display:inline-flex}.sidebar__user{border-top:1px solid var(--color-sidebar-border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:flex}.sidebar__user-name{color:var(--color-sidebar-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.sidebar__logout{border-radius:var(--radius-xs);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:4px 10px;font-size:.72rem}.sidebar__logout:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}.main-content{margin-left:var(--sidebar-width);max-width:calc(var(--sidebar-width) + var(--content-max));flex:1;padding:32px 40px 64px}.page-header{margin-bottom:28px}.page-header__title{letter-spacing:-.025em;color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1.2}.page-header__subtitle{color:var(--color-text-secondary);letter-spacing:-.005em;margin-top:6px;font-size:.875rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:box-shadow var(--transition);margin-bottom:14px;padding:22px}.card:hover{box-shadow:var(--shadow)}.card--flat{box-shadow:none;border:1px solid var(--color-border)}.card--flat:hover{box-shadow:none}.card__title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:.7rem;font-weight:600}.badge{border-radius:var(--radius-pill);letter-spacing:-.01em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success-bg);color:#047857;border-color:#10b9812e}.badge--neutral{background:var(--color-surface-hover);color:var(--color-text-secondary);border-color:var(--color-border)}.badge--warning{background:var(--color-warning-bg);color:#92400e;border-color:#f59e0b33}.badge--danger{background:var(--color-danger-bg);color:#b91c1c;border-color:#ef444433}.badge--primary{background:var(--color-primary-bg);color:var(--color-primary-strong);border-color:#5b54f033}@media (prefers-color-scheme:dark){.badge--success{color:#6ee7b7}.badge--warning{color:#fcd34d}.badge--danger{color:#fca5a5}.badge--primary{color:var(--color-primary-light)}}.badge__dot{background:currentColor;border-radius:50%;width:5px;height:5px}.score-gauge{letter-spacing:-.03em;width:88px;height:88px;color:var(--color-text);font-variant-numeric:tabular-nums;isolation:isolate;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:inline-flex;position:relative}.score-gauge:before{content:"";background:conic-gradient(var(--gauge-color,#10b981) calc(var(--gauge-value,0) * 1%), var(--color-border-light) 0);-webkit-mask-composite:xor;z-index:-1;border-radius:50%;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.score-gauge:after{content:"";background:var(--color-surface);z-index:-1;border-radius:50%;position:absolute;inset:4px}.score-gauge--high{--gauge-color:#10b981}.score-gauge--mid{--gauge-color:#f59e0b}.score-gauge--low{--gauge-color:#ef4444}.summary-meta{flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:20px;display:flex}.summary-meta__item{font-size:.9rem;font-weight:500}.summary-meta__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:.72rem;font-weight:600;display:block}.feedback{flex-direction:column;gap:8px;margin-top:18px;display:flex}.feedback__item{border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border-light);gap:12px;padding:12px 14px;font-size:.88rem;line-height:1.6;display:flex}.feedback__item--good{border-left:3px solid var(--color-success);background:var(--color-success-bg)}.feedback__item--more{border-left:3px solid var(--color-warning);background:var(--color-warning-bg)}.feedback__item--next{border-left:3px solid var(--color-primary);background:var(--color-primary-bg)}.feedback__icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.feedback__label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.7rem;font-weight:700}.timeline__phases{gap:6px;margin-bottom:14px;display:flex}.timeline__phase{text-align:center;border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer;transition:all var(--transition);border:1px solid var(--color-border-light);flex:1;min-width:0;padding:10px 6px}.timeline__phase:hover{border-color:var(--color-primary);background:var(--color-primary-bg);transform:translateY(-1px)}.timeline__phase-label{color:var(--color-text-secondary);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600;display:block;overflow:hidden}.timeline__phase-score{color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px;font-size:1.15rem;font-weight:700;display:block}.heatmap{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-border-light);gap:1px;height:38px;margin-bottom:8px;display:flex;overflow:hidden}.heatmap__segment{min-width:2px;transition:opacity var(--duration-fast) var(--ease-spring), transform var(--duration-fast) var(--ease-spring);flex:1}.heatmap__segment:hover{opacity:.8;transform:scaleY(1.15)}.timeline__markers{height:18px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.68rem;display:flex}.audio-player{background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:14px 16px}.audio-player--empty{text-align:center;color:var(--color-text-muted);padding:28px;font-size:.85rem}.audio-player__placeholder{font-size:.85rem}.audio-player audio{width:100%;height:36px}.audio-player__time{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;justify-content:flex-end;gap:6px;margin-top:8px;font-size:.78rem;display:flex}.audio-player__time-sep{color:var(--color-text-muted)}.heatmap-container{padding-top:4px;position:relative}.heatmap__pins{height:18px;margin-top:6px;position:relative}.heatmap__pin{border:2px solid var(--color-surface);width:11px;height:11px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition);border-radius:50%;padding:0;position:absolute;top:0;transform:translate(-50%)}.heatmap__pin:hover{transform:translate(-50%)scale(1.35)}.heatmap__pin--positive{background:var(--color-success)}.heatmap__pin--improvement{background:var(--color-warning)}.heatmap__playhead{background:var(--color-primary);pointer-events:none;width:2px;transition:left .1s linear;position:absolute;top:0;bottom:18px;transform:translate(-50%);box-shadow:0 0 8px #5b54f066}.heatmap__playhead:before{content:"";background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #5b54f02e}.transcript{flex-direction:column;gap:3px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.transcript::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.transcript__line{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-spring);border-left:3px solid #0000;padding:9px 12px}.transcript__line:hover{background:var(--color-surface-hover)}.transcript__line--active{background:var(--color-primary-bg);border-left-color:var(--color-primary)}.transcript__line--instructor{border-left-color:#5b54f066}.transcript__line--customer{border-left-color:#f59e0b66}.transcript__line--active.transcript__line--instructor,.transcript__line--active.transcript__line--customer{border-left-color:var(--color-primary)}.transcript__meta{color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:3px;font-size:.7rem;display:flex}.transcript__timestamp{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.transcript__speaker{color:var(--color-text-secondary);font-weight:600}.transcript__text{color:var(--color-text);letter-spacing:-.005em;font-size:.88rem;line-height:1.55}.transcript__comment{border-radius:var(--radius-sm);margin-top:6px;padding:7px 10px;font-size:.8rem;line-height:1.5}.transcript__comment--positive{background:var(--color-success-bg);color:#047857}.transcript__comment--improvement{background:var(--color-warning-bg);color:#92400e}@media (prefers-color-scheme:dark){.transcript__comment--positive{color:#6ee7b7}.transcript__comment--improvement{color:#fcd34d}}.transcript__comment-label{text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:.7rem;font-weight:700}.category-bars{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}@media (width<=720px){.category-bars{grid-template-columns:1fr}}.category-bar{padding:4px 0}.category-bar__header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.category-bar__label{letter-spacing:-.005em;font-size:.85rem;font-weight:500}.category-bar__score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1rem;font-weight:700}.category-bar__track{background:var(--color-border-light);border-radius:var(--radius-pill);height:6px;overflow:hidden}.category-bar__fill{border-radius:var(--radius-pill);height:100%;transition:width .6s var(--ease-out)}.category-bar__summary{color:var(--color-text-secondary);margin-top:5px;font-size:.78rem}.priority-list{background:var(--color-danger-bg);border-radius:var(--radius-md);border:1px solid #ef44442e;margin-top:18px;padding:14px 16px}.priority-list__title{color:var(--color-danger);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.7rem;font-weight:700}.priority-list__items{margin:0;padding-left:22px;font-size:.85rem;line-height:1.7}.priority-list__items li{margin-bottom:2px}.ai-comments{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.ai-comments{grid-template-columns:1fr}}.ai-comments::-webkit-scrollbar{width:6px}.ai-comments::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.ai-comment{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;transition:all var(--transition);padding:13px 14px;position:relative}.ai-comment:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ai-comment--active{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ai-comment--positive{border-left:3px solid var(--color-success)}.ai-comment--improvement{border-left:3px solid var(--color-warning)}.ai-comment__header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.ai-comment__timestamp{color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-right:4px;font-size:.72rem}.ai-comment__body{letter-spacing:-.005em;margin-bottom:8px;font-size:.88rem;line-height:1.55}.ai-comment__transcript{background:var(--color-surface-2);border-radius:var(--radius-sm);white-space:pre-wrap;color:var(--color-text-secondary);border:1px solid var(--color-border-light);margin-top:6px;padding:8px 10px;font-size:.8rem}.ai-comment__suggestion{background:var(--color-primary-bg);border-radius:var(--radius-sm);border:1px solid #5b54f029;margin-top:8px;padding:10px 12px;font-size:.82rem;line-height:1.55}.ai-comment__suggestion-label{color:var(--color-primary-strong);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.68rem;font-weight:700}@media (prefers-color-scheme:dark){.ai-comment__suggestion-label{color:var(--color-primary-light)}}.ai-comment__reasoning{color:var(--color-text-muted);margin-top:6px;font-size:.75rem;font-style:italic}.analysis-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:16px;display:grid}.analysis-grid__main,.analysis-grid__side{flex-direction:column;gap:14px;min-width:0;display:flex}@media (width<=1080px){.analysis-grid{grid-template-columns:1fr}}.pickup{border-left:3px solid var(--color-primary);margin-bottom:18px;padding-left:16px}.pickup--highlighted{border-left-color:var(--color-danger)}.pickup__timestamp{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:.72rem}.pickup__transcript{background:var(--color-surface-2);border-radius:var(--radius-sm);white-space:pre-wrap;border:1px solid var(--color-border-light);margin-bottom:10px;padding:12px;font-size:.85rem;line-height:1.65}.pickup__alternative{background:var(--color-primary-bg);border-radius:var(--radius-sm);border:1px solid #5b54f029;padding:12px;font-size:.85rem;line-height:1.65}.pickup__alternative-label{color:var(--color-primary-strong);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:.72rem;font-weight:700}.pickup__reasoning{color:var(--color-text-secondary);margin-top:8px;font-size:.78rem;font-style:italic}.btn{border-radius:var(--radius-sm);letter-spacing:-.005em;cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--primary{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.btn--primary:hover{background:#1a1a1d;border-color:#1a1a1d;transform:translateY(-.5px)}@media (prefers-color-scheme:dark){.btn--primary:hover{background:#e5e5e9;border-color:#e5e5e9}}.btn--primary:disabled{background:var(--color-border-strong);border-color:var(--color-border-strong);color:var(--color-text-muted);cursor:not-allowed;transform:none}.btn--outline{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--danger-outline{color:var(--color-danger);background:0 0;border:1px solid #ef444466}.btn--danger-outline:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.btn--block{width:100%;display:flex}.btn--lg{border-radius:var(--radius-md);padding:12px 22px;font-size:.95rem}.input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);letter-spacing:-.005em;outline:none;padding:9px 13px;font-family:inherit;font-size:.88rem}.input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-muted)}.input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239a9aa3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.label{color:var(--color-text-secondary);letter-spacing:-.005em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:.7rem;font-weight:600}.table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-hover)}.session-card{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;transition:all var(--transition);align-items:center;gap:18px;margin-bottom:8px;padding:16px 18px;display:flex}.session-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.session-card__date{font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:100px;font-size:.92rem;font-weight:600}.session-card__meta{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.session-card__action{flex-shrink:0}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px}.empty-state__icon{opacity:.5;margin-bottom:14px;font-size:2.4rem}.empty-state__title{color:var(--color-text-secondary);letter-spacing:-.01em;margin-bottom:6px;font-size:1rem;font-weight:600}.empty-state__description{max-width:360px;margin:0 auto;font-size:.85rem;line-height:1.55}.loading{min-height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex;position:relative}.loading:before{content:"";border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;color:var(--color-danger);padding:40px;font-size:.9rem}.login-page{background:radial-gradient(70% 50% at 30% 20%,#5b54f040,#0000 60%),radial-gradient(60% 40% at 80% 80%,#8b85f52e,#0000 60%),linear-gradient(135deg,#0f0d2e 0%,#1a1738 50%,#221f48 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);width:100%;max-width:420px;margin:24px;padding:40px}.login-card__logo{text-align:center;margin-bottom:32px}.login-card__logo h1{color:var(--color-text);letter-spacing:-.025em;font-size:1.6rem;font-weight:700}.login-card__logo p{color:var(--color-text-secondary);margin-top:6px;font-size:.875rem}.chat{flex-direction:column;gap:10px;max-height:460px;padding:8px;display:flex;overflow-y:auto}.chat__bubble{border-radius:18px;max-width:78%;padding:11px 15px;font-size:.9rem;line-height:1.55}.chat__bubble--instructor{background:var(--color-primary);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.chat__bubble--customer{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-light);border-bottom-left-radius:5px;align-self:flex-start}.chat__typing{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:18px 18px 18px 5px;align-self:flex-start;padding:11px 15px;font-size:.85rem}.chat-input{gap:8px;margin-top:12px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat-card{border-radius:var(--radius-md);background:var(--color-surface-2);text-align:center;border:1px solid var(--color-border-light);padding:16px}.stat-card__value{color:var(--color-text);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700}.stat-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.72rem;font-weight:500}.upload-area{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition);cursor:pointer;background:var(--color-surface-2);padding:28px 20px}.upload-area:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.upload-area__icon{opacity:.7;margin-bottom:10px;font-size:1.8rem}.upload-area__text{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}@media (width<=768px){.sidebar{width:68px;padding:14px 8px}.sidebar__logo{text-align:center;padding:6px 0}.sidebar__logo h1{justify-content:center;font-size:0}.sidebar__logo h1:before{margin:0 auto}.sidebar__logo span{display:none}.sidebar__item{justify-content:center;padding:10px}.sidebar__item span:not(.sidebar__item-icon),.sidebar__user-name{display:none}.main-content{margin-left:68px;padding:20px 16px}.timeline__phases{flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-header__title{font-size:1.4rem}}.analyzing-indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:all var(--transition);align-items:center;gap:8px;margin:0 12px 12px;padding:10px 12px;font-size:.8rem;display:flex}.analyzing-indicator:hover{border-color:var(--color-primary);transform:translateY(-1px)}.analyzing-indicator__spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.9s linear infinite analyzing-spin}@keyframes analyzing-spin{to{transform:rotate(360deg)}}.analyzing-indicator__text{flex:1;font-weight:500}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:280px;max-width:360px;box-shadow:var(--shadow-lg,0 8px 24px #0000004d);pointer-events:auto;border-left-width:4px;align-items:stretch;animation:.25s ease-out toast-in;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--danger{border-left-color:var(--color-danger)}.toast__body{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;padding:12px 14px}.toast__body:hover{background:var(--color-surface-hover,#ffffff0a)}.toast__title{margin-bottom:4px;font-size:.9rem;font-weight:600}.toast__hint{color:var(--color-text-muted);font-size:.75rem}.toast__close{width:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.toast__close:hover{color:var(--color-text)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.legend{align-items:center;display:inline-flex;position:relative}.legend__trigger{border:1px solid var(--color-border-strong);width:20px;height:20px;color:var(--color-text-muted);cursor:help;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.legend__trigger:hover,.legend__trigger:focus-visible{color:var(--color-text);border-color:var(--color-text);outline:none}.legend__popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);z-index:50;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), visibility 0s var(--duration-fast);pointer-events:none;padding:12px 14px;position:absolute;top:calc(100% + 8px);left:-8px;transform:translateY(-4px)}.legend:hover .legend__popover,.legend:focus-within .legend__popover{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);transform:translateY(0)}.legend__title{color:var(--color-text);letter-spacing:0;margin-bottom:6px;font-size:.75rem;font-weight:600}.legend__desc{color:var(--color-text-secondary);margin-bottom:8px;font-size:.75rem}.legend__row{align-items:center;gap:8px;padding:3px 0;display:flex}.legend__swatch{border-radius:3px;flex-shrink:0;width:18px;height:14px}.legend__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin:0 5px}.legend__dot--positive{background:var(--color-success)}.legend__dot--improvement{background:var(--color-warning)}.legend__label{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.legend__divider{background:var(--color-border-light);height:1px;margin:10px 0 8px}.legend__hint{color:var(--color-text-muted);border-top:1px dashed var(--color-border-light);margin-top:8px;padding-top:8px;font-size:.7rem}