*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#222}.topbar{background:linear-gradient(135deg,#113b72,#1f7acb);color:#fff;padding:16px}.brand{display:flex;align-items:center;gap:12px;max-width:900px;margin:auto}.logo{width:48px;height:48px;border-radius:14px;background:#fff;color:#113b72;display:flex;align-items:center;justify-content:center;font-weight:800}.brand span{display:block;font-size:13px;opacity:.9}.container{max-width:900px;margin:18px auto;padding:0 14px}.card{background:#fff;border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}h1,h2,h3{margin-top:0}.btn{display:inline-block;border:0;border-radius:12px;padding:12px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn-primary{background:#1f7acb;color:white}.btn-success{background:#16a34a;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-light{background:#e9eef5;color:#113b72}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}input,select,textarea{width:100%;padding:12px;border:1px solid #d7dce5;border-radius:12px;margin:7px 0 14px;font-size:16px}label{font-weight:700}.notice{background:#eef7ff;border-left:5px solid #1f7acb;padding:12px;border-radius:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.status{font-weight:bold;border-radius:999px;padding:6px 10px;display:inline-block}.confirmed{background:#dcfce7;color:#166534}.rejected{background:#fee2e2;color:#991b1b}.pending{background:#fef9c3;color:#854d0e}.footer{text-align:center;padding:20px;color:#6b7280}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}@media(max-width:600px){.container{margin-top:12px}.card{padding:16px;border-radius:16px}.btn{width:100%;text-align:center;margin-bottom:8px}.nav .btn{width:auto}.brand strong{font-size:16px}}