:root{--text-color:#495057;--text-color-secondary:#6c757d;--border-radius:6px;--primary-color:#3b82f6;--surface-ground:#eff3f8;--surface-border:#dfe7ef;--surface-hover:#f6f9fc;--surface-0:#fff;--surface-50:#fafafa;--surface-100:#f5f5f5;--surface-200:#eee;--surface-300:#e0e0e0;--surface-400:#bdbdbd;--surface-500:#9e9e9e;--surface-600:#757575;--surface-700:#616161;--surface-800:#424242;--surface-900:#212121;--blue-50:#f5f9ff;--blue-100:#d0e1fd;--blue-200:#abc9fb;--blue-300:#85b2f9;--blue-400:#609af8;--blue-500:#3b82f6;--blue-600:#326fd1;--blue-700:#295bac;--blue-800:#204887;--blue-900:#183462;--green-50:#f4fcf7;--green-100:#caf1d8;--green-200:#a0e6ba;--green-300:#76db9b;--green-400:#4cd07d;--green-500:#22c55e;--green-600:#1da750;--green-700:#188a42;--green-800:#136c34;--green-900:#0e4f26;--yellow-50:#fefbf3;--yellow-100:#faedc4;--yellow-200:#f6de95;--yellow-300:#f2d066;--yellow-400:#eec137;--yellow-500:#eab308;--yellow-600:#c79807;--yellow-700:#a47d06;--yellow-800:#816204;--yellow-900:#5e4803;--cyan-50:#f3fbfd;--cyan-100:#c3edf5;--cyan-200:#94e0ed;--cyan-300:#65d2e4;--cyan-400:#35c4dc;--cyan-500:#06b6d4;--cyan-600:#059bb4;--cyan-700:#047f94;--cyan-800:#036475;--cyan-900:#024955;--pink-50:#fef6fa;--pink-100:#fad3e7;--pink-200:#f7b0d3;--pink-300:#f38ec0;--pink-400:#f06bac;--pink-500:#ec4899;--pink-600:#c93d82;--pink-700:#a5326b;--pink-800:#822854;--pink-900:#5e1d3d;--indigo-50:#f7f7fe;--indigo-100:#dadafc;--indigo-200:#bcbdf9;--indigo-300:#9ea0f6;--indigo-400:#8183f4;--indigo-500:#6366f1;--indigo-600:#5457cd;--indigo-700:#4547a9;--indigo-800:#363885;--indigo-900:#282960;--teal-50:#f3fbfb;--teal-100:#c7eeea;--teal-200:#9ae0d9;--teal-300:#6dd3c8;--teal-400:#41c5b7;--teal-500:#14b8a6;--teal-600:#119c8d;--teal-700:#0e8174;--teal-800:#0b655b;--teal-900:#084a42;--orange-50:#fff8f3;--orange-100:#feddc7;--orange-200:#fcc39b;--orange-300:#fba86f;--orange-400:#fa8e42;--orange-500:#f97316;--orange-600:#d46213;--orange-700:#ae510f;--orange-800:#893f0c;--orange-900:#642e09;--bluegray-50:#f7f8f9;--bluegray-100:#dadee3;--bluegray-200:#bcc3cd;--bluegray-300:#9fa9b7;--bluegray-400:#818ea1;--bluegray-500:#64748b;--bluegray-600:#556376;--bluegray-700:#465161;--bluegray-800:#37404c;--bluegray-900:#282e38;--purple-50:#fbf7ff;--purple-100:#ead6fd;--purple-200:#dab6fc;--purple-300:#c996fa;--purple-400:#b975f9;--purple-500:#a855f7;--purple-600:#8f48d2;--purple-700:#763cad;--purple-800:#5c2f88;--purple-900:#432263;--red-50:#fff5f5;--red-100:#ffd0ce;--red-200:#ffaca7;--red-300:#ff8780;--red-400:#ff6259;--red-500:#ff3d32;--red-600:#d9342b;--red-700:#b32b23;--red-800:#8c221c;--red-900:#661814;--primary-50:#f5f9ff;--primary-100:#d0e1fd;--primary-200:#abc9fb;--primary-300:#85b2f9;--primary-400:#609af8;--primary-500:#3b82f6;--primary-600:#326fd1;--primary-700:#295bac;--primary-800:#204887;--primary-900:#183462;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;color-scheme:light;--surface-ground:#f8fafc;--surface-section:#fff;--surface-card:#fff;--surface-overlay:#fff;--surface-border:#e2e8f0;--surface-hover:#f1f5f9;--text-color:#1e293b;--text-color-secondary:#64748b;--primary-color:#0ea5e9;--primary-color-text:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-blue-100:#dbeafe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-amber-100:#fef3c7;--color-amber-500:#f59e0b;--color-amber-700:#b45309;--color-red-100:#fee2e2;--color-red-500:#ef4444;--color-red-700:#b91c1c}body{margin:0;min-height:100%;overflow-y:auto;font-weight:400;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden}body,html{max-width:100vw;background:linear-gradient(135deg,#f0f9ff,#f8fafc 50%,#fdf4ff);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.p-datatable .p-datatable-thead>tr>th{background:#f8fafc;border-color:#e2e8f0;color:#475569;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.p-datatable .p-datatable-tbody>tr{transition:all .15s ease}.p-datatable .p-datatable-tbody>tr:hover{background:#f1f5f9!important}.p-datatable .p-datatable-tbody>tr>td{border-color:#f1f5f9;padding:1rem}.p-inputtext{border-radius:.5rem;border-color:#e2e8f0;transition:all .15s ease}.p-inputtext:focus{box-shadow:0 0 0 3px rgba(14,165,233,.15);border-color:#0ea5e9}.p-button{border-radius:.5rem;font-weight:500;transition:all .15s ease}.p-button:not(.p-button-text):not(.p-button-outlined):hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.p-dropdown,.p-inputtextarea{border-radius:.5rem}.p-card{border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1);border:1px solid #e2e8f0}.p-toast{opacity:1}.p-toast .p-toast-message{border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.15)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.bg-white{background-color:#fff}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.bg-blue-100{background-color:var(--color-blue-100)}.text-blue-700{color:var(--color-blue-700)}.border-blue-200{border-color:#bfdbfe}.bg-amber-100{background-color:var(--color-amber-100)}.text-amber-700{color:var(--color-amber-700)}.border-amber-200{border-color:#fde68a}.bg-red-100{background-color:var(--color-red-100)}.text-red-700{color:var(--color-red-700)}.border-red-200{border-color:#fecaca}.bg-green-100{background-color:#dcfce7}.text-green-700{color:#15803d}.border-green-200{border-color:#bbf7d0}.bg-purple-100{background-color:#f3e8ff}.text-purple-700{color:#7e22ce}.border-purple-200{border-color:#e9d5ff}.text-red-500{color:var(--color-red-500)}.max-w-7xl{max-width:80rem}.max-w-4xl{max-width:56rem}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.h-16{height:4rem}.h-24{height:6rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-24{width:6rem}.w-48{width:12rem}.min-h-screen{min-height:100vh}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:w-48{width:12rem}.sm\:ml-auto{margin-left:auto}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:flex-none{flex:none}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:align-items-center{align-items:center}.md\:w-12rem{width:12rem}.md\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.p-icon-field,.p-icon-field .p-inputtext{width:100%}.response-preview{font-family:var(--font-geist-mono);font-size:.875rem;background-color:var(--color-slate-50);border-radius:.5rem;padding:1rem;border:1px solid var(--color-slate-200);white-space:pre-wrap;word-wrap:break-word}.response-preview-container{position:relative;cursor:pointer;transition:all .2s ease}.response-preview-container:hover{transform:translateY(-1px)}.response-preview-container:hover .response-preview{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(14,165,233,.15)}.response-preview-container .copy-overlay{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-slate-700);color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:500;opacity:0;transform:translateY(-4px);transition:all .2s ease;pointer-events:none}.response-preview-container:hover .copy-overlay{opacity:1;transform:translateY(0)}.response-preview-container .copy-overlay.copied{background:#22c55e;opacity:1;transform:translateY(0)}.response-preview-container:active .response-preview{transform:scale(.995)}.copy-success{animation:copyPulse .3s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.page-enter{animation:pageEnter .3s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-header{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-footer{background:hsla(0,0%,100%,.5)}.card-base{background-color:#fff;border-radius:.75rem;border:1px solid var(--color-slate-200);box-shadow:0 1px 2px rgba(0,0,0,.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.empty-state-icon{font-size:3.75rem;color:var(--color-slate-300);margin-bottom:1rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-slate-600);margin-bottom:.5rem}.empty-state-description{color:var(--color-slate-500);max-width:28rem}.logo-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#0ea5e9,#d946ef);display:flex;box-shadow:0 4px 14px rgba(14,165,233,.25)}.btn-primary,.logo-icon{align-items:center;justify-content:center}.btn-primary{display:inline-flex;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:500;transition:all .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);text-decoration:none}.btn-primary:hover{background-color:#0284c7}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-slate-600);border-radius:.5rem;font-weight:500;transition:all .15s ease;text-decoration:none}.btn-secondary:hover{color:var(--color-slate-800);background-color:var(--color-slate-100)}.nav-link{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--color-slate-600);transition:all .15s ease;text-decoration:none}.nav-link:hover{color:var(--color-slate-900);background-color:var(--color-slate-100)}.nav-link-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.25)}.nav-link-primary:hover{background-color:#0284c7;color:#fff}.breadcrumb-link{color:var(--color-slate-500);text-decoration:none;transition:color .15s ease}.breadcrumb-link:hover{color:var(--primary-color)}.tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:var(--color-slate-100);color:var(--color-slate-600);transition:background-color .15s ease}.tag:hover{background-color:var(--color-slate-200)}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-width:1px;border-style:solid}.type-badge-sm{padding:.125rem .5rem}.type-badge-lg{padding:.375rem 1rem;font-size:.875rem}