@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--accent-orange:#ea580c;--accent-orange-hover:#c2410c;--accent-orange-glow:#ea580c14;--accent-blue:#0284c7;--accent-blue-hover:#0369a1;--accent-blue-glow:#0284c714;--accent-teal:#0d9488;--accent-teal-hover:#0f766e;--accent-teal-glow:#0d948814;--accent-red:#ef4444;--accent-red-hover:#dc2626;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#cbd5e1b3;--border-focus:#ea580c;--border-glow:#ea580c1f;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -1px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -2px #0f172a0a;--glass-effect:backdrop-filter: blur(12px);--font-sans:"Inter", sans-serif;--font-title:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}@keyframes gritFloat{0%{background-position:0 0}to{background-position:100% 100%}}.sandblast-grit-overlay{background-image:radial-gradient(circle,#ea580c0a 1px,#0000 1px),radial-gradient(circle,#47556908 1.5px,#0000 1.5px);background-position:0 0,14px 14px;background-size:28px 28px,44px 44px;animation:45s linear infinite gritFloat}body{background-color:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.025em;font-weight:600}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.dashboard-container{background-color:var(--bg-tertiary);min-height:100vh;display:flex}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo-text{font-family:var(--font-title);background:linear-gradient(135deg, var(--accent-orange), var(--accent-blue));-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:20px 12px;list-style:none;display:flex;overflow-y:auto}.sidebar-item a{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-item a:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:translate(4px)}.sidebar-item.active a,.sidebar-item a[href]:active{background-color:var(--accent-orange-glow);color:var(--accent-orange);font-weight:600}.sidebar-item a svg{width:18px;height:18px;transition:transform .2s}.sidebar-item a:hover svg{transform:scale(1.1)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.content-body{flex:1;padding:32px;overflow-y:auto}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.dashboard-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.topbar{padding:0 16px}.content-body{padding:16px}}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg), 0 8px 16px var(--accent-orange-glow);transform:translateY(-4px)}@keyframes blastSweep{0%{left:-100%}to{left:200%}}.card-blast-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ea580c14,#0000);width:40%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.card-blast-shimmer:hover:after{animation:1.2s cubic-bezier(.4,0,.2,1) blastSweep}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-orange), transparent);width:100%;height:2px;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.card:hover:before{transform:translate(100%)}.card-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px;font-size:.875rem;font-weight:600}.card-value{font-family:var(--font-title);color:var(--text-primary);margin-bottom:4px;font-size:1.875rem;font-weight:700}.card-desc{color:var(--text-muted);font-size:.8125rem}.btn{cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent-orange), #c2410c);color:#fff;box-shadow:0 4px 12px var(--accent-orange-glow)}.btn-primary:hover{background:linear-gradient(135deg, #f97316, var(--accent-orange-hover));transform:translateY(-1px);box-shadow:0 6px 16px #ea580c40}.btn-secondary{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-blue{background:linear-gradient(135deg, var(--accent-blue), #0369a1);color:#fff}.btn-blue:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn-teal{background:linear-gradient(135deg, var(--accent-teal), #0f766e);color:#fff}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover{background-color:var(--accent-red-hover)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-orange{background:var(--accent-orange-glow);color:var(--accent-orange);border:1px solid #ea580c33}.badge-blue{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid #0284c733}.badge-teal{background:var(--accent-teal-glow);color:var(--accent-teal);border:1px solid #0d948833}.badge-red{color:var(--accent-red);background:#ef44440f;border:1px solid #ef444433}.badge-grey{color:var(--text-secondary);background:#94a3b81a;border:1px solid #94a3b833}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-glow);outline:none}.form-textarea{resize:vertical;min-height:100px}.table-container{background:var(--bg-card);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.table th{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:16px 24px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 24px;transition:background-color .2s}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#ea580c05}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a59;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);width:90%;max-width:600px;box-shadow:var(--shadow-lg);border-radius:16px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.role-switcher-banner{z-index:1001;box-shadow:var(--shadow-sm);color:var(--text-secondary);background:linear-gradient(90deg,#f8fafc,#fff7ed);border-bottom:1px solid #ea580c4d;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.8125rem;display:flex;position:relative}.role-switcher-buttons{gap:8px;display:flex}.role-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.role-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.role-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 2px 4px var(--accent-orange-glow)}.nozzle-blast-wrapper{background:#ea580c05;border:1px dashed #ea580c40;border-radius:50px 12px 12px 50px;align-items:center;width:420px;height:90px;margin:30px auto 10px;padding:10px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0f172a05}.nozzle-gun{background:linear-gradient(#64748b,#334155);border-radius:4px;flex-shrink:0;width:55px;height:16px;position:relative;box-shadow:0 2px 4px #0f172a26}.nozzle-gun:before{content:"";background:#475569;border-radius:2px;width:12px;height:20px;position:absolute;top:12px;left:10px;transform:rotate(20deg)}.nozzle-gun:after{content:"";background:var(--accent-orange);width:8px;height:10px;box-shadow:0 0 8px var(--accent-orange-glow);border-radius:0 2px 2px 0;position:absolute;top:3px;right:-8px}.blasting-stream{width:100%;height:100%;margin-left:18px;position:relative}.grit-particle{background-color:var(--accent-orange);opacity:0;width:5px;height:5px;box-shadow:0 0 6px var(--accent-orange);border-radius:50%;position:absolute;top:50%;left:0}@keyframes shootGrit{0%{opacity:0;transform:translateY(-50%)scale(1.6)}12%{opacity:1}80%{opacity:.8}to{transform:translate(320px, var(--y-spread)) scale(.3);opacity:0}}.grit-particle:first-child{--y-spread:-16px;animation:.9s linear infinite shootGrit}.grit-particle:nth-child(2){--y-spread:12px;animation:.75s linear .12s infinite shootGrit}.grit-particle:nth-child(3){--y-spread:-4px;animation:1.1s linear .28s infinite shootGrit}.grit-particle:nth-child(4){--y-spread:18px;animation:.85s linear .42s infinite shootGrit}.grit-particle:nth-child(5){--y-spread:-22px;animation:1.05s linear .55s infinite shootGrit}.grit-particle:nth-child(6){--y-spread:6px;animation:.7s linear 80ms infinite shootGrit}.grit-particle:nth-child(7){--y-spread:-10px;animation:1.25s linear .22s infinite shootGrit}.grit-particle:nth-child(8){--y-spread:20px;animation:.92s linear .48s infinite shootGrit}.grit-particle:nth-child(9){--y-spread:-2px;animation:.8s linear .35s infinite shootGrit}.grit-particle:nth-child(10){--y-spread:-14px;animation:1s linear .18s infinite shootGrit}.hero-particles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-particle{background-color:#ea580c40;border-radius:50%;position:absolute;bottom:-20px;box-shadow:0 0 6px #ea580c4d}@keyframes floatGrit{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}15%{opacity:var(--p-opacity,.5)}85%{opacity:var(--p-opacity,.5)}to{transform:translateY(-450px) translateX(var(--x-drift,40px)) scale(.4);opacity:0}}.hero-particle:first-child{--x-drift:30px;--p-opacity:.4;width:6px;height:6px;animation:9s linear infinite floatGrit;left:8%}.hero-particle:nth-child(2){--x-drift:-25px;--p-opacity:.3;width:4px;height:4px;animation:12s linear 2s infinite floatGrit;left:18%}.hero-particle:nth-child(3){--x-drift:45px;--p-opacity:.5;width:8px;height:8px;animation:8s linear 4s infinite floatGrit;left:28%}.hero-particle:nth-child(4){--x-drift:-15px;--p-opacity:.35;width:5px;height:5px;animation:10s linear 1s infinite floatGrit;left:38%}.hero-particle:nth-child(5){--x-drift:20px;--p-opacity:.45;width:7px;height:7px;animation:11s linear 5s infinite floatGrit;left:48%}.hero-particle:nth-child(6){--x-drift:-35px;--p-opacity:.25;width:3px;height:3px;animation:13s linear 3s infinite floatGrit;left:58%}.hero-particle:nth-child(7){--x-drift:50px;--p-opacity:.6;width:9px;height:9px;animation:7s linear .5s infinite floatGrit;left:68%}.hero-particle:nth-child(8){--x-drift:-10px;--p-opacity:.3;width:4px;height:4px;animation:10s linear 2.5s infinite floatGrit;left:78%}.hero-particle:nth-child(9){--x-drift:-30px;--p-opacity:.4;width:6px;height:6px;animation:9.5s linear 4.5s infinite floatGrit;left:88%}.hero-particle:nth-child(10){--x-drift:15px;--p-opacity:.35;width:5px;height:5px;animation:11.5s linear 1.5s infinite floatGrit;left:95%}.hero-particle:nth-child(11){--x-drift:35px;--p-opacity:.5;width:7px;height:7px;animation:8.5s linear 6s infinite floatGrit;left:22%}.hero-particle:nth-child(12){--x-drift:-40px;--p-opacity:.35;width:5px;height:5px;animation:10.5s linear 7.5s infinite floatGrit;left:72%}