:root{--beige-50: #FBF8F1;--beige-100: #F5EFE2;--beige-200: #ECE3CF;--beige-300: #DFD2B6;--beige-400: #C9B790;--navy-900: #0E2440;--navy-800: #13314F;--navy-700: #1B4068;--blue-600: #2B5C8A;--blue-500: #3A72A8;--blue-300: #8FB3D4;--gold: #B08D57;--gold-soft: #C7A876;--ink: #16243A;--muted: #6E7686;--line: #E3D9C4;--danger: #9E3B3B;--ok: #3F7A52;--shadow-sm: 0 1px 2px rgba(14, 36, 64, .06);--shadow-md: 0 8px 28px rgba(14, 36, 64, .1);--radius: 14px;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--beige-100);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em;margin:0}a{color:var(--blue-600);text-decoration:none}::selection{background:var(--beige-300)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--beige-300);border-radius:8px;border:2px solid var(--beige-100)}.app-shell{display:grid;grid-template-columns:268px 1fr;height:100%}.sidebar{background:linear-gradient(180deg,var(--navy-800),var(--navy-900));color:var(--beige-100);display:flex;flex-direction:column;padding:22px 16px;border-right:1px solid rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 22px}.brand-name{font-family:var(--font-serif);font-size:20px;line-height:1.05;color:#fff}.brand-sub{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue-300)}.nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:var(--beige-200);cursor:pointer;font-size:14.5px;font-weight:500;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#8fb3d429;color:#fff;border-color:#8fb3d459}.sidebar-foot{margin-top:auto;font-size:11.5px;color:var(--blue-300);padding:14px 10px 2px;line-height:1.5}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:7px}.main{overflow-y:auto;height:100%}.container{max-width:980px;margin:0 auto;padding:40px 32px 96px}.eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}.page-title{font-size:34px;margin-top:10px;color:var(--navy-900)}.page-sub{color:var(--muted);margin-top:8px;font-size:15px;max-width:60ch}.muted{color:var(--muted)}.ask{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:8px 8px 8px 18px;display:flex;align-items:center;gap:12px}.ask:focus-within{border-color:var(--blue-300);box-shadow:0 0 0 4px #8fb3d42e}.ask input{flex:1;border:none;outline:none;font-size:16px;font-family:var(--font-sans);background:transparent;color:var(--ink);padding:12px 0}.ask input::placeholder{color:#9aa1ac}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:600;border-radius:10px;border:1px solid transparent;padding:11px 16px;transition:transform .12s ease,background .18s ease,box-shadow .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy-800);color:#fff}.btn-primary:hover{background:var(--navy-700)}.btn-ghost{background:transparent;color:var(--navy-700);border-color:var(--line)}.btn-ghost:hover{background:var(--beige-50)}.btn-sm{padding:8px 12px;font-size:13px}.btn[disabled]{opacity:.55;cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chip{background:var(--beige-50);border:1px solid var(--line);color:var(--navy-700);padding:8px 13px;border-radius:999px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .16s ease,border-color .16s ease,transform .12s ease}.chip:hover{background:#fff;border-color:var(--blue-300);transform:translateY(-1px)}.chip .cat{color:var(--gold);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;margin-top:22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-head h3{font-size:20px;color:var(--navy-900)}.explanation{color:var(--ink);font-size:15px;line-height:1.6;margin-top:4px}.card-actions{display:flex;gap:8px;flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;cursor:pointer;border:1px solid var(--line);background:var(--beige-50);color:var(--navy-700);transition:background .16s ease,color .16s ease,border-color .16s ease}.icon-btn:hover{background:#fff;border-color:var(--blue-300);color:var(--blue-600)}.meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:12.5px}.meta-row b{color:var(--navy-700);font-weight:600}.sql-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--blue-600);font-size:13px;font-weight:600;margin-top:16px}.sql-box{margin-top:12px;background:var(--navy-900);color:#dce6f2;border-radius:10px;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.table-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:10px}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th,table.data td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--beige-200);white-space:nowrap}table.data th{background:var(--beige-50);color:var(--navy-700);font-weight:600;position:sticky;top:0}table.data tr:last-child td{border-bottom:none}table.data td.num{text-align:right;font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:var(--beige-50)}.seg{display:inline-flex;background:var(--beige-100);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.seg button{border:none;background:transparent;padding:6px 12px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:#fff;color:var(--navy-800);box-shadow:var(--shadow-sm)}.loader-card{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:40px;display:flex;flex-direction:column;align-items:center;gap:22px}.loader-star{color:var(--navy-800)}.loader-word{font-family:var(--font-serif);font-size:22px;color:var(--navy-900);min-height:30px;text-align:center}.loader-track{width:240px;height:3px;background:var(--beige-200);border-radius:3px;overflow:hidden}.loader-bar{height:100%;width:40%;background:linear-gradient(90deg,var(--blue-500),var(--gold));border-radius:3px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.banner{padding:14px 16px;border-radius:10px;font-size:14px;margin-top:18px}.banner.error{background:#fbeded;border:1px solid #EAC9C9;color:var(--danger)}.banner.error code{display:block;margin-top:8px;font-size:12px;color:#7a2e2e;white-space:pre-wrap}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.widget{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.widget h4{font-size:16px;color:var(--navy-900);margin-bottom:4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.row-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:12px;box-shadow:var(--shadow-sm)}.row-item .q{font-size:14.5px;color:var(--navy-800)}.row-item .t{font-family:var(--font-serif);font-size:16px;color:var(--navy-900)}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr}}