:root{font-family:Trebuchet MS,Segoe UI Variable,sans-serif;color:#1f2018;background:#f4efe4;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f4efe4;--bg-soft: #efe6d7;--surface: rgba(255, 252, 245, .9);--surface-alt: rgba(250, 244, 235, .95);--surface-hover: rgba(255, 248, 240, .98);--stroke: rgba(102, 76, 45, .14);--stroke-strong: rgba(102, 76, 45, .28);--text: #1f2018;--text-soft: #5f5a4e;--text-faint: #857c6d;--primary: #b4482d;--primary-strong: #8f341d;--accent: #d58b38;--teal: #2f7a68;--success: #2c6b4d;--warning: #9a6923;--danger: #a33d3d;--dark: #2c2a24;--shadow-sm: 0 12px 28px rgba(57, 39, 12, .08);--shadow-md: 0 22px 52px rgba(57, 39, 12, .14);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(181,72,45,.12),transparent 24%),radial-gradient(circle at top right,rgba(47,122,104,.1),transparent 24%),linear-gradient(180deg,#f8f2e7,#f4efe4);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,strong{font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em}.app-shell{display:grid;grid-template-columns:308px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,rgba(53,46,35,.96) 0 308px,transparent 308px),linear-gradient(180deg,rgba(255,248,240,.36),transparent 40%)}.sidebar{productName:sticky;top:0;height:100vh;padding:24px 20px;display:grid;grid-template-rows:auto 1fr auto;gap:22px;background:radial-gradient(circle at top left,rgba(212,139,56,.18),transparent 28%),linear-gradient(180deg,#2c2a24fa,#211f1af5);color:#f7f0e5}.sidebar-head{display:grid;gap:18px}.brand{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:#fff8f014;border:1px solid rgba(255,248,240,.14);box-shadow:inset 0 1px #ffffff0f}.brand strong{display:block;font-size:1.16rem}.brand span:last-child{color:#f7f0e5b8;font-size:.88rem}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:#fff9f2;background:linear-gradient(135deg,#d58b38,#b4482d 65%,#8f341d);box-shadow:0 12px 22px #0000002e}.workspace-card{display:grid;gap:8px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff8f01f,#fff8f00a);border:1px solid rgba(255,248,240,.14)}.workspace-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#f4c885;font-weight:700}.workspace-card strong{font-size:1rem}.workspace-card p{margin:0;color:#f7f0e5b8;font-size:.88rem}.sidebar-nav{display:grid;gap:8px;align-content:start}.nav-item{padding:13px 14px;border-radius:14px;color:#f7f0e5b8;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{background:#fff8f014;color:#fff9f2}.nav-item.active{color:#fff9f2;background:linear-gradient(90deg,#d48b382e,#b4482d29);border-color:#f4c88538;transform:translate(3px)}.sidebar-footnote{padding:16px;border-radius:18px;background:#fff8f012;border:1px solid rgba(255,248,240,.12);color:#f7f0e5bf;font-size:.87rem}.sidebar-footnote p{margin:0}.sidebar-footnote p+p{margin-top:8px}.main-area{padding:26px 30px 38px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px;padding:24px 26px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(212,139,56,.14),transparent 28%),linear-gradient(180deg,#fffcf5f5,#fbf5edeb);border:1px solid var(--stroke);box-shadow:var(--shadow-sm)}.topbar-copy{display:grid;gap:8px}.topbar h2{margin:0;font-size:clamp(1.35rem,1vw + 1rem,2rem);line-height:1.15;max-width:24ch}.topbar-subtitle{margin:0;color:var(--text-faint);font-size:.94rem}.topbar-tools{display:flex;gap:16px;align-items:center}.topbar-search{min-width:270px;display:grid;gap:8px}.topbar-search span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700}.topbar-search input{border:1px solid var(--stroke);border-radius:16px;padding:13px 14px;background:#ffffffb3}.topbar-user{display:flex;gap:14px;align-items:center}.topbar-user-meta{display:grid;gap:6px;justify-items:end}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-weight:700}.eyebrow:before{content:"";width:24px;height:2px;border-radius:99px;background:currentColor}.page-content,.page-grid,.stack{display:grid;gap:20px}.page-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:4px 2px 2px}.page-intro h1{margin:10px 0 12px;font-size:clamp(2rem,2vw + 1rem,3.2rem);line-height:1;max-width:16ch}.page-intro p,.section-header p,.list-card p,.muted{color:var(--text-soft)}.content-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:20px}.panel{border:1px solid var(--stroke);background:linear-gradient(180deg,#fffcf5f5,#faf4ebe6);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metrics-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{productName:relative;min-height:156px;overflow:hidden}.metric-card:after{content:"";productName:absolute;right:-32px;top:-32px;width:120px;height:120px;border-radius:50%;background:#ffffff38}.metric-accent{productName:absolute;inset:auto 0 0 0;height:6px;border-radius:999px}.metric-label{color:var(--text-soft);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.metric-value{margin-top:18px;font-size:2.85rem;font-weight:700}.mini-metric{display:grid;gap:4px}.mini-metric strong{font-size:2rem}.section-header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.section-header select{min-width:220px;border:1px solid var(--stroke);border-radius:14px;background:#ffffffbf;padding:12px 14px;color:var(--text)}.section-header h2,.list-card h3{margin:0}.list-card,.product-card{border:1px solid var(--stroke);background:var(--surface-alt);border-radius:20px;padding:18px}.list-card p,.product-card p{margin:10px 0 0;overflow-wrap:anywhere}.product-card{text-align:left;width:100%;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.product-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}.product-card.active{border-color:#b4482d4d;background:linear-gradient(180deg,#fff6eef5,#fbeee4eb);transform:translateY(-1px)}.list-card-head,.meta-row,.field-row,.match-result{display:flex;justify-content:space-between;gap:14px;align-items:start}.list-card-head>div{flex:1 1 auto;min-width:0}.field-row{flex-wrap:wrap}.meta-row{align-items:center;color:var(--text-soft);font-size:.92rem;margin-top:12px;flex-wrap:wrap}.token-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.token,.soft-pill{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#efe5d6;border:1px solid rgba(102,76,45,.12);color:#594935;font-size:.84rem}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.06em}.status-badge.success{background:#2c6b4d1f;color:var(--success)}.status-badge.warning{background:#d58b3829;color:var(--warning)}.status-badge.info{background:#2f7a681f;color:var(--teal)}.status-badge.accent{background:#b4482d1f;color:var(--primary)}.status-badge.danger{background:#a33d3d1f;color:var(--danger)}.status-badge.muted{background:#847c6d29;color:#6f6658}.status-badge.dark{background:#2c2a24f0;color:#fff7ec}.score-badge{display:inline-flex;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#b4482d,#d58b38);color:#fff;font-weight:700}.form-grid{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-weight:600;font-size:.93rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--stroke);border-radius:15px;background:#ffffffc7;padding:12px 14px;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field textarea:focus,.field select:focus,.topbar-search input:focus{border-color:#b4482d66;box-shadow:0 0 0 4px #b4482d14;background:#fffdf9}.field small{min-height:18px;color:var(--danger)}.checkbox-field{display:flex;align-items:center;gap:10px}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:15px;padding:12px 16px;font-weight:700;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,background .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#b4482d,#d58b38);color:#fffaf5;box-shadow:0 14px 24px #b4482d33}.secondary-button{background:linear-gradient(135deg,#2f7a68,#5b9f8f);color:#f7fffc}.ghost-button{background:#fff8f0e6;color:#4d3f2f;border:1px solid rgba(102,76,45,.14)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.empty-state{display:grid;gap:8px;place-items:start;min-height:180px}.loader-wrap{display:inline-flex;align-items:center;gap:12px;color:var(--text-soft)}.loader{width:18px;height:18px;border-radius:999px;border:3px solid rgba(180,72,45,.14);border-top-color:var(--primary);animation:spin .9s linear infinite}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytic-box{display:grid;gap:4px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#f6ecde);border:1px solid var(--stroke)}.analytic-box strong{font-size:1.15rem}.gauge{width:220px;aspect-ratio:1;display:grid;place-items:center;productName:relative}.gauge-ring{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#fffdf8 54%,transparent 55%),conic-gradient(var(--primary) 0 var(--score),#e7d6be var(--score) 100%);box-shadow:inset 0 0 30px #b4482d14}.gauge-text{productName:absolute;display:grid;gap:4px;place-items:center}.gauge-text strong{font-size:2.3rem}.form-error-banner,.form-success-banner{padding:14px 16px;border-radius:16px;font-weight:600}.form-error-banner{background:#a33d3d1f;color:var(--danger);border:1px solid rgba(163,61,61,.14)}.form-success-banner{background:#2c6b4d1f;color:var(--success);border:1px solid rgba(44,107,77,.14)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;padding:28px;background:radial-gradient(circle at top left,rgba(180,72,45,.1),transparent 28%),radial-gradient(circle at bottom right,rgba(47,122,104,.12),transparent 28%),linear-gradient(180deg,#f7f0e5,#f1eadf)}.auth-hero,.auth-panel{min-height:calc(100vh - 56px)}.auth-hero{display:grid;align-content:space-between;gap:28px;padding:42px;border-radius:36px;background:radial-gradient(circle at top right,rgba(255,221,168,.18),transparent 26%),linear-gradient(135deg,#342e28fa,#523726f2 48%,#b4482deb);color:#fff8f0;box-shadow:0 24px 48px #39270c2e}.auth-hero-copy{display:grid;gap:12px}.auth-hero .eyebrow,.auth-hero p,.auth-hero span,.auth-hero small{color:#fff8f0e0}.auth-hero .eyebrow:before{background:#ffffffb3}.auth-hero h1{font-size:clamp(2.4rem,2vw + 1rem,4.2rem);line-height:.96;max-width:11ch;margin:0}.hero-points{display:grid;gap:16px}.hero-points>div,.demo-access-card{padding:18px;border-radius:22px;background:#fff8f01a;border:1px solid rgba(255,248,240,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-points strong,.demo-access-card strong{display:block;margin-bottom:6px}.demo-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-access-card{display:grid;gap:4px}.auth-panel{display:grid;align-content:center;gap:18px;background:linear-gradient(180deg,#fffcf5fa,#faf4ebf5)}.auth-panel-copy h2{margin:0 0 8px;font-size:1.8rem}.auth-panel-copy p{margin:0;color:var(--text-soft)}.oauth-layout{grid-template-columns:minmax(0,760px);justify-content:center;align-content:center}.oauth-panel{min-height:auto}.app-loader{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text-soft);font-weight:600;background:radial-gradient(circle at top,rgba(180,72,45,.08),transparent 32%),linear-gradient(180deg,#f8f2e7,#efe6d7)}.auth-tabs{display:inline-flex;padding:6px;border-radius:18px;background:#efe6d7;gap:6px}.tab{border:none;border-radius:14px;padding:12px 16px;background:transparent;color:var(--text-soft)}.tab.active{background:#fffdf8;color:var(--text);box-shadow:var(--shadow-sm)}.auth-divider{productName:relative;display:flex;justify-content:center;align-items:center;margin:2px 0}.auth-divider:before{content:"";productName:absolute;inset:50% 0 auto;height:1px;background:var(--stroke)}.auth-divider span{productName:relative;padding:0 12px;background:var(--surface);color:var(--text-faint);font-size:.88rem}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;padding:12px 16px;border:1px solid var(--stroke);background:#fffc;color:var(--text);font-weight:700;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.google-button:hover{transform:translateY(-1px);border-color:#b4482d3d;box-shadow:var(--shadow-md)}.google-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#fbbc05,#ea4335 52%,#4285f4);color:#fff;font-size:.92rem;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1240px){.content-grid,.auth-layout,.app-shell{grid-template-columns:1fr}.sidebar{productName:static;height:auto}.auth-hero,.auth-panel{min-height:auto}}@media (max-width: 960px){.topbar,.topbar-tools{display:grid}.topbar-search{min-width:0}.metrics-grid,.analytics-grid,.demo-access{grid-template-columns:1fr}}@media (max-width: 820px){.main-area,.auth-layout{padding:18px}.topbar,.field-row,.list-card-head,.match-result{grid-template-columns:1fr;display:grid}.metrics-grid.compact{grid-template-columns:1fr}.panel{padding:18px;border-radius:22px}}