.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-base)}.login-card{width:100%;max-width:420px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);padding:20px}.login-card h1{font-size:30px;line-height:1.1;text-align:center;color:#171a21;margin-bottom:4px;font-weight:700}.login-card h2{font-size:16px;text-align:center;font-weight:500;color:#5f6675;margin-bottom:18px}.login-card .form-group{margin-bottom:12px}.login-card .form-group label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:#5f6879}.login-card .form-group input{width:100%;padding:9px 10px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#1d2534;font-size:13px}.login-card .form-group input:focus{outline:none;border-color:#98a9d8;box-shadow:0 0 0 3px #4f6fe51f}.submit-button{width:100%;border:1px solid #4767d8;border-radius:8px;padding:9px 10px;margin-top:2px;background:linear-gradient(180deg,#6382f1,#4f6fe5);color:#f8fbff;font-weight:700;font-size:14px;cursor:pointer}.submit-button:disabled{opacity:.7;cursor:not-allowed}.login-card .error-message{border-radius:8px;padding:8px;margin-bottom:10px;background:#fbeff2;border:1px solid #f1cad3;color:#a5334c;font-size:13px}.platform-shell{min-height:100vh;display:flex;color:var(--text-primary);background:var(--bg-base)}.platform-sidebar{width:232px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:10px}.platform-brand{border:1px solid var(--border-strong);border-radius:10px;background:#fff;padding:10px 12px}.platform-brand h1{font-size:18px;line-height:1.2;letter-spacing:0;font-weight:700}.platform-nav{display:flex;flex-direction:column;gap:2px}.platform-nav-item{border:1px solid transparent;border-radius:8px;color:var(--text-secondary);text-decoration:none;padding:8px 10px;transition:all .18s ease;font-size:14px}.platform-nav-item:hover{background:#eceff5;border-color:#dbe0ea;color:#242a35}.platform-nav-item.active{background:#e6ebf7;border-color:#d2daee;color:#1f2733;font-weight:600}.platform-logout{margin-top:auto;border:1px solid var(--border-strong);background:#fff;color:#273040;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:13px;font-weight:600}.platform-logout:hover{background:#f5f7fb}.platform-main{flex:1;min-width:0;display:flex;flex-direction:column}.platform-topbar{border-bottom:1px solid var(--border);background:#fff;padding:10px 16px}.platform-topbar h2{font-size:18px;line-height:1.2;margin-bottom:1px;font-weight:700}.platform-topbar p{color:var(--text-secondary);font-size:12px}.platform-content{padding:12px 16px 18px}@media (max-width: 980px){.platform-shell{flex-direction:column}.platform-sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border)}.platform-nav{flex-direction:row;flex-wrap:wrap}}@media (max-width: 680px){.platform-topbar,.platform-content{padding-left:12px;padding-right:12px}}.page-stack{display:flex;flex-direction:column;gap:10px}.section-panel,.page-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.section-head h3,.page-card h3{font-size:15px;line-height:1.25;margin-bottom:2px;color:#1b2330}.section-head p,.page-card p,.page-card li,.page-card label,.page-card small{color:var(--text-secondary)}.section-caption{font-size:12px;color:var(--text-muted)}.kpi-grid,.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.kpi-card{border:1px solid var(--border);border-radius:10px;background:var(--bg-panel-2);padding:10px}.metrics-label{color:#6d7690;font-size:11px;letter-spacing:.02em}.metrics-value{font-size:28px;line-height:1.1;font-weight:700;color:#111521;margin-top:6px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0}.filters-row label,.page-card label,.section-panel label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;color:#5f6879}.filters-row input,.filters-row select,.filters-row textarea,.page-card input,.page-card select,.page-card textarea,.section-panel input,.section-panel select,.section-panel textarea{width:100%;background:#fff;border:1px solid var(--border-strong);color:#1c2432;border-radius:8px;padding:8px 9px;font-family:inherit;font-size:13px}.filters-row input:focus,.filters-row select:focus,.filters-row textarea:focus,.page-card input:focus,.page-card select:focus,.page-card textarea:focus,.section-panel input:focus,.section-panel select:focus,.section-panel textarea:focus{outline:none;border-color:#98a9d8;box-shadow:0 0 0 3px #4f6fe51f}.section-panel textarea{min-height:112px;resize:vertical}.actions-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:0}.primary-btn,.secondary-btn,.danger-btn{border-radius:8px;padding:7px 11px;cursor:pointer;border:1px solid transparent;font-weight:600;font-size:13px}.primary-btn{background:linear-gradient(180deg,#6382f1,#4f6fe5);border-color:#4767d8;color:#f8fbff}.secondary-btn{background:#f2f4f8;border-color:#d8deea;color:#293247}.secondary-btn:hover{background:#e9edf5}.danger-btn{background:#fcecef;border-color:#f4c4ce;color:#a3364d}.table-list{display:flex;flex-direction:column;gap:8px}.table-item{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.table-item strong{color:#151d2a}.table-meta{color:#66718b;font-size:13px;margin-top:5px}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;color:#808aa0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:8px}.inline-pill{display:inline-block;background:#f3f5fa;border:1px solid #dde2ec;color:#56607a;padding:3px 7px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.state-text{color:var(--text-secondary);padding:6px 2px}.error-message{margin-top:8px;background:#fbeff2;color:#a5334c;border:1px solid #f1cad3;border-radius:8px;padding:8px 9px;font-size:13px}.success-message{margin-top:8px;background:#ecf8f2;color:#1d7d58;border:1px solid #bee7d4;border-radius:8px;padding:8px 9px;font-size:13px}.split-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:8px}@media (max-width: 980px){.split-grid{grid-template-columns:1fr}.table-header{grid-template-columns:1fr;gap:4px}}.knowledge-upload{margin-top:12px}.upload-type-selector{display:flex;gap:6px;margin-bottom:8px}.upload-type-selector button{border:1px solid var(--border-strong);border-radius:8px;background:#f2f4f8;color:#3c4558;padding:7px 10px;cursor:pointer;font-weight:600;font-size:12px}.upload-type-selector button:hover{background:#e9edf5}.upload-type-selector button.active{background:#eff3ff;border-color:#d4defc;color:#3f5fce}.upload-content{border:1px solid var(--border);border-radius:8px;background:#f9fafc;padding:10px}.upload-content .form-group{margin-bottom:9px}.upload-content .form-group label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;color:#5f6879}.upload-content .form-group input[type=file]{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#525c71;padding:7px;font-size:13px}.upload-content .form-group textarea,.upload-content .form-group input[type=url]{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#1d2534;padding:8px 9px;font-size:13px}.file-name{margin-top:5px;color:#7d869b;font-size:12px}.upload-button{border:1px solid #4767d8;border-radius:8px;background:linear-gradient(180deg,#6382f1,#4f6fe5);color:#f8fbff;padding:8px 11px;font-weight:700;cursor:pointer;font-size:13px}.upload-button:disabled{opacity:.7;cursor:not-allowed}.knowledge-upload .error-message{background:#fbeff2;color:#a5334c;border:1px solid #f1cad3;border-radius:8px;padding:8px;margin-bottom:8px;font-size:12px}.widget-customizer{margin-top:12px}.customizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.customizer-group{display:flex;flex-direction:column}.customizer-group.full-width{grid-column:1 / -1}.customizer-group label{margin-bottom:5px;font-size:11px;font-weight:600;color:#5f6879}.customizer-group select,.customizer-group textarea{border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#1d2534;padding:9px;font-size:13px}.customizer-group textarea{resize:vertical}.customizer-group small{margin-top:4px;color:#7d869b;font-size:12px}.color-picker-wrapper{position:relative}.color-preview{width:100%;border:1px solid var(--border-strong);border-radius:8px;padding:9px;text-align:left;color:#1d2534;cursor:pointer;font-size:13px}.color-picker-popup{position:absolute;top:100%;left:0;z-index:1000;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow-lg);padding:8px}.close-picker{width:100%;border:1px solid #d8deea;border-radius:8px;background:#f2f4f8;color:#2f3747;padding:6px 9px;margin-top:7px;cursor:pointer;font-weight:600;font-size:12px}.widget-preview-section{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.widget-preview-section h3{color:#2c3444;margin-bottom:7px;font-size:14px}.embed-code{border:1px solid var(--border);border-radius:8px;background:#f9fafc;padding:10px;overflow-x:auto}.embed-code code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#525c71;font-size:12px}.widget-preview-section small{color:#7d869b;margin-top:7px;display:block;font-size:12px}@media (max-width: 760px){.customizer-grid{grid-template-columns:1fr}}.bot-builder-container{min-height:auto}.bot-builder-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-lg);padding:12px}.bot-builder-header h1{font-size:18px;color:#1a2230}.back-button,.save-button{border-radius:8px;padding:7px 10px;cursor:pointer;border:1px solid transparent;font-weight:600;font-size:13px}.back-button{background:#f2f4f8;border-color:#d8deea;color:#2f3747}.save-button{background:linear-gradient(180deg,#6382f1,#4f6fe5);border-color:#4767d8;color:#f8fbff}.save-button:disabled{opacity:.7;cursor:not-allowed}.bot-builder-content{display:flex;flex-direction:column;gap:10px;margin-top:10px}.bot-builder-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-lg);padding:12px}.bot-builder-section h2{color:#1d2534;font-size:16px;border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:10px}.bot-builder-section .form-group{margin-bottom:10px}.bot-builder-section .form-group label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:#5f6879}.bot-builder-section .form-group input,.bot-builder-section .form-group textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#1d2534;padding:8px 9px;font-size:13px}.bot-builder-section .form-group input:focus,.bot-builder-section .form-group textarea:focus{outline:none;border-color:#98a9d8;box-shadow:0 0 0 3px #4f6fe51f}.bot-builder-section .form-group small{display:block;margin-top:4px;color:#7d869b;font-size:12px}.knowledge-list{margin-top:10px}.knowledge-list h3{color:#2e3749;font-size:13px;margin-bottom:7px}.knowledge-item-wrapper{margin-bottom:7px}.knowledge-item{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#f9fafc;padding:8px}.knowledge-type{background:#eff3ff;border:1px solid #d4defc;color:#3f5fce;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;text-transform:uppercase}.knowledge-content{flex:1;color:#5f6879;font-size:13px}.view-knowledge-button,.delete-knowledge-button,.save-knowledge-button,.cancel-knowledge-button{border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:600;padding:5px 9px}.view-knowledge-button{background:#edf1f8;border-color:#d5dce8;color:#2d3647}.delete-knowledge-button{background:#fbeff2;border-color:#f1cad3;color:#a3364d}.knowledge-detail{margin-top:7px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px}.knowledge-preview{max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:#f9fafc;padding:8px;color:#4d576c;white-space:pre-wrap;font-size:13px}.knowledge-preview-empty{color:#7d869b}.knowledge-detail-actions{display:flex;gap:7px;margin-top:7px}.save-knowledge-button{background:#ecf8f2;border-color:#bee7d4;color:#1d7d58}.save-knowledge-button:disabled{opacity:.7;cursor:not-allowed}.cancel-knowledge-button{background:#f2f4f8;border-color:#d8deea;color:#2f3747}.info-message{border:1px solid var(--border);border-radius:8px;background:#fff;color:#66718b;padding:10px;font-size:13px}.loading{color:var(--text-secondary);text-align:center;padding:44px}@media (max-width: 900px){.bot-builder-header{flex-wrap:wrap}.bot-builder-header h1{width:100%;order:-1}.knowledge-item{flex-wrap:wrap}}.app{min-height:100vh}:root{--bg-base: #f6f7fb;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-panel-2: #f9fafc;--sidebar-bg: #f3f4f7;--border: #e3e6ee;--border-strong: #d7dce7;--text-primary: #171a21;--text-secondary: #5f6675;--text-muted: #8a92a3;--accent: #4f6fe5;--accent-strong: #3f5fce;--danger: #c74960;--success: #22835d;--shadow-lg: 0 4px 14px rgba(15, 23, 42, .05);--radius-lg: 12px;--radius-md: 9px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir Next,Avenir,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.35}button,input,select,textarea{font:inherit}::placeholder{color:#9ca4b3}