:root{--amiga-blue: #0055aa;--amiga-orange: #ff6600;--amiga-gray: #888888;--tech-cyan: #00ffff;--tech-purple: #8b5cf6;--tech-green: #00ff41;--neon-pink: #ff0080;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: rgba(17, 24, 39, .8);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-accent: var(--tech-cyan);--border-color: rgba(0, 255, 255, .2);--border-accent: var(--tech-cyan);--glow-cyan: 0 0 20px rgba(0, 255, 255, .3);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-orange: 0 0 20px rgba(255, 102, 0, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:3rem;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-cyan)}h2{font-size:2rem;color:var(--tech-cyan);text-shadow:var(--glow-cyan)}h3{font-size:1.5rem;color:var(--amiga-orange)}button,.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--bg-primary);box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ffff80}.btn-primary:active{transform:translateY(0)}.btn-secondary:hover{background:#00ffff1a;box-shadow:var(--glow-cyan)}button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}input,textarea,select{width:100%;padding:.875rem 1rem;background:#111827f2;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 3px #00ffff1a,0 0 20px #00ffff4d;background:#111827!important;color:#f9fafb!important}input::selection,textarea::selection{background:var(--tech-cyan);color:var(--bg-primary)}input::-moz-selection,textarea::-moz-selection{background:var(--tech-cyan);color:var(--bg-primary)}input::placeholder{color:var(--text-secondary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #111827 inset!important;-webkit-text-fill-color:#f9fafb!important;color:#f9fafb!important;transition:background-color 5000s ease-in-out 0s;border:1px solid var(--border-color)!important}input{color:var(--text-primary)!important}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}input[type=date]::-webkit-datetime-edit{color:var(--text-primary)}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 .3em}input[type=date]::-webkit-datetime-edit-year-field{color:var(--tech-cyan)}input[type=date]::-webkit-datetime-edit-month-field{color:var(--tech-cyan)}input[type=date]::-webkit-datetime-edit-day-field{color:var(--tech-cyan)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.card:hover{border-color:var(--tech-cyan);box-shadow:var(--glow-cyan);transform:translateY(-4px)}.error-message{padding:var(--spacing-md);background:#ff00801a;border:1px solid var(--neon-pink);border-radius:var(--radius-md);color:var(--neon-pink);margin-bottom:var(--spacing-lg);box-shadow:0 0 20px #ff008033}.success-message{padding:var(--spacing-md);background:#00ff411a;border:1px solid var(--tech-green);border-radius:var(--radius-md);color:var(--tech-green);margin-bottom:var(--spacing-lg);box-shadow:0 0 20px #00ff4133}.inline-message{margin-bottom:0;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;font-size:.9rem}.quick-actions{padding:var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.quick-actions h2{margin-bottom:var(--spacing-md)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:var(--spacing-md)}.dashboard-nav{flex-wrap:nowrap;overflow-x:auto}.home-header h1{font-size:2.5rem}.home-actions{flex-direction:column;width:100%}.home-actions .btn-primary,.home-actions .btn-secondary{width:100%}}.card,.stat-card,.login-box,.register-box{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--tech-cyan),var(--tech-purple));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--tech-cyan)}.login-container,.register-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.1),transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1),transparent 50%)}.login-box,.register-box{width:100%;max-width:600px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;box-shadow:0 0 60px #0ff3,inset 0 0 60px #00ffff0d;position:relative}.login-box:before,.register-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--tech-cyan),var(--tech-purple),var(--amiga-orange));border-radius:var(--radius-lg);z-index:-1;opacity:.3;filter:blur(10px)}.register-box{max-width:800px}.login-footer,.register-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.login-footer a,.register-footer a{color:var(--tech-cyan);text-decoration:none;font-weight:600}.login-footer a:hover,.register-footer a:hover{text-shadow:var(--glow-cyan)}.login-box input[type=checkbox],.register-box input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--tech-cyan);border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .3s ease;flex-shrink:0}.login-box input[type=checkbox]:hover,.register-box input[type=checkbox]:hover{border-color:var(--tech-cyan);box-shadow:0 0 10px #00ffff4d}.login-box input[type=checkbox]:checked,.register-box input[type=checkbox]:checked{background-color:var(--tech-cyan);border-color:var(--tech-cyan)}.login-box input[type=checkbox]:checked:after,.register-box input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.user-dashboard,.admin-dashboard,.moderator-dashboard,.affiliate-dashboard{min-height:100vh;padding:var(--spacing-xl)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--glow-cyan)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow-x:auto}.dashboard-nav a,.dashboard-nav button{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;white-space:nowrap;font-weight:500;background:transparent;border:none;cursor:pointer;font-size:1rem}.dashboard-nav a:hover,.dashboard-nav button:hover{color:var(--tech-cyan);background:#00ffff1a;box-shadow:var(--glow-cyan)}.dashboard-nav a.active,.dashboard-nav button.active{color:#fff;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));box-shadow:var(--glow-cyan)}.dashboard-content{display:grid;gap:var(--spacing-xl)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);max-width:600px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-cyan),var(--tech-purple))}.stat-card:hover{border-color:var(--tech-cyan);box-shadow:var(--glow-cyan);transform:translateY(-4px)}.stat-card h3{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.stat-number{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-comments-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000004d}.comments-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.comments-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.comments-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));border-radius:var(--radius-md);font-size:.875rem;font-weight:700;color:#fff;box-shadow:var(--glow-cyan)}.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.loading-spinner{text-align:center;color:var(--text-secondary);font-size:1.1rem;padding:2rem}.comments-loading p{color:var(--text-secondary);font-size:.875rem}.comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);text-align:center}.empty-icon{font-size:3rem;opacity:.5}.comments-empty p{color:var(--text-secondary);margin:0}.empty-hint{font-size:.875rem;color:var(--text-tertiary)}.comments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.comment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tech-cyan),var(--tech-purple));opacity:.5;transition:opacity .3s ease}.comment-card:hover{border-color:var(--tech-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.comment-card:hover:before{opacity:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.comment-rating-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0003}.comment-rating-badge.rating-excellent{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b98166}.comment-rating-badge.rating-good{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b66}.comment-rating-badge.rating-poor{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 12px #ef444466}.comment-date{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.comment-text{flex:1;color:var(--text-primary);font-size:.9375rem;line-height:1.6;font-style:italic;padding:var(--spacing-sm) 0}.comment-meta{display:flex;align-items:center;justify-content:flex-end;padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.comment-author{font-size:.875rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.comments-grid{grid-template-columns:1fr}.user-comments-section{padding:var(--spacing-md)}}.navbar{position:sticky;top:0;z-index:1000;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.navbar-brand{display:flex;flex-direction:column;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.navbar-brand h1{font-size:2rem;margin:0;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-tagline{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.navbar-links{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-link{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .3s ease;border:1px solid transparent;white-space:nowrap;font-size:.95rem}.navbar-link:hover{color:var(--tech-cyan);border-color:var(--tech-cyan);box-shadow:0 0 10px #00ffff4d}.navbar-button{background:transparent;cursor:pointer;font-family:inherit}.navbar-register{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--text-primary);font-weight:600}.navbar-register:hover{color:var(--text-primary);box-shadow:0 0 20px #00ffff80;transform:translateY(-2px)}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:var(--spacing-md)}.navbar-links{flex-wrap:wrap;justify-content:center}.navbar-brand h1{font-size:1.5rem}.navbar-link{font-size:.85rem;padding:.4rem .8rem}}.search-hero{margin:var(--spacing-xl) * 2 0;padding:var(--spacing-xl) * 2;background:linear-gradient(135deg,#00ffff0d,#8b5cf60d);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-hero-content{max-width:1600px;margin:0 auto;text-align:center}.search-hero-title{font-size:2.5rem;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.search-hero-form{margin-bottom:var(--spacing-xl)}.search-hero-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xs);transition:all .3s ease;margin-bottom:var(--spacing-xl)}.search-hero-input-wrapper:focus-within{border-color:var(--tech-cyan);box-shadow:0 0 20px #00ffff4d}.search-hero-icon{width:24px;height:24px;color:var(--text-secondary);margin:0 var(--spacing-md)}.search-hero-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;padding:var(--spacing-md);outline:none}.search-hero-input::placeholder{color:var(--text-secondary)}.search-hero-button{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--text-primary);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-hero-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}.search-hero-suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.search-hero-suggestions-label{color:var(--text-secondary);font-size:.9rem;margin-right:var(--spacing-sm)}.search-suggestion-tag{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--tech-cyan);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .3s ease}.search-suggestion-tag:hover{background:#0ff3;border-color:var(--tech-cyan);transform:translateY(-2px);box-shadow:0 0 10px #00ffff4d}@media (max-width: 768px){.search-hero{padding:var(--spacing-xl)}.search-hero-title{font-size:1.8rem}.search-hero-subtitle{font-size:1rem}.search-hero-input-wrapper{flex-direction:column;gap:var(--spacing-sm)}.search-hero-button,.search-hero-input{width:100%}}.home-page{min-height:100vh;padding:var(--spacing-xl) 0}.beta-banner{background:linear-gradient(135deg,#8b0000,brown);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d;position:sticky;top:70px;z-index:999;animation:slideDown .3s ease-out}.beta-banner p{margin:0;padding:.5rem 0;text-align:center;color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.beta-banner p{font-size:.75rem;padding:.4rem 0}}.home-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.latest-products{margin-bottom:var(--spacing-xl) * 2}.latest-products h2{text-align:center;font-size:2rem;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-all{text-align:center;margin-top:var(--spacing-xl)}.features{padding:calc(var(--spacing-xl) * .45);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.features h2{text-align:center;font-size:1.5rem;margin-bottom:calc(var(--spacing-md) * .8);color:var(--tech-cyan)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-md) * .8)}.feature-card{padding:calc(var(--spacing-md) * .8)!important;background:#1e2738e6!important;border:1px solid rgba(79,209,197,.2)!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.feature-card:hover{border-color:#4fd1c580!important;box-shadow:0 4px 20px #4fd1c526!important;transform:translateY(-2px)!important;background:#1e2738!important}.feature-card h3{color:#4fd1c5!important;font-size:1rem!important;margin-bottom:calc(var(--spacing-sm) * .5)!important;font-weight:600!important}.feature-card p{color:#cbd5e0!important;font-size:.85rem!important;line-height:1.4!important}.products-page{padding:var(--spacing-xl) var(--spacing-md);min-height:100vh}.products-page .container{max-width:1400px;margin:0 auto;width:100%;padding:0 var(--spacing-lg)}.products-page h1{text-align:center;margin-bottom:var(--spacing-xl);font-size:2.5rem;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}form.filters-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;justify-content:center;align-items:center}.filter-row{display:flex;gap:var(--spacing-sm);align-items:center}.filter-row.primary{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--spacing-sm);justify-content:center;width:auto}.filter-row.primary .search-input{width:200px}.filter-row.primary .category-select,.filter-row.primary .condition-select{width:150px}.filter-row.primary .price-input{width:120px}.filter-row.primary .btn{flex-shrink:0;white-space:nowrap;padding:.6rem 1rem}.sort-section{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:.95rem}.sort-section label{color:var(--text-secondary);font-weight:500}.sort-section .sort-dropdown{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;width:120px}.sort-section .sort-dropdown:hover{border-color:var(--tech-cyan);background:var(--bg-tertiary)}.sort-section .sort-dropdown:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 2px #00ffff1a}.verified-filter{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);font-weight:400;font-size:.85rem;-webkit-user-select:none;user-select:none;text-transform:none}.verified-filter input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--tech-cyan)}.verified-filter:hover{color:var(--text-primary)}.filter-row input,.filter-row select{padding:.6rem .8rem;font-size:.9rem;margin:0}.category-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) 0;animation:slideDown .3s ease-out;width:100%;clear:both}.category-chip{padding:.6rem 1.2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-chip:hover{border-color:var(--tech-cyan);background:#00ffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0ff3}.category-chip.active{background:var(--tech-cyan);border-color:var(--tech-cyan);color:var(--bg-primary);font-weight:600;box-shadow:0 4px 12px #00ffff4d}.category-chips.product-lines{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.category-chips.product-lines .category-chip{font-size:.85rem;padding:.5rem 1rem}.advanced-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:#11182766;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-md);animation:slideDown .3s ease-out}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:.75rem;font-weight:600;color:var(--tech-cyan);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.advanced-filters .filter-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .3s ease}.advanced-filters .filter-select:hover:not(:disabled){border-color:var(--tech-cyan);box-shadow:0 0 10px #0ff3}.advanced-filters .filter-select:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 15px #00ffff4d}.advanced-filters .filter-select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}.advanced-filters .filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.range-filter{display:flex;flex-direction:column;gap:var(--spacing-xs)}.range-filter label{font-size:.75rem;font-weight:600;color:var(--tech-cyan);text-transform:uppercase;letter-spacing:.5px}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.range-inputs input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:.6rem .8rem;font-size:.85rem;transition:all .3s ease}.range-inputs input:hover{border-color:var(--tech-cyan);box-shadow:0 0 10px #0ff3}.range-inputs input:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 15px #00ffff4d}.range-inputs input::placeholder{color:var(--text-secondary);font-size:.8rem}.filter-row.primary::-webkit-scrollbar,.advanced-filters::-webkit-scrollbar{height:6px}.filter-row.primary::-webkit-scrollbar-track,.advanced-filters::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.filter-row.primary::-webkit-scrollbar-thumb,.advanced-filters::-webkit-scrollbar-thumb{background:var(--tech-cyan);border-radius:3px;opacity:.5}.filter-row.primary::-webkit-scrollbar-thumb:hover,.advanced-filters::-webkit-scrollbar-thumb:hover{background:var(--tech-magenta)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.product-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);border-color:var(--tech-cyan);box-shadow:var(--glow-cyan)}.product-image{width:100%;height:200px;background:var(--bg-secondary);overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.product-info{padding:var(--spacing-lg)}.product-info h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category{display:inline-block;width:fit-content;background:#8b5cf633;color:var(--tech-purple);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:var(--spacing-sm);border:1px solid rgba(139,92,246,.3)}.product-condition{display:block;width:fit-content;background:#00ff411a;border:1px solid rgba(0,255,65,.3);color:var(--tech-green);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:var(--spacing-sm)}.product-specs-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#11182780;border:1px solid var(--border-color);border-radius:var(--radius-md)}.spec-badge{display:inline-flex;align-items:center;gap:.25rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.85rem}.spec-badge .spec-label{color:var(--tech-cyan);font-weight:600}.spec-badge .spec-val{color:var(--text-primary)}.spec-badge.badge-category{background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.spec-badge.badge-category .spec-label{color:var(--tech-purple)}.spec-badge.badge-condition{background:#ffa5001a;border:1px solid rgba(255,165,0,.3)}.spec-badge.badge-condition .spec-label{color:var(--amiga-orange)}.spec-badge.badge-company{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-weight:600;text-transform:uppercase;font-size:.75rem;margin-left:.5rem}.spec-badge.badge-individual{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;font-weight:600;text-transform:uppercase;font-size:.75rem;margin-left:.5rem}.product-price{font-size:1.5rem;font-weight:700;color:var(--tech-cyan);margin:var(--spacing-sm) 0}.product-seller{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-sm);display:flex;align-items:center;gap:.25rem}.seller-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.seller-link:hover{color:var(--tech-cyan);text-decoration:underline}.no-products{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:1.1rem}.product-detail-page{padding:var(--spacing-xl);min-height:100vh}.product-detail-page .container{max-width:1400px;margin:0 auto}.product-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.product-header .product-title{font-size:2.5rem;color:var(--tech-cyan);margin:0 0 var(--spacing-md) 0;line-height:1.2;text-shadow:var(--glow-cyan)}.product-header .product-badges{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.product-gallery{position:sticky;top:var(--spacing-xl);height:fit-content}.main-image{width:100%;height:500px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.main-image img{width:100%;height:100%;object-fit:contain;padding:var(--spacing-md)}.no-image-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem}.thumbnail-list{display:flex;gap:var(--spacing-sm)}.thumbnail{width:100px;height:100px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .3s ease}.thumbnail:hover,.thumbnail.active{border-color:var(--tech-cyan);box-shadow:var(--glow-cyan)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-main-info{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.product-main-info h1{font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.product-main-info .label{color:var(--text-secondary);font-weight:600}.product-main-info>div{margin-bottom:var(--spacing-md)}.product-year,.product-receipt{margin-bottom:0!important}.product-description-full{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-lg);background:#00ffff08;border:1px solid rgba(0,255,255,.1);border-radius:var(--radius-sm)}.product-description-full .description-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.product-description-full .description-title{font-size:1.5rem;color:var(--amiga-orange);margin:0;font-weight:600}.product-description-full .description-content{color:var(--text-primary);font-size:.95rem;line-height:1.8}.product-description-full .description-content p{margin:.5rem 0}.product-price-section-compact{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0}.product-price-section-compact .price-label{color:var(--text-secondary);font-size:.8rem;margin-bottom:var(--spacing-xs)}.product-price-section-compact .price-value{font-size:1.8rem;font-weight:700;color:var(--tech-cyan);text-shadow:var(--glow-cyan)}.actions-seller-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);margin:var(--spacing-md) 0;align-items:start}.actions-column{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-compact{padding:.6rem 1rem;font-size:.9rem;width:100%;white-space:nowrap}.seller-info-sidebar{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);min-width:200px}.seller-info-sidebar .seller-label{color:var(--tech-purple);font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase}.seller-info-sidebar .seller-name{color:var(--text-primary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.seller-info-sidebar .badge-seller-type{font-size:.7rem;padding:.25rem .5rem}.pending-sale-banner{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border:3px solid var(--tech-orange);border-radius:var(--radius-lg);text-align:center}.pending-sale-header h3{color:var(--tech-orange);font-size:1.5rem;margin:0 0 var(--spacing-md) 0;font-weight:700}.pending-sale-timer{font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.pending-sale-timer strong{color:var(--tech-orange);font-size:1.5rem}.pending-sale-info{color:var(--text-secondary);font-size:.95rem;margin:var(--spacing-sm) 0 0 0}.product-price-section{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.price-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.price-value{font-size:2.5rem;font-weight:700;color:var(--tech-cyan);text-shadow:var(--glow-cyan)}.product-actions{display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.btn-large{padding:.7rem 1.2rem;font-size:.95rem;flex:1}.seller-info{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.seller-info h3{color:var(--tech-purple);font-size:1rem;margin-bottom:var(--spacing-sm)}.seller-name{color:var(--text-primary);font-size:1.1rem}.product-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.product-section h2{color:var(--tech-cyan);font-size:1.5rem;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.product-description{color:var(--text-primary);line-height:1.8;white-space:pre-wrap;max-height:none;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;display:block}.specifications-list{display:grid;gap:var(--spacing-md)}.spec-item{display:flex;justify-content:space-between;padding:var(--spacing-md);background:#00ffff08;border:1px solid rgba(0,255,255,.1);border-radius:var(--radius-sm)}.spec-key{color:var(--text-secondary);font-weight:600}.spec-value{color:var(--text-primary)}.product-meta{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-md)}.main-image{cursor:pointer;position:relative;transition:all .3s ease}.main-image:hover{transform:scale(1.02);border-color:var(--tech-cyan)}.zoom-hint{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background:#000c;color:var(--tech-cyan);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.main-image:hover .zoom-hint{opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:fadeIn .3s ease;cursor:zoom-out}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 50px #00ffff4d}.lightbox-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:2px solid var(--tech-cyan);color:var(--tech-cyan);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close:hover{background:var(--tech-cyan);color:var(--bg-primary);transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid var(--tech-cyan);color:var(--tech-cyan);width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-nav:hover{background:var(--tech-cyan);color:var(--bg-primary);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.share-button-container{position:relative}.share-icon-button{background:transparent;border:none;color:var(--amiga-orange);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.share-icon-button:hover{color:var(--tech-cyan);transform:scale(1.1)}.share-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px #0ff3;min-width:250px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .2s ease}.share-dropdown-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase}.share-options-list{padding:var(--spacing-xs)}.share-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left;transition:all .2s ease;color:var(--text-primary)}.share-option:hover{background:#00ffff1a;transform:translate(5px)}.share-option-icon{color:var(--tech-cyan);flex-shrink:0}.share-option-label{font-size:.9rem;flex:1}.share-option-note{color:var(--text-secondary);font-size:.75rem}.share-option-copied{background:#00ff6426}.share-option-copied .share-option-icon{color:var(--success-color, #00ff00)}.delivery-options-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.delivery-options-section h2{color:var(--tech-cyan);font-size:1.5rem;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.delivery-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#00ffff08;border:1px solid rgba(0,255,255,.1);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.delivery-option-icon{font-size:1.5rem;min-width:2rem}.delivery-option-content{flex:1}.delivery-option-title{color:var(--text-primary);font-weight:600;font-size:1.1rem;margin-bottom:var(--spacing-xs)}.delivery-option-details{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.delivery-option-price{color:var(--tech-cyan);font-weight:700;font-size:1.2rem;margin-top:var(--spacing-xs)}.delivery-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.delivery-badge.shipping{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--tech-cyan)}.delivery-badge.pickup{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:var(--tech-purple)}.pickup-info-box,.both-info-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.both-info-box{background:#00ffff0d;border-color:#0ff3}.pickup-info-box .info-icon,.both-info-box .info-icon{font-size:1.5rem;min-width:2rem}.pickup-info-box strong,.both-info-box strong{color:var(--tech-purple);display:block;margin-bottom:var(--spacing-xs)}.both-info-box strong{color:var(--tech-cyan)}.pickup-info-box p,.both-info-box p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 992px){.product-header .product-title{font-size:2rem}.product-detail{grid-template-columns:1fr}.product-gallery{position:relative;top:0}}@media (max-width: 768px){.product-detail-page{padding:var(--spacing-md)}.product-header .product-title{font-size:1.5rem}.product-header .product-badges{gap:var(--spacing-sm)}.product-header .spec-badge{font-size:.75rem;padding:.3rem .6rem}.main-image{height:300px}.thumbnail{width:70px;height:70px}.product-price-section-compact .price-value{font-size:1.5rem}.product-description-full .description-title{font-size:1.2rem}.product-description-full .description-content{font-size:.85rem}.actions-seller-grid{grid-template-columns:1fr}.seller-info-sidebar{width:100%;min-width:unset}.btn-compact{padding:.8rem 1rem}}.create-product-page{padding:var(--spacing-xl) 0;min-height:100vh}.form-container{max-width:900px;margin:0 auto}.form-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.form-section h3{color:var(--tech-cyan);font-size:1.3rem;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.form-help{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.spec-input-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center}.spec-input-row input{flex:1}.btn-small{padding:.5rem 1rem;font-size:.9rem}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}label.required-label{color:#f44;font-weight:600}label.required-label .required{color:#f44}.shipping-section{background:linear-gradient(135deg,#0f172a99,#1e293b66);border-left:3px solid var(--tech-cyan)}.shipping-section .section-title{color:var(--tech-cyan);font-size:1.3rem;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.shipping-info-box{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-md)}.shipping-info-box .info-icon{font-size:1.5rem;margin:0}.shipping-info-box strong{color:var(--tech-cyan);display:block;margin-bottom:.5rem}.shipping-info-box ul{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.9rem}.shipping-info-box li{margin-bottom:.3rem}.carrier-link{color:var(--text-secondary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.carrier-link:hover{color:var(--tech-cyan);text-decoration-color:var(--tech-cyan)}.carrier-link:visited{color:var(--text-secondary)}.required-field label:after{content:" *";color:#f44}.help-text{display:block;margin-top:.3rem;color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.product-detail{grid-template-columns:1fr}.product-gallery{position:relative;top:0}.main-image{height:300px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filter-row,.filter-row.primary{flex-direction:column;flex-wrap:wrap}.filter-row input,.filter-row select{width:100%}.filter-row.primary .search-input,.filter-row.primary .category-select{min-width:100%}.filter-row.secondary.expanded{max-height:300px}.product-actions,.spec-input-row{flex-direction:column}}.my-listings-page{min-height:calc(100vh - 80px);background:var(--bg-primary);padding:var(--spacing-xl) 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{margin:0;color:var(--tech-cyan);font-size:2rem}.page-header .icon{margin-right:8px;font-size:1.2rem}.listings-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.filter-btn{padding:8px 20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--tech-cyan);color:var(--tech-cyan)}.filter-btn.active{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));border-color:var(--tech-cyan);color:#fff;box-shadow:var(--glow-cyan)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.listing-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.listing-card:hover{border-color:var(--tech-cyan);box-shadow:0 0 20px #0ff3;transform:translateY(-4px)}.listing-image{position:relative;width:100%;height:200px;background:var(--bg-tertiary)}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.3}.status-badge{position:absolute;top:12px;right:12px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000080}.status-badge.badge-success,.badge-success,.status-badge.badge-pending-sale,.badge-pending-sale,.status-badge.badge-sold,.badge-sold{background:#8b1538!important;background-color:#8b1538!important;background-image:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 0 20px #8b1538cc,0 4px 12px #00000080!important;border-color:#ffffff4d!important}.badge-archived{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;font-weight:800;box-shadow:0 0 20px #6b728099,0 4px 12px #00000080;border-color:#6b728080}.badge-draft{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800;box-shadow:0 0 20px #fbbf24cc,0 4px 12px #00000080;border-color:#fbbf2480}.listing-content{padding:var(--spacing-lg)}.listing-title{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-price{color:var(--tech-cyan);font-size:1.3rem;font-weight:700;margin-bottom:var(--spacing-md)}.listing-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.stat{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem}.stat-icon{font-size:1rem}.listing-actions{display:flex;flex-wrap:wrap;gap:8px}.listing-actions .btn{flex:1;min-width:100px}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--tech-cyan);color:var(--tech-cyan);box-shadow:var(--glow-cyan)}.btn-danger{background:#ff00001a;border:1px solid #ff0000;color:red}.btn-danger:hover{background:red;color:#fff;box-shadow:0 0 10px #ff000080}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.3}.empty-state h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary)}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--tech-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.listings-filters{flex-wrap:wrap}.listings-grid{grid-template-columns:1fr}.listing-actions{flex-direction:column}.listing-actions .btn{width:100%}}.settings-section{max-width:800px;margin:0 auto}.settings-section h2{margin-bottom:var(--spacing-xl);color:var(--text-primary)}.settings-form{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.settings-form .form-group{margin-bottom:var(--spacing-lg)}.settings-form .form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500}.settings-form .form-group input{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.settings-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.settings-form .info-text{margin-top:var(--spacing-lg);color:var(--text-secondary);font-style:italic}.overview-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);align-items:start}.overview-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.overview-chat{width:100%;min-height:600px}.chat-container-dashboard{display:grid;grid-template-columns:350px 1fr;gap:0;height:800px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.chat-container-dashboard .chat-list-container{border-right:1px solid var(--border-color);overflow-y:auto}.chat-container-dashboard .chat-window-container{display:flex;flex-direction:column}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.no-chat-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-chat-selected h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.no-chat-selected p{font-size:.9rem}@media (max-width: 1024px){.overview-layout{grid-template-columns:1fr}.overview-stats{flex-direction:row;flex-wrap:wrap}.chat-container-dashboard{grid-template-columns:1fr;height:500px}.chat-container-dashboard .chat-list-container{border-right:none;border-bottom:1px solid var(--border-color)}}.optional-label{font-size:.85em;color:#888;font-weight:400;margin-left:4px}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem}.verified-badge-small .verified-icon{width:16px;height:16px;color:#00ff41}.verified-badge-large .verified-icon{width:24px;height:24px;color:#00ff41}.verified-text{font-size:.85rem;color:#00ff41;font-weight:500}.star-rating{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem}.star-rating-small .star-icon{width:16px;height:16px}.star-rating-large .star-icon{width:24px;height:24px}.star-rating-number{font-size:.85rem;font-weight:600}.star-rating-label{font-size:.85rem;font-weight:500;margin-left:.25rem}.star-rating-green .star-icon,.star-rating-green .star-rating-number{color:#00ff41}.star-rating-yellow .star-icon,.star-rating-yellow .star-rating-number{color:gold}.star-rating-red .star-icon,.star-rating-red .star-rating-number{color:#f44}.star-rating-label{color:var(--text-secondary)}.user-rating-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.rating-badge-loading,.no-ratings{color:var(--text-secondary);font-size:.9rem}.rating-summary{display:flex;align-items:center;gap:.5rem}.rating-score{font-size:1.1rem;font-weight:600}.rating-score.rating-excellent{color:#00ff41}.rating-score.rating-good{color:#ff9500}.rating-score.rating-poor{color:#f44}.rating-count{font-size:.85rem;color:var(--text-secondary)}.rating-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.rating-bar{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.rating-label{color:var(--text-secondary)}.rating-value{font-weight:600;color:var(--text-primary)}.rating-widget{margin-top:.25rem;padding:.4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.rating-widget.compact{padding:.5rem;margin-top:.5rem;width:fit-content;max-width:100%}.rating-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.their-rating-inline{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.their-rating-label{color:var(--text-secondary)}.their-rating-score{font-weight:700;font-size:.9rem}.their-rating-score.rating-excellent{color:#00ff41}.their-rating-score.rating-good{color:#ff9500}.their-rating-score.rating-poor{color:#f44}.rating-widget.locked{background:#11182780;border-color:var(--border-color)}.rating-widget h4{margin:0;color:var(--text-primary);font-size:.8rem;font-weight:500}.days-remaining{font-size:.7rem;color:var(--tech-cyan);font-weight:400;margin-left:.375rem}.rating-display{padding:.625rem;border-radius:var(--radius-sm);text-align:center}.rating-display.rating-excellent{background:#00ff411a;border:1px solid rgba(0,255,65,.3)}.rating-display.rating-good{background:#ff95001a;border:1px solid rgba(255,149,0,.3)}.rating-display.rating-poor{background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.rating-number{font-size:1.1rem;font-weight:700}.rating-comment{margin-top:.5rem;font-style:italic;color:var(--text-secondary);font-size:.75rem}.rating-locked-notice{margin-top:.5rem;color:var(--text-secondary);font-size:.8rem}.rating-widget-loading{padding:1rem;text-align:center;color:var(--text-secondary)}.rating-form{display:flex;flex-direction:column;gap:.35rem}.rating-input label{display:block;margin-bottom:.25rem;color:var(--text-primary);font-weight:500;font-size:.8rem}.rating-slider{display:flex;flex-direction:column;gap:.25rem}.slider{width:100%;height:6px;border-radius:3px;outline:none;-webkit-appearance:none}.slider.rating-excellent,.slider.rating-good,.slider.rating-poor{background:linear-gradient(to right,#f44,#ff9500,#00ff41)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--tech-cyan);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 8px #00ffff4d}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--tech-cyan);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 8px #00ffff4d}.rating-values{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.rating-values .min,.rating-values .max{color:var(--text-secondary)}.rating-values .current{font-size:1rem;font-weight:700}.rating-scale{display:flex;justify-content:space-between;margin-top:.375rem;padding-top:.375rem;border-top:1px solid var(--border-color)}.scale-label{font-size:.7rem;color:var(--text-secondary)}.rating-comment-input label{display:block;margin-bottom:.375rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.rating-comment-input textarea{width:100%;padding:.4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;min-height:40px}.rating-comment-input textarea:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 2px #00ffff1a}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.rating-form .btn{align-self:flex-start;padding:.35rem .8rem;font-size:.85rem}.comment-toggle-section{margin:.25rem 0}.comment-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.3rem 0;text-align:left;transition:color .2s}.comment-toggle-btn:hover{color:var(--text-primary)}.rating-form-compact{display:flex;flex-direction:column;gap:.3rem;width:fit-content}.rating-control-row{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;width:fit-content}.rating-label-inline{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.rating-slider-inline{display:flex;align-items:center;gap:.3rem;flex:0 0 auto;width:auto}.ascii-slider-container{position:relative;width:auto;height:20px;display:inline-flex;align-items:center;flex-shrink:1}.ascii-track{display:flex;gap:1px;font-family:monospace;font-size:.95rem;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:0px}.ascii-block{display:inline-block;transition:color .15s ease}.ascii-block.filled{color:var(--tech-cyan);text-shadow:0 0 4px rgba(0,255,255,.5)}.ascii-block.empty{color:var(--text-tertiary);opacity:.3}.slider-compact-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-compact-hidden::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer}.slider-compact-hidden::-moz-range-thumb{width:20px;height:20px;cursor:pointer;border:none;background:transparent}.rating-current-inline{font-size:.95rem;font-weight:700;min-width:22px;text-align:center;flex-shrink:0}.rating-current-inline.rating-excellent{color:#00ff41}.rating-current-inline.rating-good{color:#ff9500}.rating-current-inline.rating-poor{color:#f44}.btn-compact{padding:.4rem .7rem!important;font-size:.75rem!important;white-space:nowrap;flex-shrink:0;min-width:auto!important;width:auto!important}.comment-icon-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem .3rem;flex-shrink:0;transition:opacity .2s;line-height:1;margin-left:-.2rem}.comment-icon-btn:hover{opacity:.7}.rating-metadata-row{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);flex-wrap:wrap}.rating-metadata-row strong{font-weight:700}.rating-metadata-row strong.rating-excellent{color:#00ff41}.rating-metadata-row strong.rating-good{color:#ff9500}.rating-metadata-row strong.rating-poor{color:#f44}.rating-metadata-separator{color:var(--text-tertiary);opacity:.5}.waiting-text{font-style:italic;opacity:.8}.rating-comment-input-compact{margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border-color)}.rating-comment-input-compact textarea{width:100%;padding:.4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;min-height:40px}.rating-comment-input-compact textarea:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 2px #00ffff1a}.rating-comment-input-compact .char-count{display:block;text-align:right;font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}@media (max-width: 768px){.rating-control-row{flex-wrap:wrap}.rating-slider-inline{flex:1 1 100%;max-width:100%;order:1}.rating-label-inline{order:0}.btn-compact{order:2;flex:1}.comment-icon-btn{order:3}.rating-metadata-row{font-size:.7rem}}.user-profile-page{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 200px)}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:800px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.profile-avatar{flex-shrink:0}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase}.profile-info{flex:1}.profile-name{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.profile-name h1{font-size:1.8rem;font-weight:600;margin:0;color:var(--text-primary)}.profile-role{display:inline-block;padding:.25rem .75rem;background:#00ffff1a;border:1px solid var(--tech-cyan);border-radius:var(--radius-sm);font-size:.85rem;color:var(--tech-cyan);margin-bottom:var(--spacing-sm)}.profile-member-since{font-size:.9rem;color:var(--text-secondary)}.profile-section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.profile-section:last-child{border-bottom:none;padding-bottom:0}.profile-section h2{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-item{background:#00ffff0d;padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;border:1px solid rgba(0,255,255,.1)}.stat-value{font-size:2rem;font-weight:700;color:var(--tech-cyan);margin-bottom:var(--spacing-sm)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-profile-page .error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;max-width:600px;margin:0 auto}.user-profile-page .error-message h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.user-profile-page .error-message p{color:var(--text-secondary)}.profile-message-section{margin-top:var(--spacing-lg);position:relative}.btn-message-user{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-message-user:hover{opacity:.9;transform:translateY(-2px)}.product-selector-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;min-width:300px;max-width:400px;max-height:400px;overflow-y:auto;z-index:100}.product-selector-header{padding:var(--spacing-md);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.product-selector-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.product-selector-item:last-child{border-bottom:none}.product-selector-item:hover{background:var(--bg-secondary)}.product-selector-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.product-selector-info{flex:1;min-width:0}.product-selector-title{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-selector-price{font-size:1rem;font-weight:700;color:var(--tech-cyan)}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.profile-name{flex-direction:column;gap:var(--spacing-sm)}.avatar-placeholder{width:100px;height:100px;font-size:2rem}.profile-name h1{font-size:1.5rem}.profile-stats{grid-template-columns:1fr}.profile-card{padding:var(--spacing-lg)}.product-selector-dropdown{min-width:280px;max-width:calc(100vw - 2rem)}}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-links{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:var(--tech-cyan)}.footer-separator{color:var(--text-secondary);opacity:.5}.footer-copyright{font-size:.85rem;color:var(--text-secondary);opacity:.7}@media (max-width: 768px){.footer-links{flex-direction:column;gap:var(--spacing-sm)}.footer-separator{display:none}}.static-page{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 300px)}.static-page h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.static-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.static-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.static-content h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.static-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.static-content ul,.static-content ol{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.static-content li{margin-bottom:var(--spacing-sm);line-height:1.6}.steps-container{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.step-item{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:700;font-size:1.2rem;border-radius:50%}.step-content h3{color:var(--text-primary)!important;font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm)}.step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tip-item{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tip-item h3{color:var(--text-primary)!important;font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm)}.tip-item h4{color:var(--text-primary)!important;font-size:1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm)}.tip-item p{color:var(--text-secondary);line-height:1.6;margin:0}.verification-levels,.safety-tips{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.verification-item,.safety-tips .tip-item{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.verification-item.verified{border-color:var(--success-color);border-width:2px}.verification-item h3,.safety-tips .tip-item h4{color:var(--text-primary)!important;font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-md)}.provides-grid,.comparison-grid,.features-list,.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.provide-item,.comparison-item,.feature-item,.why-item{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.provide-item h3,.comparison-item h3,.feature-item h3,.why-item h3{color:var(--text-primary)!important;font-size:1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm)}.info-box,.tips-box,.warning-box{padding:var(--spacing-lg);margin:var(--spacing-lg) 0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.warning-box{border-left-color:var(--warning-color)}.info-box h3,.tips-box h3,.warning-box h3{color:var(--text-primary)!important;margin-top:0}.pricing-hero{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg)}.pricing-highlight{color:#fff!important;font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.pricing-subtitle{color:#ffffffe6!important;font-size:1.2rem;margin:0}.price-tag{font-size:2rem;font-weight:700;color:var(--primary-color);margin:var(--spacing-md) 0}.comparison-competitor{opacity:.7}.cta-section{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:var(--radius-lg)}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.page-intro{font-size:1.1rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-secondary)!important}@media (max-width: 768px){.static-page h1{font-size:1.5rem}.static-content{padding:var(--spacing-lg)}.step-item{flex-direction:column;gap:var(--spacing-md)}.tips-grid,.provides-grid,.comparison-grid,.features-list,.why-grid{grid-template-columns:1fr}.pricing-highlight{font-size:2rem}.cta-buttons{flex-direction:column}}.faq-page{max-width:900px;margin:0 auto 50px}.faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md);gap:var(--spacing-md)}.faq-header h1{margin:0}.btn-expand-all{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-expand-all:hover{background:var(--bg-tertiary);border-color:var(--tech-cyan);color:var(--tech-cyan)}.faq-intro{text-align:center;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-md)}.faq-intro p{color:var(--text-secondary);font-size:1.1rem}.faq-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.faq-item.active{border-color:var(--tech-cyan);box-shadow:0 2px 8px #00ffff1a}.faq-question{width:100%;padding:var(--spacing-lg);background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-primary);transition:background .2s ease}.faq-question:hover{background:#00ffff0d}.faq-question span:first-child{flex:1;padding-right:var(--spacing-md)}.faq-icon{font-size:1.5rem;color:var(--tech-cyan);font-weight:300;min-width:30px;text-align:center;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);animation:fadeIn .3s ease}.faq-answer p{color:var(--text-secondary);line-height:1.7;margin:0;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.faq-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.btn-expand-all{align-self:stretch;text-align:center}.faq-question{font-size:1rem;padding:var(--spacing-md)}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.faq-answer p{font-size:.95rem}}.faq-answer a.discord-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 2px 4px #5865f24d}.faq-answer a.discord-link:hover{background:linear-gradient(135deg,#4752c4,#5b6eae);box-shadow:0 4px 8px #5865f266;transform:translateY(-1px)}.guides-page{max-width:1600px;margin:0 auto;padding-bottom:var(--spacing-3xl)}.guides-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md);gap:var(--spacing-md)}.guides-header h1{margin:0}.guides-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-add-guide{padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-guide:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.guides-intro{text-align:center;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-md)}.guides-intro p{color:var(--text-secondary);font-size:1.1rem}.guides-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:0 var(--spacing-md) 50px var(--spacing-md);align-items:center;margin-bottom:50px!important}.guide-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;max-width:1400px;width:100%}.guide-item.active{border-color:var(--tech-cyan);box-shadow:0 4px 12px #00ffff26}.guide-header-button{width:100%;padding:var(--spacing-lg);background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:background .2s ease}.guide-header-button:hover{background:#00ffff0d}.guide-title{flex:1;font-size:1.3rem;font-weight:700;color:var(--text-primary);padding-right:var(--spacing-md)}.guide-icon{font-size:1.5rem;color:var(--tech-cyan);font-weight:300;min-width:30px;text-align:center;transition:transform .3s ease}.guide-item.active .guide-icon{transform:rotate(180deg)}.guide-content{animation:fadeIn .3s ease}.guide-image-container{width:100%;height:650px;overflow:hidden;background:var(--bg-primary);border-bottom:2px solid var(--tech-cyan)}.guide-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.guide-body{padding:var(--spacing-xl)}.guide-content-title{font-size:1.8rem;font-weight:700;color:var(--tech-cyan);text-transform:uppercase;margin:0 0 var(--spacing-lg) 0;letter-spacing:1px}.guide-text{margin-top:var(--spacing-md)}.guide-text p{color:var(--text-secondary);line-height:1.8;font-size:1.05rem;margin:0}.guide-text h2{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.guide-text h3{color:var(--tech-cyan);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.guide-text ul,.guide-text ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.guide-text li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.7}.guide-text strong{color:var(--tech-cyan);font-weight:600}.guide-admin-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.btn-edit-guide,.btn-delete-guide{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-edit-guide{background:var(--tech-cyan);color:var(--bg-primary);font-weight:600}.btn-edit-guide:hover{background:var(--tech-purple)}.btn-delete-guide{background:transparent;color:#ff4757;border:1px solid #ff4757}.btn-delete-guide:hover{background:#ff4757;color:#fff}@media (max-width: 768px){.guides-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.guides-header-actions{width:100%;justify-content:space-between}.guide-title{font-size:1.1rem}.guide-header-button{padding:var(--spacing-md)}.guide-body{padding:var(--spacing-lg)}.guide-content-title{font-size:1.3rem}.guide-text p{font-size:1rem}.guide-image-container{height:250px}.guide-admin-actions{padding:var(--spacing-sm) var(--spacing-md)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00ffff26;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.5rem;color:var(--tech-cyan);margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content form{padding:var(--spacing-xl)}.modal-content.guide-modal{max-width:1400px!important;width:95%!important}.guide-modal .form-group{margin-bottom:var(--spacing-lg)}.guide-modal label{display:block;font-size:.9rem;font-weight:600;color:var(--tech-cyan);margin-bottom:var(--spacing-xs)}.guide-modal input[type=text],.guide-modal input[type=file],.guide-modal textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.guide-modal input[type=file]{cursor:pointer;padding:var(--spacing-md)}.guide-modal input[type=file]:disabled{opacity:.5;cursor:not-allowed}.guide-modal input[type=text]:focus,.guide-modal textarea:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 3px #00ffff1a}.guide-modal textarea{resize:vertical;min-height:200px;line-height:1.6}.upload-status{margin-top:var(--spacing-xs);color:var(--tech-cyan);font-size:.9rem;font-style:italic}.upload-error{margin-top:var(--spacing-xs);color:#ff4757;font-size:.9rem;font-weight:500}.image-preview{margin-top:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.image-preview img{width:100%;height:auto;display:block;max-height:none}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-save{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--bg-primary)}.btn-save:hover{transform:translateY(-1px);box-shadow:var(--glow-cyan)}.guide-modal .quill{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.guide-modal .ql-toolbar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none}.guide-modal .ql-container{border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);min-height:300px;font-size:1rem;font-family:inherit}.guide-modal .ql-editor{color:var(--text-primary);min-height:300px;padding:var(--spacing-md)}.guide-modal .ql-editor.ql-blank:before{color:var(--text-secondary);font-style:italic}.guide-modal .ql-toolbar button{color:var(--text-primary)}.guide-modal .ql-toolbar button:hover,.guide-modal .ql-toolbar button.ql-active{color:var(--tech-cyan)}.guide-modal .ql-toolbar .ql-stroke{stroke:var(--text-primary)}.guide-modal .ql-toolbar button:hover .ql-stroke,.guide-modal .ql-toolbar button.ql-active .ql-stroke{stroke:var(--tech-cyan)}.guide-modal .ql-toolbar .ql-fill{fill:var(--text-primary)}.guide-modal .ql-toolbar button:hover .ql-fill,.guide-modal .ql-toolbar button.ql-active .ql-fill{fill:var(--tech-cyan)}.guide-modal .ql-toolbar .ql-picker-label{color:var(--text-primary);border-color:var(--border-color)}.guide-modal .ql-toolbar .ql-picker-label:hover{color:var(--tech-cyan)}.guide-modal .ql-toolbar .ql-picker-options{background:var(--bg-secondary);border-color:var(--border-color);padding:var(--spacing-xs)}.guide-modal .ql-toolbar .ql-picker-item{color:var(--text-primary)}.guide-modal .ql-toolbar .ql-picker-item:hover{background:var(--bg-tertiary);color:var(--tech-cyan)}.guide-modal .ql-editor h1,.guide-modal .ql-editor h2,.guide-modal .ql-editor h3{color:var(--tech-cyan)}.guide-modal .ql-editor strong{font-weight:700}.guide-modal .ql-editor a{color:var(--tech-cyan);text-decoration:underline}.guide-modal .ql-editor ul,.guide-modal .ql-editor ol{padding-left:1.5em}.guide-modal .ql-snow .ql-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 4px 12px #00000080}.guide-modal .ql-snow .ql-tooltip input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.guide-modal .ql-snow .ql-tooltip a.ql-action:after,.guide-modal .ql-snow .ql-tooltip a.ql-remove:before{color:var(--tech-cyan)}.tracking-widget-message{width:100%;max-width:800px;align-self:center;padding:.5rem;background:var(--bg-secondary);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);margin:.75rem 0;box-shadow:0 0 20px #00ffff26}.tracking-widget{margin-top:.25rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tracking-widget h4{margin:0 0 1rem;color:var(--tech-cyan);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.tracking-widget.loading{padding:2rem;text-align:center;color:var(--text-secondary)}.tracking-description{margin:0 0 1rem;padding:.75rem;background:#00ffff0d;border-left:3px solid var(--tech-cyan);color:var(--text-secondary);font-size:.9rem;border-radius:var(--radius-sm)}.tracking-info{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.tracking-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.tracking-row:last-child{border-bottom:none;padding-bottom:0}.tracking-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.tracking-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.tracking-number{font-family:Courier New,monospace;background:#00ffff1a;padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--tech-cyan)}.btn-track-package{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:var(--bg-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #00ffff4d}.btn-track-package:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}.tracking-notes{margin-top:1rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tracking-notes strong{color:var(--tech-cyan);display:block;margin-bottom:.5rem;font-size:.9rem}.tracking-notes p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.tracking-submitted{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);text-align:center}.tracking-submitted small{color:var(--text-muted);font-size:.8rem}.tracking-widget.locked{background:#11182780;border-color:#6464644d}.tracking-locked-notice{margin:1rem 0 0;padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);color:#ffc107;font-size:.85rem;text-align:center}.tracking-pending{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem;background:#00ffff0d;border:1px dashed rgba(0,255,255,.2);border-radius:var(--radius-md)}.tracking-form{margin-top:1rem}.tracking-form .form-group{margin-bottom:1rem}.tracking-form label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:500}.tracking-form input[type=text],.tracking-form input[type=url],.tracking-form input[type=date],.tracking-form select,.tracking-form textarea{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.tracking-form input:focus,.tracking-form select:focus,.tracking-form textarea:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 3px #00ffff1a}.tracking-form input.error,.tracking-form select.error,.tracking-form textarea.error{border-color:#f44}.tracking-form .error-text{display:block;margin-top:.25rem;color:#f44;font-size:.8rem}.tracking-form .help-text{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.8rem}.tracking-form .char-count{display:block;margin-top:.25rem;text-align:right;color:var(--text-muted);font-size:.75rem}.tracking-form textarea{resize:vertical;min-height:80px;font-family:inherit}.edit-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;align-items:center}.edit-time-remaining{margin:0;padding:.5rem 1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);color:#ffc107;font-size:.85rem;text-align:center}.btn-small{padding:.5rem 1rem;font-size:.85rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.form-actions .btn{flex:1;max-width:150px}.form-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.form-actions .btn-secondary:hover{background:var(--bg-secondary)}.tracking-widget.buyer-view{border-left:3px solid #4caf50}.tracking-widget.seller-view{border-left:3px solid var(--tech-cyan)}.tracking-widget.seller-view.editable{border-left:3px solid #ffc107}.tracking-widget.seller-view.editing{border-left:3px solid var(--tech-purple)}@media (max-width: 768px){.tracking-widget-message{max-width:100%;padding:.25rem}.tracking-widget{padding:.75rem}.tracking-widget h4{font-size:.9rem}.tracking-row{flex-direction:column;align-items:flex-start;gap:.25rem}.tracking-label,.tracking-value{font-size:.85rem}.btn-track-package{width:100%;justify-content:center;padding:.6rem 1rem;font-size:.85rem}.form-actions{flex-direction:column}.form-actions .btn{max-width:none}.edit-section{align-items:stretch}.edit-section .btn-small{width:100%}}@media (prefers-color-scheme: dark){.tracking-widget{box-shadow:0 2px 8px #0000004d}.tracking-info{background:#0003}.tracking-form input,.tracking-form select,.tracking-form textarea{background:#0000004d}}.create-product-page label,.form-section label,.form-group label{color:var(--text-primary)!important}.form-section h3{color:var(--tech-cyan)!important}.create-product-page select,.form-section select,.form-group select{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.create-product-page select option,.form-section select option,.form-group select option{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.create-product-page select:focus,.form-section select:focus,.form-group select:focus{border-color:var(--tech-cyan)!important;box-shadow:var(--glow-cyan)!important}.create-product-page input,.create-product-page textarea,.form-section input,.form-section textarea,.form-group input,.form-group textarea{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.create-product-page input:focus,.create-product-page textarea:focus,.form-section input:focus,.form-section textarea:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--tech-cyan)!important;box-shadow:var(--glow-cyan)!important}.image-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.image-upload-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-upload-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.image-dropzone{position:relative;min-height:200px;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);transition:all .3s ease;cursor:pointer}.image-dropzone:hover{border-color:var(--tech-cyan);background:#00ffff0d}.image-dropzone.drag-active{border-color:var(--tech-cyan);background:#00ffff1a;box-shadow:var(--glow-cyan)}.dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-lg);cursor:pointer;color:var(--text-secondary)}.dropzone-content svg{color:var(--tech-cyan);margin-bottom:var(--spacing-md)}.dropzone-content p{margin:0;font-size:.875rem;text-align:center}.upload-progress{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-top:var(--spacing-md)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--tech-cyan),var(--tech-purple));transition:width .3s ease}.image-preview{position:relative;min-height:200px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color)}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.btn-remove-image{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background:#f00c;border:none;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:700;line-height:1}.btn-remove-image:hover{background:red;transform:scale(1.1)}.required{color:var(--neon-pink)}.form-help{margin:var(--spacing-sm) 0;font-size:.875rem;color:var(--text-secondary)}.error-message{padding:var(--spacing-md);background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);color:var(--neon-pink);margin-bottom:var(--spacing-lg);font-size:.875rem}@media (max-width: 768px){.image-upload-grid{grid-template-columns:1fr}.image-dropzone,.dropzone-content{min-height:150px}}.chat-page{min-height:calc(100vh - 80px);background:var(--bg-primary)}.chat-container{display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 80px);max-width:1600px;margin:0 auto;overflow:hidden}.chat-list-container,.chat-window-container{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-list{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.chat-list-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.chat-list-header h2{margin:0;font-size:1.5rem;color:var(--tech-cyan)}.chat-count{background:var(--tech-cyan);color:var(--bg-primary);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.chat-list-items{flex:1;overflow-y:auto}.chat-list-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.chat-list-item:hover{background:var(--bg-tertiary)}.chat-list-item.selected{background:var(--bg-tertiary);border-left:3px solid var(--tech-cyan)}.chat-list-item.unread{background:#00ffff0d}.chat-item-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.chat-item-image img{width:100%;height:100%;object-fit:cover}.chat-item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:1.5rem}.chat-user-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ff3,#8a2be233);color:var(--tech-cyan);font-size:1.2rem;font-weight:700;text-transform:uppercase;border:2px solid var(--tech-cyan)}.chat-item-info{flex:1;min-width:0}.chat-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:4px}.chat-item-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-time{font-size:.75rem;color:var(--text-secondary);flex-shrink:0;margin-left:8px}.chat-item-user{font-size:.85rem;color:var(--tech-cyan);margin-bottom:4px}.chat-item-preview{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-unread{position:absolute;top:8px;right:8px;background:var(--neon-pink);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.chat-list-empty,.chat-list-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.empty-subtitle{font-size:.875rem;margin-top:8px}.chat-window{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.chat-window-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.chat-header-info{flex:1}.chat-header-product{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.chat-header-user{font-size:.9rem;color:var(--text-secondary);margin-bottom:4px}.chat-header-price{font-size:1rem;color:var(--tech-cyan);font-weight:600}.btn-close-chat{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;transition:color .2s}.btn-close-chat:hover{color:var(--neon-pink)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;scroll-behavior:smooth}.chat-loading,.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.message-bubble{max-width:70%;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-tertiary);align-self:flex-start}.message-bubble.own-message{align-self:flex-end;background:linear-gradient(135deg,#00ffff1a,#8a2be21a);border:1px solid var(--tech-cyan)}.message-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.75rem}.message-sender{color:var(--tech-cyan);font-weight:600}.message-time{color:var(--text-secondary)}.message-content{color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap}.message-read-status{text-align:right;font-size:.7rem;color:var(--tech-cyan);margin-top:4px}.bid-message{max-width:85%;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid;align-self:flex-start;background:var(--bg-secondary)}.bid-message.own-bid{align-self:flex-end}.bid-message.bid-good{border-color:#0f0;box-shadow:0 0 10px #0f03}.bid-message.bid-okay{border-color:#fa0;box-shadow:0 0 10px #fa03}.bid-message.bid-low{border-color:red;box-shadow:0 0 10px #f003}.bid-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.bid-icon{font-size:1.5rem}.bid-title{font-size:1rem;font-weight:600;color:var(--tech-cyan);flex:1}.bid-time{font-size:.75rem;color:var(--text-secondary)}.bid-details{margin-bottom:var(--spacing-md)}.bid-price-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem}.bid-price-row.highlight{font-size:1.1rem;font-weight:600;color:var(--tech-cyan)}.bid-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.bid-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:1rem;font-weight:600}.bid-stat.negative .stat-value{color:var(--neon-pink)}.bid-stat.positive .stat-value{color:#0f0}.bid-message-content{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--spacing-md);color:var(--text-primary)}.bid-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);position:relative}.btn-bid-action{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-accept{background:#0f0;color:#000}.btn-accept:hover{background:#0c0;box-shadow:0 0 10px #00ff0080}.btn-decline{background:red;color:#fff}.btn-decline:hover{background:#c00;box-shadow:0 0 10px #ff000080}.btn-counter{background:#fa0;color:#000}.btn-counter:hover{background:#d80;box-shadow:0 0 10px #ffaa0080}.btn-block{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-block:hover{background:#ff00001a;color:var(--neon-pink);border-color:var(--neon-pink)}.block-actions{position:absolute;bottom:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg);z-index:10}.btn-block-option{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;white-space:nowrap;transition:all .2s}.btn-block-option:hover{background:#ff00001a;border-color:var(--neon-pink);color:var(--neon-pink)}.btn-block-complete:hover{background:#f003}.bid-status{margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center;font-weight:600;border-radius:var(--radius-sm)}.bid-status.accept{background:#00ff001a;color:#0f0}.bid-status.decline{background:#ff00001a;color:var(--neon-pink)}.chat-input-form{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:var(--spacing-md)}.chat-input{flex:1;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.chat-input:focus{border-color:var(--tech-cyan);box-shadow:var(--glow-cyan);outline:none}.btn-send-message{padding:12px 24px;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-send-message:hover:not(:disabled){box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.no-chat-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.3}.bid-modal{max-width:600px;width:90%}.bid-modal-product{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.bid-modal-product h3{margin:0 0 8px;color:var(--text-primary)}.product-list-price{font-size:1.1rem;color:var(--tech-cyan);font-weight:600}.bid-preview{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px solid;margin-bottom:var(--spacing-lg)}.bid-preview.bid-good{border-color:#0f0}.bid-preview.bid-okay{border-color:#fa0}.bid-preview.bid-low{border-color:red}.bid-preview-row{display:flex;justify-content:space-between;padding:8px 0}.bid-preview-row strong{color:var(--tech-cyan)}.bid-preview-row .negative{color:var(--neon-pink)}.bid-preview-row .positive{color:#0f0}@media (max-width: 768px){.chat-container{grid-template-columns:1fr}.chat-list-container.mobile-hidden,.chat-window-container.mobile-hidden{display:none}.message-bubble,.bid-message{max-width:90%}.bid-stats{grid-template-columns:1fr}.bid-actions{flex-direction:column}.btn-bid-action{width:100%}}.chat-offer-section{padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);flex-shrink:0}.offer-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.offer-controls-fullwidth{width:100%}.offer-controls[data-disabled=true]{opacity:.6;pointer-events:none}.current-offer-badge{display:inline-flex;align-items:center;gap:6px;padding:.5rem .75rem;background:#4caf501a;border:2px solid #4CAF50;border-radius:6px;font-size:.85rem;white-space:nowrap;flex-shrink:0}.current-offer-badge.own-offer{background:#00ffff0d;border-color:var(--tech-cyan)}.offer-label{color:var(--text-secondary);font-size:.8rem}.offer-value{color:#4caf50;font-weight:700;font-size:.95rem}.offer-percentage{color:var(--text-secondary);font-size:.75rem;margin-left:4px}.offer-hint{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0;text-align:center}.btn-toggle-offer{padding:12px 24px;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-toggle-offer:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.offer-input-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.offer-input-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-input{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem}.form-input:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 2px #00ffff1a;outline:none}.form-input:disabled{opacity:.5;cursor:not-allowed}.offer-amount-input{font-weight:600;font-size:1rem}.input-hint{font-size:.75rem;color:var(--tech-cyan);font-weight:500}.offer-error{padding:8px 12px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-sm);color:var(--neon-pink);font-size:.85rem}.offer-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.offer-actions .btn{padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.offer-actions .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.offer-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--tech-cyan)}.offer-actions .btn-primary{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));border:none;color:#fff}.offer-actions .btn-primary:hover:not(:disabled){box-shadow:var(--glow-cyan);transform:translateY(-1px)}.offer-actions .btn:disabled{opacity:.5;cursor:not-allowed}.offer-action-buttons{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn-accept-offer{background:#0f0;color:#000;font-weight:600}.btn-accept-offer:hover{background:#0c0;box-shadow:0 0 15px #00ff0080}.btn-counter-offer{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:#fff;font-weight:600}.btn-counter-offer:hover{box-shadow:var(--glow-cyan)}.btn-decline-offer{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-weight:600}.btn-decline-offer:hover{background:#ff00001a;border-color:var(--neon-pink);color:var(--neon-pink)}.btn-block-user{background:var(--neon-pink);color:#fff;font-weight:600}.btn-block-user:hover{background:#d07;box-shadow:0 0 15px #ff007f80}.offer-action-buttons .btn{padding:12px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap}.offer-action-buttons.sale-actions{grid-template-columns:1fr 1fr}.btn-republish{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));color:#fff;font-weight:600}.btn-republish:hover{box-shadow:var(--glow-cyan)}@media (max-width: 768px){.offer-action-buttons{grid-template-columns:1fr 1fr}}.offer-message{max-width:80%;padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid var(--tech-cyan);align-self:flex-start}.offer-message.own{align-self:flex-end;border-color:var(--tech-purple);background:#8a2be20d}.offer-message.offer,.offer-message.counter_offer{box-shadow:0 0 15px #00ffff26}.offer-message.accept{border-color:#0f0;background:#00ff000d;box-shadow:0 0 15px #00ff0026}.offer-message.withdraw{border-color:var(--neon-pink);background:#ff007f0d;box-shadow:0 0 15px #ff007f26}.offer-system-badge{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.offer-icon{font-size:1.2rem}.offer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.offer-header-left{display:flex;align-items:center;gap:8px;flex:1}.offer-header .offer-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.offer-header .offer-value{color:var(--tech-cyan);font-weight:700;font-size:1.2rem}.offer-header .offer-percentage{color:var(--text-secondary);font-size:.85rem}.offer-timestamp{color:var(--text-secondary);font-size:.75rem;white-space:nowrap;flex-shrink:0}.offer-content{padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);margin-top:var(--spacing-sm);font-size:.9rem}.offer-message .offer-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:flex-start}.offer-message .btn-accept{background:#0f0;color:#000;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.offer-message .btn-accept:hover:not(:disabled){background:#0c0;box-shadow:0 0 15px #00ff0080;transform:translateY(-1px)}.offer-message .btn-withdraw{background:var(--neon-pink);color:#fff;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.offer-message .btn-withdraw:hover:not(:disabled){background:#d07;box-shadow:0 0 15px #ff007f80;transform:translateY(-1px)}.offer-message .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.rating-widget-message{width:fit-content;max-width:100%;align-self:flex-start;padding:.5rem;background:var(--bg-secondary);border:2px solid var(--tech-purple);border-radius:var(--radius-md);margin:.75rem 0;box-shadow:0 0 20px #8a2be233}.rating-widget-message h3{color:var(--tech-cyan);margin-bottom:var(--spacing-md);text-align:center}.waiting-notice{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:var(--radius-sm);padding:.4rem .6rem;margin:.5rem 0;color:orange;font-size:.75rem;text-align:center}.their-rating-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.their-rating-section h4{color:var(--tech-cyan);margin-bottom:var(--spacing-md);font-size:1.1rem}.their-rating-preview{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-sm);padding:.4rem;margin:.4rem 0}.their-rating-preview h5{color:var(--tech-cyan);margin:0 0 .375rem;font-size:.85rem}.rating-display-small{display:flex;align-items:center;gap:.5rem}.rating-display-small .rating-number{font-size:1.25rem;font-weight:700}.rating-comment-small{margin:.375rem 0 0;font-size:.8rem;font-style:italic;opacity:.9}.penalty-warning{padding:.75rem;margin-bottom:.75rem;background:#ffa5001a;border:2px solid #FFA500;border-radius:var(--radius-sm);border-left-width:4px}.penalty-warning strong{display:block;color:orange;font-size:.85rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.penalty-warning p{margin:0;color:var(--text-primary);font-size:.85rem;line-height:1.4}.profanity-lock-warning{padding:.75rem;margin-bottom:.75rem;background:#f443361a;border:2px solid #f44336;border-radius:var(--radius-sm);border-left-width:4px;box-shadow:0 0 10px #f4433633}.profanity-lock-warning strong{display:block;color:#f44336;font-size:.85rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.profanity-lock-warning p{margin:0;color:var(--text-primary);font-size:.85rem;line-height:1.4}.ascii-block.disabled{opacity:.3;cursor:not-allowed;color:var(--text-tertiary)}.ascii-block.disabled:hover{opacity:.3}.submitted-comments-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.submitted-comment{padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--tech-cyan)}.submitted-comment.their-comment{border-left-color:var(--tech-purple);background:#8a2be20d}.submitted-comment strong{display:block;color:var(--tech-cyan);font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.submitted-comment.their-comment strong{color:var(--tech-purple)}.submitted-comment p{margin:0;color:var(--text-primary);font-size:.85rem;line-height:1.4;font-style:italic}.completion-status{background:transparent;border:none;padding:0;margin:0 0 var(--spacing-sm) 0}.completion-status.completed{background:#4caf500d;border:2px solid #4CAF50;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;display:flex;align-items:flex-start;gap:var(--spacing-md)}.completion-status.waiting{background:#ffa5000d;border:2px solid #FFA500;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;display:flex;align-items:flex-start;gap:var(--spacing-md)}.completion-status.pending-confirmation{background:#00ffff0d;border:2px solid var(--tech-cyan);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.completion-status.initial{background:transparent;border:none;padding:0;margin:0}.completion-icon{font-size:2rem;line-height:1;flex-shrink:0}.completion-text{flex:1}.completion-text strong{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem}.completion-hint{color:var(--text-secondary);font-size:.9rem;margin:var(--spacing-xs) 0;line-height:1.4;display:none}.completion-timestamp{color:var(--text-tertiary);font-size:.8rem;margin-top:var(--spacing-xs);font-style:italic}.btn-cancel-completion{margin-top:var(--spacing-sm);padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);color:#f44336;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-cancel-completion:hover:not(:disabled){background:#f4433633;border-color:#f44336}.btn-cancel-completion:disabled{opacity:.5;cursor:not-allowed}.btn-complete-transaction{flex:1;padding:.5rem 1rem;background:#10b981;border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;text-transform:none;white-space:nowrap}.btn-complete-transaction:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b98166}.btn-complete-transaction:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-confirm-completion{width:100%;padding:.75rem 1.5rem;margin-top:var(--spacing-sm)}.completion-notes-input{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.completion-notes-textarea{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical;min-height:80px;transition:border-color .2s}.completion-notes-textarea:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 0 2px #00ffff1a}.completion-notes-textarea::placeholder{color:var(--text-tertiary)}.completion-notes-actions{display:flex;gap:var(--spacing-sm)}.completion-notes-actions .btn{flex:1;padding:.65rem 1rem}.offer-action-buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.offer-action-buttons-container .current-offer-badge{flex-shrink:0}.offer-action-buttons-container .offer-action-buttons,.offer-action-buttons-container .completion-status.initial{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-left:auto}.offer-action-buttons-container .btn{flex:0 0 auto;padding:.5rem 1rem;font-size:.95rem;white-space:nowrap}.offer-action-buttons-container .btn-republish,.offer-action-buttons-container .btn-block-user{padding:.5rem .85rem;font-size:.9rem}@media (max-width: 768px){.offer-input-row{grid-template-columns:1fr}.offer-message{max-width:95%}.offer-actions{flex-direction:column}.offer-actions .btn{width:100%}.rating-widget-message{max-width:100%;padding:.5rem}.offer-action-buttons-container{flex-direction:column}.completion-status.completed,.completion-status.waiting{flex-direction:column;gap:var(--spacing-sm)}.completion-icon{font-size:1.5rem}.completion-notes-actions{flex-direction:column}.completion-notes-actions .btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 0 30px #00ffff4d,0 4px 20px #00000080;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-content.modal-warning{border-color:orange;box-shadow:0 0 30px #ffa50066,0 4px 20px #00000080}.modal-content.modal-error{border-color:#f44336;box-shadow:0 0 30px #f4433666,0 4px 20px #00000080}.modal-content.modal-success{border-color:#4caf50;box-shadow:0 0 30px #4caf5066,0 4px 20px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#00ffff0d,#8a2be20d)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--tech-cyan);text-transform:uppercase;letter-spacing:.5px}.modal-error .modal-header h3{color:#f44336}.modal-warning .modal-header h3{color:orange}.modal-success .modal-header h3{color:#4caf50}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:var(--radius-sm)}.modal-close-btn:hover{background:#ff007f1a;color:var(--neon-pink);transform:rotate(90deg)}.modal-body{padding:var(--spacing-lg);color:var(--text-primary);font-size:1rem;line-height:1.6;max-height:calc(90vh - 180px);overflow-y:auto}.modal-body p{margin:0 0 var(--spacing-md) 0}.modal-body p:last-child{margin-bottom:0}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background:var(--bg-tertiary)}.btn-modal-primary{padding:.75rem 2rem;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-purple));border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-modal-primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.modal-error .btn-modal-primary{background:linear-gradient(135deg,#f44336,#d32f2f)}.modal-error .btn-modal-primary:hover{box-shadow:0 0 20px #f4433699}.modal-warning .btn-modal-primary{background:linear-gradient(135deg,orange,#ff8c00)}.modal-warning .btn-modal-primary:hover{box-shadow:0 0 20px #ffa50099}.modal-success .btn-modal-primary{background:linear-gradient(135deg,#4caf50,#45a049)}.modal-success .btn-modal-primary:hover{box-shadow:0 0 20px #4caf5099}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-header h3{font-size:1.1rem}.modal-body{max-height:calc(95vh - 160px);font-size:.95rem}.btn-modal-primary{padding:.65rem 1.5rem;font-size:.9rem}}.profile-dropdown{position:relative;display:inline-block}.profile-icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;border-radius:6px}.dashboard-icon{color:#00ffffb3;transition:all .3s ease}.profile-icon-button:hover{background:#00ffff1a}.profile-icon-button:hover .dashboard-icon{color:#0ff;transform:scale(1.1)}.profile-icon-button:active .dashboard-icon{transform:scale(.95)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ff6b9d;border:2px solid var(--bg-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;padding:0 4px;animation:pulse 2s infinite;box-shadow:0 0 8px #ff6b9d4d}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);box-shadow:0 8px 32px #000000e6;overflow:hidden;z-index:1000;animation:dropdown-slide .2s ease-out}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);background:#0d0d0d!important}.dropdown-user-name{font-weight:600;color:#fff!important;margin-bottom:4px}.dropdown-user-email{font-size:12px;color:#a0a0a0!important}.dropdown-user-status{display:flex;gap:var(--spacing-sm);margin-top:8px;flex-wrap:wrap}.verified-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:12px;color:#0f0;font-size:11px;font-weight:600}.rating-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:11px;font-weight:600}.dropdown-items{padding:var(--spacing-sm) 0;background:#1a1a1a}.dropdown-item{width:100%;padding:var(--spacing-md);background:none;border:none;color:#fff!important;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#0ff9;transform:scaleY(0);transition:transform .2s ease}.dropdown-item:hover{background:#ffffff1a!important;padding-left:calc(var(--spacing-md) + 3px)}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-item:active{background:#ffffff26!important}.dropdown-item-icon{font-size:18px;width:24px;display:flex;align-items:center;justify-content:center}.dropdown-item-text{flex:1;color:inherit}.dropdown-divider{height:1px;background:#ffffff1a;margin:var(--spacing-sm) 0}.dropdown-item.logout{color:#ff6b9d!important;font-weight:600}.dropdown-item.logout:before{background:#ff6b9d!important}.dropdown-item.logout:hover{background:#ff6b9d26!important}.dropdown-item.admin-link{color:#f96!important;font-weight:600}.dropdown-item.admin-link:before{background:#f96!important}.dropdown-item.admin-link:hover{background:#ff996626!important}@media (max-width: 768px){.profile-dropdown-menu{position:fixed;top:60px;right:var(--spacing-md);left:var(--spacing-md);min-width:auto;max-width:400px;margin:0 auto}.dashboard-icon{width:22px;height:22px}.notification-badge{min-width:16px;height:16px;font-size:9px}}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fade-in .2s ease}@media (min-width: 769px){.dropdown-overlay{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dropdown-loading{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:12px}.profile-icon-button:focus{outline:2px solid rgba(0,255,255,.5);outline-offset:2px;background:#00ffff1a}.dropdown-item:focus{background:#ffffff0d;outline:none}@media (prefers-color-scheme: light){.profile-dropdown-menu{background:#fffffff2;border-color:#0000001a}.dropdown-header{background:#00ffff14}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden;padding:2rem}.bg-gradient-1{position:absolute;top:-50%;right:-25%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,102,204,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.bg-gradient-2{position:absolute;bottom:-50%;left:-25%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,153,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,-50px)}}.maintenance-container{max-width:600px;width:100%;text-align:center;position:relative;z-index:1}.maintenance-icon{margin:0 auto 2rem;display:inline-block}.tool-icon{color:#06c;animation:rotate 3s linear infinite;filter:drop-shadow(0 0 20px rgba(0,102,204,.3))}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:50px;margin-bottom:2rem}.status-indicator{width:8px;height:8px;background:#dc3545;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-text{color:#dc3545;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.maintenance-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.maintenance-message{font-size:1.125rem;color:#b0b0b0;line-height:1.6;margin-bottom:2rem}.auto-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#999;font-size:.875rem;margin-bottom:3rem}.auto-refresh svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-info{margin-bottom:3rem}.support-info>p{color:gray;margin-bottom:1rem;font-size:.95rem}.support-contacts{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.support-link{display:inline-flex;align-items:center;gap:.5rem;color:#06c;text-decoration:none;font-size:.95rem;transition:all .2s;padding:.5rem .75rem;border-radius:6px}.support-link:hover{background:#0066cc1a;color:#09f}.support-link svg{flex-shrink:0}.separator{color:#404040;font-size:1.25rem}.maintenance-footer{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.maintenance-footer .logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#06c,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.maintenance-footer p{color:#666;font-size:.875rem}.admin-login-btn{position:fixed;bottom:2rem;right:2rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0066cc1a;border:1px solid rgba(0,102,204,.3);border-radius:8px;color:#06c;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-login-btn:hover{background:#06c3;border-color:#0066cc80;color:#09f;transform:translateY(-2px);box-shadow:0 4px 12px #06c3}.admin-login-btn svg{flex-shrink:0}@media (max-width: 768px){.maintenance-title{font-size:2rem}.maintenance-message{font-size:1rem}.support-contacts{flex-direction:column;gap:.75rem}.separator{display:none}.bg-gradient-1,.bg-gradient-2{width:400px;height:400px}.admin-login-btn{bottom:1rem;right:1rem;padding:.625rem 1rem;font-size:.8125rem}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px;animation:fadeIn .3s ease-in-out}.cookie-consent-banner{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden}.cookie-consent-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;color:#fff}.cookie-consent-header h3{margin:0;font-size:1.25rem;font-weight:600}.cookie-consent-content{padding:24px}.cookie-consent-content p{margin:0 0 20px;color:#4a5568;line-height:1.6;font-size:.95rem}.cookie-consent-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cookie-consent-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:140px}.btn-accept-all{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-accept-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-reject-all{background:#e2e8f0;color:#4a5568}.btn-reject-all:hover{background:#cbd5e0}.btn-customize{background:transparent;color:#667eea;border:2px solid #667eea}.btn-customize:hover{background:#667eea;color:#fff}.btn-save-preferences{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save-preferences:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-back{background:#e2e8f0;color:#4a5568}.btn-back:hover{background:#cbd5e0}.cookie-consent-links{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#718096}.cookie-consent-links a{color:#667eea;text-decoration:none}.cookie-consent-links a:hover{text-decoration:underline}.cookie-consent-links .separator{color:#cbd5e0}.cookie-preferences{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cookie-preference-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f7fafc}.preference-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.preference-info{flex:1}.preference-info h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#2d3748}.preference-info p{margin:0;font-size:.85rem;color:#718096;line-height:1.5}.preference-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap}.toggle-label{font-size:.85rem;color:#718096;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;border-radius:24px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s ease}input[type=checkbox]:checked+.toggle-switch .toggle-slider{background-color:#667eea}input[type=checkbox]:checked+.toggle-switch .toggle-slider:before{transform:translate(24px)}input[type=checkbox]:disabled{cursor:not-allowed}.preference-toggle input[type=checkbox]:disabled{opacity:.5}@media (max-width: 768px){.cookie-consent-overlay{padding:0}.cookie-consent-banner{border-radius:12px 12px 0 0}.cookie-consent-header{padding:16px 20px}.cookie-consent-header h3{font-size:1.1rem}.cookie-consent-content{padding:20px}.cookie-consent-actions{flex-direction:column}.cookie-consent-actions button{width:100%;min-width:unset}.preference-header{flex-direction:column;gap:12px}.preference-toggle{align-self:flex-start}}@media (prefers-color-scheme: dark){.cookie-consent-banner{background:#1a202c}.cookie-consent-content p{color:#cbd5e0}.cookie-preference-item{background:#2d3748;border-color:#4a5568}.preference-info h4{color:#e2e8f0}.preference-info p{color:#a0aec0}.btn-reject-all,.btn-back{background:#2d3748;color:#e2e8f0}.btn-reject-all:hover,.btn-back:hover{background:#4a5568}.toggle-slider{background-color:#4a5568}.cookie-consent-links{color:#a0aec0}}@media print{.cookie-consent-overlay{display:none}}.milestone-tracker{background:linear-gradient(135deg,#1a1a2ef2,#26263af2);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:2rem;margin:3rem auto;max-width:1350px;box-shadow:0 8px 32px #0006,0 0 20px #ffd7001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.milestone-header{text-align:center;margin-bottom:2rem}.milestone-title{font-size:1.8rem;font-weight:700;color:gold;margin:0 0 .5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.milestone-subtitle{font-size:1rem;color:#b8b8d4;margin:0}.milestone-progress-container{display:flex;flex-direction:column;gap:1.5rem}.metric-progress{display:flex;flex-direction:column;gap:.5rem}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.metric-label{color:#e0e0f0;font-weight:600}.metric-value{color:gold;font-weight:700;font-size:1rem}.metric-percentage{color:#b8b8d4;font-size:.9rem;font-weight:500}.progress-bar-container{width:100%;height:24px;background:#14142399;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,.15);position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,gold,#ffed4e);border-radius:12px;transition:width 1s ease-in-out;position:relative;box-shadow:0 0 15px #ffd70080,inset 0 1px #ffffff4d;animation:pulse 2s ease-in-out infinite}.progress-bar-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}20%,to{left:100%}}@keyframes pulse{0%,to{box-shadow:0 0 15px #ffd70080,inset 0 1px #ffffff4d}50%{box-shadow:0 0 25px #ffd700b3,inset 0 1px #fff6}}.milestone-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,215,0,.15)}.milestone-label{color:#b8b8d4;font-size:.9rem;font-weight:500}@media (max-width: 768px){.milestone-tracker{padding:1.5rem;margin:2rem 1rem}.milestone-title{font-size:1.5rem}.milestone-subtitle{font-size:.9rem}.metric-header{font-size:.85rem}.progress-bar-container{height:20px}}@media (max-width: 480px){.milestone-tracker{padding:1rem}.milestone-title{font-size:1.3rem}.metric-value{font-size:.9rem}.progress-bar-container{height:18px}}.profile-settings{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xxl);width:100%}.settings-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid rgba(255,255,255,.1)}.settings-header h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.settings-description{font-size:14px;color:#a0a0a0;margin:0}.message-box{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:14px;font-weight:500;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-form{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 1024px){.settings-form{grid-template-columns:repeat(2,1fr)}.form-section.full-width{grid-column:1 / -1}}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:all .3s ease;min-height:200px}.form-section:hover{background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 4px 16px #0003}.section-title{font-size:16px;font-weight:600;color:#00ffffe6;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,255,.15);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media (min-width: 1024px){.form-section .form-row{grid-template-columns:1fr}.form-section.full-width .form-row{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.required{color:#ff6b9d;font-size:16px}.form-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease}.form-input::placeholder{color:#fff6}.form-input:focus{outline:none;border-color:#00ffff80;background:#0006;box-shadow:0 0 0 3px #00ffff1a}.form-input:hover:not(:disabled){border-color:#ffffff40}.form-input.disabled{background:#0003;border-color:#ffffff14;color:gray;cursor:not-allowed}.form-input:disabled{background:#0003;border-color:#ffffff14;color:gray;cursor:not-allowed}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}select.form-input option{background:#1a1a1a;color:#fff;padding:8px}.field-hint{font-size:12px;color:gray;font-style:italic}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);grid-column:1 / -1;margin-top:var(--spacing-md)}.message-box-inline{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;animation:slide-in-right .3s ease-out}.message-box-inline.success{background:#00ffaa26;border:1px solid rgba(0,255,170,.4);color:#0fa}.message-box-inline.error{background:#ff6b9d26;border:1px solid rgba(255,107,157,.4);color:#ff6b9d}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.btn-submit{min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;transition:all .3s ease}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit:disabled:hover{transform:none;box-shadow:none}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.form-input:invalid:not(:placeholder-shown){border-color:#ff6b9d80}.form-input:valid:not(:placeholder-shown):not(.disabled){border-color:#00ffaa4d}@media (max-width: 768px){.profile-settings{padding:var(--spacing-md)}.settings-header h2{font-size:24px}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.form-section{padding:var(--spacing-md)}.form-actions{flex-direction:column;align-items:stretch}.message-box-inline{order:-1;width:100%;justify-content:center}.btn-submit{width:100%}}@media (max-width: 480px){.profile-settings{padding:var(--spacing-sm)}.settings-header{margin-bottom:var(--spacing-md)}.settings-header h2{font-size:20px}.form-input{padding:10px 12px;font-size:16px}}.form-input:focus-visible{outline:2px solid rgba(0,255,255,.5);outline-offset:2px}@media (prefers-color-scheme: dark){.form-input{background:#0000004d}}@media print{.form-actions{display:none}.message-box{border:1px solid #000;color:#000}}.form-input.incomplete{border-color:#ff6b9d!important;animation:pulse-border 2s ease-in-out infinite}.form-group.incomplete label{color:#ff6b9d;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#ff6b9d;box-shadow:0 0 #ff6b9d66}50%{border-color:#f36;box-shadow:0 0 0 4px #ff6b9d33}}@keyframes pulse-text{0%,to{color:#ff6b9d}50%{color:#f36}}.affiliate-application{padding:var(--spacing-lg);max-width:800px;margin:0 auto}.affiliate-header{margin-bottom:var(--spacing-lg);text-align:center}.affiliate-header h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.affiliate-description{font-size:16px;color:#a0a0a0;line-height:1.6}.info-box{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid}.info-box h3{margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:600}.info-box p{margin:0;line-height:1.6}.info-warning{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107}.info-success{background:#00ffaa1a;border-color:#00ffaa4d;color:#0fa}.message-box{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500;display:flex;justify-content:space-between;align-items:center}.message-box.success{background:#00ffaa1a;border:1px solid rgba(0,255,170,.3);color:#0fa}.message-box.error{background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);color:#ff6b9d}.message-close{background:none;border:none;color:inherit;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.message-close:hover{opacity:1}.affiliate-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.05)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:var(--spacing-md)}.radio-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);transition:all .2s ease;flex:1}.radio-label:hover{border-color:#00ffff4d;background:#00ffff0d}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#00ffff}.radio-text{font-size:15px;color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:14px;font-weight:500;color:#e0e0e0}.affiliate-form .terms-acceptance .form-group label,.terms-acceptance .form-group label{display:flex!important;align-items:flex-start!important;gap:.75rem!important;cursor:pointer!important;margin-bottom:0!important}.affiliate-form .terms-acceptance .form-group label input[type=checkbox],.terms-acceptance .form-group label input[type=checkbox]{flex-shrink:0!important;margin-top:.25rem!important;cursor:pointer!important;width:20px!important;height:20px!important}.form-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff;font-size:15px;transition:all .2s ease}.form-input:focus{outline:none;border-color:#00ffff80;box-shadow:0 0 0 3px #00ffff1a}.form-input::placeholder{color:gray}textarea.form-input{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}select.form-input{cursor:pointer}.required{color:#ff6b9d;margin-left:4px}.optional-label{font-size:13px;font-weight:400;color:gray;margin-left:6px}.field-hint{display:block;margin-top:var(--spacing-xs);font-size:13px;color:gray;font-style:italic}.company-fields{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px;overflow:visible}}.form-actions{margin-top:var(--spacing-lg);display:flex;justify-content:center}.btn-submit{min-width:200px;padding:14px 32px;font-size:16px;font-weight:600}.application-status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-lg)}.application-status-card h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.status-info{margin-bottom:var(--spacing-lg)}.status-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-row:last-child{border-bottom:none}.status-label{font-weight:500;color:#a0a0a0}.status-badge{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-approved{background:#00ffaa26;color:#0fa;border:1px solid rgba(0,255,170,.3)}.status-rejected{background:#ff6b9d26;color:#ff6b9d;border:1px solid rgba(255,107,157,.3)}.status-default{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.admin-notes{background:#0003;padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid rgba(0,255,255,.5);margin-top:var(--spacing-lg)}.admin-notes h3{font-size:16px;font-weight:600;color:#0ff;margin-bottom:var(--spacing-sm)}.admin-notes p{color:#e0e0e0;line-height:1.6;margin:0}.status-hint{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#00ffff0d;border-left:3px solid rgba(0,255,255,.5);border-radius:var(--radius-sm);color:#a0a0a0;font-style:italic}.affiliates-tab{padding:var(--spacing-lg) var(--spacing-xl);max-width:100%}.affiliates-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,255,255,.1)}.affiliates-header h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:var(--spacing-xs)}.affiliates-description{font-size:14px;color:#a0a0a0;margin:0}.affiliates-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#e0e0e0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff14;border-color:#00ffff4d}.filter-btn.active{background:#00ffff26;border-color:#00ffff80;color:#0ff}.applications-table-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden}.applications-table{width:100%;border-collapse:collapse}.applications-table thead{background:#0000004d}.applications-table th{padding:var(--spacing-md);text-align:left;font-size:13px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.applications-table td{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);color:#e0e0e0}.applications-table tbody tr{transition:background .2s ease}.applications-table tbody tr:hover{background:#00ffff08}.applicant-info{display:flex;flex-direction:column;gap:4px}.applicant-name{font-weight:600;color:#fff}.applicant-email{font-size:13px;color:gray}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:gray}.empty-icon{font-size:64px;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:20px;color:#a0a0a0;margin-bottom:var(--spacing-sm)}.empty-state p{color:gray;margin:0}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.loading-center p{color:#a0a0a0;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#1a1a1a;border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);max-width:1600px!important;width:100%!important;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:22px;font-weight:700;color:#fff;margin:0}.modal-close{background:none;border:none;font-size:32px;color:gray;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:var(--radius-sm)}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.modal-body-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--spacing-lg);row-gap:0}.modal-body-grid>.detail-section{margin-bottom:0}.modal-actions{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.detail-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{font-size:16px;font-weight:600;color:#0ff;margin-bottom:var(--spacing-sm)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:11px;font-weight:500;color:gray;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff;font-weight:500}.detail-value.description{color:#e0e0e0;font-weight:400;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detail-value.link{color:#0ff;text-decoration:none;transition:opacity .2s}.detail-value.link:hover{opacity:.8;text-decoration:underline}.application-type-badge{display:inline-block;padding:8px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-sm);color:#0ff;font-weight:600}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 14px;font-size:13px}.btn-primary{background:linear-gradient(135deg,#0ff,#0cc);color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-success{background:#00ffaa26;color:#0fa;border:1px solid rgba(0,255,170,.3)}.btn-success:hover:not(:disabled){background:#00ffaa40}.btn-danger{background:#ff6b9d26;color:#ff6b9d;border:1px solid rgba(255,107,157,.3)}.btn-danger:hover:not(:disabled){background:#ff6b9d40}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.affiliate-application,.affiliates-tab{padding:var(--spacing-md)}.radio-group{flex-direction:column}.applications-table-container{overflow-x:auto}.applications-table{min-width:800px}.detail-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;max-width:95vw}.modal-overlay{padding:var(--spacing-sm)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.affiliate-header h2{font-size:22px}.form-input{font-size:14px}.btn-submit{width:100%}}.affiliate-benefits{background:#00ffaa0d;border:1px solid rgba(0,255,170,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.affiliate-benefits h3{font-size:18px;font-weight:600;color:#0fa;margin-bottom:var(--spacing-md)}.affiliate-benefits ul{list-style:none;padding:0;margin:0}.affiliate-benefits li{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.affiliate-benefits li:last-child{margin-bottom:0}.affiliate-benefits strong{display:block;color:#0fa;margin-bottom:var(--spacing-xs);font-size:16px}.affiliate-benefits p{color:#e0e0e0;font-size:14px;line-height:1.5;margin:0}.affiliate-cancel-section{background:#ff6b9d0d;border:1px solid rgba(255,107,157,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.affiliate-cancel-section h3{font-size:18px;font-weight:600;color:#ff6b9d;margin-bottom:var(--spacing-md)}.cancel-warning{color:#e0e0e0;line-height:1.6;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm);border-left:3px solid rgba(255,107,157,.5)}.cancel-confirmation{color:#e0e0e0}.cancel-confirmation p{line-height:1.6;margin-bottom:var(--spacing-md)}.cancel-consequences{background:#0003;border:1px solid rgba(255,107,157,.2);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-md)}.cancel-consequences h4{font-size:16px;font-weight:600;color:#ff6b9d;margin:0 0 var(--spacing-sm) 0}.cancel-consequences ul{list-style:none;padding:0;margin:0}.cancel-consequences li{padding:var(--spacing-sm) 0;color:#e0e0e0;line-height:1.5}@media (max-width: 768px){.affiliate-benefits,.affiliate-cancel-section{padding:var(--spacing-md)}}.admin-dashboard{max-width:1600px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:#1a1a1a}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.user-status-badges{display:flex;gap:.5rem;align-items:center}.user-status-badges .verified-badge,.user-status-badges .rating-badge{font-size:.85rem;padding:4px 12px}.dashboard-nav{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #dee2e6;padding:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav button,.dashboard-nav a{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;margin-bottom:-2px}.dashboard-nav button:hover,.dashboard-nav a:hover{color:#06c;background:#f8f9fa}.dashboard-nav button.active,.dashboard-nav a.active{color:#06c;border-bottom-color:#06c;font-weight:600}.dashboard-content{min-height:500px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000004d}.stat-card h3{font-size:.875rem;text-transform:uppercase;color:#9ca3af;margin-bottom:.5rem;font-weight:600}.stat-number{font-size:2rem;font-weight:700;color:#00d9ff;margin:0}.stat-label{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.tab-placeholder{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:8px;box-shadow:0 1px 3px #0000004d;text-align:center}.tab-placeholder h2{color:#e0e0e0;margin-bottom:1rem}.tab-placeholder p{color:#9ca3af;font-size:1rem}.user-management,.users-tab-content{max-width:100%}.user-detail-view{max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in-out}.detail-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.detail-header h1{font-size:2rem;font-weight:700;color:#00d9ff;margin:0}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a;align-self:flex-start}.btn-back:hover{background:#5a6268;transform:translate(-4px);box-shadow:0 4px 8px #00000026}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.page-header p{color:#666;font-size:1rem}.filters-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 1px 3px #0000004d}.filter-input,.filter-select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.95rem;color:#e0e0e0;transition:border-color .2s,background .2s}.filter-input::placeholder{color:#fff6}.filter-input:focus,.filter-select:focus{outline:none;border-color:#06c;background:#ffffff14}.table-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden;margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.15)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#e0e0e0;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);color:#e0e0e0}.users-table tbody tr{transition:background-color .2s}.users-table tbody tr:hover{background-color:#ffffff0d}.users-table tbody tr.inactive-row{opacity:.6}.user-name{font-weight:500;color:#e0e0e0}.role-badge,.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:#dc3545;color:#fff}.role-badge.role-moderator{background:#fd7e14;color:#fff}.role-badge.role-affiliate{background:#6f42c1;color:#fff}.role-badge.role-user{background:#6c757d;color:#fff}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.banned{background:#dc3545;color:#fff}.status-badge.verified-seller{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-weight:600;box-shadow:0 2px 8px #28a74566;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #28a74566}50%{box-shadow:0 4px 16px #28a74599}}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 1px 3px #0000004d}.page-info{color:#b0b0b0;font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.large{max-width:1200px;min-width:1000px;width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--tech-cyan);margin:0}.close-btn{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;line-height:1;transition:color .2s}.close-btn:hover{color:#dc3545}.modal-body{padding:2rem;background:#1a1a1af2}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.user-info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #667eea4d}.user-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem}.user-header h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.user-email{opacity:.9;font-size:.95rem}.user-badges-container{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.user-badges{display:flex;gap:.5rem;flex-wrap:wrap}.verified-seller-badge-row{display:flex;justify-content:flex-end;width:100%;animation:slideInFromTop .4s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.deletion-warning{margin-top:1rem;padding:1rem;background:#ffc10733;border:2px solid #ffc107;border-radius:8px;color:#ffc107;font-weight:600;text-align:center}.stat-item{text-align:center}.stat-label{display:block;font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{display:block;font-size:1.5rem;font-weight:700}.action-buttons{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:#11182799;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.action-select{padding:.75rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;background:#0000004d;color:#e0e0e0;transition:all .2s}.action-select:focus{border-color:#00d9ff;outline:none;box-shadow:0 0 0 3px #00d9ff33}.action-select option{background:#1a1a1a;color:#e0e0e0}.tabs{display:flex;gap:0;margin-bottom:0;background:#111827cc;border-radius:8px 8px 0 0;padding:.5rem .5rem 0;border:1px solid rgba(255,255,255,.1);border-bottom:none}.tabs button{padding:.875rem 1.75rem;background:transparent;border:none;border-radius:6px 6px 0 0;color:#9ca3af;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.tabs button:hover{color:#00d9ff;background:#00d9ff1a}.tabs button.active{color:#00d9ff;background:#111827f2;font-weight:600;box-shadow:0 -2px 8px #00d9ff4d;border:1px solid rgba(0,217,255,.3);border-bottom:none}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#111827f2}.tab-content{min-height:400px;padding:1.5rem;background:#11182799;border:1px solid rgba(255,255,255,.1);border-radius:0 0 8px 8px;margin-top:-1px}.products-list{display:flex;flex-direction:column;gap:1rem}.product-item-card{background:#11182799;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;transition:box-shadow .2s,transform .2s}.product-item-card.clickable{cursor:pointer}.product-item-card:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.product-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.product-title-section h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.transaction-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transaction-badge.sold{background:#00ffff1a;color:var(--tech-cyan);border:1px solid rgba(0,255,255,.3)}.transaction-badge.bought{background:#8b5cf61a;color:var(--tech-purple);border:1px solid rgba(139,92,246,.3)}.product-price{font-size:.95rem;font-weight:700;color:var(--tech-green);white-space:nowrap}.modal-content .product-description,.tab-content .product-description,.admin-dashboard .product-description{color:var(--text-secondary);line-height:1.4;margin:0 0 .5rem;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem}.product-condition{padding:.2rem .5rem;background:#ffa5001a;color:var(--amiga-orange);border:1px solid rgba(255,165,0,.3);border-radius:4px;font-weight:500;font-size:.7rem}.product-status{color:var(--text-secondary);font-weight:500;font-size:.7rem}.product-date{color:var(--text-secondary);margin-left:auto;font-size:.7rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;flex-direction:column;padding:1rem;background:#11182799;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.info-item:hover{background:#111827cc;box-shadow:0 2px 8px #00d9ff33;transform:translateY(-2px);border-color:#00d9ff4d}.info-item label{font-size:.75rem;text-transform:uppercase;color:#00d9ff;margin-bottom:.5rem;font-weight:600;letter-spacing:.5px}.info-item span{font-size:1.1rem;color:#e0e0e0;font-weight:500}.info-item span.old-value{color:#888;font-style:italic;font-size:.9rem}.recent-activity{margin-top:2rem;padding-top:2rem;border-top:1px solid #dee2e6}.recent-activity h4{font-size:1rem;font-weight:600;margin-bottom:1rem}.recent-activity ul{list-style:none;padding:0;margin:0}.recent-activity li{display:flex;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem}.activity-action{font-weight:500;color:#1a1a1a}.activity-date{color:#6c757d;font-size:.875rem}.no-data{text-align:center;color:#9ca3af;padding:3rem;font-size:1rem}.notes-list,.warnings-list,.bans-list{display:flex;flex-direction:column;gap:1rem}.note-item{padding:1rem;border-left:4px solid #6c757d;background:#ffffff14;border-radius:6px;color:#e0e0e0}.note-item.note-warning{border-left-color:#ffc107;background:#ffc10726}.note-item.note-violation{border-left-color:#dc3545;background:#dc354526}.note-item.note-positive{border-left-color:#28a745;background:#28a74526}.note-item.note-investigation{border-left-color:#17a2b8;background:#17a2b826}.note-header,.warning-header,.ban-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.note-type,.warning-type,.ban-type{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;color:#00d9ff}.note-date{font-size:.875rem;color:#9ca3af}.note-content,.warning-message{margin:.75rem 0;line-height:1.6;color:#e0e0e0}.note-footer,.warning-footer,.ban-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;color:#9ca3af}.internal-badge{background:#6c757d;color:#fff;padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.warning-item{padding:1rem;border-left:4px solid #6c757d;background:#f8f9fa;border-radius:6px}.warning-item.severity-low{border-left-color:#28a745;background:#d4edda}.warning-item.severity-medium{border-left-color:#ffc107;background:#fff3cd}.warning-item.severity-high{border-left-color:#fd7e14;background:#ffe5d0}.warning-item.severity-critical{border-left-color:#dc3545;background:#f8d7da}.severity-badge{padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.severity-low{background:#28a745;color:#fff}.severity-badge.severity-medium{background:#ffc107;color:#000}.severity-badge.severity-high{background:#fd7e14;color:#fff}.severity-badge.severity-critical{background:#dc3545;color:#fff}.ban-item{padding:1rem;border:2px solid #dee2e6;background:#f8f9fa;border-radius:6px}.ban-item.active-ban{border-color:#dc3545;background:#f8d7da}.ban-type.temporary{color:#fd7e14}.ban-type.permanent{color:#dc3545}.active-badge{background:#dc3545;color:#fff;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.ban-dates{display:flex;gap:1.5rem;margin:.75rem 0;font-size:.875rem;color:#495057}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.help-text{font-size:.875rem;color:#6c757d;margin-top:.5rem}.warning-message{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1rem;margin-bottom:1.5rem;color:#856404}.btn-primary,.btn-secondary,.btn-danger,.btn-warning,.btn-success{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-warning:hover,.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-primary{background:#06c;color:#fff}.btn-primary:hover:not(:disabled){background:#0052a3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning{background:#ffc107;color:#000}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-success:hover:not(:disabled){background:#218838}button:disabled{opacity:.6;cursor:not-allowed}.loading,.error{text-align:center;padding:3rem;font-size:1.125rem}.loading{color:#06c}.error{color:#dc3545}@media (max-width: 768px){.filters-section,.info-grid,.action-buttons,.user-stats{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-select{width:100%}.modal-content{max-width:100%;margin:1rem}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.settings-section-header{flex-direction:row;padding:1rem}.settings-section-header h3{font-size:1rem}}.settings-container{max-width:100%;width:100%}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.settings-header h2{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0}.btn-save-settings{padding:.75rem 2rem;background:#06c;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.btn-save-settings:hover:not(:disabled){background:#0052a3}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.settings-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-weight:500}.settings-message.success{background:#28a7451a;border:1px solid #28a745;color:#28a745}.settings-message.error{background:#dc35451a;border:1px solid #dc3545;color:#dc3545}.settings-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;grid-auto-rows:1fr}.settings-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:400px;height:100%;min-width:0;width:100%}.settings-section-content{flex:1;padding:1.5rem}.settings-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1)}.settings-section-header h3{font-size:1.125rem;font-weight:600;color:#e0e0e0;margin:0}.expand-icon{color:#999;transition:transform .2s;font-size:.875rem}.expand-icon.expanded{transform:rotate(180deg)}.settings-section-content{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.settings-category{display:flex;flex-direction:column;gap:1.5rem}.settings-item{display:flex;flex-direction:column}.settings-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative;padding:.5rem 0}.settings-toggle.disabled{opacity:.5;cursor:not-allowed}.settings-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.settings-toggle input[type=checkbox]:disabled+.toggle-slider{cursor:not-allowed;background:#ffffff0d}.toggle-slider{position:relative;width:50px;height:26px;background:#ffffff1a;border-radius:13px;transition:background .2s;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.settings-toggle input[type=checkbox]:checked+.toggle-slider{background:#06c}.settings-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{color:#e0e0e0;font-size:.95rem;line-height:1.4;display:flex;align-items:center;gap:.5rem}.future-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#9333ea33;border:1px solid rgba(147,51,234,.4);border-radius:4px;font-size:.75rem;font-weight:600;color:#a78bfa;white-space:nowrap}.settings-input-group{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.settings-input-group label{color:#e0e0e0;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.settings-input,.settings-textarea{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;width:100%;box-sizing:border-box;font-size:.95rem;font-family:inherit;transition:border-color .2s}.settings-input:focus,.settings-textarea:focus{outline:none;border-color:#06c}.settings-input:disabled,.settings-textarea:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.settings-input-group:has(input:disabled) label,.settings-input-group:has(textarea:disabled) label{opacity:.6}.settings-textarea{resize:vertical;font-family:Courier New,monospace;font-size:.875rem}.loading-spinner{text-align:center;padding:3rem;font-size:1.125rem;color:#999}.category-manager{max-width:100%}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.95rem}.breadcrumbs button{background:none;border:none;color:#06c;cursor:pointer;font-size:.95rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.breadcrumbs button:hover{background:#0066cc1a}.breadcrumbs span{color:#6c757d}.category-level{margin-bottom:2rem}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.level-header h3{font-size:1.25rem;font-weight:600;color:#e0e0e0;margin:0}.btn-back{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s;margin-right:1rem}.btn-back:hover{background:#5a6268}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.category-item:hover{background:#ffffff0d;border-color:#fff3;transform:translate(4px)}.category-info{flex:1}.category-info h4{font-size:1.125rem;font-weight:600;color:#e0e0e0;margin:0 0 .5rem}.category-meta{font-size:.875rem;color:#999;margin:0}.category-actions{display:flex;gap:.5rem;align-items:center}.btn-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#ffffff26;transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#dc3545;border-color:#dc3545}.specifications-section{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.specs-list{display:flex;flex-direction:column;gap:1rem}.spec-item{display:flex;justify-content:space-between;align-items:start;padding:1.25rem;background:#0066cc0d;border:1px solid rgba(0,102,204,.2);border-radius:8px;transition:all .2s}.spec-item:hover{background:#0066cc1a;border-color:#0066cc4d}.spec-info{flex:1}.spec-info h4{font-size:1rem;font-weight:600;color:#e0e0e0;margin:0 0 .5rem}.spec-meta{font-size:.875rem;color:#999;margin:.25rem 0}.spec-meta strong{color:#06c;text-transform:uppercase;font-size:.75rem}.spec-values{font-size:.875rem;color:#aaa;margin:.5rem 0 0;padding:.5rem;background:#0003;border-radius:4px}.spec-actions{display:flex;gap:.5rem;align-items:center}.empty-state{text-align:center;color:#999;padding:2rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-content h3{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0 0 1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e0e0e0;font-weight:500;margin:0}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer;margin:0}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}@media (max-width: 768px){.category-item{flex-direction:column;align-items:flex-start;gap:1rem}.category-actions{width:100%;justify-content:flex-end}.spec-item{flex-direction:column;gap:1rem}.spec-actions{width:100%;justify-content:flex-end}.modal-content{padding:1.5rem;max-width:95%}.breadcrumbs{flex-wrap:wrap}.level-header{flex-direction:column;align-items:flex-start}.level-header>div{width:100%}.btn-primary{width:100%}}.reports-tab{padding:var(--spacing-lg) var(--spacing-xl);max-width:100%;margin:0;height:100%}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,255,255,.1)}.reports-header h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:var(--spacing-xs)}.reports-description{font-size:14px;color:#a0a0a0;margin:0}.reports-controls{display:flex;gap:var(--spacing-md);align-items:center}.range-selector{padding:10px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.range-selector:hover{border-color:#00ffff80}.range-selector:focus{outline:none;border-color:#00ffffb3;box-shadow:0 0 0 3px #00ffff1a}.export-dropdown{position:relative}.export-dropdown:hover .export-menu{opacity:1;visibility:visible;transform:translateY(0)}.export-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1a1a;border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);padding:8px;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100;box-shadow:0 8px 24px #00000080}.export-option{width:100%;padding:10px 14px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:14px;transition:all .2s ease}.export-option:hover{background:#00ffff1a;color:#0ff}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.reports-loading p{color:#a0a0a0;font-size:14px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.metric-card:hover{background:#ffffff0d;border-color:#00ffff4d;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.metric-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-icon{color:#0ff;display:flex;align-items:center;justify-content:center}.metric-title{font-size:14px;font-weight:600;color:#a0a0a0;margin:0}.metric-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-value{font-size:28px;font-weight:700;color:#fff;line-height:1}.metric-growth{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.growth-positive{color:#0fa}.growth-negative{color:#ff6b9d}.growth-neutral{color:#a0a0a0}.growth-label{font-size:12px;font-weight:400;color:gray}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.chart-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;min-height:350px}.chart-card.full-width{grid-column:1 / -1}.chart-card:hover{background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 4px 16px #0003}.chart-container{width:100%}.chart-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1)}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:gray;font-style:italic}.chart-empty .empty-state{text-align:center;padding:var(--spacing-2xl);max-width:500px}.chart-empty .empty-state h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);font-style:normal}.chart-empty .empty-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-sm);font-style:normal;font-weight:500}.chart-empty .empty-hint{color:gray;font-size:.9rem;line-height:1.6;font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-md);background:#00ffff0d;border-left:3px solid rgba(0,255,255,.3);border-radius:var(--radius-sm)}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.reports-tab{padding:var(--spacing-md)}.reports-header{flex-direction:column;gap:var(--spacing-md)}.reports-controls{width:100%;flex-direction:column}.range-selector,.export-dropdown,.export-dropdown .btn{width:100%}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:28px}.charts-grid{grid-template-columns:1fr}}@media (max-width: 480px){.reports-header h2,.metric-value{font-size:24px}.chart-card{padding:var(--spacing-md)}}.metric-card:focus-within,.chart-card:focus-within{outline:2px solid rgba(0,255,255,.5);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card,.chart-card{animation:fadeIn .5s ease-out}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}:root{--pm-status-draft: #6B7280;--pm-status-active: #3B82F6;--pm-status-review: #F59E0B;--pm-status-complete: #10B981;--pm-status-archived: #9CA3AF;--pm-bg-primary: var(--bg-secondary, #111827);--pm-bg-secondary: var(--bg-tertiary, #1f2937);--pm-bg-tertiary: #2d3748;--pm-bg-hover: rgba(0, 255, 255, .05);--pm-border-light: rgba(0, 255, 255, .15);--pm-border-medium: rgba(0, 255, 255, .25);--pm-border-dark: rgba(0, 255, 255, .35);--pm-text-primary: var(--text-primary, #f9fafb);--pm-text-secondary: var(--text-secondary, #9ca3af);--pm-text-tertiary: #6b7280;--pm-text-white: #FFFFFF;--pm-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--pm-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--pm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--pm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--pm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .6);--pm-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--pm-glow-cyan: 0 0 20px rgba(0, 255, 255, .3);--pm-glow-cyan-strong: 0 0 30px rgba(0, 255, 255, .5);--pm-space-1: .25rem;--pm-space-2: .5rem;--pm-space-3: .75rem;--pm-space-4: 1rem;--pm-space-5: 1.25rem;--pm-space-6: 1.5rem;--pm-space-8: 2rem;--pm-space-10: 2.5rem;--pm-space-12: 3rem;--pm-radius-sm: .25rem;--pm-radius-md: .5rem;--pm-radius-lg: .75rem;--pm-radius-xl: 1rem;--pm-text-xs: .75rem;--pm-text-sm: .875rem;--pm-text-base: 1rem;--pm-text-lg: 1.125rem;--pm-text-xl: 1.25rem;--pm-text-2xl: 1.5rem;--pm-text-3xl: 1.875rem;--pm-weight-normal: 400;--pm-weight-medium: 500;--pm-weight-semibold: 600;--pm-weight-bold: 700;--pm-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--pm-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--pm-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--pm-z-base: 1;--pm-z-dropdown: 1000;--pm-z-sticky: 1020;--pm-z-modal: 1050;--pm-z-toast: 1060}.project-manager{width:100%;max-width:1400px;margin:0 auto;padding:var(--pm-space-6);background:transparent;min-height:100vh;animation:fadeIn var(--pm-transition-base)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--pm-space-4);color:var(--pm-text-secondary);font-size:var(--pm-text-base)}.project-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pm-space-8);padding:var(--pm-space-6);background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);box-shadow:var(--pm-shadow-sm)}.project-manager-header h2{font-size:var(--pm-text-2xl);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);margin:0}.project-manager-header .btn-primary{display:inline-flex;align-items:center;gap:var(--pm-space-2);padding:var(--pm-space-3) var(--pm-space-6);font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);transition:all var(--pm-transition-base)}.project-manager-header .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--pm-shadow-md)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--pm-space-6);animation:fadeIn var(--pm-transition-base)}.project-card{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);cursor:pointer;transition:all var(--pm-transition-base);border:1px solid var(--pm-border-light);box-shadow:var(--pm-shadow-sm);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tech-cyan, #00ffff);transform:scaleX(0);transform-origin:left;transition:transform var(--pm-transition-base);box-shadow:var(--pm-glow-cyan)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--pm-shadow-lg),var(--pm-glow-cyan);border-color:var(--pm-border-medium)}.project-card:hover:before{transform:scaleX(1)}.project-card:active{transform:translateY(0);box-shadow:var(--pm-shadow-md)}.project-card h3{font-size:var(--pm-text-xl);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-4) 0;line-height:1.3}.project-card-meta{display:flex;gap:var(--pm-space-2);margin-bottom:var(--pm-space-4);flex-wrap:wrap}.status-badge,.type-badge{display:inline-flex;align-items:center;padding:var(--pm-space-1) var(--pm-space-3);border-radius:var(--pm-radius-md);font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);text-transform:uppercase;letter-spacing:.5px;transition:all var(--pm-transition-fast)}.status-badge[data-status=draft],.status-badge:contains("utkast"){background:#6b72801a;color:var(--pm-status-draft)}.status-badge[data-status=active],.status-badge:contains("aktiv"){background:#3b82f61a;color:var(--pm-status-active)}.status-badge[data-status=complete],.status-badge:contains("klar"){background:#10b9811a;color:var(--pm-status-complete)}.type-badge{background:var(--pm-bg-tertiary);color:var(--pm-text-secondary)}.project-card .customer{font-size:var(--pm-text-sm);color:var(--pm-text-secondary);margin:var(--pm-space-3) 0}.project-card-stats{display:flex;justify-content:space-between;align-items:center;padding-top:var(--pm-space-4);border-top:1px solid var(--pm-border-light);font-size:var(--pm-text-sm);color:var(--pm-text-secondary);gap:var(--pm-space-4)}.project-card-stats span{display:flex;align-items:center;gap:var(--pm-space-1)}.project-card-stats .price{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--pm-space-12) var(--pm-space-6);background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);border:2px dashed var(--pm-border-light);color:var(--pm-text-secondary);font-size:var(--pm-text-base)}.empty-state p{margin:0;font-size:var(--pm-text-lg)}.project-form{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-8);margin-bottom:var(--pm-space-8);box-shadow:var(--pm-shadow-md);border:1px solid var(--pm-border-light);animation:slideDown var(--pm-transition-base)}.project-form h3{font-size:var(--pm-text-2xl);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-6) 0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--pm-space-4);margin-bottom:var(--pm-space-4)}.form-group{display:flex;flex-direction:column;gap:var(--pm-space-2)}.form-group label{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--pm-space-3) var(--pm-space-4);border:1px solid var(--pm-border-light);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);font-family:inherit;transition:all var(--pm-transition-fast);background:var(--pm-bg-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--pm-status-active);box-shadow:0 0 0 3px #3b82f61a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--pm-border-medium)}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:var(--pm-space-3);margin-top:var(--pm-space-6);padding-top:var(--pm-space-6);border-top:1px solid var(--pm-border-light)}.project-details{animation:fadeIn var(--pm-transition-base)}.project-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--pm-space-6);padding:var(--pm-space-6);background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);box-shadow:var(--pm-shadow-sm)}.project-details-header h3{font-size:var(--pm-text-2xl);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-2) 0}.project-type-badge{display:inline-flex;align-items:center;padding:var(--pm-space-2) var(--pm-space-4);background:var(--pm-bg-tertiary);color:var(--pm-text-secondary);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium)}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--pm-space-6)}.project-section{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);box-shadow:var(--pm-shadow-sm);border:1px solid var(--pm-border-light);transition:all var(--pm-transition-base)}.project-section:hover{box-shadow:var(--pm-shadow-md)}.project-section h4{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-4) 0;padding-bottom:var(--pm-space-3);border-bottom:2px solid var(--pm-border-light)}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pm-space-4);padding-bottom:var(--pm-space-3);border-bottom:2px solid var(--pm-border-light)}.section-header-inline h4{margin:0;padding:0;border:none}.pricing-model-badge{display:inline-flex;align-items:center;padding:var(--pm-space-1) var(--pm-space-3);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--pm-radius-md);font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.parts-list{display:flex;flex-direction:column;gap:var(--pm-space-2);margin-bottom:var(--pm-space-6);max-height:400px;overflow-y:auto;padding-right:var(--pm-space-2)}.parts-list::-webkit-scrollbar{width:6px}.parts-list::-webkit-scrollbar-track{background:var(--pm-bg-tertiary);border-radius:var(--pm-radius-sm)}.parts-list::-webkit-scrollbar-thumb{background:var(--pm-border-medium);border-radius:var(--pm-radius-sm);transition:background var(--pm-transition-fast)}.parts-list::-webkit-scrollbar-thumb:hover{background:var(--pm-border-dark)}.part-item{display:flex;justify-content:space-between;align-items:center;padding:var(--pm-space-2) var(--pm-space-3);background:var(--pm-bg-secondary);border-radius:var(--pm-radius-md);border:1px solid var(--pm-border-light);transition:all var(--pm-transition-fast)}.part-item:hover{background:var(--pm-bg-hover);border-color:var(--pm-border-medium)}.part-info{display:flex;flex-direction:row;align-items:center;gap:var(--pm-space-3);flex:1}.part-name{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);flex:1;min-width:0}.part-quantity{font-size:var(--pm-text-xs);color:var(--pm-text-secondary);min-width:50px;text-align:center}.part-price{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);min-width:80px;text-align:right}.part-link{margin-left:var(--pm-space-2);text-decoration:none;opacity:.6;transition:opacity var(--pm-transition-fast);font-size:var(--pm-text-sm)}.btn-delete{width:24px;height:24px;border:none;background:transparent;color:var(--pm-text-tertiary);font-size:18px;line-height:1;cursor:pointer;border-radius:var(--pm-radius-sm);transition:all var(--pm-transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-delete:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.btn-delete:active{transform:scale(.95)}.add-part-form{display:grid;grid-template-columns:2fr 1fr 80px auto;gap:var(--pm-space-2);padding-top:var(--pm-space-4);border-top:1px solid var(--pm-border-light)}.add-part-form input{padding:var(--pm-space-2) var(--pm-space-3);border:1px solid var(--pm-border-light);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);transition:all var(--pm-transition-fast)}.add-part-form input:focus{outline:none;border-color:var(--pm-status-active);box-shadow:0 0 0 3px #3b82f61a}.parts-content-grid,.time-content-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--pm-space-4);padding-top:var(--pm-space-4)}.add-part-form-vertical{display:flex;flex-direction:column;gap:var(--pm-space-3)}.add-part-form-vertical input{padding:var(--pm-space-2) var(--pm-space-3);border:1px solid var(--pm-border-light);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);background:var(--pm-bg-secondary);color:var(--pm-text-primary);transition:all var(--pm-transition-fast)}.add-part-form-vertical input:focus{outline:none;border-color:var(--pm-status-active);box-shadow:0 0 0 3px #3b82f61a}.add-part-form-vertical input:hover{border-color:var(--pm-border-medium)}.parts-list-compact{display:flex;flex-direction:column;gap:var(--pm-space-2);max-height:300px;overflow-y:auto;padding-right:var(--pm-space-2)}.parts-list-compact::-webkit-scrollbar{width:4px}.parts-list-compact::-webkit-scrollbar-track{background:var(--pm-bg-tertiary);border-radius:var(--pm-radius-sm)}.parts-list-compact::-webkit-scrollbar-thumb{background:var(--pm-border-medium);border-radius:var(--pm-radius-sm)}.parts-list-compact::-webkit-scrollbar-thumb:hover{background:var(--pm-border-dark)}.part-item-compact{display:flex;justify-content:space-between;align-items:center;padding:var(--pm-space-1) var(--pm-space-2);background:var(--pm-bg-secondary);border-radius:var(--pm-radius-sm);border:1px solid var(--pm-border-light);transition:all var(--pm-transition-fast);min-height:32px}.part-item-compact:hover{background:var(--pm-bg-hover);border-color:var(--pm-border-medium)}.part-info-compact{display:flex;flex-direction:row;align-items:center;gap:var(--pm-space-2);flex:1;min-width:0}.part-name-compact{font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-quantity-compact{font-size:var(--pm-text-xs);color:var(--pm-text-secondary);min-width:40px;text-align:center;flex-shrink:0}.part-price-compact{font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);min-width:70px;text-align:right;flex-shrink:0}.btn-delete-compact{width:20px;height:20px;border:none;background:transparent;color:var(--pm-text-tertiary);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--pm-radius-sm);transition:all var(--pm-transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.btn-delete-compact:hover{background:#ef44441a;color:#ef4444}.btn-delete-compact:active{transform:scale(.9)}.time-controls{display:flex;flex-direction:column;gap:var(--pm-space-3)}.time-buttons{display:flex;flex-direction:column;gap:var(--pm-space-2)}.time-log-section{display:flex;flex-direction:column;gap:var(--pm-space-3)}.time-display-top{display:flex;align-items:center;justify-content:space-between;padding:var(--pm-space-2) var(--pm-space-3);background:var(--pm-bg-secondary);border-radius:var(--pm-radius-md);border:1px solid var(--pm-border-light)}.time-label{font-size:var(--pm-text-sm);color:var(--pm-text-secondary);font-weight:var(--pm-weight-medium)}.time-value-compact{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary)}.time-log-compact{display:flex;flex-direction:column;gap:var(--pm-space-2);max-height:300px;overflow-y:auto;padding-right:var(--pm-space-2)}.time-log-compact::-webkit-scrollbar{width:4px}.time-log-compact::-webkit-scrollbar-track{background:var(--pm-bg-tertiary);border-radius:var(--pm-radius-sm)}.time-log-compact::-webkit-scrollbar-thumb{background:var(--pm-border-medium);border-radius:var(--pm-radius-sm)}.time-log-compact::-webkit-scrollbar-thumb:hover{background:var(--pm-border-dark)}.time-entry-compact{display:flex;align-items:center;gap:var(--pm-space-2);padding:var(--pm-space-1) var(--pm-space-2);background:var(--pm-bg-secondary);border-radius:var(--pm-radius-sm);border:1px solid var(--pm-border-light);transition:all var(--pm-transition-fast);min-height:32px}.time-entry-compact:hover{background:var(--pm-bg-hover);border-color:var(--pm-border-medium)}.time-entry-compact.clickable{cursor:pointer}.time-entry-compact.clickable:hover{transform:translate(2px);box-shadow:0 2px 8px #9333ea33}.time-minutes{font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);min-width:50px;flex-shrink:0}.time-note{font-size:var(--pm-text-xs);color:var(--pm-text-secondary);flex:1;min-width:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-timestamp{font-size:var(--pm-text-xs);color:var(--pm-text-tertiary);min-width:100px;text-align:right;flex-shrink:0;margin-left:auto}.time-empty{padding:var(--pm-space-4);text-align:center;color:var(--pm-text-tertiary);font-size:var(--pm-text-sm);font-style:italic}.custom-time-input{display:flex;flex-direction:column;gap:var(--pm-space-2);padding-top:var(--pm-space-3);border-top:1px solid var(--pm-border-light);margin-top:var(--pm-space-3)}.custom-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--pm-space-2)}.custom-time-input input{padding:var(--pm-space-2) var(--pm-space-3);border:1px solid var(--pm-border-light);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);background:var(--pm-bg-secondary);color:var(--pm-text-primary);transition:all var(--pm-transition-fast)}.custom-time-input input:focus{outline:none;border-color:var(--pm-status-active);box-shadow:0 0 0 3px #3b82f61a}.custom-time-input input:hover{border-color:var(--pm-border-medium)}.time-note-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--pm-z-modal);animation:fadeIn var(--pm-transition-fast)}.time-note-modal{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);width:90%;max-width:500px;border:1px solid var(--pm-border-medium);box-shadow:var(--pm-shadow-2xl);animation:slideDown var(--pm-transition-base)}.time-note-modal h3{font-size:var(--pm-text-xl);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-2) 0}.time-note-modal-subtitle{font-size:var(--pm-text-sm);color:var(--pm-text-secondary);margin:0 0 var(--pm-space-4) 0}.time-note-modal-subtitle strong{color:var(--tech-purple);font-weight:var(--pm-weight-semibold)}.time-note-modal textarea{width:100%;padding:var(--pm-space-3);border:1px solid var(--pm-border-light);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);font-family:inherit;background:var(--pm-bg-secondary);color:var(--pm-text-primary);resize:vertical;transition:all var(--pm-transition-fast);margin-bottom:var(--pm-space-4)}.time-note-modal textarea:focus{outline:none;border-color:var(--pm-status-active);box-shadow:0 0 0 3px #3b82f61a}.time-note-modal textarea:hover{border-color:var(--pm-border-medium)}.time-note-modal-actions{display:flex;justify-content:flex-end;gap:var(--pm-space-2)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.project-manager{padding:var(--pm-space-4)}.project-manager-header{flex-direction:column;gap:var(--pm-space-4);text-align:center}.projects-grid,.form-row,.add-part-form,.parts-content-grid,.time-content-grid{grid-template-columns:1fr}.project-details-header{flex-direction:column;gap:var(--pm-space-4)}}*:focus-visible{outline:2px solid var(--pm-status-active);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.project-card,.btn-primary,.btn-secondary{border-width:2px}}@media print{.project-manager{background:#fff}.btn-primary,.btn-secondary,.btn-delete{display:none}.project-card,.project-section{box-shadow:none;border:1px solid #000;page-break-inside:avoid}}.btn-purple-sm{display:inline-flex;align-items:center;gap:var(--pm-space-2);padding:var(--pm-space-2) var(--pm-space-4);font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:#fff;background:linear-gradient(135deg,var(--tech-purple),#9333ea);border:none;border-radius:var(--pm-radius-md);cursor:pointer;transition:all var(--pm-transition-base);box-shadow:0 2px 8px #9333ea4d}.btn-purple-sm:hover{background:linear-gradient(135deg,#9333ea,var(--tech-purple));transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.btn-purple-sm:active{transform:translateY(0)}.header-actions{display:flex;align-items:center;gap:var(--pm-space-2);flex-wrap:wrap}.btn-complete-sm,.btn-cancel-sm,.btn-reopen-sm,.btn-secondary-sm{display:inline-flex;align-items:center;gap:var(--pm-space-1);padding:var(--pm-space-2) var(--pm-space-3);font-size:var(--pm-text-xs);font-weight:var(--pm-weight-medium);border:1px solid;border-radius:var(--pm-radius-md);cursor:pointer;transition:all var(--pm-transition-base);white-space:nowrap}.btn-complete-sm{color:#10b981;background:#10b9811a;border-color:#10b9814d}.btn-complete-sm:hover{background:#10b98133;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-cancel-sm{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.btn-cancel-sm:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-reopen-sm{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.btn-reopen-sm:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.btn-secondary-sm{color:var(--pm-text-secondary);background:var(--pm-bg-secondary);border-color:var(--pm-border-medium)}.btn-secondary-sm:hover{color:var(--pm-text-primary);background:var(--pm-bg-tertiary);border-color:var(--pm-border-dark);transform:translateY(-1px)}.btn-complete-sm:active,.btn-cancel-sm:active,.btn-reopen-sm:active,.btn-secondary-sm:active{transform:translateY(0)}.calculation-details{display:flex;flex-direction:column;gap:var(--pm-space-2)}.calc-row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--pm-space-2);padding:var(--pm-space-2) 0;font-size:var(--pm-text-sm);color:var(--pm-text-secondary);position:relative}.calc-row span:first-child{grid-column:1}.calc-row span:first-child:after{content:"";grid-column:2;border-bottom:1px dotted var(--pm-text-tertiary);align-self:end;margin-bottom:.35em}.calc-row span:last-child{grid-column:3;font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);text-align:right;white-space:nowrap}.calc-row.subtotal{padding-top:var(--pm-space-3);margin-top:var(--pm-space-2);border-top:1px solid var(--pm-border-light)}.calc-row.subtotal span{font-weight:var(--pm-weight-semibold)}.calc-row.total{padding:var(--pm-space-3) 0;margin-top:var(--pm-space-2);border-top:2px solid var(--pm-border-medium);font-size:var(--pm-text-base)}.calc-row.total span{font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);font-size:var(--pm-text-lg)}.calc-row.info-row{background:var(--pm-bg-secondary);padding:var(--pm-space-2) var(--pm-space-3);border-radius:var(--pm-radius-sm);border-left:3px solid var(--pm-status-active);margin:var(--pm-space-2) 0}.calc-row.info-row span:first-child:after{display:none}.calc-row.info-row .info-text{font-size:var(--pm-text-xs);color:var(--pm-text-secondary);font-style:italic}.calc-editable-value{cursor:pointer;padding:2px 4px;border-radius:var(--pm-radius-sm);transition:all var(--pm-transition-fast);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--pm-border-medium)}.calc-editable-value:hover{background:#9333ea1a;text-decoration-color:var(--tech-purple);color:var(--tech-purple)}.calc-inline-edit{padding:4px 8px;border:1px solid var(--tech-purple);border-radius:var(--pm-radius-sm);background:var(--pm-bg-secondary);color:var(--pm-text-primary);font-size:var(--pm-text-sm);font-family:inherit;width:100px;box-shadow:0 0 0 3px #9333ea33;outline:none}.disposition-section{background:linear-gradient(135deg,#10b9811f,#05966914);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);box-shadow:var(--pm-shadow-sm);border:1px solid rgba(16,185,129,.25);transition:all var(--pm-transition-base)}.disposition-section:hover{box-shadow:var(--pm-shadow-md);border-color:#10b98159}.disposition-section h4{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-bold);color:#10b981;margin:0 0 var(--pm-space-4) 0;padding-bottom:var(--pm-space-3);border-bottom:2px solid rgba(16,185,129,.3);text-transform:uppercase;letter-spacing:.5px}.disposition-current{display:flex;align-items:center;gap:var(--pm-space-3);padding:var(--pm-space-4);background:#10b98114;border-radius:var(--pm-radius-md);border:1px solid rgba(16,185,129,.2);margin-bottom:var(--pm-space-4)}.disposition-current-icon{font-size:var(--pm-text-3xl);line-height:1;flex-shrink:0}.disposition-current-info{flex:1;display:flex;flex-direction:column;gap:var(--pm-space-1)}.disposition-current-info strong{font-size:var(--pm-text-base);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary)}.disposition-note{font-size:var(--pm-text-sm);color:var(--pm-text-secondary);margin:0;font-style:italic}.disposition-note-form{display:flex;flex-direction:column;gap:var(--pm-space-3);animation:fadeIn var(--pm-transition-fast)}.disposition-textarea{width:100%;padding:var(--pm-space-3);border:1px solid rgba(16,185,129,.3);border-radius:var(--pm-radius-md);font-size:var(--pm-text-sm);font-family:inherit;background:#10b9810d;color:var(--pm-text-primary);resize:vertical;transition:all var(--pm-transition-fast);min-height:80px}.disposition-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:#10b98114}.disposition-textarea::placeholder{color:var(--pm-text-tertiary)}.disposition-actions{display:flex;justify-content:flex-end;gap:var(--pm-space-2)}.disposition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--pm-space-3);animation:fadeIn var(--pm-transition-base)}.disposition-option{display:flex;flex-direction:column;align-items:center;gap:var(--pm-space-2);padding:var(--pm-space-4);background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--pm-radius-md);cursor:pointer;transition:all var(--pm-transition-base);position:relative;overflow:hidden}.disposition-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transform-origin:left;transition:transform var(--pm-transition-base)}.disposition-option:hover{background:#10b9811f;border-color:#10b98166;transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.disposition-option:hover:before{transform:scaleX(1)}.disposition-option:active{transform:translateY(0);box-shadow:0 2px 6px #10b98133}.disposition-option.active{background:#10b98133;border-color:#10b981;border-width:2px;box-shadow:0 4px 12px #10b9814d,0 0 0 3px #10b9811a}.disposition-option.active:before{transform:scaleX(1)}.disposition-icon{font-size:var(--pm-text-3xl);line-height:1;transition:transform var(--pm-transition-base)}.disposition-option:hover .disposition-icon{transform:scale(1.15)}.disposition-option.active .disposition-icon{transform:scale(1.2)}.disposition-label{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);text-align:center;line-height:1.3}.disposition-option:hover .disposition-label{color:#10b981}.disposition-option.active .disposition-label{color:#10b981;font-weight:var(--pm-weight-semibold)}@media (max-width: 768px){.disposition-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.disposition-grid{grid-template-columns:1fr}}.toast-container{position:fixed;top:var(--pm-space-6);right:var(--pm-space-6);z-index:var(--pm-z-toast);display:flex;flex-direction:column;gap:var(--pm-space-3);max-width:420px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--pm-space-3);background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-4);box-shadow:var(--pm-shadow-xl),var(--pm-glow-cyan);border:1px solid var(--pm-border-light);pointer-events:all;position:relative;overflow:hidden;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);transition:all var(--pm-transition-base)}.toast:hover{transform:translate(-4px);box-shadow:var(--pm-shadow-2xl),var(--pm-glow-cyan-strong)}.toast-success{border-left:4px solid var(--pm-status-complete)}.toast-error{border-left:4px solid #EF4444}.toast-warning{border-left:4px solid var(--pm-status-review)}.toast-info{border-left:4px solid var(--pm-status-active)}.toast-icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon{width:20px;height:20px}.toast-success .toast-icon{color:var(--pm-status-complete)}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:var(--pm-status-review)}.toast-info .toast-icon{color:var(--pm-status-active)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-semibold);color:var(--pm-text-primary);margin-bottom:var(--pm-space-1)}.toast-message{font-size:var(--pm-text-sm);color:var(--pm-text-secondary);line-height:1.5;word-wrap:break-word}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--pm-text-tertiary);cursor:pointer;border-radius:var(--pm-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--pm-transition-fast)}.toast-close:hover{background:var(--pm-bg-tertiary);color:var(--pm-text-secondary)}.toast-close:active{transform:scale(.9)}.toast-close svg{width:16px;height:16px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--pm-bg-tertiary);overflow:hidden}.toast-progress-bar{height:100%;background:currentColor;animation:progressBar linear forwards;transform-origin:left}.toast-success .toast-progress-bar{background:var(--pm-status-complete)}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning .toast-progress-bar{background:var(--pm-status-review)}.toast-info .toast-progress-bar{background:var(--pm-status-active)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 640px){.toast-container{top:var(--pm-space-4);right:var(--pm-space-4);left:var(--pm-space-4);max-width:none}}@media (prefers-reduced-motion: reduce){.toast,.toast-progress-bar{animation:none}}.skeleton-animate{background:linear-gradient(90deg,var(--pm-bg-secondary) 0%,rgba(0,255,255,.1) 50%,var(--pm-bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);border:1px solid var(--pm-border-light);box-shadow:var(--pm-shadow-sm)}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pm-space-4)}.skeleton-title{height:24px;width:60%;border-radius:var(--pm-radius-md)}.skeleton-badge{height:24px;width:80px;border-radius:var(--pm-radius-full)}.skeleton-content{margin-bottom:var(--pm-space-4)}.skeleton-text{height:16px;width:100%;border-radius:var(--pm-radius-sm);margin-bottom:var(--pm-space-2)}.skeleton-text:last-child{margin-bottom:0}.skeleton-footer{display:flex;gap:var(--pm-space-4)}.skeleton-stat{height:40px;flex:1;border-radius:var(--pm-radius-md)}.projects-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--pm-space-6);padding:var(--pm-space-6)}.skeleton-details{padding:var(--pm-space-6)}.skeleton-details-header{margin-bottom:var(--pm-space-8)}.skeleton-back-button{height:40px;width:100px;border-radius:var(--pm-radius-md);margin-bottom:var(--pm-space-4)}.skeleton-title-large{height:32px;width:40%;border-radius:var(--pm-radius-md);margin-bottom:var(--pm-space-4)}.skeleton-actions{display:flex;gap:var(--pm-space-3)}.skeleton-button{height:40px;width:120px;border-radius:var(--pm-radius-md)}.skeleton-details-content{display:flex;flex-direction:column;gap:var(--pm-space-8)}.skeleton-section{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);border:1px solid var(--pm-border-light)}.skeleton-section-title{height:24px;width:30%;border-radius:var(--pm-radius-md);margin-bottom:var(--pm-space-4)}.skeleton-table{display:flex;flex-direction:column;gap:var(--pm-space-3)}.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pm-space-3)}.skeleton-cell{height:40px;border-radius:var(--pm-radius-sm)}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:48px;height:48px}.spinner-svg{animation:spinner-rotate 1s linear infinite}.spinner-circle{stroke:var(--pm-status-active);stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--pm-z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay.transparent{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--pm-space-4);background:var(--pm-bg-primary);padding:var(--pm-space-8);border-radius:var(--pm-radius-xl);box-shadow:var(--pm-shadow-2xl)}.loading-overlay-message{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-medium);color:var(--pm-text-primary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pm-space-12);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--pm-space-4);opacity:.5}.empty-state-title{font-size:var(--pm-text-2xl);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-2) 0}.empty-state-description{font-size:var(--pm-text-base);color:var(--pm-text-secondary);margin:0 0 var(--pm-space-6) 0;max-width:400px}.empty-state-action{margin-top:var(--pm-space-4)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pm-space-12);text-align:center}.error-state-icon{font-size:64px;margin-bottom:var(--pm-space-4);color:#ef4444}.error-state-title{font-size:var(--pm-text-2xl);font-weight:var(--pm-weight-bold);color:var(--pm-text-primary);margin:0 0 var(--pm-space-2) 0}.error-state-description{font-size:var(--pm-text-base);color:var(--pm-text-secondary);margin:0 0 var(--pm-space-6) 0;max-width:400px}.error-state-retry{background:var(--pm-status-active);color:#fff;border:none;padding:var(--pm-space-3) var(--pm-space-6);border-radius:var(--pm-radius-lg);font-size:var(--pm-text-base);font-weight:var(--pm-weight-medium);cursor:pointer;transition:all var(--pm-transition-fast)}.error-state-retry:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--pm-shadow-md)}.error-state-retry:active{transform:translateY(0)}@media (max-width: 768px){.projects-grid-skeleton{grid-template-columns:1fr;padding:var(--pm-space-4)}.skeleton-details{padding:var(--pm-space-4)}.skeleton-title-large{width:60%}.skeleton-actions{flex-direction:column}.skeleton-button{width:100%}.skeleton-table-row{grid-template-columns:1fr}.empty-state,.error-state{padding:var(--pm-space-8)}}@media (prefers-reduced-motion: reduce){.skeleton-animate{animation:none;background:var(--pm-bg-tertiary)}.spinner-svg,.spinner-circle{animation:none}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;z-index:1000;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#a0aec0;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#2d3748}.modal-icon{text-align:center;font-size:4rem;margin-bottom:1rem}.modal-content{text-align:center}.modal-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.modal-message{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:2rem}.unlock-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1.5rem;background-color:#f7fafc;border-radius:12px}.unlock-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.unlock-step span{font-size:.75rem;color:#718096;font-weight:600}.unlock-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid}.unlock-icon.complete{background-color:#48bb78;border-color:#48bb78;color:#fff}.unlock-icon.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.unlock-icon.pending{background-color:#fff;border-color:#e2e8f0;color:#a0aec0}.unlock-divider{width:30px;height:2px;background-color:#e2e8f0;margin:0 .5rem 1.5rem}.unlock-benefits{text-align:left;background-color:#f0fff4;border:2px solid #9ae6b4;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.benefits-title{font-weight:700;color:#22543d;margin-bottom:1rem}.unlock-benefits ul{list-style:none;padding:0;margin:0}.unlock-benefits li{color:#276749;padding:.5rem 0;font-size:.9rem}.modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.modal-footer-text{text-align:center;color:#a0aec0;font-size:.85rem;margin:0}@media (max-width: 640px){.modal{padding:1.5rem;width:95%}.modal-icon{font-size:3rem}.modal-title{font-size:1.5rem}.unlock-progress{flex-direction:column;gap:1rem}.unlock-divider{width:2px;height:20px;margin:0}.unlock-step{flex-direction:row;gap:1rem}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ql-container{background-color:var(--bg-secondary, #1e293b)!important;color:var(--text-primary, #e2e8f0)!important;border:1px solid var(--border-color, #334155)!important;border-top:none!important;font-size:15px!important;min-height:200px!important}.ql-editor{background-color:var(--bg-secondary, #1e293b)!important;color:var(--text-primary, #e2e8f0)!important;padding:16px!important;min-height:180px!important}.ql-editor.ql-blank:before{color:var(--text-secondary, #94a3b8)!important;font-style:normal!important;opacity:.6}.ql-toolbar{background-color:var(--bg-primary, #0f172a)!important;border:1px solid var(--border-color, #334155)!important;border-radius:4px 4px 0 0!important;padding:12px 8px!important}.ql-toolbar button,.ql-toolbar .ql-picker-label{color:var(--text-primary, #e2e8f0)!important;opacity:.8;transition:opacity .2s ease}.ql-toolbar button:hover,.ql-toolbar .ql-picker-label:hover,.ql-toolbar button.ql-active,.ql-toolbar .ql-picker-label.ql-active{color:var(--primary, #3b82f6)!important;opacity:1}.ql-toolbar button svg,.ql-toolbar .ql-picker-label svg{stroke:var(--text-primary, #e2e8f0)!important}.ql-toolbar button:hover svg,.ql-toolbar .ql-picker-label:hover svg{stroke:var(--primary, #3b82f6)!important}.ql-toolbar button.ql-active svg,.ql-toolbar .ql-picker-label.ql-active svg{stroke:var(--primary, #3b82f6)!important}.ql-toolbar button svg .ql-fill,.ql-toolbar .ql-picker-label svg .ql-fill{fill:var(--text-primary, #e2e8f0)!important}.ql-toolbar button:hover svg .ql-fill,.ql-toolbar .ql-picker-label:hover svg .ql-fill{fill:var(--primary, #3b82f6)!important}.ql-toolbar button.ql-active svg .ql-fill,.ql-toolbar .ql-picker-label.ql-active svg .ql-fill{fill:var(--primary, #3b82f6)!important}.ql-toolbar button svg .ql-stroke,.ql-toolbar .ql-picker-label svg .ql-stroke{stroke:var(--text-primary, #e2e8f0)!important}.ql-toolbar button:hover svg .ql-stroke,.ql-toolbar .ql-picker-label:hover svg .ql-stroke{stroke:var(--primary, #3b82f6)!important}.ql-toolbar button.ql-active svg .ql-stroke,.ql-toolbar .ql-picker-label.ql-active svg .ql-stroke{stroke:var(--primary, #3b82f6)!important}.ql-picker-options{background-color:var(--bg-primary, #0f172a)!important;border:1px solid var(--border-color, #334155)!important}.ql-picker-item{color:var(--text-primary, #e2e8f0)!important}.ql-picker-item:hover{background-color:var(--bg-secondary, #1e293b)!important;color:var(--primary, #3b82f6)!important}.ql-editor strong{font-weight:600}.ql-editor em{font-style:italic}.ql-editor u{text-decoration:underline}.ql-editor ol,.ql-editor ul{padding-left:1.5em;margin:.5em 0}.ql-editor li{margin:.25em 0;color:var(--text-primary, #e2e8f0)}.ql-container.ql-snow{border-radius:0 0 4px 4px!important}.ql-container:focus-within,.ql-toolbar:has(+.ql-container:focus-within){border-color:var(--primary, #3b82f6)!important}.form-group small{color:var(--text-secondary, #94a3b8)!important;margin-top:.5rem!important}.project-manager-page{max-width:1400px;margin:0 auto;padding:2rem}.project-manager-page .page-header{margin-bottom:2rem}.project-manager-page .page-header h1{font-size:2rem;margin-bottom:.5rem}.project-manager-page .page-header p{color:#666;font-size:1rem}.project-manager-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;overflow-x:auto;padding-bottom:0}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#00a8e8;background:#00a8e80d}.tab-button.active{color:#00a8e8;border-bottom-color:#00a8e8;background:#00a8e81a}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tab-header h2{font-size:1.5rem;margin:0}.header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input,.filter-select{padding:.5rem 1rem;border:1px solid #3a3a3a;border-radius:8px;font-size:.9rem;background:#2a2a2a;color:#e0e0e0}.search-input:focus,.filter-select:focus{outline:none;border-color:#00a8e8;background:#333}.search-input{min-width:250px}.filter-select{min-width:150px}.customer-form,.invoice-form,.quote-form{background:#1a1a1a;padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid #2a2a2a}.customer-form h3,.invoice-form h3,.quote-form h3{margin-top:0;margin-bottom:1.5rem;color:#e0e0e0}.customer-form h4,.invoice-form h4,.quote-form h4{margin-top:1.5rem;margin-bottom:1rem;color:#e0e0e0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;font-size:1rem;font-family:inherit;background:#2a2a2a;color:#e0e0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00a8e8;background:#333}.form-group small{margin-top:.25rem;font-size:.85rem;color:#999}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.customers-grid,.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.project-card{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.project-card:hover{border-color:#00a8e8;background:#1f1f1f;transform:translateY(-2px);box-shadow:0 4px 12px #00a8e833}.status-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #2a2a2a;padding-bottom:0}.filter-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#999;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{color:#00a8e8;background:#00a8e80d}.filter-tab.active{color:#00a8e8;border-bottom-color:#00a8e8;background:#00a8e81a}.customer-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease}.customer-card:hover{box-shadow:0 4px 12px #00a8e833;transform:translateY(-2px);border-color:#00a8e8}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-card-header h3{margin:0 0 .5rem;font-size:1.25rem;color:#e0e0e0}.customer-type-badge{display:inline-block;padding:.25rem .75rem;background:#1976d233;color:#64b5f6;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(25,118,210,.3)}.customer-card-body p{margin:.5rem 0;font-size:.95rem;color:#b0b0b0}.customer-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #2a2a2a}.data-table{width:100%;background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000004d;border:1px solid #2a2a2a}.data-table thead{background:#2a2a2a}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#e0e0e0;border-bottom:2px solid #3a3a3a}.data-table td{padding:1rem;border-bottom:1px solid #2a2a2a;color:#e0e0e0}.data-table tbody tr:hover{background:#252525}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-draft{background:#ffffff26;color:#b0b0b0;border:1px solid rgba(255,255,255,.2)}.status-sent{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.3)}.status-partial{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.3)}.status-paid,.status-accepted{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.3)}.status-cancelled,.status-rejected{background:#f4433633;color:#e57373;border:1px solid rgba(244,67,54,.3)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.items-list{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:1rem;align-items:center;padding:.75rem;border-bottom:1px solid #2a2a2a}.item-row:last-child{border-bottom:none}.item-description{font-weight:500;color:#e0e0e0}.item-total{font-weight:600;color:#00a8e8}.add-item-form{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:.5rem;align-items:end;margin-top:1rem}.add-item-form input{padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;color:#e0e0e0}.add-item-form input:focus{outline:none;border-color:#00a8e8;background:#333}.add-part-form{display:flex;flex-direction:column;gap:.75rem;width:50%;margin-left:auto;margin-top:1.5rem;padding:1rem;background:#00a8e80d;border-left:3px solid rgba(0,168,232,.3);border-radius:8px}.add-part-form input{padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;color:#e0e0e0;width:100%;font-size:.95rem}.add-part-form input:focus{outline:none;border-color:#00a8e8;background:#333}.add-part-form .btn-primary{width:100%;margin-top:.5rem}.stats-grid{display:grid;gap:2rem}.stats-section{background:#1a1a1a;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000004d;border:1px solid #2a2a2a}.stats-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:#e0e0e0}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:start}.stat-card{background:var(--bg-card, rgba(17, 24, 39, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:8px;text-align:center;border:1px solid var(--border-color, rgba(0, 255, 255, .2));transition:all .3s ease;color:#e0e0e0;position:relative;overflow:hidden;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-cyan),var(--tech-purple));transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan, 0 0 20px rgba(0, 255, 255, .3));border-color:var(--tech-cyan)}.stat-card.primary,.stat-card.success,.stat-card.warning,.stat-card.danger{height:140px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:1.5rem!important;margin:0!important;position:relative!important;color:#e0e0e0!important}.stat-card.primary .stat-value,.stat-card.success .stat-value,.stat-card.warning .stat-value,.stat-card.danger .stat-value{display:flex!important;color:#e0e0e0!important;font-size:2rem!important;font-weight:700!important}.stat-card.primary:before{background:linear-gradient(90deg,#00a8e8,#0077b6)}.stat-card.success:before{background:linear-gradient(90deg,#4caf50,#388e3c)}.stat-card.warning:before{background:linear-gradient(90deg,#ff9800,#f57c00)}.stat-card.danger:before{background:linear-gradient(90deg,#f44336,#d32f2f)}.stat-label{font-size:.85rem;margin-bottom:.5rem;opacity:.9}.stat-value{font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.stat-change{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;vertical-align:middle;white-space:nowrap}.change-positive{color:#4caf50;background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.change-negative{color:#f44336;background:#f4433626;border:1px solid rgba(244,67,54,.3)}.stat-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #3a3a3a}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1.1rem;color:#e0e0e0}.summary-row.success{color:#66bb6a}.summary-row.warning{color:#ffa726}.quick-actions-section{margin-top:2rem}.quick-actions-section h3{margin-bottom:1.5rem;color:#e0e0e0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#1a1a1a;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000004d;border-left:4px solid #00a8e8;border:1px solid #2a2a2a}.action-card h4{margin:0 0 1rem;color:#e0e0e0}.action-card p{margin:.5rem 0;color:#b0b0b0}.text-danger{color:#d32f2f}.btn-primary{background:#00a8e8;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#0077b6;transform:translateY(-1px);box-shadow:0 4px 12px #00a8e84d}.btn-secondary{background:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-small{padding:.5rem 1rem;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-delete{background:#dc3545;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1}.btn-delete:hover{background:#c82333}.empty-state{text-align:center;padding:4rem 2rem;color:#888}.empty-state p{font-size:1.1rem;color:#888}.loading-spinner{text-align:center;padding:4rem;font-size:1.2rem;color:#00a8e8}.pricing-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;background:#00a8e826;color:#00a8e8;border-radius:16px;font-size:.9rem;font-weight:600;border:1.5px solid rgba(0,168,232,.3)}.calc-row.model-info{background:#00a8e814;padding:.75rem;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #00a8e8}.calc-row.info-row{background:#64b5f61a;padding:.5rem;border-radius:4px;font-size:.85rem;font-style:italic;border-left:2px solid rgba(100,181,246,.3)}.info-text{color:#64b5f6;font-size:.85rem;display:block;width:100%}@media (max-width: 768px){.project-manager-page{padding:1rem}.project-manager-tabs{flex-wrap:nowrap;overflow-x:scroll}.tab-button{padding:.5rem 1rem;font-size:.9rem}.customers-grid,.projects-grid,.form-row,.add-item-form{grid-template-columns:1fr}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column}}.project-status-actions{display:flex;gap:1rem;padding:1.5rem 0;margin-bottom:2.5rem;border-bottom:2px solid #2a2a2a;flex-wrap:wrap}.btn-complete{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-cancel{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f443364d}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.btn-reopen{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2196f34d}.btn-reopen:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.section-header-collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;user-select:none;transition:all .3s ease}.section-header-collapsible:hover{background:#00a8e80d;padding-left:.5rem;padding-right:.5rem;border-radius:8px}.section-header-collapsible h4{margin:0;color:#00a8e8;display:flex;align-items:center;gap:.5rem}.collapse-toggle{background:transparent;color:#fff6;border:none;width:24px;height:24px;font-size:1.5rem;font-weight:300;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.collapse-toggle:hover{color:#ffffffb3;transform:scale(1.15)}.project-details-grid{display:flex;flex-direction:column;gap:2.5rem}.project-section{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:12px;padding:1.5rem}.project-section h4{margin-top:0;margin-bottom:1rem;color:#e0e0e0;font-size:1.2rem}.status-badge-large{display:inline-block;padding:.4rem 1rem;border-radius:16px;font-size:.9rem;font-weight:600;margin-left:1rem;text-transform:capitalize}.status-badge-large{background:#00a8e833;color:#00a8e8;border:1.5px solid rgba(0,168,232,.3)}.part-info{display:flex;gap:1rem;align-items:center}.part-price{margin-left:auto;font-weight:600;color:#00a8e8}.part-quantity{color:#999;font-size:.9rem}.part-link{margin-left:.5rem;font-size:1rem;text-decoration:none;opacity:.7;transition:opacity .2s ease}.part-link:hover{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin-top:0;margin-bottom:1rem;color:#e0e0e0;font-size:1.5rem}.modal-content p{margin:1rem 0;color:#b0b0b0}.modal-info{background:#00a8e81a;border-left:3px solid #00a8e8;padding:.75rem 1rem;border-radius:4px;color:#b0b0b0;font-size:.95rem;margin:1rem 0}.modal-large{max-width:700px;max-height:90vh;overflow-y:auto}.preview-form{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.specs-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.spec-item{display:grid;grid-template-columns:150px 1fr auto;gap:.75rem;align-items:center;padding:.75rem;background:#2a2a2a;border-radius:8px;border:1px solid #3a3a3a}.spec-label{font-weight:600;color:#00a8e8;text-transform:capitalize}.spec-input{padding:.5rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:.95rem}.spec-input:focus{outline:none;border-color:#00a8e8}.btn-delete-spec{background:#e5737333;border:1px solid rgba(229,115,115,.3);color:#e57373;border-radius:50%;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-delete-spec:hover{background:#e5737366;transform:scale(1.1)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.modal-subtitle{color:#999;font-size:.95rem;margin-top:-.5rem;margin-bottom:1.5rem}.payment-input{width:100%;padding:1rem;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#e0e0e0;font-size:1.1rem;transition:all .3s ease}.payment-input:focus{outline:none;border-color:#00a8e8;background:#1a1a1a}.payment-input::placeholder{color:#666}.btn-small:disabled{opacity:.5;cursor:not-allowed;background:#444;color:#888}.btn-small:disabled:hover{background:#444;transform:none;box-shadow:none}.publish-section{background:linear-gradient(135deg,#00a8e81a,#00a8e80d);border:2px solid rgba(0,168,232,.3);padding:1.5rem;border-radius:12px;margin-top:1.5rem}.publish-info{color:#b0b0b0;font-size:.95rem;margin-bottom:1rem;line-height:1.5}.btn-publish-featured{background:linear-gradient(135deg,#00a8e8,#0086b3);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 4px 12px #00a8e84d;animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 4px 12px #00a8e84d;transform:scale(1)}50%{box-shadow:0 6px 20px #00a8e880;transform:scale(1.02)}}.btn-publish-featured:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #00a8e899;animation:none}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.notification-modal{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:16px;padding:2.5rem;max-width:400px;width:90%;box-shadow:0 12px 40px #0009;animation:slideUp .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.notification-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.notification-success .notification-icon{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:3px solid rgba(76,175,80,.5);color:#4caf50}.notification-error .notification-icon{background:linear-gradient(135deg,#f4433633,#f443361a);border:3px solid rgba(244,67,54,.5);color:#f44336}.notification-info .notification-icon{background:linear-gradient(135deg,#00a8e833,#00a8e81a);border:3px solid rgba(0,168,232,.5);color:#00a8e8}.notification-content{margin-bottom:1.5rem}.notification-content h3{margin:0 0 .5rem;font-size:1.5rem;color:#e0e0e0}.notification-content p{margin:0;color:#b0b0b0;font-size:1rem;line-height:1.5}.notification-close{background:linear-gradient(135deg,#00a8e8,#0086b3);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00a8e84d;min-width:120px}.notification-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00a8e880}.notification-success .notification-modal{border-color:#4caf504d}.notification-error .notification-modal{border-color:#f443364d}.notification-info .notification-modal{border-color:#00a8e84d}.customer-status-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #2a2a2a;padding-bottom:0}.status-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#999;transition:all .3s ease;white-space:nowrap}.status-tab:hover{color:#00a8e8;background:#00a8e80d}.status-tab.active{color:#00a8e8;border-bottom-color:#00a8e8;background:#00a8e81a}.part-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:#2a2a2a;border-radius:8px;border:1px solid #3a3a3a;margin-bottom:.75rem;transition:all .3s ease}.part-item:hover{border-color:#00a8e8;background:#2f2f2f}.part-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.component-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1.5px solid;animation:fadeIn .3s ease}.component-badge.cpu{background:#9c27b033;color:#ce93d8;border-color:#9c27b066}.component-badge.gpu{background:#ff980033;color:#ffb74d;border-color:#ff980066}.component-badge.ram{background:#2196f333;color:#64b5f6;border-color:#2196f366}.component-badge.motherboard{background:#4caf5033;color:#81c784;border-color:#4caf5066}.component-badge.storage{background:#00bcd433;color:#4dd0e1;border-color:#00bcd466}.component-badge.psu{background:#ffc10733;color:#ffd54f;border-color:#ffc10766}.component-badge.case{background:#79554833;color:#bcaaa4;border-color:#79554866}.component-badge.cooling{background:#00acc133;color:#4dd0e1;border-color:#00acc166}.confidence-indicator{margin-left:.25rem;font-size:1rem}.component-details{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.detail-badge{display:inline-block;padding:.2rem .6rem;background:#64b5f626;color:#90caf9;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid rgba(100,181,246,.25)}.part-info{display:flex;flex-direction:column;flex:1}.part-price{color:#00a8e8;font-weight:600;font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-suggestions{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#64b5f61a;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(100,181,246,.2)}.loading-suggestions .spinner{width:20px;height:20px;border:3px solid rgba(100,181,246,.3);border-top-color:#64b5f6;border-radius:50%;animation:spin .8s linear infinite}.loading-suggestions span{color:#90caf9;font-weight:500}.component-summary{background:linear-gradient(135deg,#64b5f614,#ba68c814);border:1px solid rgba(100,181,246,.25);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.summary-header .icon{font-size:1.5rem}.summary-header h4{margin:0;color:#e0e0e0;font-size:1.1rem;font-weight:600}.summary-info{color:#b0b0b0;margin:0;font-size:.95rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-item{background:#0003;padding:1rem;border-radius:8px;border:1px solid rgba(100,181,246,.15)}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#64b5f6;margin-bottom:.25rem}.stat-label{display:block;font-size:.85rem;color:#b0b0b0;margin-bottom:.5rem}.stat-bar{height:6px;background:#64b5f626;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,#64b5f6,#42a5f5);border-radius:3px;transition:width .6s ease}.stat-bar-fill.confidence-high{background:linear-gradient(90deg,#81c784,#66bb6a)}.detected-components{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(100,181,246,.15)}.detected-components h5{margin:0 0 .75rem;color:#e0e0e0;font-size:.95rem;font-weight:600}.component-badges{display:flex;flex-wrap:wrap;gap:.5rem}.component-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .2s ease;border:1px solid}.component-badge.confidence-high{background:#81c78426;color:#81c784;border-color:#81c7844d}.component-badge.confidence-medium{background:#ffb74d26;color:#ffb74d;border-color:#ffb74d4d}.component-badge.confidence-low{background:#e5737326;color:#e57373;border-color:#e573734d}.component-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.badge-icon{font-size:1.1rem}.badge-label{font-weight:600}.badge-count{background:#ffffff26;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.suggested-specifications{background:linear-gradient(135deg,#ba68c814,#64b5f614);border:1px solid rgba(186,104,200,.25);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.specs-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.specs-header .icon{font-size:1.5rem}.specs-header h4{margin:0;color:#e0e0e0;font-size:1.1rem;font-weight:600;flex:1}.specs-badge{background:#ba68c833;color:#ce93d8;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid rgba(186,104,200,.3)}.specs-info{color:#b0b0b0;font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.specs-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.specs-divider{display:flex;align-items:center;margin:1rem 0;color:#888;font-size:.85rem;font-weight:600}.specs-divider:before,.specs-divider:after{content:"";flex:1;height:1px;background:#8888884d}.specs-divider:before{margin-right:.75rem}.specs-divider:after{margin-left:.75rem}.spec-row{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#0003;border-radius:8px;border:1px solid rgba(100,181,246,.15);transition:all .2s ease}.spec-row.suggested{border-color:#ba68c840;background:linear-gradient(90deg,#ba68c814,#0003)}.spec-row.modified{border-color:#ffb74d66;box-shadow:0 0 0 1px #ffb74d33}.spec-row:hover{background:#0000004d;border-color:#64b5f64d}.spec-indicator{display:flex;gap:.25rem;min-width:40px}.ai-badge,.modified-badge{font-size:1rem;cursor:help}.spec-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.spec-key{font-weight:600;color:#90caf9;font-size:.9rem;text-transform:capitalize}.spec-value{width:100%;padding:.625rem .875rem;background:#0000004d;border:1px solid rgba(100,181,246,.2);border-radius:6px;color:#e0e0e0;font-size:.95rem;transition:all .2s ease}.spec-value:focus{outline:none;border-color:#64b5f6;background:#0006;box-shadow:0 0 0 2px #64b5f626}.original-value{color:#888;font-size:.8rem;font-style:italic}.btn-remove-spec{background:#e5737333;color:#e57373;border:1px solid rgba(229,115,115,.3);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-spec:hover{background:#e573734d;border-color:#e5737380;transform:scale(1.1)}.btn-add-spec{width:100%;padding:.75rem;background:#64b5f61a;color:#64b5f6;border:1px dashed rgba(100,181,246,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-spec:hover{background:#64b5f626;border-color:#64b5f680;transform:translateY(-1px)}.publish-preview-modal .modal-content{max-width:800px;max-height:90vh;display:flex;flex-direction:column}.publish-preview-modal .preview-form{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;flex:1;padding-right:.5rem}.publish-preview-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.publish-preview-modal .modal-header-with-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:1.5rem;align-items:start}.publish-preview-modal .modal-header-with-actions>div:first-child{grid-column:2;text-align:center}.publish-preview-modal .modal-header-with-actions h3{margin:0 0 .5rem}.publish-preview-modal .modal-header-with-actions .modal-subtitle{margin:0}.publish-preview-modal .modal-actions{grid-column:3;display:flex;gap:.75rem;flex-shrink:0;align-items:flex-start;justify-content:flex-end;margin:0!important;padding:0!important;border:none!important;border-top:none!important;background:none!important}.publish-preview-modal .modal-actions button{max-width:170px}.publish-preview-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.publish-preview-modal .btn-secondary{cursor:pointer;pointer-events:auto}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.component-summary,.suggested-specifications{animation:slideInFromBottom .4s ease}.modal-xlarge{max-width:1200px;width:95vw;max-height:90vh;overflow-y:auto}.preview-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;max-height:calc(90vh - 250px)}.preview-form-left,.preview-form-right{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.preview-form-left::-webkit-scrollbar,.preview-form-right::-webkit-scrollbar{width:6px}.preview-form-left::-webkit-scrollbar-track,.preview-form-right::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.preview-form-left::-webkit-scrollbar-thumb,.preview-form-right::-webkit-scrollbar-thumb{background:#8a63d280;border-radius:3px}.preview-form-left::-webkit-scrollbar-thumb:hover,.preview-form-right::-webkit-scrollbar-thumb:hover{background:#8a63d2b3}.specs-scrollable{max-height:400px;overflow-y:auto;padding-right:.5rem}.specs-scrollable::-webkit-scrollbar{width:6px}.specs-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.specs-scrollable::-webkit-scrollbar-thumb{background:#8a63d280;border-radius:3px}.specs-scrollable::-webkit-scrollbar-thumb:hover{background:#8a63d2b3}@media (max-width: 1024px){.modal-xlarge{max-width:90vw}.preview-form-grid{grid-template-columns:1fr;gap:1.5rem}}.publish-view{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:16px;padding:2rem;animation:slideInFromBottom .4s ease;overflow:hidden;max-width:100%;box-sizing:border-box}.publish-view-header{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:1.5rem;align-items:start;padding-bottom:1.5rem;border-bottom:2px solid #2a2a2a}.publish-view-header>div:first-child{grid-column:2;text-align:center}.publish-view-header h3{margin:0 0 .5rem;color:#e0e0e0;font-size:1.5rem}.publish-view-subtitle{color:#999;font-size:.95rem;margin:0}.publish-view-actions{grid-column:3;display:flex;gap:.75rem;flex-shrink:0;align-items:flex-start;justify-content:flex-end}.publish-view-actions button{max-width:170px;white-space:nowrap}.publish-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.publish-view-left,.publish-view-right{display:flex;flex-direction:column;gap:1.5rem;overflow-x:hidden;padding-right:.5rem;min-width:0}.publish-view .form-group{display:flex;flex-direction:column;min-width:0;width:100%}.publish-view .form-group input,.publish-view .form-group textarea,.publish-view .form-group select{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.publish-view .form-group textarea{resize:vertical;min-height:100px}.publish-view .component-summary,.publish-view .modal-info{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.publish-view-left::-webkit-scrollbar,.publish-view-right::-webkit-scrollbar{width:6px}.publish-view-left::-webkit-scrollbar-track,.publish-view-right::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.publish-view-left::-webkit-scrollbar-thumb,.publish-view-right::-webkit-scrollbar-thumb{background:#8a63d280;border-radius:3px}.publish-view-left::-webkit-scrollbar-thumb:hover,.publish-view-right::-webkit-scrollbar-thumb:hover{background:#8a63d2b3}@media (max-width: 1024px){.publish-view-grid{grid-template-columns:1fr;gap:1.5rem}.publish-view-header{grid-template-columns:1fr;text-align:center}.publish-view-header>div:first-child{grid-column:1}.publish-view-actions{grid-column:1;justify-content:center}}.modal-small{max-width:350px!important;padding:1.5rem!important}.modal-small h3{font-size:1.1rem!important;text-align:center}.modal-small .modal-actions{margin-top:1rem!important;justify-content:center!important}.modal-small .modal-actions button{min-width:100px}.account-settings-page{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 300px)}.account-settings-page .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.account-settings-page h1{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-xl)}.deletion-alert{background:#ffc1071a;border:2px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.deletion-alert h3{color:#ffc107;margin-bottom:var(--spacing-md)}.deletion-alert p{color:var(--text-primary);margin-bottom:var(--spacing-md)}.btn-cancel-deletion{background:var(--tech-cyan);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-deletion:hover{background:var(--tech-cyan-light);transform:translateY(-2px)}.btn-cancel-deletion:disabled{opacity:.5;cursor:not-allowed}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.settings-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--tech-cyan)}.settings-section h3{color:var(--text-primary);font-size:1.2rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item .label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.info-item .value{color:var(--text-primary);font-size:1rem}.danger-zone{border-color:#dc3545;background:#dc35450d}.danger-zone h2{color:#dc3545;border-bottom-color:#dc3545}.danger-content{margin-top:var(--spacing-lg)}.warning-text{background:#ffc1071a;border-left:4px solid #ffc107;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.warning-text strong{color:#ffc107}.deletion-info-list,.data-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.deletion-info-list li,.data-list li{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary)}.deletion-info-list li{border-left:3px solid var(--tech-cyan)}.data-list li{border-left:3px solid #dc3545}.data-list.kept li{border-left-color:var(--tech-cyan);background:#00ffff0d}.gdpr-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.gdpr-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.gdpr-info a{color:var(--tech-cyan);text-decoration:none;transition:color .3s ease}.gdpr-info a:hover{color:var(--tech-cyan-light);text-decoration:underline}.btn-delete-account{background:#dc3545;color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-lg)}.btn-delete-account:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.delete-modal{max-width:600px}.delete-modal .modal-header{background:#dc35451a;border-bottom:2px solid #dc3545}.delete-modal .modal-header h2{color:#dc3545}.delete-modal .form-group{margin-bottom:var(--spacing-lg)}.delete-modal label{display:block;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.delete-modal textarea,.delete-modal input[type=text]{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--text-primary);font-family:inherit;font-size:1rem}.delete-modal textarea{resize:vertical}.delete-modal input[type=text]:focus{outline:none;border-color:var(--tech-cyan)}.info-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.info-box p{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:var(--text-secondary);padding:var(--spacing-xs) 0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:var(--bg-secondary);border-color:var(--tech-cyan)}.btn-confirm-delete{background:#dc3545;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm-delete:hover:not(:disabled){background:#c82333}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.account-settings-page h1{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm-delete{width:100%}}.data-deletion-page{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 300px);background:var(--bg-primary)}.data-deletion-page .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.data-deletion-page h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:var(--spacing-sm);text-align:center}.subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-2xl);font-style:italic}.quick-actions{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background:var(--tech-cyan);color:var(--bg-primary);border:none}.btn-primary:hover{background:var(--tech-cyan-light);transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.btn-secondary{background:transparent;color:var(--tech-cyan);border:2px solid var(--tech-cyan)}.btn-secondary:hover{background:#00ffff1a;transform:translateY(-2px)}.faq-sections{margin-top:var(--spacing-2xl)}.faq-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.faq-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--tech-cyan)}.faq-item{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:var(--tech-cyan);font-size:1.3rem;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.faq-answer{color:var(--text-primary);line-height:1.7}.faq-answer p{margin-bottom:var(--spacing-md)}.faq-answer ul,.faq-answer ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.faq-answer li{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.faq-answer ul ul{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.faq-answer a{color:var(--tech-cyan);text-decoration:none;transition:color .3s ease}.faq-answer a:hover{color:var(--tech-cyan-light);text-decoration:underline}.data-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.data-list li{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.data-list.deleted li{border-left:3px solid #dc3545;background:#dc35450d}.data-list.kept li{border-left:3px solid var(--tech-cyan);background:#00ffff0d}.note,.warning{padding:var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-md) 0;font-size:.95rem}.note{background:#00ffff1a;border-left:4px solid var(--tech-cyan);color:var(--text-primary)}.note strong{color:var(--tech-cyan)}.warning{background:#ffc1071a;border-left:4px solid #ffc107;color:var(--text-primary)}.warning strong{color:#ffc107}.bottom-cta{text-align:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,#00ffff1a,#8a2be21a);border:2px solid var(--tech-cyan);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0}.bottom-cta h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-md)}.bottom-cta p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.btn-primary-large{background:var(--tech-cyan);color:var(--bg-primary);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease;display:inline-block;border:none}.btn-primary-large:hover{background:var(--tech-cyan-light);transform:translateY(-3px);box-shadow:0 6px 16px #0ff6}.contact-box{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin-top:var(--spacing-2xl)}.contact-box h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.contact-box p{color:var(--text-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.contact-box .small{font-size:.9rem;color:var(--text-secondary);margin-top:var(--spacing-md)}.contact-box a{color:var(--tech-cyan);text-decoration:none;font-weight:600;transition:color .3s ease}.contact-box a:hover{color:var(--tech-cyan-light);text-decoration:underline}@media (max-width: 768px){.data-deletion-page h1{font-size:1.8rem}.subtitle{font-size:1rem}.quick-actions{flex-direction:column;padding:var(--spacing-md)}.btn-primary,.btn-secondary{width:100%;text-align:center}.faq-section{padding:var(--spacing-lg)}.faq-section h2{font-size:1.5rem}.faq-item h3{font-size:1.1rem}.faq-answer ul,.faq-answer ol{padding-left:var(--spacing-md)}.bottom-cta{padding:var(--spacing-lg)}.bottom-cta h2{font-size:1.5rem}.cta-buttons{flex-direction:column}.btn-primary-large,.cta-buttons .btn-secondary{width:100%}.contact-box{padding:var(--spacing-md)}}@media print{.quick-actions,.bottom-cta,.contact-box{display:none}.data-deletion-page{background:#fff;color:#000}.faq-section{page-break-inside:avoid;border:1px solid #ccc}.faq-item{page-break-inside:avoid}}.verification-banner{padding:1rem;border-radius:8px;margin-bottom:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verification-banner.warning{background-color:#fffbeb;border:2px solid #fbbf24}.verification-banner.success{background-color:#f0fdf4;border:2px solid #22c55e}.verification-banner.error{background-color:#fef2f2;border:2px solid #ef4444}.banner-content{display:flex;align-items:flex-start;gap:1rem}.banner-icon{flex-shrink:0;font-size:1.5rem}.banner-text{flex:1}.banner-text strong{display:block;font-weight:700;color:#1a202c;margin-bottom:.25rem}.banner-text p{color:#4a5568;margin:0;font-size:.9rem}.banner-actions{flex-shrink:0;display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-outline{background:transparent;border:2px solid currentColor;color:#667eea;font-weight:600}.btn-outline:hover:not(:disabled){background-color:#667eea;color:#fff}.btn-outline:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.banner-content{flex-direction:column}.banner-actions,.btn-sm{width:100%}}.onboarding-container{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-header{text-align:center;margin-bottom:3rem}.welcome-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.welcome-subtitle{font-size:1.125rem;color:#718096}.progress-section{margin-bottom:3rem}.progress-bar-container{width:100%;height:12px;background-color:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease;border-radius:6px}.progress-text{text-align:center;color:#4a5568;font-weight:600;font-size:.9rem}.onboarding-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.onboarding-step{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s}.onboarding-step.active{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.onboarding-step.complete{border-color:#48bb78;background-color:#f0fff4}.onboarding-step.pending{opacity:.6}.step-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background-color:#e2e8f0;color:#718096}.onboarding-step.active .step-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.onboarding-step.complete .step-icon{background-color:#48bb78;color:#fff}.step-content{flex:1}.step-content h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.step-content p{color:#4a5568;margin-bottom:.5rem}.success-text{color:#38a169!important;font-weight:600!important}.muted-text{color:#a0aec0!important;font-style:italic!important}.btn-text{background:none;border:none;color:#667eea;padding:0;font-size:.9rem;text-decoration:underline;cursor:pointer}.btn-text:hover{color:#764ba2}.feature-preview{margin-bottom:3rem}.feature-preview h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.feature-card.unlocked{border-color:#48bb78;background-color:#f0fff4}.feature-card.locked{opacity:.7;background-color:#f7fafc}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.feature-card p{color:#718096;font-size:.9rem;margin-bottom:1rem}.feature-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.feature-card.unlocked .feature-status{background-color:#c6f6d5;color:#22543d}.feature-card.locked .feature-status{background-color:#fed7d7;color:#742a2a}.onboarding-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-secondary{background-color:#e2e8f0;color:#2d3748}.btn-secondary:hover:not(:disabled){background-color:#cbd5e0}.onboarding-help{text-align:center;color:#718096;font-size:.9rem}.onboarding-help a{color:#667eea;text-decoration:none;font-weight:600}.onboarding-help a:hover{text-decoration:underline}@media (max-width: 768px){.onboarding-container{padding:1rem}.welcome-title{font-size:2rem}.onboarding-step{padding:1rem;gap:1rem}.feature-grid{grid-template-columns:1fr}.onboarding-actions{gap:.75rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}