*{box-sizing:border-box;margin:0;padding:0}body{color:#222;direction:rtl;background:#f5f5f5;font-family:system-ui,Segoe UI,Arial,sans-serif}.app{align-items:flex-start;display:flex}.sidebar{color:#fff;width:200px;height:100dvh;padding:1.5rem 0 0;padding-bottom:env(safe-area-inset-bottom);background:#1e293b;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar h2{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;font-size:1.1rem}.sidebar-links{flex:1;overflow-y:auto}.sidebar a{color:#cbd5e1;padding:.6rem 1.25rem;font-size:.9rem;text-decoration:none;display:block}.sidebar a:hover{color:#fff;background:#334155}.sidebar a.active{color:#fff;background:#3b82f6}.content{flex:1;min-width:0}.content-inner{padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.4rem}button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-secondary{color:#334155;background:#e2e8f0}.btn-secondary:hover{background:#cbd5e1}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.table-wrap{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #00000014}table{border-collapse:collapse;background:#fff;width:100%}th{text-align:right;color:#64748b;text-transform:uppercase;letter-spacing:.05em;z-index:1;background:#f8fafc;padding:.75rem 1rem;font-size:.8rem;position:sticky;top:0}@media (width>=901px){.content-inner:has(>div>.page-header):has(.mobile-table){flex-direction:column;height:100vh;display:flex;overflow:hidden}.content-inner:has(>div>.page-header):has(.mobile-table)>div{flex-direction:column;flex:1;min-height:0;display:flex}.content-inner:has(>div>.page-header) .table-wrap.mobile-table{flex:1;min-height:0;overflow:auto}.content-inner:has(>div>.page-header) div.mobile-table{flex:1;min-height:0;overflow:auto}.content-inner:has(>div>.page-body){flex-direction:column;height:100vh;display:flex;overflow:hidden}.content-inner:has(>div>.page-body)>div{flex-direction:column;flex:1;min-height:0;display:flex}.page-body{flex:1;min-height:0;overflow:auto}}td{border-top:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.875rem}tr:hover td{background:#f8fafc}thead tr th:first-child{border-radius:0 8px 0 0}thead tr th:last-child{border-radius:8px 0 0}tbody tr:last-child td:first-child{border-radius:0 0 8px}tbody tr:last-child td:last-child{border-radius:0 0 0 8px}.badge{border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-green{color:#166534;background:#dcfce7}.badge-yellow{color:#854d0e;background:#fef9c3}.badge-red{color:#991b1b;background:#fee2e2}.badge-blue{color:#1e40af;background:#dbeafe}.badge-gray{color:#475569;background:#f1f5f9}.badge-purple{color:#7e22ce;background:#f3e8ff}.modal-overlay{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:480px;max-width:95vw;max-height:90vh;padding:2rem;overflow-y:auto}.modal h2{margin-bottom:1.25rem;font-size:1.1rem}.form-group{margin-bottom:1rem}.form-group label{color:#64748b;margin-bottom:.3rem;font-size:.8rem;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem}.form-group textarea{resize:vertical;min-height:80px}.form-actions{justify-content:flex-start;gap:.5rem;margin-top:1.5rem;display:flex}.loading{text-align:center;color:#94a3b8;padding:2rem}.error{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:1rem;padding:1rem}.hamburger{cursor:pointer;color:#334155;background:0 0;border:none;margin-bottom:1rem;padding:.25rem .5rem;font-size:1.4rem;line-height:1;display:none}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.sidebar-header h2{margin:0;padding:0}.sidebar-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem;line-height:1;display:none}.sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}.mobile-cards{display:none}@media (width<=900px){.sidebar{z-index:100;width:220px;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.sidebar-overlay{display:block}.hamburger{display:inline-block}.content-inner{padding:1rem}.page-header{flex-wrap:wrap;gap:.5rem}.modal{padding:1.25rem;width:95vw!important;max-width:95vw!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="position: sticky"][style*="display: flex"]{flex-wrap:wrap;gap:.75rem!important}.mobile-table{display:none!important}.mobile-cards{flex-direction:column;gap:.75rem;display:flex}.m-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem;position:relative;box-shadow:0 1px 4px #00000014}.m-card-title{color:#1e293b;margin-bottom:.5rem;padding-left:2.5rem;font-size:.95rem;font-weight:700}.m-card-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:3px 0;font-size:.8rem;display:flex}.m-card-row:last-child{border-bottom:none}.m-card-lbl{color:#94a3b8}.m-card-val{color:#1e293b;text-align:left;font-weight:500}.m-card-actions{position:absolute;top:.75rem;left:.75rem}.m-card-badges{flex-wrap:wrap;gap:4px;margin-top:.4rem;display:flex}}.counter .hero{position:relative}.counter .hero .base,.counter .hero .framework,.counter .hero .vite{margin:0 auto;inset-inline:0}.counter .hero .base{z-index:0;width:170px;position:relative}.counter .hero .framework,.counter .hero .vite{position:absolute}.counter .hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.counter .hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}.counter #center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){.counter #center{gap:18px;padding:32px 20px 24px}}.counter #next-steps{border-top:1px solid var(--border);text-align:left;display:flex}.counter #next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){.counter #next-steps>div{padding:24px 20px}}.counter #next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){.counter #next-steps{text-align:center;flex-direction:column}}.counter #docs{border-right:1px solid var(--border)}@media (width<=1024px){.counter #docs{border-right:none;border-bottom:1px solid var(--border)}}.counter #next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.counter #next-steps ul .logo{height:18px}.counter #next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}.counter #next-steps ul a:hover{box-shadow:var(--shadow)}.counter #next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){.counter #next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}.counter #next-steps ul li{flex:calc(50% - 8px)}.counter #next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}.counter #spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){.counter #spacer{height:48px}}.counter .ticks{width:100%;position:relative}.counter .ticks:before,.counter .ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.counter .ticks:before{border-left-color:var(--border);left:0}.counter .ticks:after{border-right-color:var(--border);right:0}