:root{font-family:Segoe UI,Aptos,sans-serif;color:#10213b;background:radial-gradient(circle at top left,rgba(240,153,55,.18),transparent 30%),radial-gradient(circle at top right,rgba(26,131,196,.2),transparent 28%),linear-gradient(180deg,#f3f0e8,#e4edf5);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1400px;margin:0 auto;padding:32px 20px 48px}.hero{margin-bottom:24px;padding:28px;border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #10213b1f}.hero h1{margin:6px 0 0;max-width:900px;font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.04em}.hero-copy,.panel-copy{margin:14px 0 0;max-width:760px;color:#425572}.eyebrow,.panel-kicker{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a44412}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#3a4b68}.screen-stack{display:grid;gap:20px}.screen-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.role-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-tab{display:grid;gap:6px;padding:18px 20px;border:1px solid rgba(22,52,92,.12);border-radius:22px;background:#ffffffd1;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.role-tab.active{border-color:#c24d1f;box-shadow:0 18px 40px #c24d1f24}.role-tab:hover{transform:translateY(-1px)}.role-tab-label{font-size:1rem;font-weight:700;color:#10213b}.role-tab-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#8b5a1b}.panel{padding:24px;border-radius:24px;background:#ffffffc7;box-shadow:0 18px 50px #10213b1a}.panel-heading h2{margin:8px 0 0;font-size:1.5rem;line-height:1.1}.stack{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:8px}.field span{font-size:.9rem;color:#3a4b68}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #c8d5e5;border-radius:14px;background:#fbfcff}.checkbox-field{display:flex;align-items:center;gap:10px}.checkbox-field input{width:auto}.primary-button,.secondary-button{padding:12px 16px;border:0;border-radius:999px;transition:transform .12s ease,opacity .12s ease}.primary-button{color:#fff8f2;background:linear-gradient(135deg,#c24d1f,#dd8b20)}.secondary-button{color:#10213b;background:#dce7f2}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.tenant-list,.version-history{display:grid;gap:10px}.tenant-table-shell{margin-top:18px;overflow-x:auto;border:1px solid #d6e0eb;border-radius:18px;background:#f8fbffe6}.tenant-table{width:100%;border-collapse:collapse;min-width:760px}.tenant-table th,.tenant-table td{padding:14px 16px;border-bottom:1px solid #dbe4ee;text-align:left}.tenant-table th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#5d6d88;background:#dce7f273}.tenant-table tbody tr:last-child td{border-bottom:0}.tenant-row{cursor:pointer}.tenant-row:hover{background:#c24d1f0a}.tenant-row.selected{background:#c24d1f14}.empty-cell{color:#5d6d88}.row-actions{display:flex;gap:8px}.table-action{padding:8px 10px;border:1px solid #c8d5e5;border-radius:999px;background:#fff;color:#3a4b68}.table-action.danger{color:#8c1d18}.tenant-create-form{margin-top:18px}.create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.tenant-card,.version-card,.response-card,.code-block{padding:14px;border:1px solid #d6e0eb;border-radius:16px;background:#f8fbffe6}.tenant-card{display:grid;gap:4px;text-align:left;border:0}.tenant-card.active{border-color:#c24d1f;box-shadow:inset 0 0 0 1px #c24d1f}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-row,.version-header,.subpanel-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.subpanel-header h3{margin:0}.rule-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.rule-list-shell,.rule-form-shell,.assistant-shell{padding:16px;border:1px solid #d6e0eb;border-radius:18px;background:#f8fbffe6}.rule-list-shell{overflow-x:auto}.sdk-grid,.assistant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.assistant-panel{display:grid;gap:14px}.assistant-result{display:grid;gap:10px;padding:14px;border:1px solid #d6e0eb;border-radius:14px;background:#fff}.assistant-result p{margin:0}.demo-panel{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid rgba(22,52,92,.12);border-radius:18px;background:linear-gradient(180deg,#fff8efeb,#f7fbfff5)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.demo-card{padding:16px;border:1px solid #d6e0eb;border-radius:16px;background:#ffffffeb}.demo-card h4{margin:0 0 8px}.demo-card p{margin:0 0 12px;color:#425572}.demo-steps{margin:0;padding-left:20px;color:#3a4b68}.test-results{display:grid;gap:8px}.test-result-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#dce7f259}.rules-table{width:100%;min-width:1120px;margin-top:14px;border-collapse:collapse}.rules-table th,.rules-table td{padding:12px 14px;border-bottom:1px solid #dbe4ee;text-align:left}.rules-table th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#5d6d88}.rules-table tbody tr:last-child td{border-bottom:0}.rules-table .row-actions{flex-wrap:wrap}.response-card pre,.code-block pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Cascadia Code,Consolas,monospace;font-size:.9rem}.muted{color:#5d6d88}.inline-error,.error-banner{color:#8c1d18}.error-banner{margin-bottom:16px;padding:12px 16px;border-radius:14px;background:#e55b4d24;border:1px solid rgba(140,29,24,.2)}@media(max-width:1100px){.screen-grid,.role-nav{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:20px 14px 32px}.hero,.panel{padding:20px;border-radius:20px}.rule-grid,.rule-editor-grid,.assistant-grid,.sdk-grid,.create-row{grid-template-columns:1fr}.action-row,.subpanel-header,.version-header,.hero-meta{flex-direction:column;align-items:flex-start}}