*{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background:#f5f7fb}.container{max-width:1100px;margin:2rem auto;background:#fff;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 10px 25px #00000014}h2{margin-bottom:1.5rem;text-align:center;color:#1f2933}.form-group{margin-bottom:1rem}label{display:block;font-weight:600;margin-bottom:6px;color:#374151}input,textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:14px}input:focus,textarea:focus{outline:none;border-color:#2563eb}button{width:100%;margin-top:1rem;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}button:hover{background:#1d4ed8}button[type=button]{width:auto;padding:4px 8px;font-size:12px;background:#e5e7eb;color:#111827;border-radius:6px;margin-left:6px}button[type=button]:hover{background:#d1d5db}@media(min-width:900px){.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}}.full-width{grid-column:1 / -1}html,body{overflow-x:hidden;max-width:100vw}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.page-inner{padding:16px 12px!important}.flex-col-mobile{flex-direction:column!important;align-items:flex-start!important}.btn-full-mobile{width:100%!important}.card-mobile{border-radius:12px!important}h1{font-size:clamp(20px,5vw,36px)!important}table{min-width:480px}.auto-scroll-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}