:root{--bg-color:#0f1115;--panel-bg:#14182099;--color-green:#2ecc71;--color-red:#e74c3c;--color-orange:#f39c12;--color-purple:#9b59b6;--color-blue:#3498db;--text-white:#fff;--text-main:#b2bec3;--border-glass:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#2ecc710d,#0000 40%),radial-gradient(circle at 0 100%,#9b59b60d,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000004d}.app-container{z-index:1;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:20px;display:flex;position:relative}h1,h2,h3,h4{color:var(--text-white);font-weight:700}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.btn-premium{border:1px solid var(--border-glass);cursor:pointer;color:#fff;background:var(--panel-bg);border-radius:20px;outline:none;justify-content:center;align-items:center;gap:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003,inset 0 2px 5px #ffffff1a}.btn-premium:active{transform:scale(.96);box-shadow:0 2px 10px #0000004d,inset 0 2px 5px #ffffff0d}.btn-green{background:linear-gradient(135deg,#2ecc7126,#27ae6040)}.btn-green:hover{background:linear-gradient(135deg,#2ecc714d,#27ae6066);border-color:#2ecc7180;box-shadow:0 0 20px #2ecc714d}.btn-red{background:linear-gradient(135deg,#e74c3c26,#c0392b40)}.btn-red:hover{background:linear-gradient(135deg,#e74c3c4d,#c0392b66);border-color:#e74c3c80;box-shadow:0 0 20px #e74c3c4d}.btn-blue{background:linear-gradient(135deg,#3498db26,#2980b940)}.btn-blue:hover{background:linear-gradient(135deg,#3498db4d,#2980b966);border-color:#3498db80;box-shadow:0 0 20px #3498db4d}.btn-purple{background:linear-gradient(135deg,#9b59b626,#8e44ad40)}.btn-purple:hover{background:linear-gradient(135deg,#9b59b64d,#8e44ad66);border-color:#9b59b680;box-shadow:0 0 20px #9b59b64d}.btn-orange{background:linear-gradient(135deg,#f39c1226,#e67e2240)}.btn-orange:hover{background:linear-gradient(135deg,#f39c124d,#e67e2266);border-color:#f39c1280;box-shadow:0 0 20px #f39c124d}.btn-dark{background:var(--panel-bg)}.btn-dark:hover{background:#ffffff0d}.metallic-pad{background-color:#d4a373;background-image:linear-gradient(90deg,#00000026 0%,#ffffff1a 50%,#00000026 100%),repeating-linear-gradient(88deg,#cf9860,#d4a373 4px,#ce9a65 8px,#c48f58 12px),repeating-linear-gradient(0deg,#ffffff0d 0,#0000 1px,#0000000d 2px,#0000 3px);background-size:100% 100%,100% 100%,100% 100%;border:4px solid #8b5a2b;border-radius:160px/280px;flex-direction:column;align-items:center;gap:25px;width:100%;max-width:340px;padding:60px 40px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 6px 15px #fff6,inset 0 30px 40px #6432144d,inset 0 -30px 50px #32140a99,0 40px 60px #000c,0 10px 30px #0009}.metallic-pad:before{content:"";pointer-events:none;background:radial-gradient(200% 100% at 50% -20%,#ffffff08 0%,#0000 50%),radial-gradient(circle at 30% 70%,#0003 0%,#0000 40%);position:absolute;inset:0}.btn-3d-base{cursor:pointer;letter-spacing:.5px;color:#fff;text-shadow:0 -1px 2px #000c;z-index:2;border:none;border-radius:35px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:250px;height:100px;font-size:.65rem;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.btn-3d-base .icon-3d{filter:drop-shadow(0 8px 4px #0009)drop-shadow(0 -1px 1px #fff6);margin-bottom:2px}.btn-3d-base:active{transform:scale(.95);box-shadow:-2px -2px 5px #ffffff0d,5px 5px 10px #00000080,inset 4px 4px 15px #000000b3,inset -2px -2px 5px #ffffff1a!important}.btn-3d-base:active .icon-3d{transform:translateY(2px)}.btn-copper{background:linear-gradient(#d36a32 0%,#ab4b19 40%,#873612 100%);border-top:1px solid #ed8a55;border-bottom:2px solid #3d1505;box-shadow:-3px -3px 8px #ffffff1a,8px 8px 15px #000000b3,inset 0 3px 6px #fff6,inset 0 -5px 10px #000c}.btn-copper:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 1px,#0000000d 1px 2px);border-radius:35px;position:absolute;inset:0}.btn-copper:active:after{background:#ffffff1a}.btn-crimson{background:radial-gradient(at top,#e32636 0%,#aa0d1a 60%,#700610 100%);border-top:1px solid #ff5966;border-bottom:2px solid #330105;box-shadow:-3px -3px 8px #ffffff1a,8px 8px 15px #000000b3,inset 0 3px 6px #fff6,inset 0 -5px 10px #000c}.btn-crimson:active:after{content:"";pointer-events:none;background:#0003;border-radius:35px;position:absolute;inset:0;box-shadow:inset 0 5px 15px #000c}.btn-cobalt{background:linear-gradient(#1c5fd1 0%,#0d3887 50%,#051d4d 100%);border-top:1px solid #4a8dfa;border-bottom:2px solid #010a1e;box-shadow:-3px -3px 8px #ffffff1a,8px 8px 15px #000000b3,inset 0 3px 6px #fff6,inset 0 -5px 10px #000c}.btn-cobalt:before{content:"";pointer-events:none;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\"0.08\"/></svg>");border-radius:35px;position:absolute;inset:0}.btn-cobalt:active:after{content:"💨";pointer-events:none;font-size:20px;animation:.5s forwards floatUp;position:absolute;top:-20px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.radar-container{background:radial-gradient(circle,#2ecc7133,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin:0 auto 40px;display:flex;position:relative}.radar-ring{border:2px solid var(--color-green);opacity:0;width:100%;height:100%;box-shadow:0 0 20px var(--color-green);box-sizing:border-box;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite radar-pulse;position:absolute}@keyframes radar-pulse{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1)}}.central-icon-wrapper{z-index:10;background:var(--bg-color);border:1px solid #2ecc7180;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 30px #2ecc7166,inset 0 0 15px #2ecc7133}.chips-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;display:grid}.table-chip{aspect-ratio:1;color:#fff;text-shadow:0 -1px 2px #000c;z-index:2;cursor:pointer;border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;width:100%;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative;font-size:.9rem!important}.table-chip:active{transform:scale(.95);box-shadow:-2px -2px 5px #ffffff0d,5px 5px 10px #00000080,inset 4px 4px 15px #000000b3,inset -2px -2px 5px #ffffff1a!important}.table-chip-dark{color:#a0a0a0;background:linear-gradient(#444 0%,#222 50%,#0d0d0d 100%);border-top:1px solid #555;border-bottom:2px solid #000;box-shadow:-2px -2px 6px #ffffff0d,6px 6px 12px #0009,inset 0 2px 4px #ffffff1a,inset 0 -4px 8px #000c}.table-chip-red{background:radial-gradient(at top,#e32636 0%,#aa0d1a 60%,#700610 100%);border-top:1px solid #ff5966;border-bottom:2px solid #330105;animation:1.5s infinite alternate glow-pulse-red;box-shadow:-2px -2px 6px #ffffff1a,6px 6px 12px #000000b3,inset 0 2px 4px #fff6,inset 0 -4px 8px #000c}.table-chip-orange{background:linear-gradient(#d36a32 0%,#ab4b19 40%,#873612 100%);border-top:1px solid #ed8a55;border-bottom:2px solid #3d1505;animation:1.5s infinite alternate glow-pulse-orange;box-shadow:-2px -2px 6px #ffffff1a,6px 6px 12px #000000b3,inset 0 2px 4px #fff6,inset 0 -4px 8px #000c}.table-chip-blue{background:linear-gradient(#1c5fd1 0%,#0d3887 50%,#051d4d 100%);border-top:1px solid #4a8dfa;border-bottom:2px solid #010a1e;animation:1.5s infinite alternate glow-pulse-blue;box-shadow:-2px -2px 6px #ffffff1a,6px 6px 12px #000000b3,inset 0 2px 4px #fff6,inset 0 -4px 8px #000c}.minimized-alerts{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.minimized-alert{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;transition:transform .2s;display:flex}.minimized-alert:hover{transform:scale(1.1)}.minimized-red{background:linear-gradient(145deg,#e74c3c,#c0392b);border:2px solid #e74c3c80;animation:1.5s infinite alternate glow-pulse-red;box-shadow:0 4px 15px #e74c3c66}@keyframes glow-pulse-red{0%{box-shadow:0 0 10px #e74c3c66}to{box-shadow:0 0 20px #e74c3ccc,0 0 30px #e74c3c66}}.minimized-orange{background:linear-gradient(145deg,#f39c12,#d35400);border:2px solid #f39c1280;animation:1.5s infinite alternate glow-pulse-orange;box-shadow:0 4px 15px #f39c1266}@keyframes glow-pulse-orange{0%{box-shadow:0 0 10px #f39c1266}to{box-shadow:0 0 20px #f39c12cc,0 0 30px #f39c1266}}.minimized-blue{background:linear-gradient(145deg,#3498db,#2980b9);border:2px solid #3498db80;animation:1.5s infinite alternate glow-pulse-blue;box-shadow:0 4px 15px #3498db66}@keyframes glow-pulse-blue{0%{box-shadow:0 0 10px #3498db66}to{box-shadow:0 0 20px #3498dbcc,0 0 30px #3498db66}}.fade-slide-in{animation:.4s cubic-bezier(.165,.84,.44,1) forwards fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:20px;padding:25px;transition:all .3s;box-shadow:0 10px 30px #0003}.admin-card:hover{border-color:#ffffff26;box-shadow:0 15px 40px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media screen and (width<=768px){.admin-dashboard-layout{flex-direction:column!important}.admin-sidebar{border-right:none!important;border-bottom:1px solid var(--border-glass)!important;width:100%!important;padding:15px!important}.admin-content{padding:15px!important}.admin-stats-grid{grid-template-columns:1fr!important;gap:10px!important}.admin-card{padding:15px!important}.admin-card h3{margin-bottom:5px!important;font-size:1rem!important}.admin-card span{font-size:1.8rem!important}.admin-garzones-layout{flex-direction:column!important}.admin-tables-grid{grid-template-columns:repeat(3,1fr)!important}.radar-container{width:180px!important;height:180px!important}.chips-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))!important}.super-admin-layout{grid-template-columns:1fr!important}h1{fontSize:1.5rem!important}h2{fontSize:1.2rem!important}}@media screen and (width<=480px){.admin-tables-grid{grid-template-columns:repeat(2,1fr)!important}}