:root{--brand-primary: #0b3f45;--brand-secondary: #1b676f;--brand-accent: #e67b32;--surface: #f6f6f2;--panel: #ffffff;--text: #182126;--muted: #45545e}*{box-sizing:border-box}body{margin:0;font-family:Sora,Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--brand-primary) 14%,#ffffff) 0%,transparent 36%),radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--brand-accent) 22%,#ffffff) 0%,transparent 42%),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--brand-secondary) 26%,#ffffff) 0%,transparent 48%),linear-gradient(160deg,#f9faf8 0%,var(--surface) 72%);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgb(19 56 60 / .05) 1px,transparent 1px),linear-gradient(to bottom,rgb(19 56 60 / .05) 1px,transparent 1px),radial-gradient(rgb(12 59 65 / .1) .6px,transparent .6px);background-size:32px 32px,32px 32px,12px 12px;background-position:0 0,0 0,6px 6px;opacity:.25;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,rgb(17 55 60 / .02) 0,rgb(17 55 60 / .02) 2px,transparent 2px,transparent 6px);pointer-events:none;z-index:-1}h1,h2,h3,p{margin:0}.bootstrap-shell,.app-frame{max-width:1120px;margin:0 auto;padding:32px 16px 56px}.auth-shell{max-width:980px}.shell-layout{display:grid;gap:14px}.shell-sidebar{border-radius:20px;border:1px solid color-mix(in srgb,var(--brand-secondary) 24%,#d4d8de);background:color-mix(in srgb,#ffffff 88%,var(--brand-secondary));padding:16px;display:grid;gap:10px}.shell-content{display:grid;gap:12px}.compact-topbar{padding:14px 18px}.resizable-nav{resize:horizontal;overflow:auto;min-width:220px}.route-loading{max-width:1120px;margin:0 auto;padding:56px 16px;font-size:1rem;color:var(--muted)}.welcome-header,.app-header,.bootstrap-panel,.panel,.app-nav{border-radius:20px;border:1px solid color-mix(in srgb,var(--brand-secondary) 18%,#d0d4d8);background:color-mix(in srgb,var(--panel) 92%,var(--brand-primary));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.welcome-header,.app-header,.bootstrap-panel,.panel{padding:20px}.hero-highlight-shell{border-radius:20px;border:1px solid color-mix(in srgb,var(--brand-accent) 20%,#d6d3cd);background:linear-gradient(120deg,color-mix(in srgb,var(--brand-primary) 14%,#fff),#fff 65%);padding:22px;display:grid;gap:8px}.text-generate-intro{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);animation:reveal-text .5s ease-out both}@keyframes reveal-text{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-header,.app-header{display:flex;flex-direction:column;gap:10px}.eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bootstrap-panel{margin-top:20px}.quick-tenant-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.quick-tenant-card{width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,#d2d6dc);background:linear-gradient(140deg,#fff,#eef8f9);color:var(--text);display:grid;gap:4px;text-align:left}.card-spotlight-shell{border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-secondary) 26%,#cfd8df);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--brand-accent) 10%,#fff),#fff 60%);padding:14px;display:grid;gap:10px}.bootstrap-panel h2{margin-bottom:8px}.bootstrap-note{margin-top:8px;color:var(--muted);font-size:.9rem}.bootstrap-form{margin-top:16px;display:grid;gap:10px}input,textarea,button{font:inherit}input,textarea{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-secondary) 28%,#d2d7dd);padding:10px 12px;background:#fff}button{border:0;border-radius:999px;padding:10px 14px;background:var(--brand-primary);color:#fff;cursor:pointer;width:fit-content}button.secondary-button{background:color-mix(in srgb,var(--brand-secondary) 65%,#11151a)}button:disabled{opacity:.7;cursor:wait}.error-text{color:#8e1d1d}.app-header{justify-content:space-between}.header-meta{color:var(--muted)}.app-nav{margin-top:16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.app-nav a{text-decoration:none;color:var(--text);border-radius:999px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--brand-secondary) 20%,#cfd4da)}.page-grid{display:grid;gap:14px}.panel{display:grid;gap:10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.summary-card{border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-secondary) 20%,#d5dbe2);background:#fbfcfd;padding:12px;display:grid;gap:6px}.summary-card h3{font-size:1rem}.panel details{border:1px solid color-mix(in srgb,var(--brand-secondary) 18%,#d6dce3);border-radius:10px;padding:8px 10px;background:#fbfcfe}.panel details summary{cursor:pointer;font-weight:600}.panel pre{margin:0;overflow-x:auto;font-size:.82rem;line-height:1.45;background:#f7f8fb;border-radius:10px;padding:10px}.flat-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.code-box{border-radius:10px;background:#f7f8fb;border:1px dashed color-mix(in srgb,var(--brand-secondary) 32%,#b0b6bd);padding:12px;overflow-x:auto}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status-inline{color:var(--muted)}.hover-border-help{border:1px solid color-mix(in srgb,var(--brand-accent) 28%,#d9d0c4);border-radius:14px;padding:12px;background:#fffbf5}.retry-callout{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-radius:12px;border:1px solid color-mix(in srgb,#bf3f3f 40%,#f4c1c1);background:#fff4f4;padding:10px 12px}.stream-log{max-height:280px;overflow-y:auto;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-secondary) 22%,#ccd4dd);background:#f8fafb;padding:12px}.stream-line{margin:0;font-size:.88rem;line-height:1.45;padding:4px 0}.stream-assistant{color:#123f57}.stream-tool{color:#5f4b06}.stream-system{color:#3d4b57}.stream-error{color:#8e1d1d}.status-badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:.84rem}.status-working{background:#f6ecd3}.status-success{background:#ddf2dc}.status-error{background:#f8dddd}.link-button{display:inline-block;margin-top:8px;text-decoration:none;color:#fff;border-radius:999px;padding:10px 14px;background:var(--brand-primary)}.primitive-field{display:grid;gap:8px}.primitive-input,.primitive-textarea{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-secondary) 28%,#d2d7dd);padding:10px 12px;background:#fff;font:inherit}.primitive-button{border:0;border-radius:999px;padding:10px 14px;background:var(--brand-primary);color:#fff;cursor:pointer;width:fit-content;font:inherit}.primitive-button:disabled{opacity:.7;cursor:wait}.terminal-shell{border-radius:12px;border:1px solid color-mix(in srgb,#2c4246 55%,#8ea0a8);background:#0f171b;color:#d4e0e5;padding:10px}.terminal-shell .stream-log{background:transparent;border:0}.timeline-shell{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid color-mix(in srgb,var(--brand-secondary) 24%,#b7c2ca);display:grid;gap:10px}.timeline-shell li{position:relative;padding-left:8px}.timeline-shell li:before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--brand-accent)}.animated-tabs-shell{display:flex;gap:8px;flex-wrap:wrap}.animated-tabs-shell button{background:#ecf2f4;color:#1d2a31;border:1px solid #c8d6dd}.animated-tabs-shell .tab-active{background:var(--brand-secondary);color:#fff}.hover-border-action-shell{border:1px solid color-mix(in srgb,var(--brand-accent) 36%,#d5dbe0);background:linear-gradient(120deg,#fff,#f4f8fa);color:var(--text)}.stateful-button-shell{border:0;border-radius:999px;padding:10px 14px;cursor:pointer;background:linear-gradient(120deg,var(--brand-primary),var(--brand-secondary));color:#fff}.moving-border-cta{position:relative;isolation:isolate}.moving-border-cta:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:999px;background:linear-gradient(90deg,var(--brand-accent),var(--brand-secondary),var(--brand-primary),var(--brand-accent));background-size:200% 200%;animation:moving-border 3s linear infinite;z-index:-1}@keyframes moving-border{0%{background-position:0% 50%}to{background-position:200% 50%}}.vanish-input-shell{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-secondary) 24%,#cad4dc);background:#fff;padding:10px;font:inherit;transition:opacity .18s ease,transform .18s ease}.vanish-input-shell::placeholder{color:color-mix(in srgb,var(--muted) 64%,#ffffff)}.vanish-input-shell:focus{opacity:1;transform:translateY(-1px)}.sticky-banner-shell{position:sticky;top:8px;z-index:20;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-secondary) 24%,#c7d2da);background:#f9fcfc;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 14px}.floating-dock-shell{position:fixed;left:50%;bottom:10px;transform:translate(-50%);border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-secondary) 24%,#c7d2da);background:color-mix(in srgb,#fff 92%,var(--brand-primary));padding:8px;display:flex;gap:6px;z-index:50}.floating-dock-shell button{background:transparent;color:var(--text);border:1px solid transparent;padding:8px 10px}.floating-dock-shell button:hover{border-color:color-mix(in srgb,var(--brand-secondary) 28%,#c2d2dc)}.bento-grid-shell{display:grid;gap:10px}.glowing-card-shell{border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-secondary) 22%,#cfdae0);padding:12px;background:linear-gradient(145deg,#fff,#f3f9fb);box-shadow:0 0 0 1px #fff9,0 12px 22px #1a424a17}.tracing-beam-shell{border-left:3px solid color-mix(in srgb,var(--brand-accent) 62%,#f5b583);padding-left:10px}.loader-shell{display:inline-flex;align-items:center;gap:8px}.loader-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-accent);animation:blink 1s infinite ease-in-out}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.multi-step-loader{list-style:none;margin:0;padding:0;display:grid;gap:6px}.multi-step-loader .step-active{color:var(--text)}.multi-step-loader .step-idle{color:var(--muted)}.ui-field{display:grid;gap:6px}.ui-input,.ui-textarea,.ui-select{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-secondary) 24%,#cad4dc);background:#fff;padding:10px;font:inherit}.ui-button{border:0;border-radius:999px;padding:10px 14px;background:var(--brand-primary);color:#fff}.ui-segmented{display:inline-flex;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-secondary) 18%,#ccd5dc);padding:4px;gap:4px}.ui-segmented button{background:transparent;color:var(--text)}.ui-segmented .segment-active{background:var(--brand-secondary);color:#fff}.ui-table-wrap{overflow:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-secondary) 18%,#ced7de)}.ui-table{width:100%;border-collapse:collapse;min-width:640px}.ui-table th,.ui-table td{border-bottom:1px solid #e6edf1;padding:10px;text-align:left}.ui-pagination{display:flex;align-items:center;gap:8px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b121473;display:grid;place-items:center;z-index:60}.ui-modal{width:min(720px,92vw);border-radius:14px;border:1px solid color-mix(in srgb,var(--brand-secondary) 26%,#cbd6de);background:#fff;padding:16px;display:grid;gap:10px}.ui-modal-header{display:flex;align-items:center;justify-content:space-between}.ui-toast{border-radius:10px;padding:10px}.ui-toast-success{background:#e4f4e0;color:#205324}.ui-toast-error{background:#fce9e9;color:#7b2323}.ui-toast-info{background:#e9f1ff;color:#223c7b}.pointer-highlight{outline:2px solid color-mix(in srgb,var(--brand-accent) 40%,transparent)}.expandable-email-card,.focus-card-item,.hover-card-item{border:1px solid color-mix(in srgb,var(--brand-secondary) 20%,#d3dce3);border-radius:12px;padding:10px;background:#fff}.hover-card-item:hover,.focus-card-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1e474e1f}.preferences-grid{display:grid;gap:10px}.mobile-focus-cards{display:none}.motion-none *{animation:none!important;transition:none!important}.motion-subtle *{transition-duration:.14s}.motion-emphasis *{transition-duration:.22s}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (min-width: 768px){.shell-layout{grid-template-columns:260px minmax(0,1fr);align-items:start}.app-header{flex-direction:row;align-items:center}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-dock-shell{display:none}}@media (max-width: 767px){.shell-sidebar{display:none}.mobile-focus-cards{display:grid}}
