@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e514;--accent:#0891b2;--accent-hover:#0e7490;--bg-light:#f8fafc;--bg-light-card:#ffffffd9;--bg-light-header:#fffc;--border-light:#0000000f;--border-dark:#0000000f;--bg-dark-card:#ffffffd9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-family-title:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-soft:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--shadow-glow:0 10px 25px -5px #4f46e526;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);color:var(--text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-light-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);transition:var(--transition-smooth);border-radius:16px}.glass-panel-interactive:hover{box-shadow:var(--shadow-glow);border-color:#4f46e533;transform:translateY(-2px)}.custom-input{width:100%;color:var(--text-primary);font-family:var(--font-family-body);transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;font-size:14px}.custom-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #4f46e533}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000005}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#cbd5e1}.badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-new{color:#1d4ed8;background:#3b82f614;border:1px solid #3b82f626}.badge-assigned{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b26}.badge-accepted{color:#047857;background:#10b98114;border:1px solid #10b98126}.badge-on_the_way{color:#0e7490;background:#06b6d414;border:1px solid #06b6d426}.badge-in_progress{color:#6d28d9;background:#8b5cf614;border:1px solid #8b5cf626}.badge-completed{color:#047857;background:#10b9811f;border:1px solid #10b98140}.badge-cancelled{color:#b91c1c;background:#ef444414;border:1px solid #ef444426}.badge-paid{color:#047857;background:#10b9811f}.badge-pending{color:#b45309;background:#f59e0b14}.badge-failed{color:#b91c1c;background:#ef444414;border:1px solid #ef444426}.badge-refunded{color:#6d28d9;background:#8b5cf614;border:1px solid #8b5cf626}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0 16px}@media (min-width:768px){.app-container{padding:0 32px}}@media (min-width:1200px){.app-container{padding:0 48px}}.two-column-layout-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (min-width:1024px){.two-column-layout-grid{grid-template-columns:3fr 2fr}}.responsive-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#ffffffd9;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex;position:sticky;top:0}@media (min-width:768px){.app-header{padding:16px 32px}}@media (min-width:1200px){.app-header{padding:16px 48px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.floating-asset{animation:6s ease-in-out infinite float}.hero-gradient-card{background:linear-gradient(135deg,#4f46e50a 0%,#0891b20a 100%);border:1px solid #4f46e51a;border-radius:24px}.nav-desktop-group{align-items:center;gap:32px;display:flex}.nav-desktop-links{gap:4px;display:flex}.nav-desktop-actions{align-items:center;gap:16px;display:flex}.nav-mobile-toggle{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:8px;display:none}.nav-mobile-toggle:hover{background:var(--primary-light);color:var(--primary)}.nav-mobile-drawer{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);width:100%;box-shadow:var(--shadow-lg);z-index:99;opacity:0;pointer-events:none;background:#fffffffa;flex-direction:column;gap:20px;padding:24px;transition:opacity .25s,transform .25s;display:none;position:absolute;top:100%;left:0;transform:translateY(-10px)}.nav-mobile-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:1024px){.nav-desktop-group,.nav-desktop-actions{display:none}.nav-mobile-toggle{justify-content:center;align-items:center;display:flex}.nav-mobile-drawer{display:flex}}.dash-hero{min-height:240px;padding:24px 20px}.dash-hero-content{z-index:2;text-shadow:0 2px 4px #0000004d;max-width:100%;position:relative}.dash-hero-title{font-size:26px}.dash-hero-img-container{opacity:.25;z-index:1;pointer-events:none;height:100%;transition:all .3s;position:absolute;bottom:0;right:-20%}.quick-actions-wrapper{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-top:16px;padding-bottom:8px;display:flex;overflow-x:auto}.quick-actions-wrapper::-webkit-scrollbar{display:none}.quick-action-pill{white-space:nowrap;padding:6px 12px;font-size:12px}@media (min-width:768px){.dash-hero{min-height:280px;padding:32px 40px}.dash-hero-content{max-width:60%;text-shadow:none}.dash-hero-title{font-size:36px}.dash-hero-img-container{opacity:1;pointer-events:auto;height:110%;bottom:-10px;right:5%}.quick-actions-wrapper{flex-wrap:wrap;overflow-x:visible}.quick-action-pill{padding:8px 16px;font-size:13px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page-container{box-sizing:border-box;width:100%;padding:0 16px}.responsive-card-padding{padding:32px!important}@media (max-width:767.98px){.responsive-card-padding{padding:16px!important}}.form-grid-2col{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:768px){.form-grid-2col{grid-template-columns:1fr 1fr}}.responsive-urgency-row{gap:12px;width:100%;flex-direction:column!important;display:flex!important}@media (min-width:768px){.responsive-urgency-row{flex-direction:row!important}}table thead tr{border-bottom:1px solid var(--border-light)!important;background-color:#f8fafc!important}table thead th{color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:12px 16px!important;font-size:12px!important;font-weight:600!important}@media (max-width:767.98px){table tbody td,table thead th{padding:8px 12px!important;font-size:13px!important}}.card-footer-responsive{gap:12px;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;display:flex!important}@media (max-width:480px){.card-footer-responsive{flex-direction:column!important;align-items:stretch!important}.card-footer-responsive>div{gap:8px!important;width:100%!important;display:flex!important}.card-footer-responsive>div>button,.card-footer-responsive>div>a,.card-footer-responsive>div>a>button{text-align:center!important;flex:1!important;width:100%!important}}