@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-deep: #0a0e17;--bg-panel: #111827;--primary-navy: #18273F;--accent-blue: #38bdf8;--text-main: #f8fafc;--text-dim: #94a3b8;--success: #10b981;--danger: #ef4444;--sidebar-w: 280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.ocean-card{background:var(--primary-navy);background:linear-gradient(145deg,#18273f,#111c2e);border:1px solid rgba(56,189,248,.1);border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.ocean-card:hover{border-color:#38bdf84d;transform:translateY(-2px)}.sidebar-ocean{width:var(--sidebar-w);height:100vh;background-color:#0d1421;border-right:1px solid rgba(56,189,248,.05);display:flex;flex-direction:column;padding:30px 15px}.nav-ocean{display:flex;align-items:center;gap:16px;padding:16px 20px;color:var(--text-dim);text-decoration:none;font-size:15px;font-weight:700;border-radius:14px;border-left:4px solid transparent;transition:all .3s;cursor:pointer;margin-bottom:8px;letter-spacing:.5px}.nav-ocean:hover{background:#38bdf80d;color:#fff;transform:translate(4px)}.nav-ocean.active{background:linear-gradient(90deg,rgba(56,189,248,.1) 0%,transparent 100%);border-left:4px solid var(--accent-blue);color:#fff;box-shadow:0 4px 20px #38bdf80d}.tech-font{font-family:JetBrains Mono,monospace}.pulse-green{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 10px var(--success);animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.pulse-red{width:8px;height:8px;background:var(--danger);border-radius:50%;box-shadow:0 0 10px var(--danger);animation:pulseRed 2s infinite}@keyframes pulseRed{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-navy);border-radius:10px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-panel{background:#18273f99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.1);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:all .3s ease}.glass-panel:hover{border-color:#38bdf84d;transform:translateY(-2px)}.tech-tag{font-family:JetBrains Mono,monospace;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:4px 8px;border-radius:6px;font-size:11px}@media (max-width: 1440px){:root{--sidebar-w: 240px !important}.sidebar-ocean{width:240px!important;padding:20px 10px!important}main{padding:24px!important}h2{font-size:22px!important}.ocean-card,.glass-panel{padding:16px!important}}@media (max-width: 1200px){:root{--sidebar-w: 80px !important}.sidebar-ocean{width:80px!important;padding:20px 5px!important;align-items:center!important}.sidebar-ocean span{display:none!important}.sidebar-ocean div{padding-left:0!important;justify-content:center!important}.nav-ocean{justify-content:center!important;padding:12px!important;width:50px!important;height:50px!important;border-radius:12px!important}.nav-ocean span{display:none!important}.nav-ocean svg{width:20px!important;height:20px!important}.sidebar-ocean div[style*="background: rgba"]{background:transparent!important;border:none!important;padding:0!important;justify-content:center!important}.sidebar-ocean div[style*="background: rgba"] div:last-child{display:none!important}.sidebar-ocean button{justify-content:center!important;font-size:0!important;padding:0!important;width:50px!important;height:50px!important}.sidebar-ocean button svg{width:20px!important;height:20px!important}main{padding:20px!important}.flex-responsive{flex-direction:column!important;gap:15px!important;align-items:flex-start!important}}@media (max-width: 768px){body{overflow:auto!important}div[style*="display: flex"][style*="100vw"]{flex-direction:column!important;height:auto!important;overflow:visible!important}.sidebar-ocean{width:100%!important;height:auto!important;position:relative!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;border-right:none!important;border-bottom:1px solid rgba(56,189,248,.05)!important}.sidebar-ocean div:first-child{margin-bottom:0!important}.sidebar-ocean nav{flex-direction:row!important;gap:4px!important;margin-top:10px!important;width:100%!important;order:3!important;justify-content:space-around!important}.sidebar-ocean .nav-ocean{margin-bottom:0!important}.sidebar-ocean div[style*="background: rgba"]{order:2!important}.sidebar-ocean button{order:4!important;margin-top:10px!important;width:auto!important}main{height:auto!important;padding:16px!important;overflow-y:visible!important}main>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;margin-bottom:24px!important}main>div:first-child p{white-space:normal!important}main>div:first-child div[style*="display: flex"]{width:100%!important;justify-content:space-between!important}div[style*="display: grid"]{grid-template-columns:1fr!important;gap:16px!important}div[style*="overflow-x: auto"]{border-radius:12px!important;border:1px solid rgba(56,189,248,.05)!important}div[style*="position: fixed"][style*="right: 0"]{width:100%!important;height:100%!important;border-left:none!important;z-index:9999!important}div[style*="display: flex"][style*="gap: 12px"]{flex-wrap:wrap!important;gap:8px!important}}.filter-grid-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;padding:24px!important}.filter-item-tl{display:flex!important;flex-direction:column!important;gap:8px!important;border-right:1px solid rgba(56,189,248,.08)!important;padding-bottom:16px!important;padding-right:24px!important}.filter-item-tr{display:flex!important;flex-direction:column!important;gap:8px!important;padding-bottom:16px!important;padding-left:24px!important}.filter-item-bl{display:flex!important;flex-direction:column!important;gap:8px!important;border-right:1px solid rgba(56,189,248,.08)!important;border-top:1px solid rgba(56,189,248,.08)!important;padding-top:16px!important;padding-right:24px!important}.filter-item-br{display:flex!important;flex-direction:column!important;gap:8px!important;border-top:1px solid rgba(56,189,248,.08)!important;padding-top:16px!important;padding-left:24px!important}@media (max-width: 768px){.filter-grid-container{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}.filter-item-tl,.filter-item-tr,.filter-item-bl,.filter-item-br{border-right:none!important;border-top:none!important;padding:0 0 12px!important;border-bottom:1px dashed rgba(56,189,248,.08)!important}.filter-item-br{border-bottom:none!important;padding-bottom:0!important}}