@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";html,body{margin:0;padding:0;font-family:Arial,sans-serif;width:100%;overflow-x:hidden}.App{margin:0;padding:0}.with-global-header .main-content{padding-top:76px}.back-home{position:absolute;top:1.5rem;left:1.5rem;z-index:1000;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:300}.home-button{display:inline-flex;align-items:center;background:transparent;color:#fff;border:none;padding:.4rem .75rem;border-radius:10px;font-size:.85rem;font-weight:400;cursor:pointer;transition:transform .18s ease,background-color .12s ease;text-decoration:none;outline:none}.home-button:hover{background:#ffffff0a;transform:translateY(-2px)}.home-button:active{transform:translateY(-1px)}@media (max-width: 1024px){.back-home{top:1.25rem;left:1.25rem}.home-button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 768px){.back-home{top:1rem;left:1rem}.home-button{padding:.35rem .7rem;font-size:.75rem}.signin-btn,.toggle-button-icon,.login-box label,.login-box input,.login-box h2,.login-box h3,.login-box p,.signIn,.divider span{font-size:13px!important}.signin-btn{padding:10px!important}input[type=email],input[type=password],input[type=text]{padding:8px 10px!important}.socials img{width:22px;height:22px}.socials button{width:48px;height:48px}.toggle-button-icon{font-size:16px!important}}@media (max-width: 480px){.back-home{top:.75rem;left:.75rem}.home-button{padding:.3rem .6rem;font-size:.7rem}.login-wrapper{min-height:100vh;height:100vh;width:100vw;background:url(./cpu.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden}.login-box{background-color:#0d47a1;color:#fff;padding:30px 20px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 8px 16px #0000004d;text-align:center}.signin-btn,.toggle-button-icon,.login-box label,.login-box input,.login-box h2,.login-box h3,.login-box p,.signIn,.divider span{font-size:15px!important}.signin-btn{padding:8px!important}input[type=email],input[type=password],input[type=text]{padding:10px!important}.socials img{width:20px;height:20px}.socials button{width:45px;height:45px}.toggle-button-icon{font-size:14px!important}}@media (max-width: 320px){.login-box{padding:15px 10px}.login-box h2{font-size:18px}.login-box h3{font-size:16px}.login-box p,.signIn,.divider span{font-size:12px}label{font-size:13px}input[type=email],input[type=password],input[type=text]{padding:6px 8px;font-size:13px}.signin-btn{padding:8px;font-size:14px}.toggle-button-icon{font-size:14px}.socials img{width:18px;height:18px}.socials button{width:42px;height:42px}.forgot a{font-size:11px}}.login-wrapper{min-height:100vh;height:100vh;width:100vw;background:url(/assets/new2-B9lsHGHF.png) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden}.login-box{color:#fff;padding:40px;border-radius:12px;width:100%;max-width:500px;height:570px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom right,#0d47a140,#2196f340);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0000004d}.login-top{flex-grow:1}.login-box h2{margin-top:0;font-size:27px}.login-box h3{margin-top:0;font-size:20px;padding-top:10px}.login-box p{font-size:13px;margin-bottom:10px;color:#cfd8dc}label{display:block;text-align:left;margin-top:5px;font-weight:700;font-size:13px}.emailInput,.passwordInput{margin-bottom:20px;width:100%;position:relative}input[type=email],input[type=password],input[type=text]{width:100%;padding:12px 14px;font-size:14px;font-weight:300;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#fff;border-radius:10px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .12s ease;box-sizing:border-box;margin-top:8px;caret-color:#fff}input::placeholder{color:#ffffff9e}input:focus,input:focus-visible{border-color:#2196f3d9;box-shadow:0 8px 18px #2196f314;background:#ffffff0a}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.06) inset;box-shadow:0 0 0 1000px #ffffff0f inset;-webkit-text-fill-color:#fff!important}.passwordInput input{padding-right:40px}.toggle-button-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:#020202;padding:0;line-height:1;margin-top:5px}.forgot{text-align:right;margin-bottom:15px}.forgot a{color:#99cef9;font-size:12px;text-decoration:underline;cursor:pointer}.forgot a:hover{color:#fff}.signin-btn{background-color:#021d2c;color:#fff;padding:12px;border:none;border-radius:6px;width:100%;font-size:16px;cursor:pointer;margin-bottom:30px;transition:background-color .3s ease}.signin-btn:hover{background-color:#000}.divider{display:flex;align-items:center;text-align:center;margin:5px 0;color:#fff;font-size:14px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid rgba(255,255,255,.3)}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.socials{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.socials button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.socials button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.socials img{width:20px;height:20px;border-radius:50%}.signIn{font-size:13px;color:#cfd8dc;margin-top:3px}.signIn a{color:#bbdefb;text-decoration:underline;cursor:pointer}.signIn a:hover{color:#fff}h3{margin-bottom:10px;margin-top:10px}html,body{margin:0;padding:0;height:100%;box-sizing:border-box;font-family:Arial,sans-serif}.SignUp-wrapper{height:100vh;width:100vw;background:url(/assets/new2-B9lsHGHF.png) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;overflow:hidden;position:relative}.SignUp-wrapper .back-home{position:absolute;top:1.25rem;left:1.25rem;z-index:1000}.back-container{position:absolute;top:20px;left:20px}.back-btn{display:inline-flex;align-items:center;gap:8px;background-color:#1e59a9;color:#fff;border:2px solid rgba(146,182,231,.5);border-radius:9999px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 0 0 3px #1e59a926 inset}.back-btn:hover{border-color:#92b6e7e6}.back-btn svg{width:16px;height:16px}.signup-box{color:#fff;padding:40px;border-radius:12px;width:100%;max-width:500px;min-height:580px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:linear-gradient(to bottom right,#0d47a140,#2196f340);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0000004d}.signup-box .back-home{position:absolute;top:12px;left:12px;z-index:20}.signup-box .home-button{background:transparent;color:#eaf6ff;border:none;padding:6px 8px;border-radius:8px}.signup-box h2{font-size:27px;margin-bottom:15px}.signup-box h3{font-size:18px;margin-bottom:15px}.signup-box p{font-size:13px;margin-bottom:15px;color:#cfd8dc}input[type=text],input[type=email],input[type=password]{font-size:14px;width:100%}label{display:block;text-align:left;margin-top:6px;font-weight:700;font-size:13px}.fullNameInput,.E_Input,.Pass_Input,.Confirm_Input{margin-bottom:8px;width:100%;position:relative}input:focus{border-color:#1976d2;box-shadow:0 0 3px #1976d24d}.toggle-button-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;padding:0;line-height:1;color:#000}.toggle-button-icon:hover{color:#000}.Pass-btn{margin-top:10px}.signUp-btn{background-color:#021d2c;color:#fff;padding:12px;border:none;border-radius:5px;width:100%;font-size:15px;cursor:pointer;margin-top:14px;transition:background-color .3s ease}.signUp-btn:hover{background-color:#000}.signUp{font-size:12px;color:#cfd8dc;margin-top:12px}.signUp-link{color:#bbdefb;text-decoration:underline;cursor:pointer}.signUp-link:hover{color:#fff}h2{margin-bottom:0}h3{margin-top:0}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-textfield-decoration-container,input[type=password]::-webkit-clear-button{display:none}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background-color:#fff;padding:20px;border-radius:8px;max-width:400px;text-align:center;color:#000}.dialog-content h3{margin-top:0;color:#000}.dialog-content p{color:#666;margin:15px 0}.dialog-ok-btn{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}.dialog-ok-btn:hover{background-color:#1976d2}@media (max-width: 768px){.signup-box{padding:20px;margin:10px;max-width:90%;min-height:auto}.signup-box h2{font-size:22px}.signup-box h3{font-size:16px}.signup-box p{font-size:12px}}@media (max-width: 480px){.SignUp-wrapper{padding:10px}.signup-box{padding:15px;margin:5px;max-width:95%}.signup-box h2{font-size:20px}.signup-box h3{font-size:14px}input[type=text],input[type=password]{font-size:12px}.signUp-btn{font-size:14px;padding:10px}.dialog-content{margin:10px;max-width:90%}}.registered-alert{margin:0!important;padding:16px 20px 12px!important;border-bottom:1px solid #e5e7eb;font-size:18px!important;font-weight:600!important;color:#111827!important;text-align:center}.registered-message{padding:20px!important;margin:0!important;font-size:14px!important;color:#4b5563!important;line-height:1.5!important;text-align:center}.registered-ok-button{background-color:#3b82f6!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:8px 24px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;min-width:80px!important;margin:0 20px 16px!important;display:block!important;width:calc(100% - 40px)!important}.registered-ok-button:hover{background-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.registered-ok-button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}.forgot-wrapper{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:url(/assets/PC1-BeyYqABr.jpg) no-repeat center/cover}.forgot-box{width:100%;max-width:520px;background:linear-gradient(to bottom right,#0d47a138,#2196f31f);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:28px;color:#fff;box-shadow:0 12px 40px #02102273;border:1px solid rgba(255,255,255,.08)}.forgot-box h2{margin:0 0 6px;font-size:22px}.fp-desc{color:#ffffffd9;margin-bottom:14px}.fp-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#07324a;box-shadow:inset 0 1px 2px #06141e0f}.fp-field input::placeholder{color:#7d8c95}.fp-field input:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 4px #1e88e514}.fp-msg{margin-top:10px;color:#ffd9d9}.fp-cta{margin-top:12px;display:flex;justify-content:flex-end}.fp-submit{background:#1e88e5;color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.fp-back{background:transparent;border:none;color:#fff;font-size:18px;margin-bottom:8px;cursor:pointer}@media (max-width: 480px){.forgot-box{padding:18px}.forgot-box h2{font-size:20px}}.np-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.np-card{width:100%;max-width:420px;background:var(--bg-card, #f8fbff);border:1px solid rgba(20,60,120,.06);padding:1.6rem;border-radius:10px;box-shadow:0 6px 22px #0d294e0f}.np-card h2{margin:0 0 .4rem;color:var(--text-title, #063b66)}.np-desc{margin:0 0 1rem;color:#245;font-size:.95rem}.np-label{display:block;margin-top:.6rem;font-size:.85rem;color:#1b3b57}.np-input{width:100%;padding:.6rem .7rem;margin-top:.4rem;border-radius:6px;border:1px solid rgba(10,40,80,.08);background:#fff;color:#07324a;caret-color:#07324a;font-size:1rem}.np-input::placeholder{color:#7d8c95}.np-input:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 4px #1e88e50f}input.np-input,input.np-input[type=password]{color:#07324a!important;-webkit-text-fill-color:#07324a!important;-webkit-text-security:disc;text-shadow:none!important;opacity:1!important}.np-btn{background:#0866d7;color:#fff;border:none;padding:.6rem .9rem;border-radius:7px;cursor:pointer}.np-btn[disabled]{opacity:.6;cursor:not-allowed}.np-btn.secondary{background:transparent;color:#084c89;border:1px solid rgba(8,76,137,.08)}.np-error{background:#fff1f0;color:#8a1b1b;padding:.6rem .8rem;border-radius:6px;margin-bottom:.6rem;border:1px solid #f3c2c2}.app{font-family:Arial,sans-serif;line-height:1.6;color:#fff;width:100vw;position:relative;margin:0;padding:0}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1rem;background-color:#0e1a40;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:1002;box-sizing:border-box;min-height:50px;margin-bottom:2rem}.logo{height:35px;width:auto;display:inline-block}.logo-container{display:flex;align-items:center;justify-content:flex-start;margin:0!important;padding:0!important;gap:0}.app-title{margin-left:10px;font-size:1rem;font-weight:700;color:#fff}.hamburger{display:none;font-size:1.8rem;color:#fff;cursor:pointer;z-index:1003;background-color:transparent;border:none;position:relative;width:2rem;height:2rem;padding:0}.hamburger .icon{position:absolute;top:0;left:0;font-size:1.8rem;color:#fff;transition:opacity .3s ease,transform .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hamburger .show{opacity:1;transform:scale(1);pointer-events:auto}.hamburger .hide{opacity:0;transform:scale(.8);pointer-events:none}.desktop-nav{display:flex;align-items:center;gap:1rem}.nav-link{position:relative;display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;margin-top:0rem}.nav-link:hover{color:#00aeff}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:997;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.slide-down-menu{position:fixed;top:0;right:0;width:min(300px,70vw);height:100vh;background-color:#0e1a40;transform:translate(100%);transition:transform .3s ease;z-index:998;display:flex;flex-direction:column;justify-content:flex-start;padding:90px 1rem 2rem;box-sizing:border-box;overflow-y:auto}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;padding-bottom:2rem}.menu-buttons .sign-in,.menu-buttons .sign-up{width:100%;justify-content:center;padding:.75rem 1rem}body{overflow-y:auto}.navM{display:flex;flex-direction:column;gap:.5rem;animation:fadeIn .4s ease forwards;margin-right:1rem;flex:1;margin-top:2rem}.navM-link{position:relative;display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:500;padding:.75rem;overflow:hidden;transition:all .3s ease;z-index:1;border-radius:8px;margin:.25rem 0;font-size:clamp(.9rem,2.5vw,1rem);min-height:44px}.navM-link:hover,.navM-link:focus{color:#fff;text-shadow:0 0 8px #00cfff;background-color:#00cfff1a}.sign-in,.sign-up{padding:clamp(.3rem,1.5vw,.5rem) clamp(.8rem,2vw,1rem);border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:clamp(.8rem,2vw,.9rem);min-height:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sign-in{background-color:#3575ff;color:#fff;border:none}.sign-in:hover{background-color:#070a97;border-color:#070a97}.sign-up:hover{background-color:#fff;color:#000}.body-container{padding-top:clamp(70px,10vh,90px)}.main-content{padding-top:75px!important;min-height:calc(100vh - 75px)}body{margin:0;padding:0;overflow-x:hidden}.three-sections{margin-top:0!important;padding-top:0!important}.hero{margin-top:0!important;padding-top:1.5rem!important}.hero-overlay{position:absolute!important;inset:0!important}@media (max-width: 480px){.main-content{padding-top:65px!important}.hero{padding-top:1rem!important;min-height:400px!important}.header{position:fixed;top:0;left:0;right:0;padding:.5rem 1rem;min-height:50px;z-index:1002}.desktop-nav{display:none!important}.hamburger{display:block!important;z-index:1003}.logo{width:40px;height:40px}.logo-container{gap:.5rem}.app-title{font-size:clamp(1rem,5vw,1.25rem)}.slide-down-menu{width:100vw;padding:80px 1rem 2rem;z-index:998}.navM-link{padding:1rem .75rem;font-size:1rem;min-height:48px}.sign-in,.sign-up{margin-right:.5rem;padding:.5rem .75rem;min-width:60px}}@media (min-width: 481px) and (max-width: 768px){.main-content{padding-top:70px!important}.hero{padding-top:1.25rem!important;min-height:450px!important}.hamburger{display:block!important;z-index:1003}.desktop-nav{display:none!important}.slide-down-menu{width:min(320px,75vw);padding:90px 1rem 2rem;z-index:998}.header{position:fixed;top:0;left:0;right:0;padding:.75rem 1.5rem;min-height:50px;z-index:1002}}@media (min-width: 769px) and (max-width: 900px){.main-content{padding-top:75px!important}.hero{padding-top:1.5rem!important;min-height:480px!important}.hamburger{display:block!important;z-index:1003}.desktop-nav{display:none}.slide-down-menu{display:flex!important;padding:90px 1rem 2rem;z-index:998}.slide-down-menu.show{transform:translate(0)!important}.header{position:fixed;top:0;left:0;right:0;padding:.75rem 1.5rem;min-height:50px;z-index:1002}}@media (min-width: 901px){.main-content{padding-top:80px!important}.hero{padding-top:1.5rem!important;min-height:500px!important}.hamburger{display:none!important}.desktop-nav{display:flex!important;gap:clamp(1rem,2vw,2rem)}.slide-down-menu{display:none!important;transform:translate(100%)!important}.overlay{display:none!important;opacity:0!important;pointer-events:none!important}.header{position:fixed;top:0;left:0;right:0;padding:1rem clamp(1rem,2vw,2rem);min-height:50px;z-index:1002}}@media (max-width: 900px){.hamburger{display:block}.desktop-nav{display:none}}@media (min-width: 901px){.hamburger{display:none!important}.desktop-nav{display:flex!important}.slide-down-menu{display:none!important;transform:translate(100%)!important}.overlay{display:none!important;opacity:0!important;pointer-events:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hamburger .icon{transform:translateZ(0)}}@media (max-width: 768px) and (orientation: landscape){.slide-down-menu{padding-top:80px;height:100vh;z-index:998}.navM-link{padding:.5rem .75rem;margin:.1rem 0}.header{z-index:1002}.hamburger{z-index:1003}}@media (prefers-reduced-motion: reduce){.slide-down-menu,.hamburger .icon,.overlay,.navM-link{transition:none}.navM{animation:none}}.user-avatar{width:28px;height:28px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.hamburger-avatar{display:none;width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.08);margin-right:6px}.hamburger .icon{font-size:20px;color:#fff}@media (max-width: 900px){.desktop-nav,.desktop-user{display:none}.hamburger{display:flex;align-items:center;gap:6px;background:transparent;border:none}.hamburger-avatar{display:block}.slide-down-menu{width:min(320px,85vw);right:12px;left:auto}}@media (min-width: 901px){.hamburger{display:none}}.user-dropdown{position:absolute;right:12px;top:calc(100% + 8px);transform:translate(-12px);background:linear-gradient(180deg,#0e1a40fa,#060c24f2);color:#fff;border-radius:14px;padding:18px;width:320px;max-width:92vw;max-height:80vh;overflow:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 50px #0608148c;z-index:1200;word-break:break-word}.user-dropdown-info{display:flex;flex-direction:column;gap:4px}.user-dropdown-name{font-weight:800;font-size:1rem;color:#fff}.user-dropdown-email{font-size:.88rem;color:#fff;opacity:.9}.user-dropdown-actions{display:flex;flex-direction:column;gap:8px}.user-dropdown button{background:transparent;color:#dff6ff;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer;font-weight:700;transition:background .18s ease,transform .12s ease}.user-dropdown button:hover{background:#ffffff0a;transform:translateY(-1px)}.user-dropdown .logout-btn{background:#ffdede;color:#7a0b0b;border:none;box-shadow:none}.user-dropdown .dashboard-btn,.user-dropdown .settings-btn{background:#f7fafc;color:#071430;border:1px solid rgba(7,20,48,.06)}.user-dropdown .dashboard-btn:hover,.user-dropdown .settings-btn:hover{background:#eef4fb}.user-dropdown .logout-btn:hover{background:#ff8a8a;color:#fff}.app{font-family:Arial,sans-serif;line-height:1.6;color:#fff;width:100vw;position:relative;margin:0}.hamburger{display:none;font-size:clamp(1.5rem,4vw,1.8rem);color:#fff;cursor:pointer;z-index:301;background-color:transparent;border:none;position:relative;width:clamp(1.5rem,5vw,2rem);height:clamp(1.5rem,5vw,2rem)}.hamburger .icon{position:absolute;top:0;left:0;font-size:clamp(1.5rem,4vw,1.8rem);color:#fff;transition:opacity .3s ease,transform .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.desktop-nav{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:299;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.show{opacity:1;pointer-events:none}.slide-down-menu{display:flex;flex-direction:column;background-color:#0e1a40;position:absolute;top:60px;bottom:0;height:calc(100vh - 60px);width:250px;padding:clamp(1rem,3vw,2rem) 2rem;right:0;z-index:301;transform:translate(100%);transition:transform .35s cubic-bezier(.25,1,.5,1);box-shadow:-2px 0 10px #0000004d;pointer-events:auto}.slide-down-menu.show{transform:translate(0)}.hide-sidebar{transform:translate(100%)!important}.menu-buttons{display:flex;flex-direction:row;gap:clamp(.5rem,2vw,1rem);margin:clamp(.5rem,2vw,1rem) auto;width:100%;max-width:clamp(300px,80vw,500px);justify-content:center;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#fff;width:100%;overflow-x:hidden;overflow-y:auto}.body-container{padding-top:clamp(60px,10vw,70px);padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem);padding-bottom:clamp(1rem,3vw,2rem);display:flex;gap:clamp(10px,3vw,20px);justify-content:space-evenly;flex-wrap:wrap;max-width:clamp(1000px,90vw,1400px);margin:0 auto}.main-content:not(.login-page){width:100%;margin-top:0;padding-top:80px}.main-content.login-page{width:100%;margin-top:0;padding-top:0}.three-sections{margin-top:0;padding-top:0}.hero{margin-top:0;padding-top:2rem}.three-sections{display:flex;flex-direction:column;gap:0}.hero{display:flex;align-items:center;justify-content:flex-start;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem) clamp(1rem,5vw,3rem);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);position:relative;z-index:1;overflow:hidden;margin-top:0;transition:background-image .5s ease-in-out}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}.hero-text{flex:1;min-width:clamp(250px,40vw,300px);text-align:left;position:relative;z-index:3;padding-top:0;max-width:600px}.hero-title{font-size:clamp(1.8rem,5.5vw,4rem);font-weight:700;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.8);display:block!important;visibility:visible!important;opacity:1!important;margin-top:0;margin-bottom:clamp(.5rem,2vw,1rem);word-break:break-word;line-height:1.2;text-align:left;position:relative;z-index:10;white-space:nowrap}@media screen and (max-width: 1200px){.hero-title{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}}@supports not (-webkit-background-clip: text){.hero-title{color:#fff!important;-webkit-text-fill-color:white!important}}.hero-description{font-size:clamp(.9rem,2.5vw,1.5rem);color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-bottom:clamp(.3rem,1vw,.5rem);line-height:clamp(20px,3vw,25px);margin-left:5px;font-weight:300;justify-content:left}.hero-buttons{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);margin:clamp(.5rem,2vw,1rem) 0;justify-content:left}.start-building,.view-pcs{padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border-radius:5px;font-size:clamp(.8rem,2vw,1rem);font-weight:500;cursor:pointer;white-space:nowrap}.start-building{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border:2px solid rgba(116,185,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #74b9ff4d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.view-pcs{background:linear-gradient(135deg,#74b9ff33,#0984e333);color:#fff;border:2px solid rgba(116,185,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.start-building:hover{background:linear-gradient(135deg,#81c3ff,#2d96ff);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #81c3ff66;border-color:#81c3ff99}.view-pcs:hover{background:linear-gradient(135deg,#74b9ff66,#0984e366);color:#fff;border-color:#74b9ffcc;transform:translateY(-2px);box-shadow:0 6px 20px #74b9ff4d}.feature-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(.2rem,.6vw,.3rem);margin-top:clamp(.3rem,1vw,.5rem);max-width:450px}.badges{display:flex;align-items:center;gap:clamp(.2rem,.5vw,.3rem);padding:clamp(.15rem,.3vw,.2rem) clamp(.3rem,.6vw,.4rem);background:#74b9ff33;border:1px solid rgba(116,185,255,.4);border-radius:4px;transition:all .3s ease;cursor:pointer;height:clamp(22px,3vw,28px)}.badge:hover{transform:translateY(-1px);background:#74b9ff4d;border-color:#74b9ff99;box-shadow:0 2px 8px #74b9ff40}.badge-icon{display:flex;align-items:center;justify-content:center;width:clamp(14px,2vw,18px);height:clamp(14px,2vw,18px);background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:3px;color:#fff;font-size:clamp(8px,1vw,10px);flex-shrink:0}.badge-content{flex:1;min-width:0}.badge-title{font-size:clamp(.5rem,.8vw,.6rem);font-weight:600;color:#fff;margin:0 0 clamp(.01rem,.05vw,.02rem) 0;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.badge-subtitle{font-size:clamp(.45rem,.7vw,.5rem);color:#ffffffe6;margin:0;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.carousel-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:#ffffff4d;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-dot:hover{background:#fff9;border-color:#ffffffe6;transform:scale(1.1)}.carousel-dot.active{background:#ffffffe6;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}@keyframes fadein{0%{opacity:0}to{opacity:1}}.key-features-section{background-color:#fff;padding:clamp(1.5rem,4vw,4rem) clamp(.5rem,2vw,1rem)}.key-features-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;text-align:center;color:#1f2937}.key-features-subtitle{text-align:center;font-size:clamp(.9rem,2.5vw,1.25rem);color:#4b5563;margin-bottom:clamp(1rem,3vw,2rem)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,340px),1fr));gap:clamp(1.5rem,3.5vw,2.5rem);max-width:clamp(1000px,92vw,1200px);margin:0 auto}.card{background:#fff;border-radius:24px;padding:clamp(1.25rem,3.5vw,2.5rem);box-shadow:0 8px 20px -8px #0f172a0f;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #00000026}.card.green{border-top:8px solid #10b981}.card.orange{border-top:8px solid #f59e0b}.card.purple{border-top:8px solid #8b5cf6}.card.green,.card.orange,.card.purple{border-radius:15px;padding:clamp(1.5rem,4vw,3rem)}.card .image-container{width:100%;max-width:clamp(300px,60vw,600px);aspect-ratio:4 / 3;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0206170f;margin-bottom:clamp(.75rem,2.5vw,1.25rem)}.card-header{display:flex;align-items:center;gap:clamp(12px,3vw,18px);margin-bottom:clamp(.75rem,2.5vw,1.25rem)}.icon{width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3.4vw,26px)}.icon.green{background:#d1fae5;color:#10b981}.icon.orange{background:#fef3c7;color:#f59e0b}.icon.purple{background:#ede9fe;color:#8b5cf6}.card-title{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:#0f172a}.card-description,.card-details{color:#6b7280;line-height:1.6;line-height:1.7;font-size:clamp(.88rem,2vw,1.02rem);margin-top:.35rem}.features-section{background:#02235c;padding:clamp(1.5rem,4vw,4rem) clamp(.5rem,2vw,1rem)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,280px),1fr));gap:clamp(1rem,3vw,2rem);max-width:clamp(900px,90vw,1200px);margin:0 auto}.feature-card{background:#fffffff2;padding:clamp(1rem,3vw,2rem);border-radius:20px;box-shadow:0 10px 30px #0000001a}.feature-card .image-container{width:100%;max-width:clamp(250px,45vw,600px);aspect-ratio:4 / 3;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;margin-bottom:clamp(.5rem,2vw,1rem)}.feature-title{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;color:#1e293b;margin-bottom:1rem;margin-left:1rem}.feature-description{font-size:clamp(.8rem,2vw,1.125rem);color:#3d4c61;margin-left:1rem}.feature-list{list-style:none;margin-top:clamp(2Srem,2vw,1rem);padding:0;margin-left:1rem}.feature-list li{display:flex;align-items:flex-start;font-size:clamp(.8rem,2vw,1rem);color:#343f4e;margin-bottom:clamp(.5rem,2vw,1rem);margin-top:clamp(.25rem,1vw,.5rem);border-bottom:1px solid rgba(148,163,184,.1);padding:.25rem 0;line-height:1.5}.feature-list li:before{content:none}.feature-list li svg{color:#10b981;margin-right:clamp(8px,2vw,12px);margin-top:.1rem;font-size:clamp(16px,2.5vw,18px);flex-shrink:0}.note{font-size:10px;color:#99a2ab}.feature-card{position:relative;padding:1.5rem;background-color:#fff;border-radius:8px;overflow:hidden;color:#1f2a3a}.feature-card{position:relative;padding:1.5rem;background-color:#fff;border-radius:8px;overflow:hidden;color:#1a1a1a;box-shadow:0 4px 12px #0000000d}.feature-card:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:linear-gradient(to bottom,#3234b7,#90e0ef);box-shadow:0 0 12px 4px #90e0ef80}.feature-card:after{content:"";position:absolute;bottom:0;left:0;height:10px;width:100%}.cta-section{background:linear-gradient(to right,#02235c,#01122e);padding:clamp(1.5rem,4vw,3rem) clamp(.5rem,2vw,1rem);text-align:center}.cta-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:#fff;text-align:center;margin:0 auto;max-width:clamp(900px,90vw,1100px)}.cta-subtitle{font-size:clamp(.9rem,2.5vw,1.25rem);color:#ffffffe6;margin:clamp(.5rem,2vw,1rem) auto clamp(1rem,3vw,2rem);max-width:clamp(400px,80vw,600px)}.s-buttons-homepage{display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;flex-wrap:wrap;max-width:400px;margin:0 auto}.btn{padding:clamp(.4rem,1.2vw,.6rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.75rem,1.5vw,.875rem);border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:clamp(.2rem,1vw,.4rem);border:none;cursor:pointer}.btn-f{background:#fff;color:#3b82f6}.btn-s{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-primary:hover{background:#e0ecff;color:#1e40af;transition:background .3s ease,color .3s ease}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;color:#f0f0f0;transition:background .3s ease,border-color .3s ease}.btn-primary:active{background:#5e6571;transform:scale(.97)}.btn-secondary:active{background:#ffffff40;transform:scale(.97)}@media screen and (min-width: 1201px){.hamburger{display:none}.desktop-nav{display:flex}.slide-down-menu{display:none}}@media screen and (max-width: 1200px) and (min-width: 901px){.hamburger{display:none}.desktop-nav{display:flex}.slide-down-menu{display:none}.hero-title{font-size:clamp(2.2rem,4.5vw,3.5rem);white-space:normal;line-height:1.1}.hero-description{font-size:clamp(1rem,2.2vw,1.4rem);line-height:clamp(22px,3vw,28px)}.hero-buttons{gap:clamp(.5rem,1.8vw,1rem);flex-wrap:wrap}.start-building,.view-pcs{padding:clamp(.6rem,1.8vw,.8rem) clamp(1rem,2.8vw,1.4rem);font-size:clamp(.85rem,1.8vw,1rem)}.feature-badges{max-width:500px}.badge{height:clamp(24px,3.2vw,30px)}}@media screen and (min-width: 901px){.hamburger{display:none}.desktop-nav{display:flex}.slide-down-menu{display:none}}@media screen and (max-width: 900px){.main-content:not(.login-page){padding-top:75px}.hamburger{display:block}.desktop-nav{display:none}.hero{flex-direction:column;text-align:center;padding:clamp(1.5rem,4vw,2rem);min-height:400px}.hero-text{min-width:100%;padding-top:0;text-align:center;max-width:100%}.hero-title{margin-top:clamp(1rem,3vw,1.5rem);text-align:center;font-size:clamp(2rem,6vw,3rem);white-space:normal;line-height:1.1}.hero-description{margin-left:0;text-align:center;font-size:clamp(.9rem,2.5vw,1.2rem)}.hero-buttons{justify-content:center;gap:clamp(.5rem,2vw,1rem)}.feature-badges{justify-content:center;max-width:100%}.tags{justify-content:center}.cards-grid,.features-grid{grid-template-columns:1fr}.menu-buttons{flex-direction:column;align-items:center}.sign-in,.sign-up{width:100%;max-width:300px;text-align:center}}@media screen and (max-width: 890px){.hero-title{font-size:clamp(2rem,5vw,2.8rem)}.hero-description{font-size:clamp(.85rem,2.2vw,1.3rem);line-height:clamp(18px,2.8vw,22px)}.hero-buttons{gap:clamp(.4rem,1.5vw,.8rem)}.start-building,.view-pcs{padding:clamp(.4rem,1.5vw,.6rem) clamp(.8rem,2.5vw,1.2rem);font-size:clamp(.75rem,1.8vw,.9rem)}.cards-grid,.features-grid{gap:clamp(.8rem,2.5vw,1.5rem)}}@media screen and (max-width: 500px){.main-content:not(.login-page){padding-top:50px}.hero{padding-top:1.5rem}.logo{width:clamp(35px,8vw,45px);height:clamp(35px,8vw,45px)}.app-title{font-size:clamp(1rem,2.8vw,1.3rem)}.hamburger{font-size:clamp(1.3rem,3.5vw,1.6rem);width:clamp(1.3rem,4vw,1.8rem);height:clamp(1.3rem,4vw,1.8rem)}.slide-down-menu{width:clamp(180px,60vw,220px);padding:clamp(.8rem,2.5vw,1.5rem) .8rem}.hero-title{font-size:clamp(1.8rem,4.5vw,2.5rem);font-size:2.5rem;margin-left:1.5rem}.hero-description{font-size:clamp(.8rem,2vw,1.2rem);line-height:clamp(16px,2.5vw,20px);margin-left:1.5rem}.hero-buttons{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:500px;margin:0 auto;margin-bottom:1rem}.start-building,.view-pcs{flex:1;min-width:180px;width:100%;max-width:250px;height:50px;text-align:center;font-size:clamp(.85rem,2.5vw,1rem);padding:.6rem 1rem;border-radius:8px;box-sizing:border-box}.tags{gap:clamp(.2rem,.8vw,.4rem)}.tag{font-size:clamp(.65rem,1.2vw,.8rem);padding:clamp(.15rem,.8vw,.25rem) clamp(.4rem,1.2vw,.7rem)}.card,.feature-card{padding:clamp(.8rem,2.5vw,1.5rem)}.cta-title{font-size:clamp(1.3rem,3vw,2rem)}.cta-subtitle{font-size:clamp(.8rem,2vw,1.1rem)}}@media screen and (max-width: 350px){.logo-container{justify-content:flex-start;padding-left:8px}.logo{width:clamp(20px,9vw,40px);height:clamp(30px,9vw,40px);margin-left:0;margin-right:8px}.app-title{font-size:clamp(.9rem,2.5vw,1.2rem)}.hamburger{font-size:clamp(1.2rem,3.2vw,1.4rem);width:clamp(1.2rem,3.5vw,1.6rem);height:clamp(1.2rem,3.5vw,1.6rem)}.slide-down-menu{width:clamp(160px,70vw,200px);padding:clamp(.6rem,2vw,1.2rem) .6rem}.nav-link{font-size:clamp(.8rem,2vw,1rem)}.hero-title{font-size:clamp(1.5rem,4vw,2rem)}.hero-description{font-size:clamp(.7rem,1.8vw,1rem);line-height:clamp(14px,2.2vw,18px)}.start-building,.view-pcs{padding:clamp(.3rem,1.2vw,.5rem) clamp(.6rem,2vw,1rem);font-size:clamp(.7rem,1.6vw,.85rem);max-width:200px}.tag{font-size:clamp(.6rem,1vw,.75rem);padding:clamp(.1rem,.6vw,.2rem) clamp(.3rem,1vw,.6rem)}.card,.feature-card{padding:clamp(.6rem,2vw,1.2rem)}.card-title{font-size:clamp(.9rem,2vw,1.1rem)}.feature-title{font-size:clamp(1.1rem,2.5vw,1.8rem)}.card-description,.card-details,.feature-description{font-size:clamp(.7rem,1.8vw,.9rem)}.cta-title{font-size:clamp(1.2rem,2.8vw,1.8rem)}.cta-subtitle{font-size:clamp(.7rem,1.8vw,1rem)}.btn{padding:clamp(.5rem,1.5vw,.8rem) clamp(1rem,2.5vw,1.5rem);font-size:clamp(.7rem,1.6vw,.85rem)}}.site-footer{background-color:#030a22;color:#fff;padding:30px 20px;text-align:center;font-size:14px}.footer-container{max-width:1200px;margin:0 auto}.footer-text{margin-bottom:10px}.developers-text{margin:5px 0 15px;font-size:13px;color:#d1d5db;font-style:italic}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#d1d5db}.PartSelectorContainer{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px #00000008;position:relative;transition:all .15s ease}.PartSelectorContainer:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}.PartSelectorContainer h1{font-size:15px;font-weight:600;color:#1e293b;margin:0;letter-spacing:-.01em;line-height:1.3}.PartSelectorContainer h4{font-size:13px;font-weight:400;color:#64748b;margin:0 0 8px;line-height:1.4}.PartSelector{width:100%;padding:9px 12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#374151;transition:all .15s ease}.PartSelector:hover{border-color:#9ca3af;background-color:#fafbfc}.PartSelector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614;background-color:#fff}.PartSelectorDropdown{margin-top:5px}.PartSelector option{padding:8px 14px;color:#374151;background-color:#fff;font-weight:400}.PartSelector option:hover{background-color:#f8fafc}.PartSelector option:disabled{color:#9ca3af;background-color:#f9fafb}.PartSelector:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.PartSelectorContainer:focus-within{border-color:#cbd5e1}.BuildSummary{font-family:Tahoma,sans-serif;background-color:#f7f9fc;border:1px solid #d3d3d3;border-radius:10px;padding:20px;box-shadow:0 2px 6px #0000000d}.Price{margin-top:20px;border-top:1px solid #444;padding-top:10px}.ProgressBar{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;margin:10px 0 20px;overflow:hidden}.ProgressFill{height:100%;background-color:#4a90e2;transition:width .4s ease;border-radius:10px}.SelectedComponentsBox{display:flex;flex-direction:column;gap:16px;margin-top:20px}.ComponentCard{background-color:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0d14280f;transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:12px;align-items:stretch;color:#0b1220}.ComponentCard .card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ComponentCard .card-title{margin:0;font-size:1rem;font-weight:700;color:#0e1a40}.ComponentCard .card-price{background:linear-gradient(90deg,#f7f9fc,#fff);padding:6px 10px;border-radius:999px;font-weight:700;color:#0e1a40;font-size:.95rem;border:1px solid rgba(14,26,64,.06)}.ComponentCard .card-image{width:100%;height:110px;border-radius:8px;overflow:hidden;background:#f6f8fb;display:flex;align-items:center;justify-content:center}.ComponentCard .card-image img{width:100%;height:100%;object-fit:cover;display:block}.ComponentCard ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;color:#4b5563;font-size:.92rem}.ComponentCard li{display:flex;gap:8px;align-items:center}.ComponentCard li strong{min-width:80px;color:#111827;font-weight:600}.ComponentCard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0d142814}@media (max-width: 720px){.ComponentCard{padding:12px}.ComponentCard ul{grid-template-columns:1fr}.ComponentCard .card-image{height:90px}}@media (max-width: 768px){.SelectedComponentsBox{gap:12px}.ComponentCard{padding:12px}.ProgressBar{height:14px}.ProgressFill{border-radius:7px}.BuildSummary{padding:16px}}.compatibility-section{margin-top:24px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014}.compatibility-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.compatibility-title{margin:0;font-size:1.3rem;font-weight:800;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.compat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.compat-card:last-child{margin-bottom:0}.compat-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f3f4f6}.compat-card-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:#374151}.compat-icon{font-size:1.2rem;filter:grayscale(.2)}.compat-badges{display:flex;align-items:center;gap:8px}.compat-badge{padding:6px 12px;border-radius:20px;font-weight:700;font-size:.85rem;color:#fff;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.compat-badge:hover{transform:scale(1.05)}.compat-secondary{font-size:.75rem;padding:4px 8px;opacity:.9}.compat-good{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98140}.compat-warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b40}.compat-bad{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440}.compat-info{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f140}.compat-unknown{background:#d1d5db;color:#374151;box-shadow:none}.compat-card-content{padding:12px 20px 16px}.compat-description{margin:0;color:#4b5563;font-weight:500;line-height:1.6;font-size:.95rem}.recommendation-text{color:#0f172a;font-weight:700}.compat-badge.compat-secondary.recommendation{background:linear-gradient(135deg,#f59e0b,#d97706)}@media (max-width: 768px){.compatibility-section{padding:16px;margin-top:20px}.compatibility-title{font-size:1.1rem}.compat-card-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px 10px}.compat-badges{align-self:stretch;justify-content:flex-end}.compat-card-content{padding:10px 16px 14px}.compat-description{font-size:.9rem}}@media (max-width: 480px){.compat-card-header{gap:8px}.compat-badges{flex-wrap:wrap;gap:6px}.compat-badge{font-size:.8rem;padding:5px 10px}.compat-secondary{font-size:.7rem;padding:3px 6px}}.pcBuilderNotetoSign{display:flex;align-items:center;justify-content:center;gap:8px;color:#3b82f6;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding:14px 18px;background-color:#eff6ff;border-radius:8px;border:1px solid #bfdbfe;cursor:pointer;transition:all .15s ease;margin:0;text-align:center}.pcBuilderNotetoSign:hover{background-color:#dbeafe;border-color:#93c5fd;color:#2563eb}.ComponentSpecsContainer{padding:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.ComponentSpecsContainer h1{margin:0 0 8px;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ComponentSpecsContainer h2{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827;line-height:1.4}.ComponentSpecsContainer p{margin:0 0 12px;font-size:18px;font-weight:700;color:#059669}.specs-list{margin:0;padding:0;list-style:none}.specs-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0;border-bottom:1px solid #f3f4f6;gap:12px}.specs-item:last-child{border-bottom:none}.specs-label{font-weight:500;color:#374151;font-size:13px;min-width:80px;flex-shrink:0;text-align:left}.specs-value{font-weight:400;color:#6b7280;font-size:13px;text-align:right;flex:1;word-break:break-word}@media (max-width: 640px){.ComponentSpecsContainer{padding:12px}.specs-item{flex-direction:column;align-items:stretch;gap:2px}.specs-label,.specs-value{text-align:left}.specs-label{min-width:auto}}.save-build-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.save-build-modal{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}.save-build-modal-header{position:relative;padding:16px 20px 12px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.save-build-modal-icon{flex-shrink:0}.success-icon,.warning-icon{font-size:24px;line-height:1}.save-build-modal-title{margin:0;font-size:16px;font-weight:600;color:#111827;flex:1}.save-build-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.save-build-modal-close:hover{background-color:#f3f4f6;color:#374151}.save-build-modal-content{padding:16px 20px}.success-message{margin-bottom:16px;text-align:center}.success-text{margin:0;font-size:14px;color:#059669;font-weight:500;line-height:1.4;padding:12px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.build-id-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.build-id-label{font-weight:600;color:#374151;font-size:13px}.build-id-value{font-family:Courier New,monospace;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:3px 6px;font-size:12px;color:#1f2937}.warnings-section{margin-top:12px}.warnings-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:6px}.warnings-title:before{content:"⚠️";font-size:18px}.warnings-list{margin:0;padding:0;list-style:none}.warning-item{background-color:#fef2f2;border-left:3px solid #f87171;padding:8px 12px;margin-bottom:6px;border-radius:0 4px 4px 0;font-size:12px;line-height:1.4;color:#7f1d1d}.warning-item:last-child{margin-bottom:0}.no-issues-section{text-align:center;padding:12px 0}.no-issues-text{margin:0;font-size:14px;color:#059669;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.no-issues-text:before{content:"🎉";font-size:20px}.save-build-modal-footer{padding:12px 20px 16px;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb}.save-build-modal-ok-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;min-width:70px}.save-build-modal-ok-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.save-build-modal-ok-btn:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}@media (max-width: 640px){.save-build-modal-backdrop{padding:16px}.save-build-modal{max-width:100%}.save-build-modal-header{padding:20px 20px 16px;flex-direction:column;text-align:center;gap:12px}.save-build-modal-close{top:12px;right:12px}.save-build-modal-content{padding:16px 20px}.save-build-modal-footer{padding:16px 20px 20px}.build-id-section{flex-direction:column;align-items:flex-start;gap:8px}.build-id-value{align-self:stretch;text-align:center}}.build-name-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.build-name-modal{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.build-name-modal-header{position:relative;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.build-name-modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}.build-name-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.build-name-modal-close:hover{background-color:#f3f4f6;color:#374151}.build-name-modal-content{padding:20px 24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.required{color:#dc2626}.optional{color:#6b7280;font-weight:400}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input-error{border-color:#dc2626}.form-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-textarea{resize:vertical;min-height:80px}.form-error{margin-top:4px;font-size:12px;color:#dc2626}.character-count{margin-top:4px;font-size:12px;color:#6b7280;text-align:right}.build-name-modal-footer{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb}.build-name-modal-cancel-btn,.build-name-modal-save-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.build-name-modal-cancel-btn{background-color:#f9fafb;color:#374151;border-color:#d1d5db}.build-name-modal-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.build-name-modal-save-btn{background-color:#3b82f6;color:#fff}.build-name-modal-save-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.build-name-modal-save-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.keyboard-hint{padding:0 24px 16px;text-align:center;font-size:12px;color:#6b7280}.keyboard-hint kbd{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:2px 6px;font-size:11px;font-family:inherit}@media (max-width: 640px){.build-name-modal-backdrop{padding:16px}.build-name-modal{max-width:100%}.build-name-modal-header{padding:16px 20px 12px}.build-name-modal-close{top:12px;right:12px}.build-name-modal-content{padding:16px 20px}.build-name-modal-footer{padding:12px 20px 16px;flex-direction:column}.build-name-modal-cancel-btn,.build-name-modal-save-btn{width:100%}.keyboard-hint{padding:0 20px 12px}}.alert-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.alert-modal-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:320px;max-width:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.alert-modal-header{background:#e9ecef;border-bottom:1px solid #dee2e6;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.alert-modal-title{margin:0;font-size:14px;font-weight:600;color:#495057}.alert-modal-close{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.alert-modal-close:hover{color:#495057}.alert-modal-body{padding:16px 12px}.alert-modal-message{margin:0;font-size:14px;color:#495057;line-height:1.4}.alert-modal-footer{padding:8px 12px 12px;display:flex;justify-content:flex-end}.alert-modal-ok-btn{background:#007bff;color:#fff;border:1px solid #007bff;border-radius:3px;padding:6px 16px;font-size:13px;cursor:pointer;transition:background-color .2s}.alert-modal-ok-btn:hover{background:#0056b3;border-color:#0056b3}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal-box{background:#040236;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:320px;width:85%;overflow:hidden;animation:dialogSlideIn .2s ease-out}.confirm-modal-header{padding:1rem 1rem .5rem;text-align:center}.confirm-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.confirm-modal-close{display:none}.confirm-modal-body{padding:.5rem 1rem 1rem;color:#e5e7eb;line-height:1.4;text-align:center}.confirm-modal-message{margin:0 0 .5rem;font-size:.9rem}.build-name-highlight{font-weight:600;color:#d1d5db;font-style:italic;font-size:.85rem;margin:.25rem 0}.confirm-modal-footer{padding:.75rem 1rem;background:#ffffff1a;display:flex;gap:.5rem;justify-content:center}.confirm-modal-cancel-btn{padding:.375rem .875rem;border:1px solid #6b7280;background:transparent;color:#e5e7eb;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.confirm-modal-cancel-btn:hover{background:#ffffff1a;border-color:#9ca3af}.confirm-modal-ok-btn{padding:.375rem .875rem;border:none;background:#dc2626;color:#fff;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.confirm-modal-ok-btn:hover{background:#b91c1c}.BuilderPageLayout{display:flex;padding:20px;align-items:flex-start;flex-wrap:wrap}.LeftColumn,.RightColumn{flex:1;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d;min-height:400px;box-sizing:border-box;color:#444;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.LeftColumn{text-align:left;background-color:#fafbfc;border:1px solid #e2e8f0}.PC-Note-Title{text-align:left;margin-top:0}.PC-Parts-Buiderpage{text-align:left;margin:0 0 20px;color:#1e293b;font-size:22px;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.025em}.LeftColumn h1:not(.PC-Parts-Buiderpage){color:#1e293b;font-size:20px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:20px 0 16px;letter-spacing:-.025em;line-height:1.3}@media (max-width: 768px){.BuilderPageLayout{flex-direction:column;padding:10px}.LeftColumn,.RightColumn{width:100%;margin-bottom:20px}.Note{padding:15px;font-size:14px}.BuildSummary h1,.BuildSummary h2,.BuildSummary p{font-size:16px}.ComponentCard{padding:10px}.PartSelector{font-size:14px;padding:8px}}.Note{background-color:#f0f6ff;border:1px solid #cfdff8;padding:20px;border-radius:8px;margin:20px;font-family:Tahoma,sans-serif;box-shadow:0 2px 6px #0000000d}.Note h1{color:#2c3e50;font-size:22px;margin-bottom:10px}.Note h3{color:#444;font-size:14px;font-weight:400;line-height:1.4}.pcBuilderNotetoSign{display:flex;align-items:center;gap:10px;color:#4a5568;font-size:14px;font-weight:500;padding:12px 16px;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.save-build-btn-builderpage{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 28px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;text-transform:uppercase;letter-spacing:.5px;min-width:140px;position:relative;overflow:hidden}.save-build-btn-builderpage:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.save-build-btn-builderpage:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.save-build-btn-builderpage:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #9ca3af33}.save-build-btn-builderpage:focus{outline:none;box-shadow:0 4px 12px #3b82f64d,0 0 0 3px #3b82f633}.EditModeBanner{background:#fff7e6;border:1px solid #f2c97d;padding:20px;border-radius:6px;margin:0 20px 20px;font-size:14px;font-weight:600;color:#8a5a00;margin-top:2rem}:root{--card-bg: #ffffff;--card-border: rgba(15,23,42,.06);--accent: #0e1a40;--muted: #55607a;--shadow: 0 6px 20px rgba(13,20,40,.06);--radius: 12px;--gap: 12px}.component-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:var(--gap);color:#0b1220;transition:transform .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box}.component-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0d14281a}.component-card--empty{align-items:center;justify-content:center;min-height:140px;text-align:center;color:var(--muted)}.component-image{width:100%;height:160px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#f6f8fb,#fff);display:flex;align-items:center;justify-content:center}.component-image img{width:100%;height:100%;object-fit:cover;display:block}.component-card>h2{margin:0;font-size:1.05rem;color:var(--accent);font-weight:700;line-height:1.2}.component-price{color:var(--accent);font-weight:700;font-size:.95rem}.component-card ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:8px;font-size:.92rem;color:var(--muted)}.component-card ul li{display:flex;gap:8px;align-items:center;justify-content:flex-start;padding:6px 0;border-top:1px dashed rgba(15,23,42,.03)}.component-card ul li:first-of-type{border-top:none}.component-card ul li strong{min-width:120px;display:inline-block;color:#111827;font-weight:600;text-transform:none}.components-list-info{display:flex;gap:12px;align-items:center}.components-list-info .value{flex:1 1 auto;color:#111827d9;word-break:break-word}.label-text{color:#000;font-weight:200;min-width:120px;display:inline-block}.components-list-info{font-weight:300;color:var(--muted)}.components-list-info span{font-weight:400;color:#111827d9}.component-card .meta{display:flex;gap:12px;align-items:center;justify-content:flex-start}.component-card .note{font-size:.85rem;color:#11182799}@media (max-width: 640px){.component-image{height:130px}.component-card{padding:12px}.component-card>h2{font-size:1rem}.component-card ul li strong{min-width:82px;font-size:.92rem}}.component-card--full{width:100%}.component-badge{position:absolute;top:12px;right:12px;background:#0e1a400f;color:#0e1a40;border:1px solid rgba(14,26,64,.08);font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px}.componentdb-header{margin-top:1rem;margin-bottom:1.5em;text-align:center}.componentdb-title{text-align:center;font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:.2em}.componentdb-desc{text-align:center;color:#555;font-size:1.1em;margin-bottom:2em}.component-filter-wrap{display:flex;justify-content:center;padding:12px 16px;background:transparent;margin:0 auto 12px;max-width:980px}.filter-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(14,26,64,.12);background:#fff;color:#0e1a40;cursor:pointer;font-weight:600;transition:transform .08s ease,box-shadow .12s ease}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0d14280f}.filter-btn.active{background:#0e1a40;color:#fff;border-color:transparent;box-shadow:0 8px 20px #0e1a401f}.component-section{padding:20px 16px}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}.filter-right{display:flex;align-items:center;gap:8px;position:relative}.search-input{padding:10px 40px;border-radius:12px;border:1px solid rgba(14,26,64,.12);min-width:260px;max-width:520px;width:100%;background:#fff;color:#0e1a40;box-shadow:0 6px 18px #0d14280f;transition:box-shadow .15s ease,transform .08s ease;outline:none;font-size:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230e1a40'><path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 1010.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79L20 21.5 21.5 20l-6-6z'/></svg>");background-repeat:no-repeat;background-position:12px center;background-size:18px;caret-color:#0e1a40}.search-input:focus{box-shadow:0 8px 26px #0e1a401f;border-color:#0e1a402e;transform:translateY(-1px)}.search-input::placeholder{color:#0e1a4073;font-weight:500}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;background:#0e1a400f;color:#0e1a40d9;font-size:18px;cursor:pointer;transition:background .12s ease,transform .08s ease;padding:0}.search-clear:hover,.search-clear:focus{background:#0e1a401f;transform:translateY(-50%) scale(1.05)}.search-clear[aria-hidden=true]{display:none}.search-row{display:flex;justify-content:center;align-items:center;padding:12px 0;width:100%;box-sizing:border-box}.search-row .search-input{max-width:520px;width:100%}.comp-list{background-color:#f0f6ff;border:1px solid #cfdff8;padding:20px;border-radius:8px;margin:20px auto;font-family:Tahoma,sans-serif;box-shadow:0 2px 6px #0000000d;max-width:980px;text-align:center}.comp-list .componentdb-title{text-align:center;font-size:1.75rem;margin-bottom:.25rem}.comp-list .componentdb-desc{text-align:center;color:#475569;margin-bottom:0}.sort-container{position:relative;z-index:140}.sort-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid rgba(14,26,64,.08);box-shadow:0 12px 30px #0d142814;border-radius:10px;padding:6px;min-width:200px;z-index:140;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.sort-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;text-align:left;cursor:pointer;color:#0e1a40;font-weight:600;border-radius:8px;transition:background .12s ease,transform .06s ease}.sort-option svg{flex:0 0 auto;color:#0e1a40}.sort-option:hover{background:#0e1a400a;transform:translateY(-1px)}.sort-option.selected{background:#0e1a4014;box-shadow:inset 0 0 0 1px #0e1a400a}.sort-order{margin-left:auto;font-size:12px;color:#0e1a4099;font-weight:600}.sort-menu .divider{height:1px;background:#0e1a400a;margin:4px 0}@media (max-width: 520px){.sort-menu{right:auto;left:0;min-width:160px}}@media (max-width: 720px){.search-input{min-width:180px;max-width:320px;background-position:10px center;padding-left:36px}.search-clear{right:6px;width:30px;height:30px;font-size:16px}}.floating-filter{position:fixed;bottom:28px;right:28px;z-index:2000}.floating-filter-btn{background:linear-gradient(135deg,#1d5bff,#2563eb);color:#fff;padding:10px 14px;border-radius:10px;border:none;box-shadow:0 10px 30px #2563eb33;cursor:pointer;font-weight:700}.floating-filter-btn{transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s ease,opacity .12s ease}.floating-filter-btn:active{transform:scale(.98)}.floating-filter-popover{margin-top:10px;background:#fff;border:1px solid rgba(14,26,64,.08);padding:12px;border-radius:10px;box-shadow:0 8px 30px #0d14281f;width:320px;transform-origin:bottom right;opacity:0;transform:translateY(6px) scale(.96);transition:transform .18s cubic-bezier(.2,.9,.2,1),opacity .14s ease}.floating-filter-popover.open{opacity:1;transform:translateY(0) scale(1)}.floating-filter-popover.closing{opacity:0;transform:translateY(6px) scale(.98)}@media (max-width: 520px){.floating-filter-popover{width:calc(100vw - 40px);right:20px;left:20px}}.scroll-to-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#1d5bff,#2563eb);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px #2563eb4d;transition:all .3s ease;z-index:1000}.scroll-to-top-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.scroll-to-top-btn:active{transform:translateY(0)}.no-results{text-align:center;padding:60px 20px;color:#666;font-size:1.1em;min-height:200px;display:flex;align-items:center;justify-content:center}.components-page{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Inter,sans-serif;color:#111827;background:#fff}.component-card.is-open{transform:translateY(-4px);box-shadow:0 10px 36px #0206171f}.component-card-header{cursor:pointer}.component-left{display:flex;align-items:center;gap:.6rem}.component-inner{padding-top:.4rem}.component-card{background:#fff;border:1px solid #eef2ff;border-radius:12px;padding:12px 14px;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s;will-change:transform;overflow:hidden}.component-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #0f172a14}.component-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.component-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;flex:0 0 28px;border-radius:6px}.component-icon svg{display:block;width:100%;height:100%}.component-name{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.component-details{transition:max-height .3s cubic-bezier(.2,.9,.3,1),opacity .26s ease;overflow:hidden}.component-inner{padding-top:10px;padding-bottom:6px}.component-card{animation:cardEnter .36s ease both}@media (max-width: 640px){.component-card{padding:10px;border-radius:10px}}@media (prefers-reduced-motion: reduce){.component-card,.component-details,.expand-arrow{transition:none!important;animation:none!important}}@media (max-width: 640px){.components-grid{grid-template-columns:1fr}}.components-page h1{margin:0;font-size:1.875rem;font-weight:700;line-height:1.2;text-align:left;text-align:center}.components-page .page-description{margin:4px 0 18px;color:#374151;text-align:center}.card-container{display:block}.wiki-section{padding:0 0 18px;margin:18px 0;border-bottom:1px solid #e5e7eb}.wiki-section .card-content{padding:0}.Card-img{display:none!important}.card-content{padding:0}.card-title{margin:0 0 6px;font-size:1.25rem;font-weight:700}.Card-Desc{margin:0 0 8px;font-size:.98rem;color:#374151}.card-text{margin:0 0 10px;color:#374151;line-height:1.7}.specs-section .Key{margin:8px 0 6px;font-weight:700}.Specs{margin:0 0 6px 1.25rem;color:#374151}.Specs li{margin-bottom:6px}.card-button{display:inline-block;padding:.55rem 1rem;background-color:#1d4ed8;color:#fff;font-size:10px;font-weight:600;border:none;border-radius:6px;cursor:pointer;text-decoration:none;transition:background-color .12s ease,box-shadow .16s ease}.components-page{min-height:100vh;display:flex;flex-direction:column}.components-grid{display:flex;flex-direction:column;gap:12px}.navbar{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:16px auto 18px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 6px 18px #0206170f;max-width:550px}.nav-links{display:contents}.nav-item{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border:1px solid transparent;border-radius:999px;background-color:transparent;color:#0f172a;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.01em;transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .16s ease}.nav-item:hover{background:#f1f5f9}.nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.nav-item[aria-current=page]{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 6px 16px #1d4ed840}@media (max-width: 768px){.navbar{flex-wrap:wrap;row-gap:8px;column-gap:8px;border-radius:18px}.nav-item{font-size:.9rem;padding:.45rem .8rem}}.compatibility-page{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Inter,sans-serif;color:#111827;background:#fff}.section-title-compatibility{margin:0;font-size:1.875rem;font-weight:700;line-height:1.2;text-align:center}.page-description-compatibility{margin:4px 0 18px;color:#374151;text-align:center}.compat-inner h4{margin-top:8px;margin-bottom:6px;font-size:1.05rem;color:#0f172a}.compat-inner ul{margin-left:1.25rem}.vertical-checklist{list-style:disc;margin-left:1.25rem;padding:0}.vertical-checklist li:before{content:none}.compatibility-page{min-height:100vh;display:flex;flex-direction:column}.bottlenecks-page{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Inter,sans-serif;color:#111827;background:#fff}.section-title{margin:0;font-size:1.875rem;font-weight:700;line-height:1.2;text-align:left;text-align:center}.page-description{margin:4px 0 18px;color:#374151}.vertical-container{display:block}.vertical-card{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 0 14px;margin:18px 0 14px;border-bottom:1px solid #e5e7eb}.compat-card{background:#fff;border:1px solid #eef2ff;border-radius:10px;padding:0;margin:12px 0;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.compat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0206170f}.compat-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer}.compat-left{display:flex;align-items:center;gap:10px}.compat-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#f8fafc;flex:0 0 36px}.compat-icon svg{width:22px;height:22px}.compat-inner{padding:12px 14px 16px;color:#374151}.compat-details{transition:max-height .3s cubic-bezier(.2,.9,.3,1),opacity .26s ease;overflow:hidden}.expand-arrow{transition:transform .22s cubic-bezier(.2,.9,.3,1),color .18s;color:#64748b;font-size:16px}@media (max-width: 640px){.compat-icon{width:32px;height:32px}.compat-card-header,.compat-inner{padding:10px 12px}}.vertical-card-title{margin:0 0 6px;font-size:1.25rem;font-weight:700;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.vertical-card-text{margin:0 0 10px;color:#374151}.vertical-card h4{margin:14px 0 6px;font-size:1.05rem;color:#111827}.vertical-card ul{margin:0 0 6px 1.25rem;padding:0;color:#374151;line-height:1.7}.vertical-card li{margin:0 0 6px}.bottlenecks-page{min-height:100vh;display:flex;flex-direction:column}.budget-tips-page{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Inter,sans-serif;color:#111827;background:#fff;overflow-wrap:break-word}h1{margin:0;font-size:1.875rem;font-weight:700;line-height:1.2;text-align:center}.page-description{font-size:1rem;margin:4px 0 18px;color:#374151;text-align:center}.card{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 0 14px;margin:18px 0 14px;border-bottom:1px solid #e5e7eb}.card h2,.card h3{font-size:1.15rem;font-weight:700;margin:0 0 8px;color:#111827;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.card ul{padding-left:1.25rem;list-style-type:disc;margin:.25rem 0;color:#374151}.card li{margin-bottom:6px;font-size:.97rem;line-height:1.7}.dropdown{margin:0 0 10px}.dropdown-button{background:transparent;border:none;color:#1d4ed8;padding:0;width:100%;text-align:left;font-weight:700;cursor:pointer;font-size:1rem;text-decoration:underline}.dropdown-button:hover{color:#1e40af}.dropdown-content{background:transparent;border-left:3px solid #e5e7eb;padding:10px 12px;margin-top:6px;border-radius:0;font-size:.97rem;color:#374151}@media (max-width: 480px){.budget-tips-page{padding:1rem}h1{font-size:1.5rem}}.wiki-section{padding:0 0 18px;margin:18px 0;border-bottom:1px solid #e5e7eb;text-align:left}.wiki-section h2{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:#0f172a}.wiki-section p{text-align:left}.tips-controls{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}.controls-row{display:flex;gap:8px}.tips-toc{display:flex;gap:8px;flex-wrap:wrap}.toc-tip{background:transparent;border:1px solid transparent;color:#475569;padding:6px 10px;border-radius:999px;cursor:pointer}.toc-tip:hover{background:#f8fafc}.tips-card{border:1px solid #eef2ff;border-radius:12px;overflow:hidden;margin:12px 0;background:#fff;box-shadow:0 6px 18px #02061708;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s}.tips-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #0f172a0f}.tips-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}.card-heading{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.card-summary{margin:6px 0 0;color:#475569;font-size:.95rem}.tips-details{transition:max-height .32s cubic-bezier(.2,.9,.3,1),opacity .22s ease;overflow:hidden}.tips-inner{padding:12px 16px 16px;color:#374151}.expand-arrow{transition:transform .22s cubic-bezier(.2,.9,.3,1),color .16s;color:#64748b;font-size:16px}.expand-arrow.rotated{transform:rotate(180deg);color:#0f172a}@keyframes cardEnter{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.tips-card{animation:cardEnter .36s ease both}@media (prefers-reduced-motion: reduce){.tips-card,.tips-details,.expand-arrow{transition:none!important;animation:none!important}}@media (max-width: 640px){.tips-controls{gap:8px}.card-summary{display:block}}.tldr{margin:0 0 8px;color:#334155;font-weight:600}.action-list{list-style:none;padding-left:0;margin:6px 0 0}.action-list li{padding:8px 0;border-bottom:1px dashed #eef2ff;color:#475569}.action-list li strong{color:#0f172a}.badge{display:inline-block;background:#eef2ff;color:#0f172a;border:1px solid #e0e7ff;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:700;margin-left:8px}.tips-toc{gap:10px;margin-bottom:6px}.alloc-grid{display:flex;gap:18px;margin:12px 0 18px}.alloc-col{flex:1;min-width:220px}.alloc-row{display:flex;align-items:center;gap:12px;margin:8px 0}.alloc-bar{flex:1;height:12px;background:#f1f5f9;border-radius:8px;overflow:hidden}.alloc-bar>div{height:100%;background:linear-gradient(90deg,#60a5fa,#1d4ed8)}.alloc-pct{width:46px;text-align:right;color:#475569;font-weight:700}@media (max-width: 720px){.alloc-grid{flex-direction:column}.alloc-pct{width:40px}.part-row{flex-direction:column;align-items:flex-start}.part-price{text-align:left}}.budget-tips-page{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}.header-parent{width:100%;min-height:100vh;background-color:#f3f4f6;font-family:Segoe UI,sans-serif;color:#333}.header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.75rem 2rem;background-color:#0e1a40;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:999}.header-logo{width:50px;height:50px;object-fit:contain}.header-logo-container{display:flex;align-items:center;gap:1rem}.header-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.header-nav{display:flex;align-items:center;gap:1.5rem}.header-nav-link{position:relative;display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:400;padding:.5rem 0;transition:color .3s ease;margin-top:0rem}.header-nav-link:hover{color:#00aeff}@media screen and (max-width: 1024px){.header-nav{display:none}.mobile-nav.open .header-nav{display:flex!important;flex-direction:column;background:#0e1a40;position:fixed;top:84px;right:0;width:280px;height:calc(100vh - 84px);z-index:2001;box-shadow:-8px 0 32px #00000040;padding:1.5rem 1rem;animation:slideInRight .3s}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-actions{display:flex;flex-direction:column;gap:0;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.mobile-link{background:none;border:none;color:#fff;font-weight:400;padding:.5rem 0;text-decoration:none;cursor:pointer;transition:color .3s ease;text-align:left;font-size:1rem}.mobile-link:hover{color:#00aeff}.mobile-link.logout{background:#dc2626;color:#fff;padding:.75rem 1rem;border-radius:8px;margin-top:.5rem;text-align:center;font-weight:500}.mobile-link.logout:hover{background:#b91c1c;color:#fff}.mobile-nav .header-nav-link{display:flex;align-items:center;padding:.75rem 0}.mobile-nav .header-nav-link{display:flex;align-items:center;padding:.75rem 0;text-align:left}.mobile-nav .header-nav-link svg{width:20px;min-width:20px;margin-right:12px;vertical-align:middle;flex-shrink:0}.desktop-nav{display:flex;align-items:center;gap:1.5rem}.desktop-nav .header-nav-link{position:relative;display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:400;padding:.5rem 0;transition:color .3s ease}.desktop-nav .header-nav-link:hover{color:#00aeff}.sidebar-db{width:280px;padding:16px}.sidebar-db.collapsed{width:100px;padding:12px}.dashboard-title{margin-top:10px;margin-bottom:20px}.dashboard-title-text{font-size:1.5rem}.buttons-container{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.sidebar-button{flex:1;min-width:120px;padding:10px 12px;font-size:.9rem}.sidebar-db.collapsed .buttons-container{flex-direction:row;justify-content:space-around}.sidebar-db.collapsed .sidebar-button{width:auto;min-width:60px;padding:8px}.container-1{grid-template-columns:1fr;gap:16px}.container-2{grid-template-columns:1fr;gap:20px}.welcome-content{grid-template-columns:1fr;text-align:center;padding:1rem}.gradientText{font-size:2rem}}@media screen and (min-width: 1025px){.hamburger-menu,.slide-down-menu,.overlay,.mobile-nav{display:none!important}}.header-profile-btn{background:none;border:none;cursor:pointer;position:relative;padding:0}.profile-box{display:flex;align-items:center;background-color:#0e1a40;padding:.5rem 1rem;border-radius:12px;color:#fff;gap:.75rem;transition:background-color .3s ease}.profile-box:hover{background-color:#0f448130}.header-profile-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.profile-info{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.profile-name{font-size:.9rem;font-weight:600}.profile-email{font-size:.75rem;color:#bfdbfe}.dropdown-icon{margin-left:auto;display:flex;align-items:center;transition:transform .3s ease}.dropdown-icon.rotate{transform:rotate(180deg)}.header-dropdown{position:relative}.header-dropdown-content{position:absolute;top:110%;right:0;width:280px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 30px #00000026;animation:fadeIn .25s ease-in-out;z-index:1000;overflow:hidden}.header-dropdown-content:before,.dropdown-arrow{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:8px solid white;z-index:101}.dropdown-header{background:linear-gradient(135deg,#313e69,#2b4fa5);color:#fff;padding:1rem;display:flex;align-items:center;gap:.75rem}.avatar-img-large{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white}.user-info{overflow:hidden}.user-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.875rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-body{padding:1rem;border-bottom:1px solid #eee}.signed-in{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#555;margin-bottom:.5rem}.user-detail{display:flex;flex-direction:column;gap:.35rem}.user-line{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#666}.dropdown-footer{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.dropdown-btn{background:none;border:none;color:#333;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-radius:6px;font-size:.95rem;transition:background-color .2s ease}.dropdown-btn:hover{background:#f0f0f0}.dropdown-btn.logout{color:#dc2626}.dropdown-btn.logout:hover{background:#ffecec}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signout-modal-box{background:#040236;padding:2rem;border-radius:12px;box-shadow:0 0 10px #0000004d;text-align:center;max-width:320px;animation:popupScale .3s ease-out}.signout-modal-message{margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;color:#fff}.signout-modal-actions button{padding:.6rem 1.2rem;margin:0 .5rem;border:none;border-radius:6px;cursor:pointer}.signout-confirm-btn{background-color:#d9534f;color:#fff}.signout-cancel-btn{background-color:#6c757d;color:#fff}.dashboard-container{display:flex;flex-direction:row;min-height:calc(100vh - 10px);margin-top:10px;position:relative}.main-content-overview,.user-saved-builds,.user-history-builds{flex:1;transition:all .3s ease;overflow-y:auto;height:calc(100vh - 84px)}.sidebar-db{position:relative;background:linear-gradient(135deg,#121f4c,#1c3777);padding:32px 24px;width:280px;flex-shrink:0;overflow:hidden;height:calc(100vh - 84px);transition:width .3s ease;border-top-right-radius:24px;border-bottom-right-radius:24px;box-shadow:0 10px 40px #0003}.sidebar-db.collapsed{width:85px;padding:20px}.sidebar-toggle-btn{background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-btn,.sidebar-db.collapsed .sidebar-toggle-btn{display:flex}.sidebar-toggle-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.sidebar-content{position:relative;z-index:2;padding:0 12px;flex:1;display:flex;flex-direction:column}.dashboard-title{margin-top:0;margin-bottom:40px;text-align:left;position:relative;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-db.collapsed .dashboard-title{margin-bottom:24px;text-align:center;padding-bottom:16px}.sidebar-db.collapsed .dashboard-header{justify-content:center;position:relative;flex-direction:column;align-items:center}.sidebar-db.collapsed .dashboard-title-text{justify-content:center;padding-right:0;gap:0}.sidebar-db.collapsed .dashboard-title-text span{display:none!important;visibility:hidden!important}.sidebar-db.collapsed .sidebar-toggle-btn{position:absolute;right:-12px;top:0;width:24px;height:24px;border-radius:50%;margin-left:0}.dashboard-header{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative}.dashboard-title-text{font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#fff;letter-spacing:.3px;position:relative;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin-top:2rem}@media (max-width: 1200px){.dashboard-title-text{font-size:1.75rem;gap:10px}}@media (max-width: 768px){.dashboard-title-text{font-size:1.5rem;gap:8px;margin-top:1.5rem}}@media (max-width: 480px){.dashboard-title-text{font-size:1.25rem;gap:6px;margin-top:1rem}.dashboard-icon{font-size:20px}}.sidebar-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-left:12px;flex-shrink:0}.sidebar-toggle-btn:hover{background:#fff3;border-color:#ffffff4d}.dashboard-icon{font-size:24px;color:#60a5fa;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.buttons-container{display:flex;flex-direction:column;gap:4px;align-items:stretch;margin-top:20px}.sidebar-db.collapsed .buttons-container{align-items:center;gap:4px;width:100%}.sidebar-button{background:transparent;border:1px solid rgba(255,255,255,.1);padding:16px 20px;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:all .3s ease;color:#fffc;width:100%;margin-bottom:8px}.sidebar-button:hover:not(.active){background:#ffffff0d;border-color:#fff3;color:#ffffffe6}.sidebar-db .sidebar-button.active{background:#fff!important;color:#1e3a8a!important;font-weight:600;border:1px solid #ffffff;box-shadow:0 4px 20px #fff3}.sidebar-button:active:not(.active){background:#ffffff0d!important;color:#fffffff2!important;transform:scale(.995);box-shadow:0 3px 8px #0000001f}.button-icon{width:18px!important;height:18px!important;font-size:18px!important;color:inherit;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;vertical-align:middle;line-height:1}.sidebar-db .sidebar-button .button-icon{color:#ffffffe6}.sidebar-db .sidebar-button.active .button-icon{color:#0e1a40}.button-icon svg{width:18px!important;height:18px!important;display:block}.sidebar-db.collapsed .sidebar-button{width:48px!important;height:48px!important;min-width:48px!important;padding:12px!important;justify-content:center!important;align-items:center!important;gap:0!important;margin-bottom:8px!important;border-radius:12px!important;text-align:center!important}.sidebar-db.collapsed .sidebar-button span{display:none!important;visibility:hidden!important;width:0!important;overflow:hidden!important}.sidebar-db.collapsed .button-icon{width:20px!important;height:20px!important;font-size:20px!important;margin:0!important}.sidebar-db.collapsed .button-icon svg{width:20px!important;height:20px!important}.dashboard-label{margin-bottom:1.5rem}.dashboard-btn{display:flex;align-items:center;background-color:#e3f2fd;color:#0d47a1;font-weight:700;padding:.5rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:default}.dashboard-description{margin-top:.5rem;color:#555;font-size:.95rem}.stats-container{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.stat-card{flex:1 1 200px;background:#263daf;padding:1rem;border-radius:8px;box-shadow:0 1px 4px #0000001a;color:#fff}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.recent-builds,.detected-issues{background:#1a1a8c;padding:1.5rem;border-radius:8px;color:#fff}.build-list,.issue-list{list-style:none;padding:0;margin:1rem 0}.price{font-weight:700;color:#1a73e8}.tag{display:inline-block;background-color:#d6e4ff;color:#039;padding:.2rem .6rem;margin-right:.5rem;font-size:.8rem;border-radius:4px;font-weight:700}.btn-view-all{margin-top:1rem;background-color:#0d47a1;color:#fff;padding:.6rem 1rem;border:none;border-radius:5px;cursor:pointer}.main-content-overview{display:block;padding:0 1rem 2rem;background-color:#f1f1f1;flex:1;overflow-y:auto}.welcome-box{background:linear-gradient(135deg,#1c2b5b,#325dc0);border-radius:24px;padding:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #fff3;width:100%;position:relative;overflow:hidden;margin-bottom:2rem}.welcome-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#34d399,#fbbf24,#f472b6,#a78bfa);z-index:1;margin-top:0;height:0}.welcome-box:after{content:"";position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;z-index:1}.welcome-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;position:relative;z-index:2;max-width:fit-content}.welcome-text{position:relative}.welcome-text:before{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#60a5fa,#34d399);border-radius:2px;box-shadow:0 0 10px #60a5fa80}.welcome-image{position:relative;display:flex;align-items:center;justify-content:center}.welcome-image:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle,rgba(96,165,250,.2) 0%,transparent 70%);border-radius:50%;z-index:1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.welcome-image img{max-width:180px;height:auto;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 40px #60a5fa4d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;filter:brightness(1.1) contrast(1.05)}.welcome-image img:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 35px 60px -12px #0006,0 0 50px #60a5fa80}.text-h3{color:#ffffffe6;margin-left:0;margin-top:.5rem;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px}.gradientName{display:flex;align-items:center;gap:1rem;margin-left:0;margin-bottom:.5rem}.wave-Icon{color:#fbbf24;font-size:2rem;animation:wave-motion 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(251,191,36,.4))}@keyframes wave-motion{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(20deg) scale(1.1)}75%{transform:rotate(-15deg) scale(.95)}}.gradientText{background:linear-gradient(135deg,#fff,#60a5fa,#34d399,#fbbf24,#f472b6,#a78bfa);background-size:300% 300%;color:transparent;background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.1;animation:gradient-flow 5s ease-in-out infinite;text-shadow:0 0 40px rgba(96,165,250,.3)}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.sidebar-db{width:240px;padding:12px}.sidebar-db.collapsed{width:80px;padding:8px}.main-content-overview,.user-saved-builds,.user-history-builds{padding:.5rem}.welcome-content{grid-template-columns:1fr;text-align:center;padding:1rem}.gradientText{font-size:1.8rem}.container-1{grid-template-columns:1fr;gap:12px}.container-2{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.sidebar-db{width:200px;padding:10px}.sidebar-db.collapsed{width:80px;padding:6px}.main-content-overview,.user-saved-builds,.user-history-builds{padding:.25rem}.gradientText{font-size:1.3rem}.dashboard-title-text{font-size:1rem}.sidebar-button{padding:6px 8px;font-size:.7rem}.sidebar-db.collapsed .sidebar-button{padding:4px}.button-icon{width:14px!important;height:14px!important}}.container-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}.box{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.box:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000002e}.box-top{background:linear-gradient(135deg,#1c2b5b,#325dc0);color:#fff;padding:24px;height:120px;box-sizing:border-box;position:relative;overflow:hidden}.box-top:before{content:"";position:absolute;top:-50%;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.box-bottom{background:linear-gradient(135deg,#f8fafc,#fff);color:#374151;padding:18px 24px;height:60px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.05)}.box-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.box-value{font-size:28px;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.box-note{margin:0;font-size:13px;font-weight:500;opacity:.8}.container-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}@media (max-width: 1024px){.container-2{grid-template-columns:1fr}}.box-recentBuilds{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:24px;min-height:320px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.box-recentBuilds:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981)}.box-detectedIssues{background:linear-gradient(135deg,#fff,#fef7f7);border:1px solid #fecaca;border-radius:16px;padding:24px;min-height:320px;box-shadow:0 4px 20px #ef44441a;transition:all .3s ease;position:relative;overflow:hidden}.box-detectedIssues:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f97316)}.box-recentBuilds:hover,.box-detectedIssues:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.box-header h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#1f2937;display:flex;align-items:center;gap:8px}.box-header p{font-size:.95rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.build-list,.issue-list{list-style:none;padding:0;margin:0 0 1rem}.build-list li,.issue-list li{padding:.4rem 0;font-size:.95rem;line-height:1.4}.view-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;padding:12px 20px;cursor:pointer;width:100%;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.box-recentBuilds{background-color:#f4f4f4;border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #0000001a;margin-bottom:2rem}.no-data-box{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #cbd5e1;margin-top:1.5rem;transition:all .3s ease}.no-data-box:hover{border-color:#94a3b8;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.no-data-icon{font-size:3rem;margin-bottom:1.5rem;color:#64748b;opacity:.8}.no-data-msg{font-size:1.2rem;font-weight:600;color:#374151;margin-bottom:.5rem}.no-data-subtext{font-size:1rem;color:#6b7280;line-height:1.5}.build-list{list-style:none;padding:0;margin-top:1.5rem;display:flex;flex-direction:column;gap:12px}.build-list li{padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease}.build-list li:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.view-button{margin-top:1.5rem;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.view-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.box-detectedIssues{background-color:#fdf4f4;border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #00000014;margin-bottom:2rem}.box-header h3{margin-bottom:.5rem}.no-data-box{text-align:center;padding:2rem 1rem;background-color:#eff2f5;border-radius:10px;border:1px dashed #234f8a;margin-top:1rem}.no-data-icon{font-size:2.5rem;margin-bottom:1rem;color:#132970}.no-data-msg{font-size:1.1rem;font-weight:700;color:#00052e}.no-data-subtext{font-size:.95rem;color:#000}.issue-list{list-style:none;padding:0;margin-top:1.5rem;display:flex;flex-direction:column;gap:12px}.issue-list li{padding:1rem 1.25rem;background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 2px 8px #ef44441a;border:1px solid #fecaca;transition:all .3s ease}.issue-list li:hover{transform:translate(4px);box-shadow:0 4px 16px #ef444426;border-left-color:#dc2626}.view-button{margin-top:1rem;padding:.5rem 1rem;background-color:#a02828;color:#fff;border:none;border-radius:6px;cursor:pointer}.view-button:hover{background-color:#c03636}.user-saved-builds{display:block;padding:0 1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1;overflow-y:auto}.user-saved-builds .welcome-box{margin-bottom:2rem}.saved-builds-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin:0;overflow-y:auto;max-height:calc(100vh - 300px);padding:1rem;background:#fff9;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.saved-build-box{background:linear-gradient(135deg,#fff,#f8fafc);padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.saved-build-box:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.saved-build-box.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;color:#374151;padding:3rem 2rem;border-radius:20px;text-align:center;width:100%;max-width:500px;margin:2rem auto;animation:fadeIn .4s ease-in-out}.saved-build-box.empty:hover{border-color:#94a3b8;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.saved-build-box.empty h3{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.saved-build-box.empty p{margin:.5rem 0;font-size:1.1rem;line-height:1.6;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1.5rem;color:#64748b;opacity:.8}.saved-build-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.saved-build-card:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 15px 40px #00000026!important}.saved-build-actions{display:flex;flex-direction:column;gap:10px;min-width:140px}.saved-build-card-btn{position:relative;padding:8px 14px;border:none;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000001a;text-transform:capitalize;letter-spacing:.5px;overflow:hidden}.saved-build-card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.saved-build-card-btn:hover:before{left:100%}.view-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 25px #3b82f64d}.view-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.view-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s}.edit-btn{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;box-shadow:0 8px 25px #1e40af4d}.edit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #1e40af66;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.edit-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s}.share-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 8px 25px #60a5fa4d}.share-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #60a5fa66;background:linear-gradient(135deg,#3b82f6,#2563eb)}.share-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s}.delete-btn{background:linear-gradient(135deg,#1e3a8a,#0f172a);color:#fff;box-shadow:0 8px 25px #1e3a8a4d}.delete-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #1e3a8a66;background:linear-gradient(135deg,#1e40af,#1e3a8a)}.delete-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s}.saved-build-card-btn:focus{outline:none;box-shadow:0 0 0 3px #4299e180}@media (max-width: 768px){.saved-build-actions{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.saved-build-card-btn{padding:7px 12px;font-size:.75rem;flex:1;min-width:70px;border-radius:18px}}@media (max-width: 480px){.saved-build-actions{flex-direction:column;gap:6px}.saved-build-card-btn{padding:6px 10px;font-size:.7rem;width:100%;border-radius:16px}}.user-history-builds{display:block;padding:0 1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1;overflow-y:auto}.user-history-builds .welcome-box{margin-bottom:2rem}.box-buildHistory{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:2rem;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem;border:1px solid #e2e8f0;animation:fadeIn .4s ease-in-out;max-width:800px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.box-buildHistory:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4)}.history-list{list-style:none;padding:0;margin-top:1.5rem;display:flex;flex-direction:column;gap:12px}.history-list li{padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #e2e8f0}.history-list li:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001a;border-left-color:#7c3aed}.hamburger-db{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;transition:background .2s;z-index:1001;margin-left:auto}.hamburger-db:hover{background:#ffffff14}.sbm-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:60px 20px 40px;z-index:1500;animation:sbmFade .25s ease}@keyframes sbmFade{0%{opacity:0}to{opacity:1}}.sbm-modal{background:#fff;width:100%;max-width:880px;border-radius:18px;box-shadow:0 20px 40px -10px #00000059,0 4px 12px #00000026;padding:28px 32px 32px;position:relative;font-family:Segoe UI,sans-serif;animation:sbmSlide .3s cubic-bezier(.4,.14,.3,1)}@keyframes sbmSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.sbm-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.sbm-title-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sbm-title{margin:0;font-size:26px;font-weight:700;letter-spacing:.5px}.sbm-status-badge{padding:4px 12px;font-size:12px;border-radius:30px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sbm-status-badge.ok{background:#e6fff2;color:#036b3f}.sbm-status-badge.issues{background:#ffe9e9;color:#b10000}.sbm-close-btn{background:none;border:none;font-size:26px;cursor:pointer;line-height:1;color:#555;border-radius:6px;padding:4px 10px;transition:background .2s,color .2s}.sbm-close-btn:hover{background:#f0f3f7;color:#111}.sbm-meta{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 6px;font-size:13px;color:#555}.sbm-description{margin:10px 0 14px;line-height:1.5;font-size:14px;color:#333;background:#f6f8fb;padding:12px 14px;border-radius:10px}.sbm-total{font-size:16px;margin:4px 0 18px;font-weight:500}.sbm-warnings{margin-bottom:20px}.sbm-warnings h4{margin:0 0 8px;font-size:15px;letter-spacing:.5px}.sbm-no-warnings{font-size:13px;color:#2f6f3a;background:#e7f9ed;padding:8px 10px;border-radius:8px;display:inline-block}.sbm-warning-badges{display:flex;flex-wrap:wrap;gap:8px}.sbm-warning-badge{background:#fff1d6;color:#824b00;padding:6px 10px;font-size:12px;border-radius:16px;line-height:1.1;box-shadow:0 1px 2px #0000001a}.sbm-parts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:26px}.sbm-section{background:#f9fafc;border:1px solid #e5e9ef;border-radius:14px;padding:12px 14px 14px;display:flex;flex-direction:column;min-height:120px}.sbm-section h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#2f4b75;font-weight:700}.sbm-section-body{font-size:13px;display:flex;flex-direction:column;gap:6px}.sbm-part-line{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;background:#fff;border:1px solid #e3e7ec;border-radius:8px;box-shadow:0 1px 2px #0000000a}.sbm-part-name{font-weight:500;color:#222;flex:1}.sbm-part-price{font-size:12px;color:#0e4f9c;font-weight:600}.sbm-empty{font-size:12px;color:#888;font-style:italic}.sbm-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.sbm-action-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border:none;padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px -4px #2563eb99;transition:transform .15s,box-shadow .2s}.sbm-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px -5px #2563ebb3}.sbm-secondary-btn{background:#f1f4f8;color:#333;border:1px solid #d0d7e2;padding:10px 18px;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer}.sbm-secondary-btn:hover{background:#e6ebf2}@media (max-width: 640px){.sbm-modal{padding:22px 22px 26px}.sbm-title{font-size:22px}.sbm-parts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 1024px){.settings-nav{position:absolute;top:64px;left:0;width:100vw;background:#0d183b;z-index:150;display:flex;flex-direction:column;align-items:center;padding:.5rem 0;border-top:2px solid #fff;box-shadow:0 4px 16px #00000014;animation:slideDown .2s}.settings-nav-link{color:#fff;font-size:1.05rem;font-weight:700;text-align:center;margin:.35rem 0;text-decoration:none;transition:color .2s}.settings-nav-link:hover{color:#60a5fa}.top-nav{position:relative;z-index:200;display:flex;align-items:center;justify-content:space-between}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 1024px){.hamburger-menu{background:none;border:none;cursor:pointer;padding:0;margin-left:auto;margin-top:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:40px;width:40px;z-index:200;position:relative}.hamburger-bar{width:28px;height:4px;background:#fff;margin:3px 0;border-radius:2px;transition:all .3s;display:block}}@media (max-width: 1024px){.profile-avatar{margin-top:3rem}}@media (max-width: 1024px){.sidebar-content-settings{flex-direction:column!important;justify-content:flex-start;align-items:center;text-align:center;gap:.5rem;width:100%;margin-top:2rem}.profile-header-settinds{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;gap:.5rem;width:100%}.profile-avatar{width:60px;height:60px;margin-bottom:.5rem}.profile-name-settings{font-size:1.1rem;text-align:center;width:100%}.settings-underline{display:none}.buttons-container-settings{display:flex;flex-direction:column;align-items:center;width:100%;gap:.5rem;margin-top:.5rem}.log-out-acc{margin-top:.5rem!important;margin-bottom:0!important;position:static!important}}.top-nav{display:flex;justify-content:space-between;flex-wrap:wrap;padding:1rem 2rem;background-color:#0e1a40;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:999}.logo{width:50px;height:50px;object-fit:contain}.logo-title{display:flex;align-items:center;gap:1rem}.app-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.settings-nav{display:flex;align-items:center;gap:1.5rem}.settings-nav-link{position:relative;display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:500;padding:.5rem 0;transition:color .3s ease;margin-top:0rem}.settings-nav-link:hover{color:#00aeff}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.user-settings-wrapper{width:100%;min-height:100vh;background-color:#f3f4f6;font-family:Segoe UI,sans-serif;color:#333}body.hide-global-header .header{display:none!important}.profile-page-container{display:flex;position:fixed;top:84px;left:0;right:0;height:calc(100vh - 84px);background-color:#f3f4f6;overflow:hidden}.sidebar-settings{position:sticky;top:84px;height:calc(100vh - 84px);background:linear-gradient(135deg,#121f4c,#1c3777);padding:40px 0;box-shadow:20px 0 60px #0003;width:280px;flex-shrink:0;overflow:hidden;z-index:1;transition:width .3s ease;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid white}.sidebar-settings.collapsed{width:80px;padding:20px 0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay-settings{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.decorative-element-settings{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.decorative-element-2-settings{position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.sidebar-content-settings{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-height:calc(100vh - 120px);overflow:hidden;justify-content:flex-start}.profile-header-settinds{margin-bottom:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d,inset 0 2px 4px #ffffff1a;margin-bottom:1rem;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);border-color:#ffffff80}.profile-name-settings{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.profile-email{color:#fffc;font-size:.95rem;font-weight:400;margin:0;opacity:.9}.sidebar-toggle-btn-settings{display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:6px;cursor:pointer;transition:all .3s ease;z-index:10;position:static}.sidebar-toggle-btn-settings:hover{background:#fff3;border-color:#ffffff4d}.sidebar-settings.collapsed .profile-avatar{width:40px;height:40px;margin-bottom:.5rem}.sidebar-settings.collapsed .sidebar-content-settings{padding:0 5px;text-align:center}.sidebar-settings.collapsed .profile-header-settinds{margin-bottom:1rem}.sidebar-settings.collapsed .sidebar-content-settings{padding:0 2px}.settings-underline{width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);margin:2rem 0;border-radius:1px}.buttons-container-settings{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px;align-items:center}.back-to-db{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.875rem 1.25rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:none;letter-spacing:.025em;margin:1rem auto 0;max-width:200px;width:100%}.back-to-db:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.back-to-db:active{transform:translateY(0);box-shadow:0 4px 15px #00000026}.log-out-acc{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:.875rem 1.25rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:none;letter-spacing:.025em;max-width:180px;margin:.5rem auto 0;position:static}.log-out-acc:hover{background:#ef444440;border-color:#ef444480;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef444433}.log-out-acc:active{transform:translateY(0);box-shadow:0 4px 15px #ef444426}.button-icon{font-size:1.1rem;flex-shrink:0}.sidebar-settings.collapsed .back-to-db{width:40px;height:40px;padding:8px;justify-content:center;margin:0 auto .8rem;border-radius:8px}.sidebar-settings.collapsed .back-to-db span{display:none}.sidebar-settings.collapsed .log-out-acc{width:40px;height:40px;padding:8px;justify-content:center;margin:0 auto;border-radius:8px;max-width:none}.sidebar-settings.collapsed .log-out-acc span{display:none}.sidebar-settings.collapsed .buttons-container-settings{display:flex;flex-direction:column;align-items:center;gap:.6rem}.popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box{background:#040236;padding:2rem;border-radius:12px;box-shadow:0 0 10px #0000004d;text-align:center;max-width:320px;animation:popupScale .3s ease-out}@keyframes popupScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-message{margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;color:#fff}.popup-buttons{display:flex;gap:1rem;justify-content:center}.signout-confirm-btn-settings,.signout-cancel-btn-settings{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;min-width:100px}.signout-confirm-btn-settings{background:#ef4444;color:#fff}.signout-confirm-btn-settings:hover{background:#dc2626;transform:translateY(-1px)}.signout-cancel-btn-settings{background-color:#6c757d;color:#fff}.signout-cancel-btn-settings:hover{background-color:#5a6268;transform:translateY(-1px)}.profile-content{flex:1;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);margin:.5rem 2rem 2rem;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff80;height:calc(100vh - 120px);position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.profile-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#10b981,#f59e0b);z-index:1}.profile-content:after{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;z-index:1}.profile-content h2{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0 0 .5rem;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-content p{font-size:1.1rem;color:#64748b;margin:0 0 1.5rem;position:relative;z-index:2;font-weight:500;line-height:1.6}.edit-profile-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.edit-profile-form label{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.25rem;display:block}.edit-profile-form input[type=text],.edit-profile-form input[type=email]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;background-color:#f9fafb;color:#6b7280;transition:all .3s ease}.edit-profile-form input[type=text]:focus,.edit-profile-form input[type=email]:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.edit-profile-form input[type=file]{padding:.75rem;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all .3s ease}.edit-profile-form input[type=file]:hover{border-color:#3b82f6;background-color:#eff6ff}.edit-profile-form small{font-size:.85rem;color:#6b7280;margin-top:-1rem}.edit-profile-form button[type=submit]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 15px #3b82f633}.edit-profile-form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.edit-profile-form button[type=submit]:active{transform:translateY(0)}@media (max-width: 768px){.profile-page-container{flex-direction:column}.sidebar-settings{width:100%;padding:1.5rem}.sidebar-content-settings{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.profile-header-settinds{margin-bottom:0;display:flex;align-items:center;gap:1rem}.profile-avatar{width:80px;height:80px;margin-bottom:0}.profile-name-settings{font-size:1.25rem}.settings-underline{display:none}.buttons-container-settings{flex-direction:row;max-width:none;gap:.75rem}.sidebar-btn{padding:.75rem 1rem;font-size:.9rem}.profile-content{margin:1rem;padding:2rem 1.5rem}}@media (max-width: 1024px){.profile-page-container{flex-direction:row}.sidebar-settings{position:sticky;top:84px;height:calc(100vh - 84px);width:280px!important;padding:40px 0;border-top-right-radius:20px;border-bottom-right-radius:20px;z-index:1}.sidebar-settings.collapsed{width:80px!important;padding:20px 0}.profile-content{margin:1rem;padding:1.25rem}}.success-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-modal-box{background:#1e3a8a;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0006;text-align:center;max-width:400px;width:90%;animation:popupScale .3s ease-out}.success-modal-box h3{margin:0 0 1rem;color:#fff;font-size:1.4rem;font-weight:600}.success-modal-box p{margin:0 0 2rem;color:#fff;font-size:1rem;line-height:1.5}.success-modal-actions{display:flex;justify-content:center}.success-ok-btn{padding:.75rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;background-color:#10b981;color:#fff;transition:all .2s ease}.success-ok-btn:hover{background-color:#059669;transform:translateY(-1px)}:root{--cb-bg: #ffffff;--cb-bg-alt: #f5f7fb;--cb-border: #d9e2ef;--cb-border-strong: #b9c7d8;--cb-text: #1c2a39;--cb-text-light: #5b6b7c;--cb-primary: #1d5bff;--cb-primary-hover: #0f4adb;--cb-danger: #d92d3a;--cb-danger-hover: #b31f2b;--cb-success: #1a7f42;--cb-radius: 10px;--cb-shadow: 0 4px 16px rgba(0,0,0,.08);--cb-shadow-sm: 0 2px 6px rgba(0,0,0,.05);--cb-focus: 0 0 0 3px rgba(29,91,255,.35);--cb-transition: .18s cubic-bezier(.4,0,.2,1);font-family:Segoe UI,system-ui,sans-serif}.community-builds-wrapper{color:var(--cb-text);min-height:calc(100vh - 120px);display:flex;flex-direction:column}.community-builds-wrapper h1,.community-builds-wrapper h2,.community-builds-wrapper h3{font-weight:600;letter-spacing:.5px}.community-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--cb-border);border-radius:16px;padding:0;box-shadow:0 8px 32px #00000014;overflow:hidden;position:relative;flex:1}.community-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1d5bff,#00d4ff,#1d5bff);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.community-title{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:0 0 1.25rem;background:#b7d6ff;border-bottom:1px solid #edeff1;border-radius:5px}.subreddit-icon{display:flex;align-items:center;justify-content:center}.icon-circle{width:32px;height:32px;background:linear-gradient(135deg,#d9a592,#ff6314);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ff450033}.community-symbol{font-size:14px;font-weight:700;color:#fff;font-family:Segoe UI,system-ui,sans-serif;letter-spacing:-.5px}.title-text{font-size:25px;font-weight:600;color:#1c1c1c;margin:0;letter-spacing:0;line-height:1.2}.community-header{background:#303481;color:#fff;padding:2rem 1.5rem;position:relative;overflow:hidden}.title-header-prebuild,.subtitle-header-prebuilt{margin-left:0;margin-top:0;margin-bottom:0}.title-header-prebuild{margin-bottom:.5rem}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative;z-index:1}.header-actions{display:flex;align-items:center;gap:1rem}.share-build-btn{background:#10b981;border:1px solid #10b981;color:#fff;border-radius:6px;padding:.65rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.share-build-btn:hover{background:#059669;border-color:#059669;transform:translateY(-2px)}.refresh-btn{background:#fff;border:1px solid rgba(255,255,255,.2);color:#000;border-radius:6px;padding:.65rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.refresh-btn:hover:not(:disabled){background:#fff;color:#000;transform:translateY(-2px)}.refresh-btn:active{background:#10b981;color:#fff}.refresh-btn:disabled{background:#10b981;color:#fff;cursor:not-allowed;opacity:1}.refresh-icon{font-size:1rem;transition:transform .3s ease}.error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;padding:1rem 1.5rem;margin:0 1.5rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-weight:500}.error-icon{font-size:1.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #1d5bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--cb-text-light);font-size:1rem;margin:0}.builds-showcase{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.build-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.build-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d5bff,#00d4ff);transform:scaleX(0);transition:transform .3s ease}.build-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#1d5bff}.build-card:hover:before{transform:scaleX(1)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.build-title{font-size:1.25rem;font-weight:700;color:var(--cb-text);line-height:1.3;flex:1;margin-right:1rem}.build-score{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem .75rem;border-radius:10px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #f59e0b4d}.score-icon{font-size:.875rem}.build-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:12px}.creator{display:flex;align-items:center;gap:.5rem;color:var(--cb-text-light);font-size:.875rem;font-weight:500}.creator-icon{font-size:1rem}.price-tag{display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem .75rem;border-radius:20px;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #10b9814d}.currency{font-size:.75rem}.amount{font-size:.875rem}.build-description{color:var(--cb-text-light);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;min-height:3rem}.card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;text-transform:none;letter-spacing:normal}.view-btn{background:linear-gradient(135deg,#053e99,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.load-btn{background:linear-gradient(135deg,#1d5bff,#0f4adb);color:#fff;box-shadow:0 4px 12px #1d5bff4d}.load-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d5bff66}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d;flex:.6}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-icon{font-size:1rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--cb-text-light)}.empty-icon{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem;height:5rem}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--cb-text)}.empty-state p{font-size:1rem;margin:0;opacity:.8}.build-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.build-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.build-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.build-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0;flex:1;line-height:1.3}.build-price{font-size:1rem;font-weight:700;color:#059669;background:#f0fdf4;padding:.375rem .75rem;border-radius:6px;border:1px solid #bbf7d0}.build-info{margin-bottom:1rem}.builder-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.user-icon{color:#6b7280;font-size:.875rem}.builder-name{font-size:.875rem;color:#374151;font-weight:500}.vote-score{display:flex;align-items:center;gap:.25rem;margin-left:auto;background:#f0f9ff;padding:.25rem .5rem;border-radius:4px}.vote-icon{color:#3b82f6;font-size:.75rem}.vote-score span{font-size:.75rem;color:#374151;font-weight:500}.build-desc{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.build-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.btn{flex:1;padding:.625rem 1rem;border:1px solid;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-view{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb;border-color:#2563eb}.btn-load{background:#f9fafb;border-color:#d1d5db;color:#374151}.btn-load:hover{background:#f3f4f6;border-color:#9ca3af}.btn-delete{background:#ef4444;border-color:#ef4444;color:#fff;flex:0 0 auto;min-width:44px;padding:.625rem}.btn-delete:hover{background:#dc2626;border-color:#dc2626}.build-title-container{display:flex;align-items:center;gap:12px;flex:1}.build-icon{font-size:24px;padding:8px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.build-title-modern{font-size:18px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;letter-spacing:-.025em}.vote-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 12px;border-radius:16px;text-align:center;min-width:60px;box-shadow:0 4px 12px #fbbf244d}.vote-count{display:block;font-size:16px;font-weight:700;line-height:1}.vote-label{display:block;font-size:10px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.build-metadata{padding:0 24px 16px;display:flex;justify-content:space-between;align-items:center}.creator-info{display:flex;align-items:center;gap:12px}.creator-avatar{width:40px;height:40px;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #8b5cf64d}.creator-details{display:flex;flex-direction:column}.creator-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1}.creator-label{font-size:12px;color:#64748b;font-weight:500}.price-display{text-align:right}.price-amount{font-size:18px;font-weight:800;color:#059669;line-height:1;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-label{font-size:12px;color:#64748b;font-weight:500;margin-top:2px}.build-description-modern{padding:0 24px 20px;margin:0}.build-description-modern p{font-size:14px;line-height:1.6;color:#475569;margin:0;background:#f8fafc;padding:16px;border-radius:12px;border-left:4px solid #e2e8f0}.card-actions-modern{padding:20px 24px 24px;display:flex;gap:8px;flex-wrap:wrap}.modern-btn{flex:1;min-width:120px;padding:12px 16px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.modern-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.modern-btn:hover:before{left:100%}.primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f659;padding:10px 16px;font-size:13px;min-width:110px}.primary-btn:hover{box-shadow:0 8px 25px #3b82f673}.secondary-btn{background:#c52a2a;color:#fff;box-shadow:0 4px 14px #6366f159;padding:10px 16px;font-size:13px;min-width:110px}.secondary-btn:hover{box-shadow:0 8px 25px #6366f173}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459;flex:.8}.danger-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444473}.modern-btn .btn-icon{font-size:16px}@media (max-width: 768px){.build-card{padding:1rem}.build-header{flex-direction:column;align-items:flex-start;gap:.5rem}.build-name{font-size:1rem}.build-actions{flex-wrap:wrap}.btn{min-width:0}.btn-delete{flex:1;min-width:auto}}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center;gap:1.5rem}.header-actions{flex-direction:row;justify-content:center}.builds-showcase{grid-template-columns:1fr;padding:1rem}.card-actions{flex-direction:column}.action-btn{min-width:auto}}.community-panel+.community-panel{margin-top:1.25rem}button.cb-btn,.cb-btn{background:var(--cb-primary);border:1px solid var(--cb-primary);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.55rem .85rem;border-radius:7px;cursor:pointer;line-height:1;transition:var(--cb-transition);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-transform:uppercase}button.cb-btn:hover:not(:disabled){background:var(--cb-primary-hover)}button.cb-btn:disabled{opacity:.55;cursor:not-allowed}button.cb-btn:focus-visible{outline:none;box-shadow:var(--cb-focus)}button.cb-btn.secondary{background:#fff;color:var(--cb-primary);border-color:var(--cb-border)}button.cb-btn.secondary:hover{background:#f0f5ff}.community-share-form input,.community-share-form textarea{width:100%;border:1px solid var(--cb-border);background:#fff;border-radius:8px;padding:.6rem .75rem;font-size:.85rem;transition:var(--cb-transition);resize:vertical;min-height:42px;color:var(--cb-text)}.community-share-form input:focus,.community-share-form textarea:focus{outline:none;border-color:var(--cb-primary);box-shadow:var(--cb-focus)}.community-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a121e59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;padding:1rem}.community-modal{background:var(--cb-bg);border:1px solid var(--cb-border);color:var(--cb-text);box-shadow:var(--cb-shadow);animation:cbFade .3s ease;width:100%;max-width:1080px;max-height:calc(100vh - 2rem);overflow:auto;border-radius:14px}@keyframes cbFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vote-buttons button{font-size:.75rem;padding:.55rem .75rem;border-radius:7px;border:1px solid var(--cb-border);background:#fff;color:var(--cb-text-light);font-weight:600;letter-spacing:.5px;cursor:pointer;transition:var(--cb-transition)}.vote-buttons button:hover:not(:disabled){background:var(--cb-bg-alt)}.vote-buttons button:focus-visible{outline:none;box-shadow:var(--cb-focus)}.vote-buttons button.active.up{background:var(--cb-primary);color:#fff;border-color:var(--cb-primary)}.vote-buttons button.active.down{background:var(--cb-danger);color:#fff;border-color:var(--cb-danger)}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.65rem;margin-top:.25rem}.part-tile{background:var(--cb-bg-alt);border:1px solid var(--cb-border);border-radius:8px;padding:.55rem .6rem .6rem;font-size:.7rem;display:flex;flex-direction:column;gap:.25rem}.part-tile .k{font-weight:600;font-size:.7rem;letter-spacing:.4px}.part-tile .v{font-size:.65rem;color:var(--cb-text-light)}.part-tile .price{font-size:.65rem;font-weight:600;color:var(--cb-primary)}.part-items{display:flex;flex-direction:column;gap:.4rem;margin-top:.2rem}.part-item-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.part-item-row .v{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-item-row .price{flex:0 0 auto;margin-left:.5rem}.comments-box{border:1px solid var(--cb-border);border-radius:8px;max-height:300px;overflow-y:auto;background:var(--cb-bg-alt);padding:.6rem .55rem;display:flex;flex-direction:column;gap:.5rem}.comment-item{background:#fff;border:1px solid var(--cb-border);border-radius:8px;padding:.5rem .55rem .55rem;font-size:.7rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--cb-shadow-sm)}.comment-item .author{font-size:.55rem;letter-spacing:.5px;font-weight:600;color:var(--cb-text-light);text-transform:uppercase}.comment-item .body{font-size:.7rem;line-height:1.2}textarea.cb-comment-input{border:1px solid var(--cb-border);background:#fff;border-radius:8px;resize:vertical;min-height:70px;padding:.6rem .7rem;font-size:.75rem}textarea.cb-comment-input:focus{outline:none;border-color:var(--cb-primary);box-shadow:var(--cb-focus)}.cb-small-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cb-text-light)}.build-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;max-width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;display:flex;flex-direction:column;height:100%}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;padding-right:84px}.card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;flex:1;line-height:1.3;margin-right:.75rem}.card-right{display:flex;align-items:center;gap:.5rem;position:absolute;top:1.25rem;right:1.25rem}.votes{display:flex;align-items:center;gap:.25rem;background:#dbeafe;padding:.25rem .5rem;border-radius:6px}.vote-triangle{color:#3b82f6;font-size:.875rem}.vote-count{font-size:.875rem;font-weight:600;color:#1f2937}.delete-button{background:#ef4444;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem}.delete-button:hover{background:#dc2626}.creator-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}@media (max-width: 640px){.card-top-row{padding-right:0}.card-right{position:static;top:auto;right:auto;margin-top:.5rem}}.profile-picture{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b7280,#56606f);border-radius:50%}.placeholder-icon{color:#fff;font-size:.875rem}.creator-icon{color:#6b7280;font-size:.875rem}.creator-name{font-size:.875rem;color:#6b7280;font-weight:500}.description-text{font-size:.875rem;color:#6b7280;line-height:1.4;margin:0 0 1.25rem}.price-box{color:#16a34a;font-size:.875rem;font-weight:700;padding:0;border-radius:6px;text-align:left;margin-bottom:.75rem;display:inline-block;width:auto}.button-row{display:flex;gap:.5rem;margin-top:auto}.details-btn{flex:1;background:#3b82f6;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.details-btn:hover{background:#2563eb}.load-builds-btn{flex:1;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.load-builds-btn:hover{background:#e5e7eb;color:#374151}.comments-box::-webkit-scrollbar,.community-modal-overlay::-webkit-scrollbar{width:8px}.comments-box::-webkit-scrollbar-track{background:transparent}.comments-box::-webkit-scrollbar-thumb{background:#c5d1e0;border-radius:20px}.comments-box::-webkit-scrollbar-thumb:hover{background:#b0bfce}.delete-dialog-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.delete-dialog{background:#040236;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:320px;width:85%;overflow:hidden;animation:dialogSlideIn .2s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-dialog-header{padding:1rem 1rem .5rem;text-align:center}.delete-dialog-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.delete-dialog-body{padding:.5rem 1rem 1rem;color:#e5e7eb;line-height:1.4;text-align:center}.delete-dialog-body p{margin:0 0 .5rem;font-size:.9rem}.build-title-confirm{font-weight:600;color:#d1d5db;font-style:italic;font-size:.85rem;margin:.25rem 0}.warning-text{color:#dc2626;font-size:.8rem;margin:.5rem 0 0}.delete-dialog-actions{padding:.75rem 1rem;background:#ffffff1a;display:flex;gap:.5rem;justify-content:center}.cancel-btn{padding:.375rem .875rem;border:1px solid #6b7280;background:transparent;color:#e5e7eb;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.cancel-btn:hover{background:#ffffff1a;border-color:#9ca3af}.confirm-delete-btn{padding:.375rem .875rem;border:none;background:#dc2626;color:#fff;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.confirm-delete-btn:hover{background:#b91c1c}