:root{--versa-blue:#0b94f2;--ocean-blue:#0075e0;--sea-green:#27aa5e;--coral-red:#d23939;--sunset-orange:#e9730c;--blue-900:#0d496b;--blue-800:#0095da;--blue-700:#009fe3;--blue-600:#4abdef;--blue-500:#85d4f6;--blue-400:#bfeafe;--blue-300:#d4d7db;--blue-200:#e8f5fb;--grey-900:#202020;--grey-875:#252525;--grey-850:#2b2b2b;--grey-825:#333;--grey-800:#3c3c3c;--grey-775:#515254;--grey-750:#666;--grey-725:#7a7a7a;--grey-700:grey;--grey-675:#8b8b8b;--grey-650:#919191;--grey-625:#999;--grey-600:#a6a6a6;--grey-575:#b3b3b3;--grey-550:#c4c4c4;--grey-525:#ccc;--grey-500:#d3d3d3;--grey-475:#d9d9d9;--grey-450:#e0e0e0;--grey-425:#e6e6e6;--grey-400:#ebebeb;--grey-375:#eee;--grey-350:#f2f2f2;--grey-325:#f5f5f5;--grey-300:#f7f7f7;--grey-275:#f9f9f9;--grey-250:#fafafa;--green-900:#468847;--green-800:#60ab44;--green-700:#54a954;--green-600:#78c878;--green-500:#92d792;--green-450:#41bf9f;--green-400:#abebab;--green-300:#c5f5c5;--green-200:#d7f7d7;--green-100:#e6f9e6;--green-0:#dff0d8;--red-900:#950208;--red-800:#a94442;--red-700:#d90000;--red-600:#e66768;--red-500:#f19899;--red-400:#fbcaca;--red-300:#fcdada;--red-200:#ffe8e8;--yellow-900:#ad7724;--yellow-800:#c79121;--yellow-700:#e0a91e;--yellow-600:#edb73e;--yellow-500:#f3c564;--yellow-400:#f8d38a;--yellow-300:#ffb73a;--yellow-200:#fce5b0;--yellow-100:#fcf8e3;--purple-700:#7f08fe;--purple-600:#8f28fe;--purple-500:#9f49fe;--purple-400:#af69fe;--light-grey-3:#e3e3e3;--light-grey-2:#f3f3f3;--light-grey-1:#fcfcfc;--primary-color:var(--blue-800);--success-color:var(--green-450);--error-color:var(--red-700);--warning-color:var(--yellow-300);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--font-family:"Lato","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:6px;--border-radius-full:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 4px 8px rgba(0,0,0,.08);--transition-fast:0.3s ease;--transition-normal:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:var(--grey-250);--bg-sidebar:#fff;--text-primary:var(--grey-900);--text-secondary:var(--grey-700);--border-color:var(--light-grey-3);--card-bg:hsla(0,0%,100%,.95);--hover-bg:var(--grey-300)}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#121212;--bg-sidebar:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:#333;--card-bg:rgba(30,30,30,.95);--hover-bg:#2a2a2a}[data-theme=dark] .theme-dropdown{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-color:#404040;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .theme-dropdown:hover{background:linear-gradient(135deg,var(--blue-800) 0,var(--blue-600) 100%);border-color:var(--blue-600);box-shadow:0 4px 16px rgba(74,189,239,.3)}[data-theme=dark] .theme-dropdown:focus{border-color:var(--blue-600);box-shadow:0 0 0 4px rgba(74,189,239,.2),0 4px 12px rgba(74,189,239,.25)}body{font-family:var(--font-family);background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;transition:background-color .3s ease}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md);border-bottom:1px solid var(--border-color)}.chatbot-icon,.sidebar-header{display:flex;align-items:center}.chatbot-icon{width:40px;height:40px;justify-content:center;background:var(--blue-800);border-radius:var(--border-radius-md);padding:var(--spacing-xs);flex-shrink:0}.chatbot-icon img{width:100%;height:100%;object-fit:contain}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.sidebar-nav{flex:1 1;padding:var(--spacing-md) 0;overflow-y:auto}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;text-align:left;transition:all var(--transition-fast);border:none;border-left:3px solid transparent}.sidebar-nav-item:hover{background:var(--hover-bg);color:var(--blue-800)}.sidebar-nav-item.active{background:rgba(0,149,218,.08);color:var(--blue-800);border-left-color:var(--blue-800);font-weight:var(--font-weight-semibold)}.nav-icon{font-size:var(--font-size-lg);width:24px;display:flex;align-items:center;justify-content:center}.nav-label{flex:1 1}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-indicator{display:flex;align-items:center;justify-content:center}.status{padding:6px 12px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.status.connected{background:rgba(96,171,68,.15);color:var(--green-800);border:1px solid var(--green-800)}.status.disconnected{background:rgba(217,57,57,.15);color:var(--red-700);border:1px solid var(--red-700)}.status i{margin-right:6px;font-size:8px}.main-content{flex:1 1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.main-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.main-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.header-right{gap:var(--spacing-md)}.header-right,.logout-button{display:flex;align-items:center}.logout-button{gap:8px;padding:8px 16px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.logout-button:hover{background:var(--blue-800);color:#fff;border-color:var(--blue-800);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,149,218,.3)}.logout-button:active{transform:translateY(0);background:var(--blue-900)}.logout-button i{font-size:14px}.logout-button span{display:inline}@media (max-width:768px){.logout-button span{display:none}.logout-button{padding:8px 12px}}.tab-content{animation:fadeIn var(--transition-fast);padding:0 var(--spacing-lg) var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);background:var(--card-bg);padding:var(--spacing-md);border-radius:var(--border-radius-lg);transition:background-color .3s ease}.section-header h2{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl)}.tabs-sub{display:flex;gap:var(--spacing-sm)}.sub-tab{padding:var(--spacing-sm) var(--spacing-md);border:none;background:rgba(0,149,218,.1);border-radius:var(--border-radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--blue-800);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-normal)}.sub-tab.active{background:var(--blue-800);color:#fff;border:2px solid var(--blue-800)}.sub-tab:hover:not(.active){background:rgba(0,149,218,.2)}.header-controls{display:flex;align-items:center;gap:var(--spacing-md)}.column-selector{position:relative}.column-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--blue-800);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-family);transition:all .2s ease}.column-toggle-btn:hover:not(:disabled){background:#0075b8;transform:translateY(-1px)}.column-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.column-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px 0;min-width:200px;z-index:100;transition:background-color .3s ease,border-color .3s ease}.column-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-menu-item:hover{background:var(--hover-bg)}.column-menu-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.column-menu-item span{color:var(--text-primary);font-size:.9rem;transition:color .3s ease}select{height:40px;padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm) var(--spacing-md);font-size:18px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-full);outline:none;box-sizing:border-box}select:hover{background:var(--hover-bg)}.feedback-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-options select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-fast)}.filter-options select:focus{outline:none;border-color:var(--blue-700)}.filter-options select:hover{border-color:var(--blue-800)}@media (max-width:800px){.sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--light-grey-3)}.sidebar-nav{padding:0}.sidebar-nav-item{flex-direction:column;gap:4px;padding:var(--spacing-sm);min-width:80px;font-size:var(--font-size-xs);border-left:none;border-bottom:3px solid transparent}.sidebar-nav-item.active{border-left:none;border-bottom-color:var(--blue-800)}.nav-icon{font-size:var(--font-size-md)}.sidebar-footer{padding:var(--spacing-sm)}.main-content{margin-left:0;padding:var(--spacing-md)}.main-header h1{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:var(--spacing-md)}}