.homepage-container{background-color:#f0f8ff;background-color:var(--ice-blue)}.auth-box{box-shadow:0 10px 30px #2a5c821a}.welcome-section{background:linear-gradient(135deg,#2a5c82,#1a374d);background:linear-gradient(135deg,var(--primary-blue),#1a374d)}.login-title{color:#1a374d;color:var(--navy-text)}.login-options button{background:#3aa6b9;background:var(--teal-accent);border:2px solid #2a5c82;border:2px solid var(--primary-blue)}.login-options button:hover{background:#2d7d8f;background:var(--dark-teal);border-color:#2d7d8f;border-color:var(--dark-teal)}.bid-hammer-logo{color:#3aa6b9;color:var(--teal-accent);text-shadow:2px 2px 4px #1a374d33}.welcome-section h1{text-shadow:1px 1px 2px #0000001a}.login-section{background:#f0f8ffe6;border-radius:0 20px 20px 0}.auth-box{border:2px solid #2a5c82;border:2px solid var(--primary-blue)}@media (max-width:768px){.welcome-section{background:linear-gradient(180deg,#2a5c82,#1a374d);background:linear-gradient(180deg,var(--primary-blue),#1a374d)}.login-section{border-radius:0 0 20px 20px}}:root{--light-gray:#e9ecef}.homepage-container{background:linear-gradient(135deg,#f0f8ff,#fff);background:linear-gradient(135deg,var(--ice-blue) 0,var(--pure-white) 100%);min-height:100vh}.hero-section{background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);color:#fff;color:var(--pure-white);padding:60px 20px;text-align:center}.hero-content{margin:0 auto;max-width:700px}.logo-section{margin-bottom:1.5rem}.hammer-icon{display:block;font-size:2.5rem;margin-bottom:.8rem}.brand-title{color:#fff;color:var(--pure-white);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;margin-bottom:.3rem}.brand-subtitle{color:gold;color:var(--gold-accent);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:500;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.hero-description p{color:#ffffffe6;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.5;margin:0 auto;max-width:500px}.login-section{background:#fff;background:var(--pure-white);padding:60px 20px 80px}.login-container{margin:0 auto;max-width:900px}.section-title{color:#1a374d;color:var(--navy-text);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:#3aa6b9;background:var(--teal-accent);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.login-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:800px}.login-card{background:#fff;background:var(--pure-white);border:3px solid #0000;border-radius:20px;box-shadow:0 10px 30px #2a5c8233;box-shadow:0 10px 30px var(--shadow-medium);display:flex;flex-direction:column;min-height:350px;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:all .3s ease}.login-card:before{background:linear-gradient(90deg,#3aa6b9,#2a5c82);background:linear-gradient(90deg,var(--teal-accent),var(--primary-blue));content:"";height:5px;left:0;position:absolute;right:0;top:0}.buyer-card:before{background:linear-gradient(90deg,#2a5c82,#3aa6b9);background:linear-gradient(90deg,var(--primary-blue),var(--teal-accent))}.seller-card:before{background:linear-gradient(90deg,gold,#ff8c00);background:linear-gradient(90deg,var(--gold-accent),#ff8c00)}.rep-card:before{background:linear-gradient(90deg,#3aa6b9,#2d7d8f);background:linear-gradient(90deg,var(--teal-accent),var(--dark-teal))}.admin-card:before{background:linear-gradient(90deg,#1a374d,#000);background:linear-gradient(90deg,var(--navy-text),#000)}.login-card:hover{box-shadow:0 15px 40px #2a5c824d;box-shadow:0 15px 40px var(--shadow-heavy);transform:translateY(-8px)}.buyer-card:hover{border-color:#2a5c82;border-color:var(--primary-blue)}.seller-card:hover{border-color:gold;border-color:var(--gold-accent)}.rep-card:hover{border-color:#3aa6b9;border-color:var(--teal-accent)}.admin-card:hover{border-color:#1a374d;border-color:var(--navy-text)}.card-header{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.card-icon-large{display:block;font-size:4rem;margin-bottom:1.5rem}.login-card h3{color:#1a374d;color:var(--navy-text);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.login-card p{color:#2a5c82;color:var(--primary-blue);font-size:1.1rem;line-height:1.4;margin-bottom:0}.primary-button{align-self:flex-end;border:none;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:2rem;padding:18px 25px;text-transform:uppercase;transition:all .3s ease;width:100%}.buyer-button{background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-blue),var(--teal-accent));color:#fff;color:var(--pure-white)}.seller-button{background:linear-gradient(135deg,gold,#ff8c00);background:linear-gradient(135deg,var(--gold-accent),#ff8c00);color:#1a374d;color:var(--navy-text)}.rep-button{background:linear-gradient(135deg,#3aa6b9,#2d7d8f);background:linear-gradient(135deg,var(--teal-accent),var(--dark-teal))}.admin-button,.rep-button{color:#fff;color:var(--pure-white)}.admin-button{background:linear-gradient(135deg,#1a374d,#000);background:linear-gradient(135deg,var(--navy-text),#000)}.primary-button:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}@media (max-width:768px){.hero-section{padding:50px 15px}.login-section{padding:50px 15px 60px}.login-container{max-width:100%}.login-grid{gap:2rem;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);max-width:400px}.login-card{min-height:300px;padding:2.5rem 2rem}}@media (max-width:480px){.hero-section{padding:40px 10px}.login-section{padding:40px 10px 50px}.login-card{min-height:280px;padding:2rem 1.5rem}.card-icon-large{font-size:3rem}.login-card h3{font-size:1.5rem}.primary-button{font-size:1.1rem;padding:15px 20px}}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c3e5099;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popIn .3s ease-out forwards;background:#fff;background:var(--white);border:2px solid #3aa6b9;border:2px solid var(--secondary-teal);border-radius:20px;box-shadow:0 15px 35px #2a5c8226;max-width:90%;padding:40px;position:relative;text-align:center;transform:scale(.95);width:420px}.popup-content h2{color:#2a5c82;color:var(--primary-blue);font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0 0 30px;padding-right:2rem;position:relative;text-transform:uppercase}.popup-content h2:after{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%);border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.close-btn{background:#6c757d1a;border-radius:8px;color:#2c3e50;color:var(--navy-text);font-size:1.4rem;height:35px;right:15px;top:15px;transition:all .3s ease;width:35px}.close-btn:hover{color:var(--error-red);transform:rotate(90deg)}.popup-content input,.popup-content input[type=email],.popup-content input[type=password],.popup-content input[type=text]{background:#f8f9fa!important;background:var(--soft-gray)!important;border:2px solid #dee2e6!important;border:2px solid var(--border-gray)!important;border-radius:12px!important;box-sizing:border-box!important;color:#2c3e50!important;color:var(--navy-text)!important;display:block!important;font-family:inherit!important;font-size:16px!important;margin:4px 0!important;max-width:100%!important;min-width:100%!important;padding:18px 20px!important;transition:all .3s ease!important;width:100%!important}.popup-content input[type=text]+input[type=password]{margin-top:4px!important}.popup-content form input{margin:4px 0!important}.popup-content input:focus,.popup-content input[type=email]:focus,.popup-content input[type=password]:focus,.popup-content input[type=text]:focus{background:#fff!important;background:var(--white)!important;border-color:#3aa6b9!important;border-color:var(--secondary-teal)!important;box-shadow:0 0 0 3px #3aa6b91a!important;outline:none!important;transform:translateY(-1px)!important}.popup-content input:hover:not(:focus),.popup-content input[type=email]:hover:not(:focus),.popup-content input[type=password]:hover:not(:focus),.popup-content input[type=text]:hover:not(:focus){background:#fff!important;background:var(--white)!important;border-color:#3aa6b9!important;border-color:var(--secondary-teal)!important}.popup-content input::placeholder,.popup-content input[type=email]::placeholder,.popup-content input[type=password]::placeholder,.popup-content input[type=text]::placeholder{color:#adb5bd!important;font-weight:400!important;opacity:.8!important}.popup-content button[type=submit]{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #3aa6b94d;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin:20px 0 15px;padding:18px 25px;text-transform:uppercase;transition:all .3s ease;width:100%}.popup-content button[type=submit]:hover{background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-blue) 0,#1e4a68 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.popup-content button[type=submit]:active{transform:translateY(0)}.forgot-password-btn{background:#0000;border:2px solid #3aa6b9;border:2px solid var(--secondary-teal);border-radius:10px;color:#3aa6b9;color:var(--secondary-teal);cursor:pointer;font-size:14px;font-weight:500;margin:10px 0;padding:12px 20px;transition:all .3s ease;width:100%}.forgot-password-btn:hover{background:#3aa6b9;background:var(--secondary-teal);box-shadow:0 4px 15px #3aa6b933;color:#fff;color:var(--white);transform:translateY(-1px)}.popup-content p{color:#2c3e50;color:var(--navy-text);font-size:15px;font-weight:400;margin:20px 0 10px}.popup-content span{color:#3aa6b9;color:var(--secondary-teal);cursor:pointer;font-weight:600;transition:all .2s ease}.popup-content span:hover{color:#2a5c82;color:var(--primary-blue);text-decoration:none}.popup-content p[style*="color: red"]{background:#dc35451a!important;border-left:4px solid #dc3545!important;border-left:4px solid var(--error-red)!important;border-radius:8px!important;color:#dc3545!important;color:var(--error-red)!important;font-weight:500!important;margin:15px 0!important;padding:12px 16px!important;text-align:left!important}.success-popup{z-index:1001}@media (max-width:768px){.popup-content{margin:20px;padding:30px 25px;width:90%}.popup-content h2{font-size:1.5rem;margin-bottom:25px;padding-right:1.5rem}.popup-content h2:after{height:3px;width:60px}.popup-content input{font-size:15px;margin:3px 0!important;padding:15px 18px}.popup-content button[type=submit]{font-size:15px;padding:15px 20px}.forgot-password-btn{font-size:13px;padding:10px 16px}.success-popup{font-size:1rem;padding:15px 25px;top:20px}}@media (max-width:480px){.popup-content{padding:25px 20px;width:95%}.popup-content h2{font-size:1.3rem;letter-spacing:.5px}.popup-content input{margin:3px 0!important;padding:12px 15px}.popup-content button[type=submit]{font-size:14px;padding:12px 18px}}.forgot-password-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.forgot-password-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;position:relative;width:300px}.forgot-password-content input{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:8px;width:100%}.forgot-password-content button[type=submit]{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.forgot-password-content button[type=submit]:hover{background:#036}.password-requests-container{padding:20px}table{border-collapse:collapse;margin-top:20px;width:100%}td,th{border:1px solid #ddd;padding:10px;text-align:left}th{background-color:#f5f5f5}input[type=password]{padding:5px;width:100%}button{background:#06c;border-radius:4px;color:#fff;padding:5px 10px}button:hover{background:#036}:root{--warning-amber:#e76f51;--error-red:#d62828}.seller-dashboard{background:linear-gradient(135deg,#f0f8ff,#e8f8fb);background:linear-gradient(135deg,var(--ice-blue) 0,var(--light-teal) 100%);color:#1a374d;color:var(--navy-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:0 20px 40px}.top-nav{background:#fff;background:var(--white);border-bottom:2px solid #3aa6b9;border-bottom:2px solid var(--teal-accent);box-shadow:0 4px 15px #2a5c821a;margin:0 -20px 30px;padding:20px 0}.nav-links{gap:20px;justify-content:flex-end;margin:0 auto;max-width:1400px;padding:0 20px}.nav-links a{align-items:center;background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);border-radius:25px;box-shadow:0 4px 10px #2a5c8233;color:#fff;color:var(--white);display:flex;font-weight:600;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background:linear-gradient(135deg,#2d7d8f,#2a5c82);background:linear-gradient(135deg,var(--dark-teal) 0,var(--primary-blue) 100%);box-shadow:0 6px 20px #2a5c824d;transform:translateY(-2px)}.notif-badge{background:gold;background:var(--gold-accent);font-size:12px;margin-left:8px;padding:3px 8px}.notif-badge,.seller-dashboard h2{color:#1a374d;color:var(--navy-text)}.seller-dashboard h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-blue) 0,var(--teal-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #2a5c821a}.alert{border:none;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-weight:600;margin-bottom:25px;padding:16px 20px}.alert.success{background:linear-gradient(135deg,#f4a261,gold);background:linear-gradient(135deg,var(--success-gold) 0,var(--gold-accent) 100%);border-left:4px solid gold;border-left:4px solid var(--gold-accent);color:#1a374d;color:var(--navy-text)}.alert.error{background:linear-gradient(135deg,#d62828,#e76f51);background:linear-gradient(135deg,var(--error-red) 0,var(--warning-amber) 100%);border-left:4px solid #d62828;border-left:4px solid var(--error-red);color:#fff;color:var(--white)}.new-item-form{background:#fff;background:var(--white);border:2px solid #3aa6b9;border:2px solid var(--teal-accent);border-radius:20px;box-shadow:0 10px 30px #2a5c821a;margin-bottom:40px;padding:40px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.form-group label{color:var(--primary-blue)}.new-item-form input,.new-item-form select,.new-item-form textarea{background:#f8f9fa;background:var(--soft-gray);border:2px solid #e9ecef;border:2px solid var(--border-gray);border-radius:10px;color:#1a374d;color:var(--navy-text);font-size:16px;padding:15px 18px;transition:all .3s ease}.new-item-form input:focus,.new-item-form select:focus,.new-item-form textarea:focus{background:#fff;background:var(--white);border-color:#3aa6b9;border-color:var(--teal-accent);box-shadow:0 0 0 3px #3aa6b91a;outline:none}.new-item-form textarea{min-height:120px;resize:vertical}.file-input-section{grid-column:1/-1;margin-top:10px}.file-input-section input[type=file]{background:#e8f8fb;background:var(--light-teal);border:2px dashed #3aa6b9;border:2px dashed var(--teal-accent);border-radius:10px;color:#2a5c82;color:var(--primary-blue);cursor:pointer;font-weight:500;padding:20px;text-align:center}.file-input-section input[type=file]:hover{background:#f0f8ff;background:var(--ice-blue);border-color:#2a5c82;border-color:var(--primary-blue)}.selected-files{background:#e8f8fb;background:var(--light-teal);border-left:4px solid #3aa6b9;border-left:4px solid var(--teal-accent);border-radius:8px;margin-top:15px;padding:15px}.selected-files p{color:#2a5c82;color:var(--primary-blue);font-weight:600;margin:0 0 10px}.selected-files ul{list-style:none;margin:0;padding:0}.selected-files li{color:#2d7d8f;color:var(--dark-teal);font-size:14px;padding:5px 0}.form-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.new-item-form button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:15px 30px;transition:all .3s ease}.new-item-form button[type=submit]{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--teal-accent) 0,var(--primary-blue) 100%);box-shadow:0 4px 15px #3aa6b94d;color:#fff;color:var(--white)}.new-item-form button[type=submit]:hover{background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.new-item-form button[type=button]{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;color:var(--white)}.new-item-form button[type=button]:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-2px)}.section-header{align-items:center;color:#1a374d;color:var(--navy-text);display:flex;font-size:1.8rem;font-weight:600;margin:50px 0 25px}.section-header:before{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--teal-accent) 0,var(--primary-blue) 100%);border-radius:2px;content:"";flex:1 1;height:3px;margin-right:20px}.section-header:after{background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-blue) 0,var(--teal-accent) 100%);flex:1 1;height:3px;margin-left:20px}.table-container{background:#fff;background:var(--white);border:2px solid #3aa6b9;border:2px solid var(--teal-accent);border-radius:15px;box-shadow:0 8px 25px #2a5c821a;margin-bottom:40px;overflow:hidden}.items-table{border-collapse:collapse;margin:0;width:100%}.items-table th{background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);color:#fff;color:var(--white);font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 15px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-gray);color:#1a374d;color:var(--navy-text);padding:20px 15px;vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table tr:hover{background:#e8f8fb;background:var(--light-teal)}.table-image{border:2px solid #3aa6b9;border:2px solid var(--teal-accent);border-radius:8px;box-shadow:0 3px 10px #2a5c8233;height:60px;margin-right:8px;object-fit:cover;width:60px}.no-data{color:#2d7d8f;color:var(--dark-teal);font-size:16px;font-style:italic;padding:40px;text-align:center}.status-active{background:linear-gradient(135deg,#f4a261,gold);background:linear-gradient(135deg,var(--success-gold) 0,var(--gold-accent) 100%);box-shadow:0 2px 5px #f4a2614d;color:#1a374d;color:var(--navy-text)}.status-active,.status-closed{border-radius:15px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-closed{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 5px #6c757d4d;color:#fff;color:var(--white)}.price-display{color:#2a5c82;color:var(--primary-blue);font-size:16px;font-weight:700}.winner-display{color:#2d7d8f;color:var(--dark-teal);font-weight:600}@media (max-width:768px){.seller-dashboard{padding:0 10px 20px}.nav-links{gap:10px;padding:0 10px}.nav-links a{font-size:14px;padding:10px 16px}.seller-dashboard h2{font-size:2rem}.new-item-form{padding:25px}.form-grid{gap:15px;grid-template-columns:1fr}.form-buttons{flex-direction:column}.table-container{overflow-x:auto}.items-table{min-width:600px}}.seller-pro{display:flex;justify-content:end;width:100%}#root,html{margin:0;padding:0;width:100%}html{overflow-x:hidden}body{overflow-x:hidden}.page-container,body{max-width:100vw;width:100%}.page-container{padding:0;position:relative}.page-container,.top-nav{box-sizing:border-box;margin:0}.top-nav{background:linear-gradient(135deg,#1a374d,#282c34);background:linear-gradient(135deg,var(--navy-text) 0,#282c34 100%);box-shadow:0 2px 10px #0000001a;color:var(--white);padding:15px 20px;width:100%;z-index:1000}.top-nav .logo{color:var(--gold-accent)}.top-nav .nav-links{gap:15px;overflow:hidden}.top-nav .nav-links a{border-radius:20px;color:var(--white);padding:8px 16px}.top-nav .nav-links a:hover{background:#3aa6b9;background:var(--teal-accent);box-shadow:0 2px 8px #3aa6b94d}.top-nav .search-bar{background:#fff;background:var(--white);border:2px solid #3aa6b9;border:2px solid var(--teal-accent);border-radius:20px;color:#1a374d;color:var(--navy-text);padding:8px 15px;transition:all .3s ease}.top-nav .search-bar:focus{border-color:gold;border-color:var(--gold-accent);box-shadow:0 0 0 3px #ffd70033}.item-list{grid-gap:20px;gap:20px;padding:20px}.card{max-width:650px;min-width:300px;width:100%}.card-img{flex:0 0 45%;max-width:300px;min-width:150px}.card-body{min-width:0;padding:15px}.card-body h2{font-size:1.25rem;margin-bottom:10px}.card-desc{margin-bottom:12px}.card-info{margin-bottom:8px}.view-deal{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:2%;padding:8px 14px}.view-deal:hover{background-color:#45a049}.add-to-cart,.qa-button{margin-left:8px;padding:8px 14px}.qa-button{background-color:#06c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem}.qa-button:hover{background-color:#0052a3}.card-footer>div{display:flex;gap:8px;justify-content:center;margin-top:2%}.card{max-width:700px}.title-auction{display:flex;justify-content:center;margin-top:2%}.top-nav{background-color:#282c34}.top-nav .logo{font-size:1.5rem}.top-nav .nav-links a{font-size:.95rem;margin-left:1.25rem}.top-nav .nav-links a:hover{text-decoration:underline}.top-nav .search-bar{border-radius:4px;font-size:.9rem;margin-left:1rem;padding:.5rem 1rem}.notif-badge{background:#ff3b3b;color:#fff;margin-left:.25rem;padding:0 .4rem}.alert{border-radius:6px;font-size:1rem;margin:1rem auto;max-width:1200px;padding:1rem 1.5rem}.alert.success{background:#e6ffed;border:1px solid #28a745;color:#216e2e}.alert.error{background:#ffe6e6;border:1px solid #dc3545;color:#843029}.title-auction{color:#0069d9;font-size:2rem;margin:2rem 0 1rem;text-align:center}.item-list{grid-template-columns:repeat(auto-fill,minmax(650px,1fr));justify-content:center;max-width:1200px;padding:0 1rem}.card{border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px}.card-img{flex:0 0 300px;height:200px}.card-body{justify-content:space-between}.card-body h2{color:#222;font-size:1.5rem}.card-desc,.card-info{font-size:.9rem}.card-info{color:#444}.card-footer span{color:#333;font-size:.9rem}.notify-me,.view-deal{background-color:#4caf50;border-radius:5px;font-size:.9rem;padding:.5rem 1rem}.notify-me:hover,.view-deal:hover{background-color:#45a049}.add-to-cart{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.add-to-cart:hover{background-color:#0069d9}:root{--color-bg:#f9f9f9;--color-card:#fff;--color-primary:#4caf50;--color-primary-light:#67c17b;--color-secondary:#007bff;--color-secondary-light:#339fff;--color-text:#333;--color-muted:#666;--radius:16px;--shadow:#00000014;--transition:0.3s ease;--light-teal:#e8f8fb;--success-gold:#f4a261}body{background:#f9f9f9;background:var(--color-bg);font-family:Poppins,sans-serif;margin:0;padding:0}.item-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,600px),1fr));margin:0 auto;max-width:100vw;overflow:hidden;padding:2rem;width:100%}.card{background:#fff;background:var(--color-card);border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow);display:flex;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{box-shadow:0 12px 28px #00000014;box-shadow:0 12px 28px var(--shadow);transform:translateY(-6px)}.card-img{flex:0 0 40%;height:100%;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition)}.card:hover .card-img{transform:scale(1.05)}.card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.card-body h2{color:#333;color:var(--color-text);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--color-muted);display:-webkit-box;flex:1 1;line-height:1.5;line-height:1.5rem;max-height:3rem;overflow:hidden;text-overflow:ellipsis}.card-desc,.card-info{font-size:.95rem;margin-bottom:1rem}.card-info{align-items:center;color:#333;color:var(--color-text);display:flex;justify-content:space-between}.card-info .badge-cat{background:#339fff;background:var(--color-secondary-light);border-radius:999px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-footer button{font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background .3s ease,transform .3s ease;transition:background var(--transition),transform var(--transition)}.card-footer button,.notify-me,.view-deal{border:none;border-radius:50px;cursor:pointer}.notify-me,.view-deal{background:linear-gradient(135deg,#4caf50,#67c17b);color:#fff;display:inline-block;min-width:120px;text-align:center;transition:background .3s ease,transform .3s ease;white-space:nowrap}.notify-me:hover,.view-deal:hover{background:linear-gradient(135deg,#67c17b,#4caf50);transform:translateY(-2px)}.add-to-cart{background:linear-gradient(135deg,#007bff,#339fff);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));color:#fff;margin-left:.5rem}.add-to-cart:hover{background:linear-gradient(135deg,#339fff,#007bff);background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));transform:translateY(-2px)}.category-header{background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);color:#fff;color:var(--white);margin-bottom:30px;max-width:100vw;overflow:hidden;padding:60px 20px 40px;position:relative;text-align:center;width:100%}.category-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-primary);font-size:3.5rem;font-weight:800;letter-spacing:3px;margin:0 0 15px;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.category-title:after{background:linear-gradient(90deg,gold,#f4a261);background:linear-gradient(90deg,var(--gold-accent) 0,var(--success-gold) 100%);border-radius:2px;box-shadow:0 2px 4px #0003;content:"";display:block;height:4px;margin:20px auto;width:100px}.category-subtitle{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-primary);font-size:1.2rem;font-weight:400;letter-spacing:.5px;margin:0;opacity:.9;position:relative;z-index:1}@media (max-width:768px){.category-header{padding:40px 15px 30px}.category-title{font-size:2.5rem;letter-spacing:2px}.category-subtitle{font-size:1rem}}@media (max-width:480px){.category-header{padding:30px 10px 20px}.category-title{font-size:2rem;letter-spacing:1px}.category-subtitle{font-size:.9rem}}@media (max-width:320px){.category-title{font-size:1.5rem;letter-spacing:.5px}.category-subtitle{font-size:.8rem}}.notif-badge{animation:pulse 2s infinite;background:gold!important;background:var(--gold-accent)!important;box-shadow:0 2px 4px #0003;color:#1a374d!important;color:var(--navy-text)!important;display:inline-block;font-size:12px!important;margin-left:8px!important;min-width:18px;padding:3px 8px!important;text-align:center}@media (max-width:768px){.top-nav{flex-wrap:wrap;padding:10px 15px}.top-nav .nav-links{font-size:.85rem;gap:10px}.top-nav .nav-links a{font-size:.85rem;padding:6px 12px}.top-nav .search-bar{font-size:.8rem;min-width:120px}.item-list{gap:15px;grid-template-columns:1fr;padding:15px}.card{flex-direction:column;max-width:100%}.card-img{flex:none;height:200px;max-width:100%;min-width:100%;width:100%}.card-body{padding:15px}.card-footer{align-items:stretch;flex-direction:column;gap:10px}.card-footer>div{justify-content:center;margin-top:0}}@media (max-width:480px){.top-nav{padding:8px 10px}.top-nav .logo{font-size:1.2rem}.top-nav .nav-links{gap:8px}.top-nav .nav-links a{font-size:.8rem;padding:4px 8px}.item-list{gap:10px;padding:10px}.card-body h2{font-size:1.1rem}.card-desc{font-size:.85rem}.card-info{flex-direction:column;font-size:.8rem;gap:5px}}@media (max-width:320px){.top-nav .nav-links{flex-direction:column;gap:5px;width:100%}.item-list{padding:5px}.card-body{padding:10px}}.search-results-header{background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-blue) 0,var(--teal-accent) 100%);border-radius:12px;box-shadow:0 8px 25px #2a5c8226;color:#fff;margin-bottom:2rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.search-results-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.search-results-header>*{position:relative;z-index:2}.search-results-title{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:2px 2px 4px #0000004d}.search-results-subtitle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:inline-block;font-size:1.25rem;font-weight:400;margin:0;opacity:.9;padding:.75rem 1.5rem}.section-header-wrapper{margin:3rem 0 2rem;text-align:center}.section-header{background:linear-gradient(135deg,#f0f8ffcc,#3aa6b91a);border:2px solid #2a5c821a;border-radius:15px;box-shadow:0 4px 15px #2a5c8214;color:#2a5c82;color:var(--primary-blue);display:inline-block;font-size:2.25rem;font-weight:700;margin:0;overflow:hidden;padding:1.5rem 2rem;position:relative}.section-header:after{background:linear-gradient(90deg,gold 0,var(--gold-light) 100%);background:linear-gradient(90deg,var(--gold-accent) 0,var(--gold-light) 100%);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.no-results-message{background:linear-gradient(135deg,#f0f8ff99,#fffc);border:2px solid #2a5c821a;border-radius:20px;box-shadow:0 8px 25px #2a5c8214;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.no-results-icon{filter:grayscale(20%);font-size:4rem;margin-bottom:1.5rem;opacity:.7}.no-results-message h4{color:#2a5c82;color:var(--primary-blue);margin:0 0 1rem}.no-results-message p{color:#1a374d;color:var(--navy-text);font-size:1.1rem;margin:0;opacity:.8}@media (max-width:768px){.search-results-header{margin-bottom:1.5rem;padding:2.5rem 1.5rem}.search-results-title{font-size:2rem}.search-results-subtitle{font-size:1rem;padding:.5rem 1rem}.section-header{font-size:1.75rem;padding:1rem 1.5rem}.no-results-message{margin:1.5rem auto;padding:2.5rem 1.5rem}.no-results-icon{font-size:3rem}.no-results-message h4{font-size:1.25rem}.no-results-message p{font-size:1rem}}@media (max-width:480px){.search-results-header{padding:2rem 1rem}.search-results-title{font-size:1.75rem}.section-header{font-size:1.5rem;padding:.875rem 1rem}.no-results-message{padding:2rem 1rem}}.item-details-page{padding:20px}.top-nav{background-color:#1a2526;padding:10px 20px}.logo{font-size:24px}.item-details-container{display:flex;gap:20px;margin-top:20px}.item-image img{border-radius:8px;height:auto;width:400px}.item-info{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px}.item-info h1{font-size:24px;margin:0 0 10px}.item-info p{margin:5px 0}.place-bid-button{border-radius:4px;padding:10px 20px}.place-bid-button:disabled{background-color:#ccc}.auto-bid{margin-top:10px}.auto-bid label{display:block;margin-bottom:5px}.auto-bid input{border-radius:4px;padding:5px;width:100px}.item-detail{align-items:flex-start;background-color:#f4f4f4;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;min-height:100vh;padding:40px}.item-detail>.alert{width:100%!important}.itemdetail-img{box-shadow:0 4px 20px #0000001a;height:auto;object-fit:cover;width:100%}.detail-content,.itemdetail-img{border-radius:10px;max-width:500px}.detail-content{background-color:#fff;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:16px;padding:30px}.detail-content h1{color:#333;font-size:28px;margin:0;text-transform:lowercase}.detail-content p{color:#555;font-size:16px;margin:0}.place-bid-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px 20px;text-transform:uppercase;transition:background-color .3s;width:fit-content}.place-bid-button:hover{background-color:#218838}.place-bid-button:disabled{background-color:#c3e6cb;cursor:not-allowed}.auto-bid{display:flex;flex-direction:column;gap:8px;margin-top:20px}.auto-bid label{color:#333;font-weight:500;text-transform:uppercase}.auto-bid input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px 10px;width:200px}.auto-bid-button{background-color:#17a2b8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .3s;width:fit-content}.auto-bid-button:hover:not(:disabled){background-color:#138496}.auto-bid-button:disabled{background-color:#c3e6cb;cursor:not-allowed}.validation-error{color:#d9534f;font-size:14px;margin:-8px 0 0}.alert-text{color:#d9534f;font-size:16px;margin-top:10px}.current-bid-owner{font-size:16px;font-weight:500;margin-top:8px}.current-bid-owner.you{color:#28a745}.current-bid-owner.other{color:#dc3545}:root{--bg-light:#f8f9fa;--warning-color:#fd7e14}.page-container{background-color:#f8f9fa;background-color:var(--bg-light);min-height:100vh;overflow-x:hidden}.profile-header-section{background:linear-gradient(135deg,#4a90a4,#357a96);color:#fff;padding:4rem 1rem 3rem;position:relative;text-align:center}.profile-title{color:#fff;font-size:3rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;position:relative;text-transform:uppercase}.profile-title:after{background-color:gold;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.profile-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:1.5rem 0 0;opacity:.9}.top-nav{background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-color) 0,#1e4a68 100%);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);flex-wrap:wrap}.top-nav .logo{color:gold;color:var(--accent-color);font-size:1.75rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}.top-nav .nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.top-nav .nav-links a{border-radius:6px;color:#fff;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.top-nav .nav-links a:hover{background-color:#ffffff26;transform:translateY(-1px)}.top-nav .search-bar{background-color:#fff;border:none;border-radius:6px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);min-width:220px;padding:.6rem 1rem;transition:box-shadow .3s ease}.top-nav .search-bar:focus{box-shadow:0 0 0 3px #ffd7004d;outline:none}.notif-badge{background-color:gold;background-color:var(--accent-color);border-radius:50%;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);color:#2c3e50;color:var(--text-dark);font-size:.75rem;font-weight:700;margin-left:.5rem;padding:3px 7px}.profile-container{margin:-1rem auto 3rem;max-width:900px;padding:0 1rem;position:relative;z-index:1}.profile-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:2.5rem}.profile-card{background:#fff;background:var(--bg-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 .5rem 1rem #00000026;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease}.profile-card:hover{box-shadow:0 .75rem 1.5rem #0000001f;transform:translateY(-2px)}.card-title{border-bottom:3px solid #2a5c82;border-bottom:3px solid var(--primary-color);color:#2c3e50;color:var(--text-dark);font-size:1.375rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.card-title:after{background-color:gold;background-color:var(--accent-color);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:1rem 0;transition:background-color .2s ease}.info-item:last-child{border-bottom:none}.info-item:hover{background-color:#2a5c8205;border-radius:8px;margin:0 -1rem;padding:1rem}.info-label{color:#6c757d;color:var(--text-light);font-size:.95rem;font-weight:600;letter-spacing:.3px}.info-value{color:#2c3e50;color:var(--text-dark);font-size:1rem;font-weight:500;text-align:right}.role-badge{border-radius:20px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.role-seller{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f4d03f;color:#8b6914}.role-buyer{background:linear-gradient(135deg,#d1ecf1,#a8e6cf);border:1px solid #74c0fc;color:#0c5460}.role-admin{background:linear-gradient(135deg,#f8d7da,#ff9ff3);border:1px solid #f5c6cb;color:#721c24}.profile-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:3rem 0}.edit-profile-btn,.logout-btn,.my-orders-btn{border:none;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;min-width:140px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.edit-profile-btn{background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success-color),#20c997);color:#fff}.edit-profile-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);background:linear-gradient(135deg,#20c997,var(--success-color));box-shadow:0 .5rem 1rem #28a7454d;transform:translateY(-2px)}.my-orders-btn{background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.my-orders-btn:hover{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 .5rem 1rem #2a5c824d;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#dc3545,#e74c3c);background:linear-gradient(135deg,var(--danger-color),#e74c3c)}.logout-btn:hover{background:linear-gradient(135deg,#e74c3c,#dc3545);background:linear-gradient(135deg,#e74c3c,var(--danger-color));box-shadow:0 .5rem 1rem #dc35454d}.orders-section{background-color:#fff;background-color:var(--bg-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 .5rem 1rem #00000026;box-shadow:var(--shadow-md);margin-top:2rem;padding:2rem}.orders-header{border-bottom:3px solid #dee2e6;border-bottom:3px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem;position:relative;text-align:center}.orders-header:after{background-color:gold;background-color:var(--accent-color);bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.orders-title{color:#2c3e50;color:var(--text-dark);font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem}.orders-subtitle{color:#6c757d;color:var(--text-light);font-size:1rem;margin:0}.loading-message,.no-results-message{color:#6c757d;color:var(--text-light);padding:3rem 1rem;text-align:center}.loading-icon,.no-results-icon{color:#adb5bd;color:var(--text-muted);display:block;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.no-results-message h4{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.no-results-message p{font-size:1rem;line-height:1.6;margin:0 auto;max-width:400px}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{align-items:flex-start;background-color:#fff;background-color:var(--bg-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.order-card:hover{border-color:#2a5c82;border-color:var(--primary-color);box-shadow:0 .5rem 1rem #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-image{border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);flex-shrink:0;height:100px;overflow:hidden;width:140px}.order-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.order-card:hover .order-image img{transform:scale(1.05)}.order-content{display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.order-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.auction-id{color:#adb5bd;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.winning-badge{background:linear-gradient(135deg,gold,#f39c12);background:linear-gradient(135deg,var(--accent-color),#f39c12);border-radius:15px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);font-size:.75rem;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.order-title,.winning-badge{color:#2c3e50;color:var(--text-dark);font-weight:700}.order-title{font-size:1.25rem;line-height:1.3;margin:0}.order-description{color:#6c757d;color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0}.order-details{display:flex;flex-wrap:wrap;gap:2rem;margin-top:.75rem}.order-detail{display:flex;flex-direction:column;gap:.3rem}.detail-label{color:#adb5bd;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#2c3e50;color:var(--text-dark);font-size:1rem;font-weight:600}.detail-value.price{color:#3aa6b9;color:var(--secondary-color);font-size:1.125rem;font-weight:700}.category-car{color:#2a5c82;color:var(--primary-color);font-weight:600}.category-bike{color:#fd7e14;color:var(--warning-color);font-weight:600}.category-truck{color:#28a745;color:var(--success-color);font-weight:600}@media (max-width:768px){.profile-cards{gap:1.5rem;grid-template-columns:1fr}.profile-actions{align-items:center;flex-direction:column}.edit-profile-btn,.logout-btn,.my-orders-btn{max-width:250px;width:100%}.order-card{flex-direction:column;text-align:center}.order-image{height:180px;width:100%}.order-header{gap:1rem;justify-content:center}.top-nav{flex-direction:column;gap:1rem}.top-nav .search-bar{min-width:280px}.profile-title{font-size:1.875rem}}@media (max-width:480px){.profile-container{padding:0 .75rem}.profile-card{padding:1.5rem}.info-item{align-items:flex-start;flex-direction:column;gap:.5rem}.info-value{text-align:left}.order-details{flex-direction:column;gap:1rem}.orders-section{padding:1.5rem}.profile-title{font-size:1.625rem}}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-container p,.loading-container p{color:#6c757d;color:var(--text-light);font-size:1.1rem;margin-bottom:1.5rem}.error-container button{background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.error-container button:hover{box-shadow:0 .5rem 1rem #2a5c824d;transform:translateY(-2px)}:root{--primary-color:#2a5c82;--secondary-color:#3aa6b9;--accent-color:gold;--text-dark:#2c3e50;--text-light:#6c757d;--text-muted:#adb5bd;--bg-white:#fff;--border-color:#dee2e6;--success-color:#28a745;--danger-color:#dc3545;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--shadow-md:0 0.5rem 1rem #00000026;--shadow-lg:0 1rem 3rem rgba(0,0,0,.175)}.edit-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2c3e5099;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-popup-content{animation:popIn .3s ease-out forwards;background:#fff;background:var(--bg-white);border:2px solid #3aa6b9;border:2px solid var(--secondary-color);border-radius:20px;box-shadow:0 10px 30px #2a5c821a;margin:1rem;max-width:90%;padding:40px;position:relative;transform:scale(.95);width:480px}@keyframes popIn{to{transform:scale(1)}}.edit-popup-content h2{color:#2a5c82;color:var(--primary-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin:0 0 30px;padding-right:2rem;position:relative;text-align:center;text-transform:uppercase}.edit-popup-content h2:after{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.close-btn{align-items:center;background:#6c757d14;border:none;border-radius:6px;color:#adb5bd;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:2rem}.close-btn:hover{background:#dc35451a;color:#dc3545;color:var(--danger-color)}.form-group{margin-bottom:1.5rem}.form-group label{color:#2a5c82;color:var(--primary-color);display:block;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.form-group input{box-sizing:border-box;color:var(--text-dark);font-family:inherit;font-size:16px;width:100%}.form-group input:focus{background:var(--bg-white);border-color:#3aa6b9;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3aa6b91a}.form-group input:hover:not(:focus){background:#fff;background:var(--bg-white);border-color:#3aa6b9;border-color:var(--secondary-color)}.form-group input::placeholder{color:#adb5bd;color:var(--text-muted);opacity:.7}.edit-popup-content p[style*="color: red"]{background:#dc354514;border-left:3px solid #dc3545;border-left:3px solid var(--danger-color);border-radius:6px;color:#dc3545!important;color:var(--danger-color)!important;font-size:.9rem;font-weight:500;margin:1rem 0;padding:.6rem .8rem}.popup-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.cancel-btn,.save-btn{align-items:center!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-clip:padding-box!important;border:none!important;border-radius:25px!important;box-sizing:border-box!important;cursor:pointer;display:inline-flex!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;height:50px!important;justify-content:center!important;line-height:1!important;max-width:150px!important;min-width:150px!important;outline:none!important;overflow:hidden;padding:15px 30px!important;position:relative;text-align:center!important;text-decoration:none!important;text-transform:none!important;transition:all .3s ease;vertical-align:middle!important;white-space:nowrap!important;width:150px!important}.save-btn{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);box-shadow:0 4px 15px #3aa6b94d;color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-color) 0,#1e4a68 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.save-btn:disabled{background:linear-gradient(135deg,#adb5bd,#999)!important;background:linear-gradient(135deg,var(--text-muted) 0,#999 100%)!important;border:none!important;border-radius:25px!important;box-shadow:0 2px 8px #0000001a!important;cursor:not-allowed;height:50px!important;max-width:150px!important;min-width:150px!important;opacity:.6;padding:15px 30px!important;transform:none!important}.cancel-btn{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px #6c757d4d}.cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 25px #49505766;transform:translateY(-2px)}.cancel-btn:disabled{background:linear-gradient(135deg,#adb5bd,#999)!important;background:linear-gradient(135deg,var(--text-muted) 0,#999 100%)!important;border:none!important;border-radius:25px!important;box-shadow:0 2px 8px #0000001a!important;cursor:not-allowed;height:50px!important;max-width:150px!important;min-width:150px!important;opacity:.6;padding:15px 30px!important;transform:none!important}.edit-popup-content[style*="padding: 15px"]{border-radius:12px;padding:1.5rem!important;text-align:center}.edit-popup-content p[style*="color: #4caf50"]{background:#28a74514!important;border:1px solid #28a74533!important;border-radius:8px!important;color:#28a745!important;color:var(--success-color)!important;font-size:1rem!important;font-weight:500!important;margin:0!important;padding:1rem!important;position:relative}.field-error{animation:slideDown .2s ease-out;color:#dc3545;color:var(--danger-color);display:block;font-size:.8rem;font-weight:500;margin-top:.4rem}.form-group input:disabled{opacity:.65}.form-group input:disabled,.form-group input:disabled:hover{background:#e9ecef;border-color:#ced4da}.form-group input.error,.form-group input:invalid:not(:placeholder-shown):not(:focus){box-shadow:0 0 0 3px #dc35451a}.form-group input:focus:not(:disabled){background:#fff;background:var(--bg-white);border-color:#3aa6b9;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3aa6b91a}.save-btn:disabled:after{animation:spin 1s linear infinite;border:1px solid #0000;border-radius:50%;border-top-color:#fffc;content:"";height:.8rem;left:50%;margin:-.4rem 0 0 -.4rem;position:absolute;top:50%;width:.8rem}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2c3e5099;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.success-popup-content{animation:successPop .4s ease-out forwards;background:#fff;background:var(--bg-white);border:3px solid #28a745;border:3px solid var(--success-color);border-radius:20px;box-shadow:0 10px 30px #28a74533;margin:1rem;max-width:90%;padding:40px;position:relative;text-align:center;transform:scale(.95);width:400px}.success-popup-content>p,.success-popup-overlay .success-popup-content p,div.success-popup-content p{align-items:center!important;background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:15px!important;box-shadow:0 4px 15px #28a7454d!important;color:#fff!important;display:flex!important;font-family:inherit!important;font-size:1.2rem!important;font-style:normal!important;font-weight:900!important;gap:10px!important;justify-content:center!important;letter-spacing:.5px!important;margin:0 0 30px!important;padding:20px!important;text-align:center!important;text-shadow:0 2px 4px #0009!important}.success-message-text:before,.success-popup-content p:before{content:"✅";font-size:1.5rem;margin-right:5px}.success-popup-content .success-message-text,.success-popup-overlay .success-popup-content .success-message-text,p.success-message-text{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#2c3e50!important;display:block!important;font-family:inherit!important;font-size:1.3rem!important;font-weight:900!important;letter-spacing:.5px!important;line-height:1.4!important;margin:0 0 25px!important;padding:10px!important;text-align:center!important;text-shadow:none!important}.success-close-btn{background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success-color) 0,#20c997 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #28a7454d;color:#fff!important;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:15px 30px;transition:all .3s ease}.success-close-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);background:linear-gradient(135deg,#20c997 0,var(--success-color) 100%);box-shadow:0 6px 25px #28a74566;transform:translateY(-2px)}@keyframes successPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.edit-popup-content{margin:.5rem;padding:30px;width:85%}.edit-popup-content h2{font-size:1.4rem;margin-bottom:25px;padding-right:1.5rem}.popup-buttons{flex-direction:column;gap:12px;margin-top:25px}.cancel-btn,.save-btn{border:none!important;border-radius:25px!important;height:45px!important;max-width:none!important;min-width:auto!important;padding:12px 20px!important;width:100%!important}.form-group{margin-bottom:20px}.form-group input{font-size:15px;padding:12px 15px}.success-popup-content{margin:.5rem;padding:30px 25px;width:85%}.success-popup-content p{color:#fff!important;font-size:1.1rem!important;font-weight:900!important;letter-spacing:.5px!important;padding:18px!important}.success-close-btn{font-size:15px;padding:12px 25px;width:100%}}@media (max-width:480px){.edit-popup-content{padding:25px}.form-group{margin-bottom:18px}.form-group input{font-size:14px;padding:10px 12px}.edit-popup-content h2{font-size:1.2rem}.success-popup-content{padding:25px 20px;width:90%}.success-popup-content p{color:#fff!important;font-size:1rem!important;font-weight:900!important;letter-spacing:.5px!important;padding:15px!important}.success-popup-content p:before{font-size:1.2rem}.success-close-btn{font-size:14px;min-width:100px;padding:10px 20px}}.edit-popup-overlay:focus{outline:none}.form-group input:valid:not(:placeholder-shown){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-color:#28a745;border-color:var(--success-color);padding-right:2.5rem}.form-group input:invalid:not(:placeholder-shown):not(:focus){background-color:#dc35450d;border-color:#dc3545;border-color:var(--danger-color)}.form-group{overflow:hidden;position:relative}.form-group:before{background:linear-gradient(90deg,#2a5c82,gold);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.form-group:focus-within:before{transform:scaleX(1)}.form-group input:disabled{background-color:#6c757d1a;color:#adb5bd;color:var(--text-muted);cursor:not-allowed}.form-group input:disabled,.form-group input:disabled:hover{border-color:#dee2e6;border-color:var(--border-color)}.form-group input.error,.form-group input:invalid:not(:placeholder-shown):not(:focus){background-color:#dc35450d;border-color:#dc3545;border-color:var(--danger-color)}.form-group input:focus:not(:disabled){background-color:#f0f8ff80;border-color:#2a5c82;border-color:var(--primary-color);box-shadow:0 0 0 3px #2a5c821a;outline:none}.cancel-btn:disabled,.save-btn:disabled{pointer-events:none}.admin-rep-panel{background:#fdfdfd;border-radius:12px;box-shadow:0 0 10px #0000001a;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:900px;padding:30px}.admin-rep-panel h2,.admin-rep-panel h3{color:#333;margin-bottom:20px;text-align:center}.create-rep form,.report-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:20px}.create-rep input{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px}.create-rep button,.report-section button{align-self:flex-start;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;width:fit-content}.create-rep button:hover,.report-section button:hover{background-color:#0056b3}.report-data{line-height:1.6;margin-top:15px}.report-data ul{list-style:disc;margin-top:10px;padding-left:20px}.navbar{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:#fff;display:flex;justify-content:flex-start;margin:0;padding:15px 20px;position:sticky;top:0;width:100%;z-index:1000}.nav-links{flex-wrap:wrap;gap:30px;width:100%}.link{border-radius:4px;color:#fff;font-size:16px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.active-link{background:#ffffff1a;border-bottom:2px solid #f39c12;font-weight:700}.link:hover{background:#ffffff1a;color:#f39c12;transform:translateY(-1px)}.logout-button{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.logout-button:hover{background:#c0392b;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}@media (max-width:768px){.navbar{padding:10px 15px}.nav-links{gap:15px}.link,.logout-button{font-size:14px;padding:6px 10px}}@media (max-width:480px){.navbar{padding:8px 10px}.nav-links{gap:10px}.link,.logout-button{font-size:12px;padding:5px 8px}}.admin-container{background:linear-gradient(135deg,#e8f4fd,#fff);background:linear-gradient(135deg,var(--ice-blue) 0,var(--white) 100%);font-family:Arial,sans-serif;min-height:100vh;padding:20px}.admin-header{align-items:center;background:linear-gradient(135deg,#3498db,#1abc9c);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);border-radius:15px;box-shadow:0 8px 25px #3498db33;box-shadow:0 8px 25px var(--shadow-medium);color:#fff;color:var(--white);display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.admin-header:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.admin-header h1{flex:1 1;font-size:2.5rem;font-weight:700;letter-spacing:3px;margin:0;position:relative;text-align:center;text-shadow:2px 2px 4px #0000004d;z-index:1}.admin-header:after{background:#f39c12;background:var(--gold-accent);border-radius:2px;bottom:10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.auction-details-section,.form-wrapper,.report-section{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-gray);border-radius:15px;box-shadow:0 5px 20px #3498db1a;box-shadow:0 5px 20px var(--shadow-light);margin-bottom:25px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.auction-details-section:hover,.form-wrapper:hover,.report-section:hover{box-shadow:0 8px 30px #3498db33;box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-3px)}.auction-details-section h2,.form-wrapper h1,.report-section h2{color:#2c3e50;color:var(--navy-text);font-size:1.8rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.auction-details-section h2:after,.form-wrapper h1:after,.report-section h2:after{background:linear-gradient(90deg,#f39c12,#3498db);background:linear-gradient(90deg,var(--gold-accent) 0,var(--primary-blue) 100%);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.create-rep-form{animation:slideDown .3s ease;background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:12px;margin-top:25px;padding:25px}.create-rep-form h2{color:#2c3e50;color:var(--navy-text);font-size:1.5rem;font-weight:600;margin-bottom:20px}.form-group{grid-gap:20px;display:grid;gap:20px;margin-bottom:25px}.input-container{display:flex;flex-direction:column;gap:8px}.input-label{font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-input,.input-label{color:#2c3e50;color:var(--navy-text);font-size:1rem}.form-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:10px;padding:15px 18px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;background:var(--white);border-color:#1abc9c;border-color:var(--dark-teal);box-shadow:0 0 0 3px #1abc9c1a;outline:none;transform:translateY(-2px)}.form-input::placeholder{color:#6c757d;font-style:italic}button{align-items:center;display:flex;gap:8px;justify-content:center}.toggle-form-btn{background:linear-gradient(135deg,#3498db,#1abc9c);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);border-radius:12px;box-shadow:0 4px 15px #3498db4d;color:#fff;color:var(--white);font-size:1.1rem;min-width:300px;padding:15px 30px}.toggle-form-btn:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);background:linear-gradient(135deg,var(--teal-accent) 0,var(--success-green) 100%);border-radius:8px;box-shadow:0 4px 15px #2ecc714d;color:#fff;color:var(--white);font-size:1rem;min-width:150px;padding:12px 25px}.submit-btn:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--error-red) 0,#c0392b 100%);border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;color:var(--white);font-size:1rem;min-width:120px;padding:12px 25px}.cancel-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.btn-arrow{font-size:1.2rem;font-weight:700}.filter-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.filter-container input,.filter-container select{flex:1 1;min-width:200px}.button-group{display:flex;flex-wrap:wrap;gap:15px}.message{animation:slideIn .5s ease;border-radius:8px;font-weight:500;margin:15px 0;padding:15px 20px}.success-message{background:linear-gradient(135deg,#27ae60,#2ecc71);background:linear-gradient(135deg,var(--success-green) 0,var(--teal-accent) 100%);border-left:5px solid #1e8449;box-shadow:0 4px 15px #27ae604d;color:#fff;color:var(--white)}.report-results{margin-top:25px}.report-results h3{color:#2c3e50;color:var(--navy-text);font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.report-results h3:after{background:#f39c12;background:var(--gold-accent);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.items-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.item-card{background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:12px;box-shadow:0 4px 15px #3498db1a;box-shadow:0 4px 15px var(--shadow-light);overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.item-card:before{background:linear-gradient(90deg,#3498db,#2ecc71);background:linear-gradient(90deg,var(--primary-blue) 0,var(--teal-accent) 100%);content:"";height:4px;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.item-card:hover{border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 8px 25px #3498db33;box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-5px)}.item-card:hover:before{left:0}.item-name{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-gray);color:#2c3e50;color:var(--navy-text);font-size:1.3rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.item-details p{color:#555;font-size:1rem;line-height:1.5;margin:8px 0}.item-details p strong{color:#2c3e50;color:var(--navy-text);font-weight:600}@media (max-width:1200px){.admin-container{padding:15px}.admin-header h1{font-size:2.2rem}}@media (max-width:768px){.admin-header{flex-direction:column;gap:20px;padding:20px}.admin-header h1{font-size:1.8rem;letter-spacing:2px}.logout-btn{font-size:.8rem;padding:10px 20px}.auction-details-section,.form-wrapper,.report-section{padding:20px}.filter-container{align-items:stretch;flex-direction:column}.filter-container input,.filter-container select{min-width:auto}.button-group{justify-content:center}.toggle-form-btn{min-width:auto;width:100%}.items-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-container{padding:10px}.admin-header{gap:15px;padding:15px}.admin-header h1{font-size:1.5rem;letter-spacing:1px}.logout-btn{font-size:.7rem;padding:8px 16px}.auction-details-section,.form-wrapper,.report-section{padding:15px}.form-group{gap:15px}button{font-size:.9rem;padding:10px 20px}.button-group{align-items:stretch;flex-direction:column}}button:disabled{transform:none!important}button:focus,input:focus,select:focus{outline:3px solid #f39c12;outline:3px solid var(--gold-accent);outline-offset:2px}@media (prefers-contrast:high){:root{--border-gray:#000;--light-gray:#fff;--navy-text:#000}.item-card{border-width:3px}}:root{--ice-blue:#e8f4fd;--primary-blue:#3498db;--teal-accent:#2ecc71;--dark-teal:#1abc9c;--gold-accent:#f39c12;--amber-warning:#e67e22;--error-red:#e74c3c;--success-green:#27ae60;--light-gray:#f8f9fa;--shadow-light:#3498db1a;--shadow-medium:#3498db33}.profile-container{background:linear-gradient(135deg,#e8f4fd,#fff);background:linear-gradient(135deg,var(--ice-blue) 0,var(--white) 100%);font-family:Arial,sans-serif;min-height:100vh;padding:20px}.profile-header{align-items:center;background:linear-gradient(135deg,#3498db,#1abc9c);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);border-radius:15px;box-shadow:0 8px 25px #3498db33;box-shadow:0 8px 25px var(--shadow-medium);color:#fff;color:var(--white);display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.profile-header:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.profile-header h1{flex:1 1;font-size:2.5rem;font-weight:700;letter-spacing:3px;margin:0;position:relative;text-align:center;text-shadow:2px 2px 4px #0000004d;z-index:1}.profile-header:after{background:#f39c12;background:var(--gold-accent);border-radius:2px;bottom:10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.logout-btn{background:linear-gradient(135deg,#f39c12,#e67e22);background:linear-gradient(135deg,var(--gold-accent) 0,var(--amber-warning) 100%);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 15px #f39c1266;color:#fff;color:var(--white);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;z-index:10}.logout-btn:hover{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--amber-warning) 0,var(--gold-accent) 100%);border-color:#ffffff80;box-shadow:0 6px 20px #f39c1280;transform:translateY(-2px)}.logout-btn:active{box-shadow:0 2px 8px #f39c124d;transform:translateY(0)}.password-requests-section,.profile-content,.qa-management-section{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-gray);border-radius:15px;box-shadow:0 5px 20px #3498db1a;box-shadow:0 5px 20px var(--shadow-light);margin-bottom:25px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.password-requests-section:hover,.profile-content:hover,.qa-management-section:hover{box-shadow:0 8px 30px #3498db33;box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-3px)}.password-requests-section h2,.profile-content h2,.qa-management-section h2{color:#2c3e50;color:var(--navy-text);font-size:1.8rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.password-requests-section h2:after,.profile-content h2:after,.qa-management-section h2:after{background:linear-gradient(90deg,#f39c12,#3498db);background:linear-gradient(90deg,var(--gold-accent) 0,var(--primary-blue) 100%);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-section input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:10px;color:#2c3e50;color:var(--navy-text);flex:1 1;font-size:1rem;min-width:200px;padding:15px 20px;transition:all .3s ease}.search-section input:focus{background:#fff;background:var(--white);border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3498db1a;outline:none;transform:translateY(-2px)}.search-section input::placeholder{color:#6c757d;font-style:italic}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 25px;position:relative;text-transform:uppercase;transition:all .3s ease}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button:hover:before{left:100%}.form-actions button[type=submit],.search-section button,.set-password-btn,.submit-answer-btn{background:linear-gradient(135deg,#3498db,#1abc9c);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);box-shadow:0 4px 15px #3498db4d;color:#fff;color:var(--white)}.form-actions button[type=submit]:hover,.search-section button:hover,.set-password-btn:hover,.submit-answer-btn:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.form-actions button[type=submit]:disabled,.search-section button:disabled,.set-password-btn:disabled,.submit-answer-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn,.form-actions button[type=button]{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--amber-warning) 0,var(--gold-accent) 100%);box-shadow:0 4px 15px #f39c124d;color:#fff;color:var(--white)}.cancel-btn:hover,.form-actions button[type=button]:hover{box-shadow:0 6px 20px #f39c1266;transform:translateY(-2px)}.answer-btn,.edit-answer-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);background:linear-gradient(135deg,var(--teal-accent) 0,var(--success-green) 100%);box-shadow:0 4px 15px #2ecc714d;color:#fff;color:var(--white);font-size:.9rem;padding:8px 16px}.answer-btn:hover,.edit-answer-btn:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.questions-list,.requests-list{display:flex;flex-direction:column;gap:20px}.question-item,.request-item{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.question-item:hover,.request-item:hover{border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 5px 15px #3498db1a;box-shadow:0 5px 15px var(--shadow-light);transform:translateX(5px)}.question-content,.request-content{display:flex;flex-direction:column;gap:15px}.question-content strong,.request-content strong{color:#2c3e50;color:var(--navy-text);font-weight:600}.existing-answer{background:#e8f4fd;background:var(--ice-blue);border-left:4px solid #27ae60;border-left:4px solid var(--success-green);border-radius:8px;margin-top:10px;padding:15px}.answer-form{background:#fff;background:var(--white);border:2px dashed #3498db;border:2px dashed var(--primary-blue);border-radius:10px;margin-top:20px;padding:20px}.answer-form textarea{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:8px;color:#2c3e50;color:var(--navy-text);font-family:inherit;font-size:1rem;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.answer-form textarea:focus{background:#fff;background:var(--white);border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3498db1a;outline:none}.answer-form-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:15px}.request-content{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto auto 1fr auto}.request-content span{color:#2c3e50;color:var(--navy-text);font-weight:500}.request-content input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:8px;color:#2c3e50;color:var(--navy-text);padding:12px 15px;transition:all .3s ease}.request-content input:focus{background:#fff;background:var(--white);border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3498db1a;outline:none}form{grid-gap:20px;display:grid;gap:20px;margin-top:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-group input,.form-group label{color:#2c3e50;color:var(--navy-text);font-size:1rem}.form-group input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:10px;padding:15px 18px;transition:all .3s ease}.form-group input:focus{background:#fff;background:var(--white);border-color:#1abc9c;border-color:var(--dark-teal);box-shadow:0 0 0 3px #1abc9c1a;outline:none;transform:translateY(-2px)}.form-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.form-actions button{font-size:1.1rem;min-width:150px;padding:15px 30px}.error-message{animation:slideIn .5s ease;background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--error-red) 0,#c0392b 100%);border-left:5px solid #a93226;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;color:var(--white);font-weight:500;margin:15px 0;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.profile-container{padding:15px}.profile-header h1{font-size:2.2rem}}@media (max-width:768px){.profile-header{flex-direction:column;gap:20px;padding:20px}.profile-header h1{font-size:1.8rem;letter-spacing:2px}.logout-btn{font-size:.8rem;padding:10px 20px}.password-requests-section,.profile-content,.qa-management-section{padding:20px}.search-section{align-items:stretch;flex-direction:column}.search-section input{min-width:auto}.request-content{gap:15px;grid-template-columns:1fr}.answer-form-buttons{justify-content:center}.form-actions{align-items:stretch;flex-direction:column}}@media (max-width:480px){.profile-container{padding:10px}.profile-header{gap:15px;padding:15px}.profile-header h1{font-size:1.5rem;letter-spacing:1px}.logout-btn{font-size:.7rem;padding:8px 16px}.password-requests-section,.profile-content,.qa-management-section{padding:15px}button{font-size:.9rem;padding:10px 20px}.form-actions button{font-size:1rem;min-width:auto;padding:12px 24px}}button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border:2px solid var(--white);border-top:2px solid #0000;display:inline-block;height:20px;margin-right:10px;width:20px}button:focus,input:focus,textarea:focus{outline:3px solid #f39c12;outline:3px solid var(--gold-accent);outline-offset:2px}@media (prefers-contrast:high){:root{--border-gray:#000;--light-gray:#fff;--navy-text:#000}.question-item,.request-item{border-width:3px}}:root{--secondary-teal:#3aa6b9;--accent-gold:gold;--navy-text:#2c3e50;--white:#fff;--border-gray:#dee2e6;--light-teal:#3aa6b91a}.question-page{background:#f8f9fa;background:var(--soft-gray);margin:0 auto;max-width:900px;min-height:100vh;padding:30px 20px}.question-page h1{color:#2c3e50;color:var(--navy-text);font-size:2.5rem;font-weight:700;margin:30px 0;position:relative;text-align:center}.question-page h1:after{border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.back-button,.question-page h1:after{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%)}.back-button{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 15px #3aa6b94d;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:30px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-blue) 0,#1e4a68 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.ask-question-btn{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #3aa6b94d;color:#fff;color:var(--white);cursor:pointer;display:block;font-size:16px;font-weight:600;margin:25px auto;min-width:200px;padding:15px 30px;transition:all .3s ease}.ask-question-btn:hover{background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-blue) 0,#1e4a68 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.question-form{animation:slideDown .3s ease-out;background:#fff;background:var(--white);border:2px solid #3aa6b9;border:2px solid var(--secondary-teal);border-radius:20px;box-shadow:0 10px 30px #2a5c821a;margin:30px 0;padding:30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.question-form textarea{background:#f8f9fa;background:var(--soft-gray);border:2px solid #dee2e6;border:2px solid var(--border-gray);border-radius:10px;box-sizing:border-box;color:#2c3e50;color:var(--navy-text);font-family:inherit;font-size:16px;height:120px;margin-bottom:20px;padding:18px;resize:vertical;transition:all .3s ease;width:100%}.question-form textarea:focus{background:#fff;background:var(--white);border-color:#3aa6b9;border-color:var(--secondary-teal);box-shadow:0 0 0 3px #3aa6b91a;outline:none}.question-form textarea::placeholder{color:#adb5bd;opacity:.7}.submit-question-btn{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #3aa6b94d;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;min-width:180px;padding:15px 30px;transition:all .3s ease}.submit-question-btn:hover{background:linear-gradient(135deg,#2a5c82,#1e4a68);background:linear-gradient(135deg,var(--primary-blue) 0,#1e4a68 100%);box-shadow:0 6px 25px #3aa6b966;transform:translateY(-2px)}.questions-list{margin-top:40px}.question-item{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-gray);border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.question-item:before{background:linear-gradient(135deg,#3aa6b9,#2a5c82);background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.question-item:hover{border-color:#3aa6b9;border-color:var(--secondary-teal);box-shadow:0 8px 25px #2a5c821a;transform:translateY(-2px)}.question{color:#2c3e50;color:var(--navy-text);font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:15px;padding-left:15px}.question strong{color:#3aa6b9;color:var(--secondary-teal);font-size:1.2rem;margin-right:8px}.answer{background:#3aa6b91a;background:var(--light-teal);border-left:4px solid #3aa6b9;border-left:4px solid var(--secondary-teal);border-radius:10px;color:#5a6c7d;font-size:1rem;line-height:1.6;margin-left:15px;padding:15px 20px}.answer strong{color:#2a5c82;color:var(--primary-blue);font-size:1.1rem;margin-right:8px}.error,.loading,.no-questions{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 4px 15px #0000000d;font-size:1.3rem;margin:30px 0;padding:60px 40px;text-align:center}.loading{border:2px solid #3aa6b91a;border:2px solid var(--light-teal);color:#2c3e50;color:var(--navy-text)}.loading:before{animation:pulse 2s infinite;content:"⏳";display:block;font-size:2rem;margin-bottom:15px}.error{background:#dc35450d;border:2px solid #dc354533;color:#dc3545;color:var(--error-red)}.error:before{content:"⚠️";display:block;font-size:2rem;margin-bottom:15px}.no-questions{border:2px solid #3aa6b91a;border:2px solid var(--light-teal);color:#2c3e50;color:var(--navy-text)}.no-questions:before{content:"💬";display:block;font-size:2rem;margin-bottom:15px}.success-popup{align-items:center;animation:successSlideIn .4s ease-out;background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success-green) 0,#20c997 100%);border-radius:25px;box-shadow:0 8px 25px #28a7454d;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:10px;left:50%;padding:20px 35px;position:fixed;top:30px;transform:translateX(-50%);z-index:1000}.success-popup:before{content:"✅";font-size:1.2rem}@keyframes successSlideIn{0%{opacity:0;top:-60px;transform:translateX(-50%) scale(.9)}to{opacity:1;top:30px;transform:translateX(-50%) scale(1)}}.question-form .error{background:#dc35451a;border:1px solid #dc35454d;border-radius:10px;color:#dc3545;color:var(--error-red);font-size:.95rem;font-weight:500;margin:15px 0;padding:15px 20px}.question-form .error:before{content:none}@media (max-width:768px){.question-page{padding:20px 15px}.question-page h1{font-size:2rem;margin:20px 0}.question-page h1:after{height:3px;width:60px}.back-button{font-size:.9rem;margin-bottom:20px;padding:10px 20px}.ask-question-btn{font-size:15px;min-width:180px;padding:12px 25px}.question-form{margin:25px 0;padding:25px 20px}.question-form textarea{font-size:15px;height:100px;padding:15px}.submit-question-btn{font-size:15px;min-width:160px;padding:12px 25px}.question-item{margin-bottom:15px;padding:20px}.question{font-size:1rem;padding-left:10px}.answer{font-size:.95rem;margin-left:10px;padding:12px 15px}.error,.loading,.no-questions{font-size:1.1rem;padding:40px 20px}.success-popup{font-size:1rem;padding:15px 25px;top:20px}}@media (max-width:480px){.question-page h1{font-size:1.8rem}.question-form{padding:20px 15px}.question-item{padding:15px}.question{font-size:.95rem}.answer{font-size:.9rem;padding:10px 12px}.ask-question-btn,.submit-question-btn{margin-left:0;margin-right:0;width:100%}}:root{--ice-blue:#f0f8ff;--primary-blue:#2a5c82;--teal-accent:#3aa6b9;--dark-teal:#2d7d8f;--navy-text:#1a374d;--gold-accent:gold;--light-gold:#fff4d6;--pure-white:#fff;--soft-gray:#f8f9fa;--border-gray:#e9ecef;--shadow-light:#2a5c821a;--shadow-medium:#2a5c8233;--shadow-heavy:#2a5c824d;--success-green:#28a745;--warning-orange:#fd7e14;--error-red:#dc3545;--font-primary:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f0f8ff,#fff);background:linear-gradient(135deg,var(--ice-blue) 0,var(--pure-white) 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-primary);min-height:100vh}.top-nav{background:linear-gradient(135deg,#2a5c82,#2d7d8f);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-teal) 100%);box-shadow:0 4px 20px #2a5c8233;box-shadow:0 4px 20px var(--shadow-medium);justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.logo,.top-nav{align-items:center;color:#fff;color:var(--pure-white);display:flex}.logo{font-size:1.5rem;font-weight:700;gap:.8rem}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem}.nav-links{gap:1.5rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:8px;color:#fff;color:var(--pure-white);font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-link.active{background:gold;background:var(--gold-accent);color:#1a374d;color:var(--navy-text);font-weight:600}.nav-icon{font-size:1.1rem}.notifications-badge{align-items:center;background:gold;background:var(--gold-accent);border-radius:8px;color:#1a374d;color:var(--navy-text);display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:relative}.badge-count{animation:pulse 2s infinite;background:#dc3545;background:var(--error-red);border-radius:10px;color:#fff;color:var(--pure-white);font-size:.8rem;font-weight:700;min-width:20px;padding:.2rem .5rem;text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-container{background:#fff;background:var(--pure-white);border:2px solid #e9ecef;border:2px solid var(--border-gray);border-radius:20px;box-shadow:0 10px 30px #2a5c821a;box-shadow:0 10px 30px var(--shadow-light);margin:2rem auto;max-width:900px;overflow:hidden;padding:0 1rem}.notifications-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f0f8ff);background:linear-gradient(135deg,var(--soft-gray) 0,var(--ice-blue) 100%);border-bottom:3px solid #3aa6b9;border-bottom:3px solid var(--teal-accent);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.header-left{align-items:center;display:flex;gap:1rem}.notifications-title{align-items:center;color:#1a374d;color:var(--navy-text);display:flex;font-size:2rem;font-weight:700;gap:.8rem;margin:0}.title-icon{color:#3aa6b9;color:var(--teal-accent);font-size:2.2rem}.notifications-count{background:#3aa6b9;background:var(--teal-accent);border-radius:15px;color:#fff;color:var(--pure-white);font-size:.9rem;font-weight:600;padding:.4rem .8rem}.header-actions{display:flex;gap:1rem}.action-btn{align-items:center;background:linear-gradient(135deg,#2a5c82,#3aa6b9);background:linear-gradient(135deg,var(--primary-blue),var(--teal-accent));border:none;border-radius:10px;color:#fff;color:var(--pure-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.8rem 1.2rem;text-transform:uppercase;transition:all .3s ease}.action-btn:hover{box-shadow:0 5px 15px #2a5c8233;box-shadow:0 5px 15px var(--shadow-medium);transform:translateY(-2px)}.btn-icon{font-size:1rem}.notifications-content{padding:2rem}.loading-state{align-items:center;color:#2a5c82;color:var(--primary-blue);display:flex;flex-direction:column;gap:1rem;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #3aa6b9;border:4px solid var(--border-gray);border-radius:50%;border-top-color:var(--teal-accent);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#2a5c82;color:var(--primary-blue);display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1a374d;color:var(--navy-text);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#2a5c82;color:var(--primary-blue);font-size:1rem;opacity:.8}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification{align-items:center;animation:slideInUp .5s ease-out both;background:#fff;background:var(--pure-white);border:2px solid #e9ecef;border:2px solid var(--border-gray);border-radius:15px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification:before{background:#3aa6b9;background:var(--teal-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification.priority-high:before{background:#dc3545;background:var(--error-red)}.notification.priority-medium:before{background:#fd7e14;background:var(--warning-orange)}.notification:hover{border-color:#3aa6b9;border-color:var(--teal-accent);box-shadow:0 8px 25px #2a5c821a;box-shadow:0 8px 25px var(--shadow-light);transform:translateY(-2px)}.notification-icon{align-items:center;background:linear-gradient(135deg,#fff4d6,gold);background:linear-gradient(135deg,var(--light-gold),var(--gold-accent));border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.notification-message{color:#1a374d;color:var(--navy-text);font-size:1rem;font-weight:500;line-height:1.4;margin:0}.notification-time{color:#2a5c82;color:var(--primary-blue);font-size:.85rem;font-weight:400;opacity:.7}.mark-read-btn{align-items:center;background:#0000;border:2px solid #3aa6b9;border:2px solid var(--teal-accent);border-radius:50%;color:#3aa6b9;color:var(--teal-accent);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mark-read-btn:hover{background:#3aa6b9;background:var(--teal-accent);color:#fff;color:var(--pure-white);transform:scale(1.1)}.show-more-section{margin-top:1.5rem;text-align:center}.show-more-btn{align-items:center;background:#0000;border:2px solid #2a5c82;border:2px solid var(--primary-blue);border-radius:10px;color:#2a5c82;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.show-more-btn:hover{background:#2a5c82;background:var(--primary-blue);color:#fff;color:var(--pure-white);transform:translateY(-1px)}.arrow{font-size:.8rem;transition:transform .3s ease}.arrow.up{transform:rotate(180deg)}.priority-high{border-left-color:#dc3545;border-left-color:var(--error-red)}.priority-high .notification-icon{background:linear-gradient(135deg,#ffebee,#dc3545);background:linear-gradient(135deg,#ffebee,var(--error-red));color:#dc3545;color:var(--error-red)}.priority-medium{border-left-color:#fd7e14;border-left-color:var(--warning-orange)}.priority-medium .notification-icon{background:linear-gradient(135deg,#fff3e0,#fd7e14);background:linear-gradient(135deg,#fff3e0,var(--warning-orange));color:#fd7e14;color:var(--warning-orange)}@media (max-width:768px){.top-nav{padding:1rem}.nav-links,.top-nav{flex-wrap:wrap;gap:1rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.notifications-container{border-radius:15px;margin:1rem}.notifications-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem 1rem}.notifications-title{font-size:1.5rem}.notifications-content{padding:1rem}.notification{gap:.8rem;padding:1rem}.notification-icon{font-size:1.5rem;height:40px;width:40px}}@media (max-width:480px){.top-nav{padding:.8rem}.logo{font-size:1.2rem}.nav-links{display:none}.notifications-container{margin:.5rem}.notifications-header{padding:1rem}.header-left{align-items:flex-start;flex-direction:column;gap:.5rem}.notification{flex-direction:column;gap:1rem;text-align:center}.notification-content{align-items:center}}
/*# sourceMappingURL=main.12acc349.css.map*/