.partners-header .welcome-title{font-size:1.25rem;flex:1;text-align:center}#scanQrButton[data-v-978ba048],#chatButton[data-v-978ba048]{color:rgb(var(--color-secondary))}.nav-button .material-symbols-outlined[data-v-27e610bb]{font-size:24px}.sidebar-content[data-v-b2f43ccb]{padding:1.5rem;display:flex;flex-direction:column;height:100%}.sidebar-header[data-v-b2f43ccb]{display:flex;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.sidebar-logo[data-v-b2f43ccb]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;background:var(--feed-divider-color)}.sidebar-logo .material-symbols-outlined[data-v-b2f43ccb]{color:rgb(var(--color-primary))}.sidebar-title[data-v-b2f43ccb]{font-size:1.125rem;font-weight:600;color:rgb(var(--color-text));margin:0}.sidebar-subtitle[data-v-b2f43ccb]{font-size:.75rem;color:rgb(var(--color-muted));margin:0}.sidebar-stats[data-v-b2f43ccb]{margin-top:1rem;padding:1rem;border-radius:.5rem;flex-shrink:0}.sidebar-stats-title[data-v-b2f43ccb]{font-size:.875rem;font-weight:600;margin:0 0 8px}.sidebar-stats-list[data-v-b2f43ccb]{display:flex;flex-direction:column;gap:8px}.stat-item[data-v-b2f43ccb]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:rgb(var(--color-muted))}.stat-item span[data-v-b2f43ccb]:last-child{font-weight:500}.stat-item span.success[data-v-b2f43ccb]{color:rgb(var(--color-success))}.stat-item span.secondary[data-v-b2f43ccb]{color:rgb(var(--color-secondary))}.sidebar-nav[data-v-b2f43ccb]{margin-top:1.5rem;flex-grow:1;overflow-y:auto}.sidebar-nav ul[data-v-b2f43ccb],.sidebar-footer-links ul[data-v-b2f43ccb]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sidebar-link[data-v-b2f43ccb]{display:flex;align-items:center;padding:12px;border-radius:.5rem;text-decoration:none;font-weight:500;color:rgb(var(--color-text-secondary));transition:background-color .3s ease,color .3s ease}.sidebar-link[data-v-b2f43ccb]:hover{background:rgb(var(--color-primary) / .1);color:rgb(var(--color-primary))}.sidebar-link .material-symbols-outlined[data-v-b2f43ccb]{margin-right:12px;color:rgb(var(--color-secondary))}.sidebar-footer[data-v-b2f43ccb]{border-top:1px solid rgba(var(--color-border),.5);padding-top:1rem;flex-shrink:0}.sidebar-footer-links[data-v-b2f43ccb]{margin-bottom:1rem}.sidebar-user[data-v-b2f43ccb]{display:flex;align-items:center;justify-content:space-between}.user-info[data-v-b2f43ccb]{display:flex;align-items:center}.user-avatar[data-v-b2f43ccb]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px}.user-avatar .material-symbols-outlined[data-v-b2f43ccb]{font-size:1.125rem;color:rgb(var(--color-secondary))}.user-name[data-v-b2f43ccb]{font-size:.75rem;font-weight:500;color:rgb(var(--color-text-secondary));margin:0}.user-status[data-v-b2f43ccb]{font-size:.75rem;color:rgb(var(--color-muted));margin:0}#logoutButton[data-v-b2f43ccb]{color:rgb(var(--color-muted))}#appMain{position:relative;flex:1;overflow:hidden;display:flex;width:100%}.login-view[data-v-1cbb27a5]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.login-content[data-v-1cbb27a5]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:10}.input-box.text-center[data-v-1cbb27a5]{text-align:center}.workspace-view[data-v-6f0726a6]{flex-direction:column}.feed-header[data-v-6f0726a6]{background-color:var(--feed-card-background);box-shadow:0 2px 4px #0000001a;position:relative;top:0;left:0;right:0;z-index:10;height:var(--feed-header-height);flex-shrink:0}.feed-header-top[data-v-6f0726a6]{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:100%}.feed-header-left[data-v-6f0726a6]{display:flex;align-items:center;gap:10px}.feed-header-left h1[data-v-6f0726a6]{font-size:24px;font-weight:700;color:var(--feed-text-primary)}.feed-header-right[data-v-6f0726a6]{display:flex;gap:8px;align-items:center}.feed-icon-btn[data-v-6f0726a6]{width:40px;height:40px;background-color:var(--feed-divider-color);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--feed-text-primary);transition:background-color .2s ease}.feed-icon-btn[data-v-6f0726a6]:hover{background-color:var(--feed-hover-overlay)}.feed-tab-navigation[data-v-6f0726a6]{background-color:var(--feed-card-background);position:relative;z-index:9;box-shadow:0 1px 2px #0000001a;height:var(--feed-tabs-height);flex-shrink:0}.feed-tabs-container[data-v-6f0726a6]{display:flex;justify-content:center;gap:2px}.feed-tab-btn[data-v-6f0726a6]{flex:1;max-width:120px;height:var(--feed-tabs-height);display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom:3px solid transparent;color:var(--feed-text-secondary);transition:all .2s}.feed-tab-btn.active[data-v-6f0726a6]{color:var(--feed-primary-color);border-bottom-color:var(--feed-primary-color)}.feed-tab-btn[data-v-6f0726a6]:hover{background-color:var(--feed-hover-overlay)}.feed-page-container[data-v-6f0726a6]{position:relative;flex-grow:1;display:flex;width:100%;overflow:hidden;background:var(--feed-background-color)}.feed-page[data-v-6f0726a6]{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:block}.feed-page-content-wrapper[data-v-6f0726a6]{max-width:none;margin:0;padding:12px}.feed-stats-grid[data-v-6f0726a6]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.feed-stat-card[data-v-6f0726a6]{background:var(--feed-card-background);padding:16px;border-radius:8px;box-shadow:0 1px 2px #0000001a}.feed-stat-card h3[data-v-6f0726a6]{font-size:14px;color:var(--feed-text-secondary);margin-bottom:8px;margin-top:0}.feed-stat-value[data-v-6f0726a6]{font-size:24px;font-weight:700;color:var(--feed-text-primary)}.feed-list-item[data-v-6f0726a6]{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--feed-card-background);border-radius:8px;margin-bottom:8px}.feed-list-item-content[data-v-6f0726a6]{flex-grow:1}.feed-list-item-title[data-v-6f0726a6]{font-weight:600;color:var(--feed-text-primary)}.feed-list-item-subtitle[data-v-6f0726a6]{font-size:14px;color:var(--feed-text-secondary)}:root{--color-primary: 249 115 22;--color-primary-hover: 234 88 12;--color-secondary: 59 130 246;--color-bg: 248 250 252;--color-surface: 255 255 255;--color-text: 15 23 42;--color-text-secondary: 51 65 85;--color-muted: 100 116 139;--color-border: 226 232 240;--color-success: 34 197 94;--color-warning: 245 158 11;--color-error: 239 68 68;--shadow-light: 0 1px 3px 0 #0001;--shadow-medium: 0 4px 6px -1px #0001;--shadow-heavy: 0 10px 15px -3px #0001;--feed-primary-color: #1877f2;--feed-background-color: #f0f2f5;--feed-card-background: #fff;--feed-text-primary: #050505;--feed-text-secondary: #65676b;--feed-divider-color: #e4e6eb;--feed-hover-overlay: rgba(0, 0, 0, .05);--feed-header-height: 56px;--feed-tabs-height: 56px;--feed-total-header-height: 112px}.dark{--color-primary: 249 115 22;--color-primary-hover: 234 88 12;--color-secondary: 167 139 250;--color-bg: 24 24 27;--color-surface: 39 39 42;--color-text: 250 250 250;--color-text-secondary: 228 228 231;--color-muted: 161 161 170;--color-border: 63 63 70;--shadow-light: 0 1px 3px 0 #0003;--shadow-medium: 0 4px 6px -1px #0003;--shadow-heavy: 0 10px 15px -3px #0004;--feed-primary-color: #2d88ff;--feed-background-color: #18191a;--feed-card-background: #242526;--feed-text-primary: #e4e6eb;--feed-text-secondary: #b0b3b8;--feed-divider-color: #3e4042;--feed-hover-overlay: rgba(255, 255, 255, .1)}html{width:100%;overflow-x:hidden}body{font-family:Noto Sans Thai,sans-serif;background-color:rgb(var(--color-bg));min-height:100dvh;color:rgb(var(--color-text));display:flex;flex-direction:column;transition:color .3s ease,background-color .3s ease;margin:0}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;display:inline-flex;vertical-align:middle}#app{display:flex;flex-direction:column;min-height:100dvh;width:100%;overflow:hidden;position:relative}main#appMain{position:relative;flex:1;overflow:hidden;display:flex;width:100%}.page-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.welcome-title{font-size:1.5rem;background:linear-gradient(90deg,#9b25f9,#26c5f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px #fff4;position:relative;z-index:20;margin:0;text-align:center;font-weight:700;transition:color .3s ease}.input-wrapper{position:relative;width:350px;max-width:90%;height:56px;z-index:20}.input-wrapper.error{animation:shake .5s ease-in-out;will-change:transform}.input-box{width:100%;height:100%;padding:16px 20px;font-size:1.2rem;border:none;border-radius:16px;background:#1a1a1a;color:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 0 15px #0008}.input-box:focus{outline:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animated-gradient-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:0;transition:opacity .3s ease;will-change:opacity}.radius-16{border-radius:16px}.radius-16:before{border-radius:16px}.radius-round{border-radius:9999px}.radius-round:before{border-radius:9999px}.input-wrapper:focus-within .animated-gradient-border{opacity:1}.animated-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(90deg,#9b25f9,#26c5f3,#9b25f9);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:draw 1.3s ease forwards,gradientFlow 3s linear infinite,glow 2s ease-in-out infinite alternate;will-change:clip-path,background-position,filter;border-radius:16px}@keyframes draw{0%{clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%)}25%{clip-path:polygon(100% 100%,0% 100%,0% 100%,0% 100%)}50%{clip-path:polygon(100% 100%,0% 100%,0% 0%,0% 0%)}75%{clip-path:polygon(100% 100%,0% 100%,0% 0%,100% 0%)}to{clip-path:polygon(100% 100%,0% 100%,0% 0%,100% 0%,100% 100%)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%{filter:drop-shadow(0 0 5px #b429f9b3)}50%{filter:drop-shadow(0 0 10px #26c5f3cc)}to{filter:drop-shadow(0 0 12px #b429f9e6)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:block}.particle{position:absolute;border-radius:50%;background:linear-gradient(90deg,#dc9cfc4d,#9ee6fa4d);animation:float 15s infinite linear;will-change:transform,opacity}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.5}to{transform:translateY(-100vh) translate(calc(var(--random-translateX, 1) * 50px)) rotate(360deg);opacity:0}}.btn-icon{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;will-change:transform;background:none;border:none;cursor:pointer;color:rgb(var(--color-muted));padding:0}.btn-icon:hover{background:rgb(var(--color-primary) / .1);color:rgb(var(--color-primary));transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}.glass{background:rgba(var(--color-surface),.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),.2);box-shadow:var(--shadow-light);transition:background-color .3s ease,border-color .3s ease}.dark .glass{background:rgba(var(--color-surface),.5);border:1px solid rgba(var(--color-border),.2)}.partners-header,.partners-footer{background:rgb(var(--color-surface) / .85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;z-index:10;transition:opacity .3s ease,transform .3s ease,background-color .3s ease;will-change:opacity,transform}.partners-header{border-bottom:1px solid rgb(var(--color-border));box-shadow:var(--shadow-light);height:44px}.partners-footer{border-top:1px solid rgb(var(--color-border));box-shadow:0 -2px 8px #0000000d;height:44px}.header-content,.footer-content{padding:0 12px;height:100%;display:flex;align-items:center;justify-content:space-between}.sidebar{position:fixed;top:0;left:-75%;width:75%;max-width:300px;height:100%;background:rgb(var(--color-surface) / .9);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;box-shadow:var(--shadow-heavy);border-right:1px solid rgb(var(--color-border));will-change:transform}.sidebar.open{transform:translate(100%)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease;will-change:opacity;background:#00000080}.sidebar-overlay.open{opacity:1;pointer-events:auto}.content-blurred{filter:blur(5px);transition:filter .3s ease;pointer-events:none;will-change:filter}.nav-container{background:rgb(var(--color-surface) / .8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgb(var(--color-border) / .5);box-shadow:var(--shadow-light);border-radius:20px;padding:3px;transition:background-color .3s ease,border-color .3s ease;display:flex;gap:4px}.nav-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:17px;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;background:none;border:none;cursor:pointer;color:rgb(var(--color-muted));padding:0}.nav-button:hover{background:rgb(var(--color-primary) / .1);transform:scale(1.05);color:rgb(var(--color-primary))}.nav-button.active{background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-primary-hover)));color:#fff!important;box-shadow:var(--shadow-medium),0 0 20px rgb(var(--color-primary) / .4);transform:scale(1.05);border-radius:17px}.home-gif-footer{width:24px;height:24px;border-radius:50%;object-fit:cover}