@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap";:root{--bg: #f4f1ea;--panel: #ffffff;--ink: #1d252c;--muted: #5c6b73;--accent: #0c7c7b;--accent-2: #f1b564;--border: #e6ded1;--shadow: 0 20px 60px rgba(15, 30, 60, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff6e8,#f4f1ea 60%);min-height:100vh}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0 0 12px}p{margin:0 0 12px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:16px}.brand-mark{background:var(--accent);color:#fff;padding:6px 10px;border-radius:10px;font-weight:600}.brand-title{font-weight:600;margin:0}.brand-subtitle{margin:0;font-size:13px;color:var(--muted)}.nav{display:flex;gap:16px}.nav-link{text-decoration:none;color:var(--muted);font-weight:500;padding:8px 12px;border-radius:999px;transition:all .2s ease}.nav-link.active{background:#eef6f6;color:var(--accent)}.content{flex:1;padding:40px}.page{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--accent)}.muted{color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 4px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 4px;border-bottom:1px solid var(--border);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.summary-list{display:grid;gap:6px;margin-top:8px}.usage-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric{font-size:26px;font-weight:600;margin:0}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.status{text-transform:capitalize;font-weight:600}.status.pending{color:#b67311}.status.used{color:#0c7c7b}.status.expired{color:#b1492a}.status.revoked{color:#6b7280}.hint{font-size:12px;color:var(--muted)}.mono{font-family:Space Grotesk,sans-serif;font-size:12px}.footer-note{text-align:center}.notice{background:#f8f4ee}.form-card{display:flex;flex-direction:column;gap:16px}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;color:var(--muted)}.field input,.field textarea,.field select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-family:inherit;font-size:14px;color:var(--ink);background:#fff}.field textarea{resize:vertical}.field.checkbox{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink)}.field.checkbox input{width:18px;height:18px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-error{color:#b1492a;font-weight:600;margin:0}.response-panel{background:#f6f0e6;border-radius:12px;padding:12px;border:1px solid var(--border);font-size:12px;color:var(--ink)}.response-panel pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Space Grotesk,sans-serif;font-size:12px}.card-row{display:flex;gap:12px;margin-top:16px}.stack{display:flex;gap:12px;flex-wrap:wrap}.button{border:1px solid var(--border);background:transparent;color:var(--ink);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600}.button.primary{background:var(--accent);color:#fff;border-color:transparent}.button.ghost{background:#f6f0e6}.widget-shell{max-width:420px;margin:0 auto;background:var(--widget-panel, #fff);border-radius:24px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--widget-border, var(--border));color:var(--widget-ink, var(--ink))}.widget-shell[data-position=left]{margin-left:0;margin-right:auto}.widget-shell[data-position=right]{margin-left:auto;margin-right:0}.widget-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.widget-shell .button.primary{background:var(--widget-accent-color, var(--accent))}.chip-group{display:flex;flex-direction:column;gap:6px}.chip{background:#f2efe8;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.widget-body{background:var(--widget-bg, #f8f5f0);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:260px}.bubble{padding:12px 14px;border-radius:14px;max-width:85%;background:var(--widget-bubble, #ffffff);border:1px solid var(--widget-border, var(--border));color:var(--widget-ink, var(--ink))}.bubble.user{align-self:flex-end;background:var(--widget-user-bubble, #e3f3f3);border-color:transparent}.widget-input{display:flex;gap:8px}.widget-input input{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--widget-border, var(--border));font-family:inherit;background:var(--widget-panel, #fff);color:var(--widget-ink, var(--ink))}.widget-input input:disabled,.button:disabled{opacity:.6;cursor:not-allowed}.chat-playground{padding:20px}.chat-shell{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:12px}.chat-sidebar{background:#f8f4ee;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border)}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-thread-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.chat-thread{text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:12px;cursor:pointer}.chat-thread.active{border-color:var(--accent);background:#eef6f6}.chat-main{display:flex;flex-direction:column;gap:12px}.chat-main-header{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.chat-body{background:#f8f5f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:240px}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--border);font-family:inherit}.citations{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.citations-title{margin:0 0 6px;font-weight:600}.citations ol{padding-left:18px;margin:0}.citations a{color:var(--accent);text-decoration:none}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.content{padding:24px}.page-header{flex-direction:column;align-items:stretch}.chat-shell{grid-template-columns:1fr}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(12,124,123,.3);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--surface-2: #f9f7f2;--success: #059669;--error: #dc2626}