@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#f0f4f9;--bg-surface:#fff;--text-main:#1f1f1f;--text-muted:#444746;--accent-color:#0b57d0;--accent-light:#c2e7ff;--nav-hover:#e0e4e9;--glass-border:#dadce0;--glass-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--glass-shadow-hover:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sidebar-width:256px;--topbar-height:64px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Roboto,Inter,sans-serif}.glass-panel{background:var(--bg-surface);border:1px solid var(--glass-border);box-shadow:none;border-radius:12px;transition:background .2s,box-shadow .2s}.glass-panel:hover{background:#f8fafd}.text-gradient{color:var(--text-main);font-weight:500}h1.page-title{color:#1f1f1f;margin-bottom:.2rem;font-size:1.5rem;font-weight:400}p.page-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:active{background:#0842a0}.btn-primary:hover{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg-dark);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topbar-left{width:var(--sidebar-width);align-items:center;padding-left:8px;display:flex}.logo-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:250px;margin-left:8px;font-size:1.35rem;font-weight:400;display:flex;overflow:hidden}.search-container{background:#e9eef6;border-radius:24px;flex:1;align-items:center;max-width:720px;height:48px;padding:0 16px;transition:background .2s,box-shadow .2s;display:flex}.search-container:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:10px;font-size:1rem}.topbar-right{align-items:center;gap:16px;padding-right:12px;display:flex}.avatar{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:500;display:flex}.body-container{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-dark);flex-direction:column;height:100%;padding:16px 12px;display:flex}.dual-sidebar-root{background:#f8f9fa;height:100%;display:flex}.primary-rail{background:#f8f9fa;border-right:1px solid #dadce0;flex-direction:column;align-items:center;gap:24px;width:80px;padding:16px 0;display:flex}.secondary-rail{background:#f8f9fa;border-right:1px solid #dadce0;flex-direction:column;width:220px;display:flex}.rail-item{cursor:pointer;color:#5f6368;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 0;display:flex;position:relative}.rail-item.active{color:#1a73e8}.rail-icon-wrapper{border-radius:24px;justify-content:center;align-items:center;padding:4px 16px;transition:background .2s;display:flex}.rail-item.active .rail-icon-wrapper{background:#e8f0fe}.rail-label{font-size:.65rem;font-weight:500}.rail-item.active .rail-label{font-weight:600}.sub-nav-item{color:#3c4043;background:0 0;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:background .1s;display:flex}.sub-nav-item.active{color:#fff;background:#1a73e8;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.widget{padding:20px}.widget-title{color:var(--text-muted);margin-bottom:12px;font-size:.85rem;font-weight:500}.widget-value{color:var(--text-main);font-size:2rem;font-weight:400}.main-content{background:var(--bg-surface);border-radius:24px 0 0;flex-direction:column;flex:1;margin:0;padding:32px;transition:padding .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto}.sidebar-container{height:100%;transition:transform .3s;display:flex}.mobile-overlay{z-index:998;background:#0006;display:none;position:fixed;inset:0}@media (max-width:768px){.topbar{gap:8px;padding:0 12px}.topbar-left{width:auto}.logo-text{max-width:200px;font-size:1.1rem;display:flex}.search-container-wrapper{flex:1;max-width:none!important}.topbar-right{gap:8px}.body-container{position:relative}.sidebar-container{top:var(--topbar-height);z-index:999;background:var(--bg-surface);position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.sidebar-container.open{transform:translate(0)}.mobile-overlay.open{display:block}.main-content{width:100%;height:calc(100vh - var(--topbar-height));border-radius:0;margin:0;padding:16px;overflow-y:auto}.dashboard-grid{grid-template-columns:1fr}.search-input-box{font-size:.85rem!important}.ai-model-tag{display:none!important}.responsive-settings-grid{grid-template-columns:1fr;gap:16px;display:grid}.responsive-billing-grid{grid-template-columns:1fr;gap:20px;display:grid}.responsive-payment-grid{grid-template-columns:1fr;gap:16px;display:grid}.profile-content-card{padding:16px!important}.profile-page-container{padding:12px!important}.mobile-only{display:flex!important}.desktop-only{display:none!important}}.responsive-settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.responsive-billing-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.responsive-payment-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.mobile-only{display:none}.desktop-only{display:flex}.profile-page-container{padding:32px 48px}.profile-content-card{padding:0}.dot-typing{color:#1a73e8;background-color:#0000;border-radius:5px;width:6px;height:6px;animation:1.5s linear infinite dotTyping;position:relative;left:-9999px;box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}@keyframes dotTyping{0%{box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}16.667%{box-shadow:9984px -6px #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}33.333%{box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}50%{box-shadow:9984px 0 #1a73e8,9999px -6px #1a73e8,10014px 0 #1a73e8}66.667%{box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}83.333%{box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px -6px #1a73e8}to{box-shadow:9984px 0 #1a73e8,9999px 0 #1a73e8,10014px 0 #1a73e8}}.agent-action-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.agent-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.agent-action-btn-primary{color:#1a73e8;background:#e8f0fe;border-color:#d2e3fc}.agent-action-btn-warning{color:#b45309;background:#fff8e1;border-color:#fce8e6}.agent-action-btn-danger{color:#d93025;background:#fce8e6;border-color:#fad2cf}.agent-action-btn-secondary{color:#5f6368;background:#f8f9fa;border-color:#dadce0}