:root{--primary:#00f2ff;--primary-rgb:0, 242, 255;--bg-deep:#02040a;--card-bg:#0d1117b3;--border-glow:#00f2ff26;--text-main:#e6edf3;--text-dim:#7d8590;--glass:blur(16px);--font-main:"Outfit", sans-serif;--accent:#8b5cf6;--radius:30px}.active-nav{box-shadow:0 0 20px rgba(var(--primary-rgb), .1);background:rgba(var(--primary-rgb), .15)!important;border-color:var(--primary)!important;color:var(--primary)!important}.loader-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.dashboard-card:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 30px 60px #0009, 0 0 40px rgba(var(--primary-rgb), .1);background:#ffffff0d;transform:translateY(-10px)scale(1.02)}.dashboard-card:before{content:"";background:radial-gradient(circle at center, rgba(var(--primary-rgb), .05) 0%, transparent 70%);pointer-events:none;opacity:0;width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.dashboard-card:hover:before{opacity:1}.recent-item{border:1px solid #0000;transition:all .3s}.recent-item:hover{border-color:rgba(var(--primary-rgb), .2);transform:translate(10px);background:rgba(var(--primary-rgb), .08)!important}.stat-pill{background:rgba(var(--primary-rgb), .1);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;border-radius:100px;padding:.5rem 1rem;font-size:.7rem;font-weight:800}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating-icon{animation:4s ease-in-out infinite float}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.category-card:hover{transform:translateY(-5px);background:rgba(var(--primary-rgb), .1)!important;border-color:var(--primary)!important}.dashboard-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;display:grid}.dashboard-stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:1.5rem}.stat-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.5rem;font-size:.6rem;font-weight:800}.stat-value{color:var(--primary);text-shadow:0 0 15px rgba(var(--primary-rgb), .3);margin-bottom:.2rem;font-size:1.8rem;font-weight:800}.stat-desc{color:var(--text-dim);opacity:.6;font-size:.7rem}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-hero{border-radius:20px!important;padding:1.5rem!important}.dashboard-hero h2{margin-bottom:1rem;line-height:1.2;font-size:1.5rem!important}.dashboard-hero p{line-height:1.4;font-size:.85rem!important}.btn-group{flex-direction:column;width:100%;gap:.5rem!important}.btn-group button{width:100%!important;padding:.8rem 1.2rem!important;font-size:.9rem!important}.dashboard-card{border-radius:20px!important;padding:1.5rem!important}}body.theme-cyberpunk{--primary:#fcee0a;--primary-rgb:252, 238, 10;--bg-deep:#000;--card-bg:#0a0a0af2;--border-glow:#fcee0a66;--text-main:#00f2ff;--text-dim:#fcee0a;--accent:#f05;--radius:0px;--font-main:"Orbitron", sans-serif;background-image:linear-gradient(#fcee0a0d 1px,#0000 1px),linear-gradient(90deg,#fcee0a0d 1px,#0000 1px);background-size:50px 50px}body.theme-cyberpunk .card,body.theme-cyberpunk .dashboard-card,body.theme-cyberpunk .login-card{box-shadow:4px 4px 0px var(--accent);margin:0 0 15px;position:relative;border:1px solid rgba(var(--primary-rgb), .3)!important;background:#0a0a0afa!important;border-radius:4px!important;width:100%!important}body.theme-cyberpunk .card:after,body.theme-cyberpunk .dashboard-card:after{content:"";border:1px solid var(--text-main);pointer-events:none;opacity:.2;position:absolute;inset:-2px}body.theme-cyberpunk header h1{text-transform:uppercase;color:var(--primary);text-shadow:3px 3px var(--accent), -1px -1px var(--text-main);letter-spacing:.1em;font-weight:900;font-family:Orbitron,sans-serif!important}body.theme-cyberpunk .btn-primary{clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);text-transform:uppercase;letter-spacing:.1em;font-family:Orbitron,sans-serif;background:var(--primary)!important;color:#000!important;border-radius:0!important}body.theme-cyberpunk .btn-secondary{text-transform:uppercase;border:1px solid var(--text-main)!important;color:var(--text-main)!important;background:0 0!important;border-radius:0!important}body.theme-cyberpunk .search-bar{font-family:Orbitron,sans-serif;border:2px solid var(--primary)!important;background:#000c!important;border-radius:0!important}body.theme-cyberpunk .ticker-wrap{background:var(--primary);color:#000;font-family:"Press Start 2P",cursive;font-size:.5rem}@keyframes cyberpunk-glitch{0%{clip-path:inset(40% 0 61%);transform:translate(-20px,-10px)}20%{clip-path:inset(92% 0 1%);transform:translate(20px,10px)}40%{clip-path:inset(43% 0 1%);transform:translate(-20px,10px)}60%{clip-path:inset(25% 0 58%);transform:translate(20px,-10px)}80%{clip-path:inset(54% 0 7%);transform:translate(-20px,-10px)}to{clip-path:inset(58% 0 43%);transform:translate(20px,10px)}}body.theme-cyberpunk header h1:hover:after{content:"IT NEXUS";text-shadow:-2px 0 #ff00c1;background:#000;width:100%;height:100%;animation:.2s linear infinite alternate-reverse cyberpunk-glitch;position:absolute;top:0;left:0}body.theme-corporate{--primary:#2563eb;--primary-rgb:37, 99, 235;--bg-deep:#f8fafc;--card-bg:#fff;--border-glow:#2563eb1a;--text-main:#0f172a;--text-dim:#64748b;--accent:#334155;--radius:12px;--font-main:"Inter", sans-serif}body.theme-corporate .card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#fff!important;border:1px solid #e2e8f0!important}body.theme-corporate .card h3{color:#0f172a!important}body.theme-corporate .card-subtext{color:#64748b!important}body.theme-corporate .card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--primary)!important}body.theme-corporate .card-info-row{color:#475569;background:#f1f5f9}body.theme-corporate .quick-filter-chip{color:#64748b;background:#fff;border-color:#e2e8f0}body.theme-corporate .quick-filter-chip.active{background:var(--primary);color:#fff}body.theme-corporate .filter-bar{background:#fff;border-color:#e2e8f0}body.theme-corporate .filter-item select{color:#0f172a;background:#fff;border-color:#e2e8f0}body.theme-starwars{--primary:#ff3e3e;--primary-rgb:255, 62, 62;--bg-deep:#050505;--card-bg:#111;--border-glow:#ff3e3e33;--text-main:#e0e0e0;--text-dim:#666;--accent:#222;--radius:2px;--font-main:"Space Mono", monospace;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px}body.theme-starwars .card,body.theme-starwars .dashboard-card,body.theme-starwars .login-card{position:relative;box-shadow:10px 10px 30px #000c;border:1px solid #333!important;border-left:6px solid var(--primary)!important;background:linear-gradient(90deg,#1a1a1a 0%,#111 100%)!important;border-radius:0!important}body.theme-starwars .btn-primary{text-transform:uppercase;letter-spacing:.15em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #f003,inset 0 0 10px #ff00001a;color:red!important;background:#0a0a0a!important;border:1px solid red!important;border-radius:4px!important;font-family:Bungee Inline,cursive!important}body.theme-starwars .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #f009;color:#000!important;background:red!important}body.theme-starwars header h1{color:var(--primary);text-shadow:0 0 15px var(--primary);letter-spacing:.15em;text-transform:uppercase;font-family:Bungee Inline,cursive!important}body.theme-starwars .ticker-wrap{border-bottom:2px solid var(--primary);color:var(--primary);background:#000}.detail-container-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.detail-container-grid{grid-template-columns:1fr;gap:1.5rem}.modal-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.modal-actions{justify-content:flex-start;gap:1rem;width:100%}.modal-actions .btn-secondary{flex:1;justify-content:center}}@media (width<=480px){.detail-grid{grid-template-columns:1fr}}body.theme-starwars .card:hover{background:#1a1a1a;transform:translate(10px)}body.theme-starwars .brand-wrapper h1{-webkit-text-fill-color:#fff;text-transform:uppercase;letter-spacing:.1em;background:0 0;font-weight:900}body.theme-starwars .search-bar{background:#111;border:1px solid #333;border-radius:0}.ticker-wrap{top:env(safe-area-inset-top,0);border-bottom:1px solid var(--primary);width:100%;color:var(--primary);z-index:10000;white-space:nowrap;background:#000000e6;padding:.5rem 0;font-family:monospace;font-size:.75rem;display:none;position:fixed;left:0;overflow:hidden}body.theme-starwars .ticker-wrap,body.theme-cyberpunk .ticker-wrap{display:block}.ticker-content{letter-spacing:.2em;text-transform:uppercase;padding-left:100%;animation:30s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0,0)}to{transform:translate(-100%)}}html{scroll-behavior:smooth;height:100%;overflow-x:hidden}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}body{font-family:var(--font-main);background:var(--bg-deep);color:var(--text-main);min-height:100vh;padding-top:calc(env(safe-area-inset-top,44px) + 3.5rem);padding-bottom:calc(env(safe-area-inset-bottom,20px) + 1rem);touch-action:pan-y;-webkit-text-size-adjust:100%;transition:all .5s;overflow-x:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#app{flex-direction:column;min-height:100vh;display:flex}@media (width>=1024px){#app{flex-direction:row;height:100vh;overflow:hidden}}header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex}.brand-wrapper{align-items:center;gap:1.5rem;display:flex}.header-logo{border-radius:12px;width:45px;height:45px;box-shadow:0 0 20px #0ff3}header h1{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:900}header p{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.75rem}.menu-trigger{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:14px;place-items:center;width:48px;height:48px;transition:all .3s;display:grid}.menu-trigger:hover{background:rgba(var(--primary-rgb), .2);color:var(--primary)}.sidenav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidenav-overlay.active{opacity:1;display:block}.sidenav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1200;background:#0a0c12f2;border-right:1px solid #ffffff0d;flex-direction:column;width:320px;height:100vh;padding:3rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidenav-overlay.active .sidenav{transform:translate(0)}.sidenav-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.setting-group{margin-bottom:3rem}.setting-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin-bottom:1.5rem;font-size:.7rem;display:block}.theme-switcher{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;gap:.5rem;padding:.4rem;display:flex}.theme-btn{cursor:pointer;color:#000;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.theme-btn.active{border-color:#fff;transform:scale(1.1)}.theme-btn.nexus{background:#00f2ff;box-shadow:0 0 10px #00f2ff4d}.theme-btn.cyberpunk{background:#fcee0a;box-shadow:0 0 10px #fcee0a4d}.theme-btn.starwars{background:#ff3e3e;box-shadow:0 0 15px #ff3e3e80}@media (width<=600px){.header-theme-switcher{display:none}}.search-wrapper{width:100%;max-width:600px;margin-bottom:4rem;position:relative}.search-bar{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:100%;padding:1.5rem 1.5rem 1.5rem 3.5rem;font-size:1.1rem;transition:all .3s}.search-bar:focus{border-color:var(--primary);box-shadow:0 0 40px rgba(var(--primary-rgb), .1);outline:none}.loader-spinner{border:4px solid rgba(var(--primary-rgb), .1);border-left:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.search-icon{color:var(--primary);opacity:.8;z-index:10;pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.btn-primary{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{box-shadow:0 0 30px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}.btn-secondary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.75rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-secondary:hover{background:rgba(var(--primary-rgb), .2);border-color:var(--primary);box-shadow:0 0 25px rgba(var(--primary-rgb), .2);transform:translateY(-2px)}.btn-secondary i{color:var(--primary);font-size:1.1rem}.btn-secondary.saving{color:#00ff7f;background:#00ff7f1a;border-color:#00ff7f;box-shadow:0 0 20px #00ff7f33}.btn-secondary.saving i{color:#00ff7f}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 20px 40px #0006, 0 0 20px rgba(var(--primary-rgb), .1);background:#ffffff0f;transform:translateY(-8px)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.cat-icon-container{background:linear-gradient(135deg, rgba(var(--primary-rgb), .2) 0%, rgba(var(--primary-rgb), .05) 100%);width:52px;height:52px;color:var(--primary);border:1px solid rgba(var(--primary-rgb), .1);box-shadow:inset 0 0 10px rgba(var(--primary-rgb), .1);border-radius:16px;justify-content:center;align-items:center;display:flex}.cat-icon-container i{width:24px;height:24px}.card-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .8rem;font-size:.6rem;font-weight:800}.card-body h3{color:#fff;letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.4rem;font-weight:800}.card-subtext{color:var(--primary);opacity:.7;margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:.75rem}.card-info-row{color:var(--text-main);background:#0003;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.card-info-row i{color:var(--primary);opacity:.8}.card-footer{border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.status-indicator{color:var(--text-dim);align-items:center;gap:.6rem;font-family:monospace;font-size:.75rem;display:flex}.dot{background:#333;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.online{background:var(--primary);box-shadow:0 0 12px var(--primary), 0 0 4px var(--primary)}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;place-items:center;padding:1rem;display:none;position:fixed;inset:0}.overlay.active{display:grid}.modal{background:var(--bg-deep);border-radius:var(--radius);border:1px solid #ffffff1a;width:100%;max-width:650px;max-height:92vh;padding:3rem;position:relative;overflow-y:auto;box-shadow:0 50px 100px #000c}.modal-close{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:1.5rem;right:1.5rem}.detail-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.detail-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.3rem;display:flex}.detail-label{color:#ffffff4d;text-transform:uppercase;font-size:.6rem;font-weight:700}.detail-val{font-size:1rem;font-weight:600}.copy-trigger{cursor:pointer;transition:all .2s}.copy-trigger:hover{color:var(--primary)}.history-item{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:.75rem 0;font-size:.8rem;display:flex}.history-user{color:var(--primary);font-weight:600}.history-date{opacity:.4;font-size:.7rem}.edit-input{border:1px solid rgba(var(--primary-rgb), .2);color:#fff;background:#0000004d;border-radius:8px;outline:none;width:100%;padding:.5rem}.toast{background:var(--primary);color:#000;z-index:2000;border-radius:99px;padding:.75rem 1.5rem;font-weight:700;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@media (width<=768px){#app{width:100%;padding:0 .8rem 2rem;overflow-x:hidden}header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin:.8rem 0 1.5rem}.brand-wrapper{gap:.75rem}.header-logo{border-radius:8px;width:36px;height:36px}.menu-trigger{border-radius:10px;width:40px;height:40px}.btn-primary{border-radius:10px;justify-content:center;width:40px;height:40px;padding:0}.btn-primary span{display:none}.btn-primary i{margin:0}.hide-mobile{display:none}.grid{grid-template-columns:1fr;gap:1rem}.modal{border-radius:20px;padding:1.25rem}.sidenav{width:85%}.ticker-wrap{padding:.3rem 0;font-size:.65rem}}@media (width>=1024px){#closeSidenav,#openSidenav{display:grid!important}.sidenav-overlay{z-index:1100;background:#00000080;width:100%;height:100vh;position:fixed;display:none!important}.sidenav-overlay.active{opacity:1!important;display:block!important}.sidenav{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:1200;background:#0a0a0ffa;border-right:1px solid #ffffff1a;width:320px;height:100vh;position:fixed;top:0;left:0;visibility:visible!important;transform:translate(-100%)!important}.sidenav-overlay.active .sidenav{transform:translate(0)!important}.grid-content{background:radial-gradient(circle at 0% 0%, rgba(var(--primary-rgb), .05) 0%, transparent 50%);flex:1;height:100vh;padding:2rem 4rem;overflow-y:auto}header{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}}@media (width<=600px){header h1{font-size:1.5rem}.grid{grid-template-columns:1fr}.modal{width:95%;padding:1.5rem}}.login-screen{z-index:2000;background:radial-gradient(circle,#1a1a2e 0%,#0a0a0f 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;width:90%;max-width:400px;padding:3rem;box-shadow:0 50px 100px #00000080}.filter-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;padding:1.5rem 2rem;display:flex;box-shadow:0 10px 30px #0003}.filter-item{flex-direction:column;flex:1;gap:.5rem;display:flex}.filter-item label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;font-size:.65rem;font-weight:800}.filter-item select{color:var(--primary);font-family:var(--font-main);cursor:pointer;appearance:none;background:#0d1117e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #ffffff1a;border-radius:14px;outline:none;min-width:200px;padding:.8rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.filter-item select option{color:#fff;background:#0d1117}.filter-item select:hover{border-color:var(--primary);box-shadow:0 0 15px rgba(var(--primary-rgb), .2)}.filter-item select:focus{border-color:var(--primary);background:rgba(var(--primary-rgb), .05)}.list-view{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:20px;width:100%;overflow-x:auto}.nexus-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:max-content;min-width:100%}.nexus-table th{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:1.2rem 1.5rem;font-size:.65rem;font-weight:800;position:relative;overflow:hidden}.resizer{cursor:col-resize;z-index:10;border-right:2px solid rgba(var(--primary-rgb), .3);background:0 0;width:8px;height:100%;transition:all .2s;position:absolute;top:0;right:0}.resizer:hover{border-right:3px solid var(--primary);background:rgba(var(--primary-rgb), .1);box-shadow:-5px 0 10px rgba(var(--primary-rgb), .1)}.nexus-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff05;padding:1.2rem 1.5rem;font-size:.9rem;transition:all .2s;overflow:hidden}.nexus-table tr:hover td{background:rgba(var(--primary-rgb), .03);cursor:pointer}.table-icon{background:rgba(var(--primary-rgb), .1);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.table-icon i{width:18px;height:18px}@media (width<=768px){:root{--side-padding:1.5rem}.filter-bar{flex-direction:column;gap:1.2rem;align-items:stretch!important;padding:1.5rem!important}.filter-item select{min-width:100%!important}.nexus-table th:nth-child(3),.nexus-table td:nth-child(3),.nexus-table th:nth-child(4),.nexus-table td:nth-child(4){display:none}.grid{grid-template-columns:1fr!important;gap:1.5rem!important}.brand-wrapper{flex:1;justify-content:flex-start;min-width:0;gap:.6rem!important;width:auto!important;padding:.5rem 0!important}header h1{margin:0!important;font-size:1.1rem!important;line-height:1.1!important}.brand-sub{opacity:.5;letter-spacing:.1em!important;font-size:.5rem!important}.header-badge{margin-left:auto;padding:.4rem .8rem!important}.search-wrapper{max-width:100%!important;margin-bottom:2rem!important}.search-bar{border-radius:16px!important;padding:1rem 1rem 1rem 3.5rem!important;font-size:.9rem!important}.quick-filters-bar{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:.8rem;margin:0 -1.5rem 2rem;padding:.5rem 1.5rem;display:flex;overflow-x:auto}.quick-filters-bar::-webkit-scrollbar{display:none}.quick-filter-chip{white-space:nowrap;flex-shrink:0;padding:.6rem 1rem!important;font-size:.7rem!important}.dashboard-grid{grid-template-columns:1fr!important;gap:1.2rem!important;width:100%!important}.dashboard-stats-row{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-box{min-width:0;padding:1rem!important}.card{padding:1.2rem!important}.modal-content{max-height:90vh;overflow-y:auto;width:95%!important;padding:1.5rem!important}.detail-container-grid{grid-template-columns:1fr!important}.category-grid{grid-template-columns:1fr!important;gap:.8rem!important}.recent-item{gap:1rem!important;padding:1rem!important}}@media (width<=480px){header{margin:.5rem 0 1rem!important;padding:.5rem 0!important}.menu-trigger{width:36px!important;height:36px!important}.dashboard-hero{border-radius:20px!important;margin-bottom:1.25rem!important;padding:1.25rem!important}.dashboard-hero h2{letter-spacing:-.02em!important;font-size:1.5rem!important}.dashboard-hero p{font-size:.85rem!important}.dashboard-stats-row{gap:.75rem!important;margin-bottom:1.5rem!important}.stat-box{border-radius:16px!important;padding:1rem!important}.stat-value{font-size:1.4rem!important}}.device-count-badge{background:rgba(var(--primary-rgb), .1);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);letter-spacing:.05em;box-shadow:0 0 15px rgba(var(--primary-rgb), .1);border-radius:20px;justify-content:center;align-items:center;padding:.2rem .6rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;animation:.5s ease-out fadeInBadge;display:inline-flex}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.quick-filters-bar{scrollbar-width:none;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.quick-filters-bar::-webkit-scrollbar{display:none}.quick-filter-chip{white-space:nowrap;cursor:pointer;color:var(--text-dim);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.quick-filter-chip:hover{background:rgba(var(--primary-rgb), .1);border-color:rgba(var(--primary-rgb), .3)}.quick-filter-chip.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 20px rgba(var(--primary-rgb), .3)}.chip-count{opacity:.5;font-size:.7rem}.view-toggle-group{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:.3rem;display:flex}.view-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.view-btn.active{background:var(--primary);color:#000}