:root{--primary-dark:#1a1a1a;--primary-light:#fff;--accent-orange:orange;--accent-green:#90ee90;--accent-blue:#00a9ff;--accent-hover-blue:#08c;--text-primary:#fff;--text-secondary:#ccc}body{background:var(--primary-dark);color:var(--text-primary);margin:0;padding:0;font-family:Montserrat,sans-serif}.nav-container{z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:1px solid #ffffff1a;width:100%;position:fixed;top:35px}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.logo{font-size:1.5rem;font-weight:700;text-decoration:none}.logo span.orange{color:var(--accent-orange)}.logo span.green{color:var(--accent-green)}.logo span.blue{color:var(--accent-blue)}.dashboard-container{max-width:1200px;margin:100px auto 40px;padding:20px}.article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px;display:grid}.article-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:20px;transition:transform .3s}.article-card:hover{background:#ffffff14;transform:translateY(-5px)}.filter-section{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.filter-button{color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:8px 16px;transition:all .3s}.filter-button:hover,.filter-button.active{background:var(--accent-blue)}.nav-top{z-index:1002;background:#1a1a1a;border-bottom:1px solid #ffffff1a;width:100%;height:35px;position:fixed;top:0}.nav-top-container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav-top-row{justify-content:space-between;align-items:center;height:35px;display:flex}.nav-top-left{align-items:center;gap:20px;display:flex}.nav-top-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:.9rem;text-decoration:none;transition:color .3s;display:flex}.nav-top-item:hover{color:var(--text-primary)}.nav-top-item.active{color:var(--accent-orange);font-weight:500}.nav-separator{color:var(--text-secondary);opacity:.5;margin:0 5px}.nav-top-button{border:1px solid var(--accent-green);color:var(--accent-green);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:4px 12px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.nav-top-button:hover{background:#90ee901a;transform:translateY(-1px)}.dashboard-container{margin-top:135px}.nav-links a{color:var(--primary-light);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background-color .3s;display:flex}.nav-links a:not(.send-in-repair):hover{background:#ffffff1a}.send-in-repair{background:var(--accent-blue);color:#fff!important}.send-in-repair:hover{background:var(--accent-hover-blue)}.nav-links a.active{color:var(--accent-orange)}.nav-top-item,.nav-top-button{align-items:center;gap:5px;display:flex}