*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}.topbar{background:#17324d;color:white;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:700}.topbar a{color:white;text-decoration:none;margin-left:18px}.container{max-width:1200px;margin:30px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.card h3{margin-top:0}.number{font-size:34px;font-weight:700}.btn{display:inline-block;background:#17324d;color:white;padding:10px 14px;border-radius:6px;text-decoration:none;border:0;cursor:pointer}.btn.secondary{background:#64748b}table{width:100%;border-collapse:collapse;background:white}.table-wrap{overflow:auto}.table th,.table td,th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}.status{font-weight:700}.green{color:#15803d}.yellow{color:#a16207}.red{color:#b91c1c}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px}.field textarea{min-height:100px}.actions{margin:18px 0;display:flex;gap:10px}.footer{text-align:center;color:#64748b;padding:30px}.notice{padding:12px;background:#e0f2fe;border-left:4px solid #0284c7;margin-bottom:18px}.error{padding:12px;background:#fee2e2;border-left:4px solid #dc2626;margin-bottom:18px}h1{margin-top:0}