@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";:root{--orange: #F5A623;--orange-dark: #E09010;--orange-light: #FDF3E0;--navy: #1B2A4A;--navy-light: #243660;--navy-pale: #EEF1F8;--white: #FFFFFF;--gray-50: #F9F9F9;--gray-100: #F2F2F2;--gray-200: #E5E5E5;--gray-400: #AAAAAA;--gray-600: #666666;--gray-800: #333333;--green: #22C55E;--green-light: #DCFCE7;--red: #EF4444;--red-light: #FEE2E2;--amber: #F59E0B;--amber-light: #FEF3C7;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(27,42,74,.08), 0 4px 12px rgba(27,42,74,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--gray-50);color:var(--gray-800);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Syne,sans-serif;color:var(--navy)}button{cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;border:none;outline:none;transition:all .15s ease}input,select,textarea{font-family:DM Sans,sans-serif;font-size:14px;outline:none}.btn-primary{background:var(--orange);color:var(--white);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--navy);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;border:1.5px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--navy);background:var(--navy-pale)}.btn-danger{background:var(--red-light);color:var(--red);padding:7px 14px;border-radius:var(--radius-sm);font-weight:500;font-size:13px}.btn-danger:hover{background:var(--red);color:#fff}.btn-success{background:var(--green-light);color:#15803d;padding:7px 14px;border-radius:var(--radius-sm);font-weight:500;font-size:13px}.btn-success:hover{background:var(--green);color:#fff}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-green{background:var(--green-light);color:#15803d}.badge-red{background:var(--red-light);color:#b91c1c}.badge-amber{background:var(--amber-light);color:#92400e}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-orange{background:var(--orange-light);color:var(--orange-dark)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:500;color:var(--navy)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--gray-800);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange)}.form-group textarea{resize:vertical;min-height:80px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:22px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--gray-200);background:var(--gray-50)}.table td{padding:14px 16px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--gray-50)}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--gray-400)}.empty{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty h3{font-size:18px;margin-bottom:8px;color:var(--gray-600)}.error-msg{background:var(--red-light);color:var(--red);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:var(--radius-lg);padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}