@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap";:root{--bg-primary: #f3f3eb;--bg-secondary: #ffffff;--surface-soft: #eef3f2;--surface-accent: #ffe9cc;--text-main: #152325;--text-muted: #4f6367;--border: #d7dfdd;--brand: #036f6a;--brand-dark: #05504d;--danger: #c13b2a;--warning: #b46800;--shadow: 0 14px 38px rgba(2, 43, 53, .08);font-family:Tajawal,Segoe UI,sans-serif;line-height:1.45;font-weight:500;color:var(--text-main);background:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 10% 20%,#fff3dd,#f3f3eb 45%,#ecf0ef)}.app-shell{max-width:1400px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.hero{background:linear-gradient(120deg,#036f6a1f,#ffe9cc9e);border:1px solid rgba(3,111,106,.2);border-radius:20px;padding:1.2rem 1.4rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;box-shadow:var(--shadow);animation:rise .5s ease-out}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--brand-dark);font-family:Space Grotesk,Tajawal,sans-serif;font-weight:700}.hero h1{margin:.2rem 0 0;font-family:Space Grotesk,Tajawal,sans-serif;font-size:clamp(1.3rem,2vw,2rem);line-height:1.2}.hero-copy{margin:.45rem 0 0;color:var(--text-muted);max-width:760px}.hero-status{display:flex;flex-wrap:wrap;gap:.45rem}.pill{border-radius:999px;padding:.35rem .6rem;font-size:.74rem;font-family:Space Grotesk,Tajawal,sans-serif;border:1px solid transparent;background:var(--bg-secondary)}.pill-success{color:#0a5f32;background:#ddf6e9;border-color:#b5ebcf}.pill-warning{color:#8e5100;background:#fff0d7;border-color:#f2d7af}.pill-neutral{color:#2f484c;border-color:#cfd9d7}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem}.panel-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1rem;animation:rise .48s ease-out}.sidebar{position:sticky;top:1rem;align-self:flex-start}.sidebar h2,.content-column h2{margin:0 0 .7rem;font-size:1rem;font-family:Space Grotesk,Tajawal,sans-serif}.category-tabs{display:grid;gap:.4rem}.tab-btn{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-main);border-radius:10px;padding:.55rem .65rem;text-align:left;cursor:pointer;transition:all .16s ease}.tab-btn:hover{transform:translateY(-1px)}.tab-btn.active{border-color:#036f6a8c;background:#036f6a1f;color:var(--brand-dark)}.category-help{margin:.8rem 0;color:var(--text-muted);font-size:.88rem}.endpoint-list{display:flex;flex-direction:column;gap:.45rem;max-height:none;overflow-y:auto;padding-right:.15rem;scrollbar-width:thin;scrollbar-color:#95aaa6 #e8efed}.endpoint-list::-webkit-scrollbar{width:10px}.endpoint-list::-webkit-scrollbar-track{background:#e8efed;border-radius:999px}.endpoint-list::-webkit-scrollbar-thumb{background:#95aaa6;border-radius:999px}.endpoint-btn{border:1px solid var(--border);background:#fff;color:var(--text-main);border-radius:10px;padding:.6rem .65rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;transition:all .16s ease}.endpoint-btn:hover{transform:translateY(-1px);border-color:#036f6a66}.endpoint-btn.active{border-color:#036f6a99;background:#f0f8f7}.content-column{display:flex;flex-direction:column;gap:1rem}.endpoint-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.7rem}.endpoint-head p{margin:.25rem 0 0;color:var(--text-muted)}.endpoint-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem}.meta-chip{border-radius:999px;border:1px solid #d3dddb;background:#f2f7f6;color:#1e3b3f;padding:.28rem .58rem;font-size:.72rem;font-family:Space Grotesk,Tajawal,sans-serif}.method{border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-family:Space Grotesk,Tajawal,sans-serif;border:1px solid transparent;white-space:nowrap}.method-get{background:#e8f2ff;color:#0f4d89;border-color:#bad7f6}.method-post{background:#e7f7ef;color:#0d5a35;border-color:#bce6cc}.method-delete{background:#ffe9e6;color:#882215;border-color:#f4beb8}.path-box{border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:.55rem .7rem;margin-bottom:.9rem;overflow:auto}.path-box code{font-family:Space Grotesk,Consolas,monospace;font-size:.86rem}.endpoint-reference{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#fff,#f6faf9);padding:.75rem;margin-bottom:.9rem}.endpoint-reference h3{margin:0 0 .45rem;font-size:.9rem;font-family:Space Grotesk,Tajawal,sans-serif}.reference-note{margin:0 0 .5rem;color:#264347;font-size:.86rem}.reference-label{margin:0 0 .42rem;color:var(--text-muted);font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.field{display:flex;flex-direction:column;gap:.32rem;font-size:.87rem}.field span{font-weight:700;color:#1f3134}.field small{color:var(--text-muted)}.field-error{color:var(--danger)}.input{border:1px solid #c8d5d2;border-radius:10px;padding:.56rem .63rem;background:#fff;color:var(--text-main);font-family:Space Grotesk,Tajawal,sans-serif;font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #036f6a24}.input-error{border-color:#d26a5d}textarea.input{resize:vertical}.inline-actions{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.55rem}.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:.55rem .85rem;font-weight:700;cursor:pointer;font-family:Space Grotesk,Tajawal,sans-serif;transition:transform .16s ease,opacity .16s ease}.primary-btn{background:linear-gradient(130deg,var(--brand),#0a8781);color:#fff}.secondary-btn{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-main)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.secondary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-text{margin:0 0 .75rem}.notice{border-radius:10px;padding:.6rem .72rem;border:1px solid transparent;font-size:.86rem}.notice-info{background:#eef6ff;border-color:#c7def6;color:#14456b}.notice-success{background:#e6f8ee;border-color:#bfe8cf;color:#0b6036}.notice-warning{background:#fff3dc;border-color:#f0d2a1;color:#8f4f00}.notice-error{background:#ffebe9;border-color:#f0b7af;color:#972b1d}.response-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.response-grid article{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#fff,#fbfcfb);padding:.65rem;min-height:280px;display:flex;flex-direction:column}.response-grid h3{margin:0 0 .45rem;font-size:.9rem;font-family:Space Grotesk,Tajawal,sans-serif}.mini-meta{margin:0 0 .45rem;color:var(--text-muted);font-size:.82rem}pre{margin:0;border:1px solid #d8e0de;border-radius:10px;background:#f5f9f8;padding:.65rem;overflow:auto;color:#163337;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.45;flex:1}.empty-fields{margin:0;padding:.72rem;border:1px dashed var(--border);border-radius:10px;background:var(--surface-accent);color:#7a4907}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.sidebar{order:2;position:static}.content-column{order:1}.endpoint-list{max-height:none}}@media(max-width:760px){.app-shell{padding:.8rem}.hero,.endpoint-head{flex-direction:column}.endpoint-meta{justify-content:flex-start}.form-grid,.response-grid{grid-template-columns:1fr}.path-box code{font-size:.76rem}}