.tab-nav{height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(20px)}.tab-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;min-width:44px;font-size:14px;font-weight:500;border-radius:12px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-tap-highlight-color:transparent}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.tab-button:active{transform:scale(.95)}.tab-button[aria-selected=true]{color:#fff;background:var(--bg-tertiary);font-weight:600}.tab-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tab-indicator{position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:3px;border-radius:0 0 6px 6px;transition:all .12s cubic-bezier(.4,0,.2,1)}.tab-icon{width:20px;height:20px;transition:transform .12s cubic-bezier(.4,0,.2,1)}.tab-button[aria-selected=true] .tab-icon{transform:scale(1.1)}@media (max-width:768px){.tab-nav{display:none}}@media (min-width:769px){.tab-nav{display:flex}}:root{--grid-columns:12;--grid-gap:16px;--grid-gap-mobile:12px;--container-desktop:1366px;--container-tablet:1024px;--container-mobile:375px;--sidebar-width:280px;--sidebar-collapsed:72px}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);max-width:var(--container-desktop);margin:0 auto;padding:0 var(--grid-gap)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.layout-main{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:0;height:100vh;overflow:hidden}.layout-main.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.layout-with-panels{display:grid;grid-template-columns:var(--sidebar-width) 1fr 320px;gap:0;height:100vh}.main-content{grid-column:2;overflow-y:auto;overflow-x:hidden}.sidebar-left{grid-column:1;overflow-y:auto;border-right:1px solid var(--border-subtle)}.sidebar-right{grid-column:3;overflow-y:auto;border-left:1px solid var(--border-subtle)}@media (min-width:1366px){.grid-container{max-width:var(--container-desktop)}.desktop\:col-1{grid-column:span 1}.desktop\:col-2{grid-column:span 2}.desktop\:col-3{grid-column:span 3}.desktop\:col-4{grid-column:span 4}.desktop\:col-6{grid-column:span 6}.desktop\:col-8{grid-column:span 8}.desktop\:col-12{grid-column:span 12}}@media (min-width:1024px) and (max-width:1365px){.grid-container{max-width:var(--container-tablet);gap:var(--grid-gap)}.layout-main,.layout-with-panels{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar-right{display:none}.tablet\:col-1{grid-column:span 1}.tablet\:col-2{grid-column:span 2}.tablet\:col-3{grid-column:span 3}.tablet\:col-4{grid-column:span 4}.tablet\:col-6{grid-column:span 6}.tablet\:col-12{grid-column:span 12}}@media (max-width:1023px){.grid-container{gap:var(--grid-gap-mobile);padding:0 var(--grid-gap-mobile)}.grid-container,.layout-main,.layout-with-panels{grid-template-columns:1fr}.sidebar-left,.sidebar-right{position:fixed;top:0;bottom:0;width:280px;z-index:var(--z-drawer);background:var(--bg-secondary);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-left.open{transform:translateX(0)}.sidebar-right{left:auto;right:0;transform:translateX(100%)}.sidebar-right.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:calc(var(--z-drawer) - 1);opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.mobile\:col-1,.mobile\:col-12{grid-column:span 1}}.grid-container,.layout-main,.layout-with-panels{overflow-x:hidden;max-width:100vw}@media (max-width:1023px){.grid-container{padding-left:max(var(--grid-gap-mobile),env(safe-area-inset-left));padding-right:max(var(--grid-gap-mobile),env(safe-area-inset-right))}}.full-bleed{width:100vw;margin-left:calc(-50vw + 50%)}.center-content{max-width:var(--max-chat-width);margin:0 auto}.btn,.no-scroll{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.btn-primary{min-height:48px;background:var(--accent-primary,#7c3aed);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.25)}.btn-primary:hover:not(:disabled){background:var(--accent-hover,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px rgba(124,58,237,.35)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(124,58,237,.2)}.btn-secondary{min-height:44px;background:transparent;color:var(--text-primary);border:1px solid var(--border-moderate,hsla(0,0%,100%,.15))}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong,hsla(0,0%,100%,.25))}.btn-secondary:active:not(:disabled){background:var(--bg-elevated)}.btn-ghost{min-height:40px;background:transparent;color:var(--text-secondary);padding:0 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-elevated)}.btn-icon{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border-radius:8px}.btn-icon svg{width:20px;height:20px}.btn-icon-lg{min-width:48px;min-height:48px;width:48px;height:48px}.btn-icon-lg svg{width:24px;height:24px}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.btn-lg{min-height:52px;padding:0 24px;font-size:16px}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn-success{background:var(--success,#10b981);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-error{background:var(--error,#ef4444);color:#fff}.btn-error:hover:not(:disabled){background:#dc2626}.btn-group{display:inline-flex;gap:8px}.btn-group .btn:not(:last-child){margin-right:-1px}@media (max-width:768px){.btn-mobile-full{width:100%}}