*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f2f2f2;min-height:100vh;min-height:100dvh;overflow:hidden;overflow-y:auto}.container{display:flex;min-height:100vh;min-height:100dvh;max-width:80%;margin:0 auto;padding-top:calc(60px + env(safe-area-inset-top,0px));box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:60px;background:#333;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:18px;font-weight:600;color:#fff}.header-logo{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.header-right{display:flex;align-items:center;gap:16px}.back-link{color:#6b7280;text-decoration:none;font-size:14px}.back-link:hover{color:#374151}.user-avatar{width:36px;height:36px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.sidebar{width:280px;padding-top:calc(60px + env(safe-area-inset-top,0px));overflow-y:auto}.sidebar-nav{padding:24px 0;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background-color:#f9fafb;color:#374151}.nav-item.active{background-color:#eff6ff;color:#1d4ed8;border-left-color:#3b82f6}.nav-item.active .nav-icon{color:#3b82f6}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.main-content{flex:1;padding-top:calc(60px + env(safe-area-inset-top,0px));overflow-y:auto}.main-content-tap{padding-top:env(safe-area-inset-top,0px)}.content-wrapper{height:100%;display:flex;flex-direction:column}@media(max-width:768px){.sidebar{width:240px;display:none}.container{max-width:100%}.header{padding:0 16px}.main-content{padding-top:env(safe-area-inset-top,0px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chat-page{padding:18px 0 12px}.breadcrumbs{font-size:12px;color:#6b7280;margin:10px 0 14px}.chat-top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;padding:12px 0}.chat-top-nav-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.chat-top-tab{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:13px;font-weight:600;padding:6px 0;border-bottom:3px solid transparent}.chat-top-tab:hover{color:#374151;border-bottom-color:#d1d5db}.chat-top-tab.active{color:#4c1d95;border-bottom-color:#4c1d95}.chat-top-tab-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.chat-top-nav-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.chat-top-link{color:#6b7280;text-decoration:none;font-size:13px;font-weight:600}.chat-top-link:hover{color:#374151;text-decoration:underline}.chat-hero{padding:18px 0 10px}.chat-title{font-size:28px;line-height:1.2;font-weight:800;color:#111827;margin-bottom:10px}.chat-subtitle{font-size:14px;color:#374151;line-height:1.6;max-width:860px}.chat-search{display:flex;align-items:center;gap:0;margin-top:18px;max-width:820px}.chat-search input{flex:1;height:44px;border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;padding:0 16px;font-size:14px;outline:none;background:#fff}.chat-search input:focus{border-color:#4c1d95}.chat-search button{height:44px;border:1px solid #4c1d95;background:#4c1d95;color:#fff;border-radius:0 8px 8px 0;padding:0 22px;font-size:14px;font-weight:700;cursor:pointer}.chat-search button:hover{background:#3b0f7a;border-color:#3b0f7a}.chat-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:18px 0 8px}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.filter-heading{font-size:12px;color:#111827;font-weight:800;text-transform:none;margin-bottom:10px}.filter-list{list-style:none;display:flex;flex-direction:column;gap:10px}.filter-list a{color:#4b5563;text-decoration:none;font-size:13px;font-weight:600}.filter-list a:hover{color:#1d4ed8;text-decoration:underline}.chat-widget{margin-top:12px}#tap-iframe-widget{display:block;border-radius:12px;background:#fff}@media(max-width:768px){.chat-title{font-size:22px}.filters-grid{grid-template-columns:1fr;gap:16px}.chat-search{max-width:none}}