@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--gp-green:#00783e;--gp-green-dark:#034419;--gp-white:#fff;--gp-gray-dark:#6d6e71;--gp-gray-light:#a7a9ac;--gp-gray-deep:#333;--bg-color:#f3f5f4;--panel-bg:#fff;--surface-1:#f5f7f6;--surface-2:#eef1ef;--border-color:#e2e6e3;--border-subtle:#33333312;--text-primary:#333;--text-secondary:#6d6e71;--text-muted:#a7a9ac;--accent-color:#00783e;--accent-dark:#034419;--accent-soft:#e6f2ec;--accent-glow:#00783e38;--button-text:#fff;--danger:#d92d20;--danger-soft:#fdecea;--warning:#b54708;--warning-soft:#fdf3e7;--success:#00783e;--success-soft:#e6f2ec;--info:#0b6bcb;--info-soft:#e8f1fc;--shadow-sm:0 1px 3px #33333314;--shadow-md:0 6px 20px -6px #33333329;--shadow-lg:0 18px 48px -16px #33333347;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:24px}.card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{background:var(--accent-color);color:var(--button-text);cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 6px 18px var(--accent-glow)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--accent-soft);color:var(--accent-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){box-shadow:none;background:#d8ebe1}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-1);color:var(--text-primary);box-shadow:none}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f5c6c2}.btn-danger:hover:not(:disabled){box-shadow:none;background:#fbdcd9}input,select,textarea{background:var(--gp-white);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent-color)}.label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-group{margin-bottom:20px}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-soft);color:var(--warning)}.badge-completed{background:var(--success-soft);color:var(--success)}.badge-red{background:var(--danger-soft);color:var(--danger);border:1px solid #f5c6c2}.badge-yellow{background:var(--warning-soft);color:var(--warning);border:1px solid #f3dcb8}.badge-green{background:var(--success-soft);color:var(--success);border:1px solid #bfe0ce}.loader{border:3px solid var(--accent-soft);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;color:var(--text-secondary);background:#f3f5f4d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-1) 37%, var(--surface-2) 63%);background-size:400% 100%;border-radius:10px;animation:1.4s infinite skeleton}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-container{max-width:1500px;margin:0 auto;padding:32px 24px}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.header-brand{align-items:center;gap:16px;display:flex}.request-card{transition:box-shadow .2s,transform .12s}.request-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fmt-pill{text-transform:uppercase;letter-spacing:.6px;background:var(--surface-2);color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gp-gray-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gp-gray-dark)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}@media (max-width:1024px){.app-container{padding:20px 14px}}