@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-hover:#003e7b0a;--border-color:#003e7b14;--border-glow:#ff6b004d;--text-primary:#171717;--text-secondary:#5a6a80;--text-muted:#627282;--grad-primary:linear-gradient(135deg, #003e7b 0%, #00254a 100%);--grad-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--grad-warning:linear-gradient(135deg, #ff6b00 0%, #e05e00 100%);--grad-dark:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);--grad-glow:radial-gradient(circle at 50% 50%, #003e7b0f 0%, transparent 60%);--color-online:#10b981;--color-offline:#ef4444;--color-maintenance:#ff6b00}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 20%,#003e7b08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff6b0008 0%,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#003e7b04 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#003e7b1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b0066}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #003e7b0a}.glass-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 8px 30px #ff6b0014}.glow-button{background:var(--grad-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #003e7b26}.glow-button:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #003e7b40}.glow-button:active{transform:translateY(1px)}@keyframes loader-spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #003e7b1a;border-top-color:#003e7b;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite loader-spin}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr{transition:background .15s}.custom-table tr:hover td{background:var(--bg-hover)}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(24px,-20px)scale(1.06)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.5s ease-out both fade-in-up}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.shine-sweep:hover:after{transform:translate(120%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line,.skeleton-block{background:linear-gradient(90deg, var(--border-color) 25%, #003e7b26 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}