.toast{position:fixed;top:20px;right:20px;z-index:9999;transform:translate(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-enter{transform:translate(0)}.toast-exit{transform:translate(100%);opacity:0}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.remark-toast-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.remark-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;pointer-events:auto}.remark-toast-container .remark-toast-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;pointer-events:auto;margin:0!important}.remark-toast-enter{animation:remarkToastFadeIn .3s cubic-bezier(.68,-.55,.265,1.55)}.remark-toast-exit{animation:remarkToastFadeOut .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes remarkToastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes remarkToastFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.toast-container .toast{position:relative;pointer-events:auto;transform:translate(0)}.toast-container .toast-enter{animation:slideInRight .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-container .toast-exit{animation:slideOutRight .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;animation:progress 3s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;color:#fff}.glass{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.glass:hover{background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.glass.container{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}input,select,button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:12px 16px;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:6px}input:focus,select:focus{background:#ffffff1f;border:1px solid rgba(102,126,234,.5);box-shadow:0 0 0 3px #667eea1a;outline:none}input::placeholder,select::placeholder{color:#ffffff80}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;border:none;padding:12px 24px;border-radius:10px;box-shadow:0 4px 16px #667eea4d;transition:all .3s ease}button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.container{max-width:980px;margin:94px auto 24px;padding:20px}.form-row{display:flex;gap:20px;align-items:flex-start}.form-row .field{flex:1}.form-row .field input,.form-row .field select{width:100%}.label{display:block;font-size:16px;color:#dfeff6;margin-bottom:8px;font-weight:500}.error{color:#ffb3b3;font-size:16px;margin-top:6px}.muted{color:#ffffffb3;font-size:16px}.nav-links a{color:#dff6ff;margin-right:12px;font-size:16px}.navbar{background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:#fff;text-decoration:none}.brand-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.nav-menu{display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#fffc;text-decoration:none;border-radius:10px;font-size:14px;font-weight:500;transition:all .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.nav-link:hover{color:#ffffffe6;transform:translateY(-1px);background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.nav-link.active{color:#a78bfa;background:#a78bfa26;border:1px solid rgba(167,139,250,.3)}.nav-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.navbar-actions{display:flex;align-items:center;gap:16px}.user-role{display:flex;align-items:center}.role-badge{background:linear-gradient(135deg,#00c6ff33,#0072ff33);color:#00c6ff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(0,198,255,.3);box-shadow:0 2px 8px #00c6ff33}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef444433}.logout-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-icon{font-size:16px}@media (max-width: 1200px){.container{max-width:95%;padding:25px}}@media (max-width: 1024px){.container{max-width:98%;padding:22px}.orders-table-container{font-size:14px}.orders-table-container th,.orders-table-container td{padding:12px 8px}}@media (max-width: 768px){.container{margin:84px auto 24px;padding:20px 15px}.navbar-container{padding:0 16px;height:60px}.navbar-brand{font-size:18px}.brand-icon{font-size:24px}.nav-menu{gap:4px}.nav-link{padding:8px 12px;font-size:14px}.nav-link span:not(.nav-icon){display:none}.navbar-actions{gap:12px}.role-badge{font-size:10px;padding:4px 8px}.logout-btn{padding:8px 12px;font-size:13px}.logout-btn span:not(.logout-icon){display:none}.orders-table-container{font-size:12px}.orders-table-container th,.orders-table-container td{padding:8px 4px;font-size:11px}.container form input,.container form select{padding:10px;font-size:14px}.container form button{padding:10px 20px;font-size:14px}}@media (max-width: 600px){.container{margin:70px auto 20px;padding:15px 10px}.navbar-container{padding:0 12px;height:50px}.brand-text{font-size:16px}.orders-table-container .hide-mobile{display:none}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.navbar-container{padding:0 8px}.brand-text{display:none}.container{margin:60px auto 15px;padding:12px 8px}.orders-table-container{font-size:10px;max-height:calc(100vh - 150px)}.orders-table-container th,.orders-table-container td{padding:6px 2px;font-size:10px;white-space:nowrap}.container form button{padding:12px 16px;font-size:16px;min-height:44px}.container form input,.container form select{padding:12px;font-size:16px;min-height:44px}}@media (max-width: 360px){.container{padding:10px 5px}.orders-table-container th,.orders-table-container td{padding:4px 1px;font-size:9px}}.small{font-size:16px}.orders-table-container{overflow-x:auto;margin-top:15px;max-height:calc(100vh - 200px)}.orders-table-container::-webkit-scrollbar{height:8px}.orders-table-container::-webkit-scrollbar-track{background:transparent}.orders-table-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.orders-table-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.orders-table-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.container form input,.container form select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:8px;color:#fff;font-size:17px;transition:all .3s ease}select option{background:#1e293b!important;color:#fff!important;padding:8px}select{background:#1e293be6!important;color:#fff!important}select:focus{background:#1e293bf2!important;color:#fff!important}.container form input::placeholder,.container form select::placeholder{color:#fff!important;opacity:.8}.container form input:focus,.container form select:focus{outline:none;border-color:#60a5fa;background:#ffffff26}.container form button{background:linear-gradient(90deg,#00c6ff,#0072ff);color:#04243a;font-weight:700;cursor:pointer;border:none;padding:12px 40px;border-radius:8px;font-size:19px;transition:all .3s ease}.container form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00c6ff4d}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.stat-card:hover{background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.stat-card h3{margin:0 0 16px;font-size:18px;color:#fffc;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-numbody{margin:0;padding:0;font-family:system-ui;background:#04243a;color:#dff6ff;font-size:16px}.stat-number{margin:0;font-size:32px;font-weight:700;color:#fff}.stat-number.verified{color:#4ade80}.stat-number.pending{color:#fbbf24}.stat-number.rejected{color:#f87171}.stat-number.address-verified{color:#60a5fa}.stat-number.disposed{color:#a78bfa}