body{font-family:system-ui,sans-serif;margin:0;padding:0;background:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1rem}.button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500}.button-primary{background:#007bff;color:white}.button-primary:hover{background:#0056b3}.button-secondary{background:#6c757d;color:white}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.badge-success{background:#28a745;color:white}.badge-danger{background:#dc3545;color:white}.badge-secondary{background:#6c757d;color:white}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.py-4{padding:1rem 0}.py-8{padding:2rem 0}.py-12{padding:3rem 0}.border-b{border-bottom:1px solid #dee2e6}.min-h-screen{min-height:100vh}[dir=rtl]{text-align:right}[dir=rtl] .space-x-2>*+*{margin-left:0;margin-right:.5rem}[dir=rtl] .space-x-4>*+*{margin-left:0;margin-right:1rem}