*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dpd-red: #DC0032;--dpd-red-dark: #BB0033;--bg: #F5F5F5;--white: #FFFFFF;--text: #424143;--text-light: #757575;--border: #E0E0E0;--status-pending: #BDBDBD;--status-ongoing: #FF8C00;--status-done: #2E7D32;--status-refused: #BB0033;--shadow: 0 4px 16px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--radius: 16px;--radius-sm: 12px;--nav-height: 64px}html,body{height:100%;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 22px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:all .2s ease;letter-spacing:.02em;white-space:nowrap}.btn-primary{background:var(--dpd-red);color:#fff;box-shadow:0 4px 14px #dc003247}.btn-primary:hover{background:var(--dpd-red-dark);box-shadow:0 6px 18px #dc00325c}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #dc003233}.btn-secondary{background:#ebebeb;color:var(--text)}.btn-secondary:hover{background:#dcdcdc}.btn-danger{background:var(--dpd-red-dark);color:#fff;box-shadow:0 4px 14px #bb003338}.btn-ghost{background:transparent;color:var(--dpd-red);border:1.5px solid var(--dpd-red);border-radius:var(--radius-sm)}.btn-ghost:hover{background:#fff0f3}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.card{background:var(--white);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.input-field{width:100%;padding:11px 14px;border:1px solid #E0E0E0;border-radius:14px;font-size:15px;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s;line-height:1.5}.input-field:focus{border-color:#dc0032;box-shadow:0 0 0 3px #dc00321a;outline:none}.input-field::placeholder{color:#aeaeae}.label{display:block;font-size:13px;font-weight:500;color:#757575;margin-bottom:6px}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.01em}.badge-pending{background:#f5f5f5;color:#9e9e9e;border:1px solid #D0D0D0}.badge-ongoing{background:#fff3e0;color:var(--status-ongoing);border:1px solid #FFB74D}.badge-done{background:#e8f5e9;color:var(--status-done);border:1px solid #81C784}.badge-refused{background:#ffebee;color:var(--status-refused);border:1px solid #EF9A9A}.badge-normal{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB}.badge-urgent{background:#fff3e0;color:var(--status-ongoing);border:1px solid #FFB74D}.badge-danger{background:#ffebee;color:var(--status-refused);border:1px solid #EF9A9A}.page{flex:1;overflow-y:auto;padding:20px 16px;padding-bottom:calc(var(--nav-height) + 20px)}.page-title{font-size:22px;font-weight:800;margin-bottom:20px;letter-spacing:-.3px;color:var(--text)}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{padding:7px 15px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;border:none;cursor:pointer;transition:all .15s ease;background:#ebebeb;color:var(--text-light)}.filter-chip.active{background:var(--dpd-red);color:#fff;box-shadow:0 2px 8px #dc003238}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--dpd-red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.toast{position:fixed;bottom:calc(var(--nav-height) + 20px);left:50%;transform:translate(-50%);background:#363537;color:#fff;padding:13px 22px;border-radius:14px;font-size:14px;font-weight:500;z-index:1000;animation:fadeInUp .25s ease;white-space:nowrap;max-width:90vw;text-align:center;box-shadow:0 8px 24px #0000002e}.toast.success{background:#2e7d32}.toast.error{background:var(--dpd-red-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 600px){.page{max-width:680px;margin:0 auto}}