*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#222;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 4px #0000001a}.btn{display:inline-block;padding:.5rem 1.25rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn-success{background:#2ecc71;color:#fff}.btn-ghost{background:transparent;color:#555;border:1px solid #ccc}input,select{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}input:focus,select:focus{outline:2px solid #3498db;border-color:transparent}label{display:block;font-size:.85rem;color:#555;margin-bottom:.3rem}.form-group{margin-bottom:1rem}.error{color:#e74c3c;font-size:.85rem;margin-top:.5rem}h1{font-size:1.6rem}h2{font-size:1.2rem}.flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}