:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--border-color: #ddd;--accent-primary: #007bff;--accent-hover: #0056b3;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--shadow: rgba(0, 0, 0, .1)}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #444;--accent-primary: #4a9eff;--accent-hover: #3a7ed0;--success: #32cd32;--warning: #ffd700;--danger: #ff6b6b;--shadow: rgba(0, 0, 0, .3)}body.inzano-mode{--bg-primary: linear-gradient(135deg, #ff9ff3 0%, #feca57 50%, #ff6b6b 100%);--bg-secondary: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 50%, #ff7675 100%);--bg-tertiary: linear-gradient(135deg, #fab1a0 0%, #fd79a8 50%, #a29bfe 100%);--text-primary: #ffffff;--text-secondary: #f0f0f0;--border-color: #ffffff80;--accent-primary: #ff6b9d;--accent-hover: #ff1493;--success: #00d2d3;--warning: #fdcb6e;--danger: #ff6b81;--shadow: rgba(255, 105, 180, .5)}body.possum-mode{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #555;--accent-primary: #8b7355;--accent-hover: #6b5335;--success: #4a7c59;--warning: #d4af37;--danger: #8b4513;--shadow: rgba(139, 115, 85, .5)}body.harrison-mode{--bg-primary: #f5f5f5;--bg-secondary: #e8e8e8;--bg-tertiary: #d0d0d0;--text-primary: #2c2c2c;--text-secondary: #555555;--border-color: #c0c0c0;--accent-primary: #c41e3a;--accent-hover: #a01628;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--shadow: rgba(196, 30, 58, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}.inzano-mode{background:linear-gradient(135deg,#ff9ff3,#feca57,#48dbfb,#ff6b6b,#ee5a6f,#a29bfe);background-size:400% 400%;animation:inzanoGradient 10s ease infinite;position:relative;overflow-x:hidden}@keyframes inzanoGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.inzano-mode:before,.inzano-mode:after{content:"🦄";position:fixed;font-size:80px;z-index:9999;pointer-events:none;animation:floatUnicorn 25s linear infinite;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,182,193,.6),0 0 60px rgba(255,105,180,.4)}.inzano-mode:after{content:"🌈";font-size:100px;animation:floatRainbow 30s linear infinite;animation-delay:-10s}.inzano-mode .app-header:before{content:"🦄✨🌈✨🦄";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:24px;animation:sparkle 2s ease-in-out infinite;z-index:1000}.inzano-mode .contact-card,.inzano-mode .wishlist-item,.inzano-mode .modal-content{border:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff0080,#ff8c00,#ff0,#0f0,#0ff,#0080ff,#8000ff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #ffb6c199,0 0 40px #ff69b466!important}.inzano-mode .btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff1493,#c71585)!important;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff149380!important}.inzano-mode .btn-primary:before{content:"✨";position:absolute;left:-30px;animation:slideSparkle 3s linear infinite}.inzano-mode .app:before,.inzano-mode .app:after{content:"💕";position:fixed;font-size:40px;animation:floatHearts 15s ease-in-out infinite;z-index:1;pointer-events:none}.inzano-mode .app:after{content:"⭐";animation:floatStars 18s ease-in-out infinite;animation-delay:-5s}@keyframes floatUnicorn{0%{left:-100px;top:20%;transform:rotate(0)}25%{top:60%}50%{left:50%;top:30%;transform:rotate(360deg)}75%{top:70%}to{left:calc(100% + 100px);top:20%;transform:rotate(720deg)}}@keyframes floatRainbow{0%{right:-150px;top:10%;transform:rotate(0) scale(1)}25%{top:50%;transform:rotate(90deg) scale(1.2)}50%{right:50%;top:20%;transform:rotate(180deg) scale(1)}75%{top:60%;transform:rotate(270deg) scale(1.1)}to{right:calc(100% + 150px);top:10%;transform:rotate(360deg) scale(1)}}@keyframes floatHearts{0%{left:10%;top:100%;opacity:0}25%{opacity:1}50%{left:15%;top:-10%}51%{left:85%;top:100%}75%{opacity:1}to{left:90%;top:-10%;opacity:0}}@keyframes floatStars{0%{right:5%;top:100%;opacity:0;transform:rotate(0)}25%{opacity:1}50%{right:10%;top:-10%;transform:rotate(180deg)}51%{right:90%;top:100%}75%{opacity:1}to{right:95%;top:-10%;opacity:0;transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.1)}}@keyframes slideSparkle{0%{left:-30px}to{left:calc(100% + 30px)}}.possum-mode{background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#2a2a2a);background-size:400% 400%;animation:possumNight 20s ease infinite;position:relative;overflow-x:hidden}@keyframes possumNight{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}.possum-mode:before,.possum-mode:after{content:"🦝";position:fixed;font-size:70px;z-index:9999;pointer-events:none;animation:floatPossum 30s linear infinite;filter:drop-shadow(0 0 10px rgba(139,115,85,.8))}.possum-mode:after{content:"🗑️";font-size:60px;animation:floatTrash 25s linear infinite;animation-delay:-12s}.possum-mode .app-header:before{content:"🌙";position:absolute;top:10px;right:20px;font-size:40px;animation:glowMoon 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,200,.8));z-index:1000}.possum-mode .app:before,.possum-mode .app:after{position:fixed;font-size:35px;animation:floatCreatures 20s ease-in-out infinite;z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px rgba(200,200,200,.5))}.possum-mode .app:before{content:"🦉";animation-delay:0s}.possum-mode .app:after{content:"🦇";animation-delay:-10s}.possum-mode .contact-card,.possum-mode .wishlist-item,.possum-mode .modal-content{border:2px solid #8b7355;box-shadow:0 4px 15px #8b735566,inset 0 1px #8b735533!important}.possum-mode .btn-primary{background:linear-gradient(135deg,#8b7355,#6b5335)!important;box-shadow:0 4px 12px #8b735566!important;position:relative}.possum-mode .btn-primary:before{content:"🗑️";position:absolute;left:-25px;animation:slideTrashIcon 4s linear infinite;font-size:16px}@keyframes floatPossum{0%{left:-100px;top:10%;transform:scaleX(1) rotate(0)}25%{top:30%}50%{left:50%;top:15%;transform:scaleX(-1) rotate(-10deg)}75%{top:35%}to{left:calc(100% + 100px);top:10%;transform:scaleX(1) rotate(0)}}@keyframes floatTrash{0%{right:-100px;top:40%;transform:rotate(0)}25%{top:60%;transform:rotate(90deg)}50%{right:50%;top:35%;transform:rotate(180deg)}75%{top:55%;transform:rotate(270deg)}to{right:calc(100% + 100px);top:40%;transform:rotate(360deg)}}@keyframes floatCreatures{0%{left:5%;top:100%;opacity:0;transform:rotate(0)}25%{opacity:.8}50%{left:10%;top:10%;transform:rotate(15deg)}51%{left:90%;top:100%}75%{opacity:.8}to{left:85%;top:10%;opacity:0;transform:rotate(-15deg)}}@keyframes glowMoon{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,200,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,255,200,1));transform:scale(1.05)}}@keyframes slideTrashIcon{0%{left:-25px;opacity:0}50%{opacity:1}to{left:calc(100% + 25px);opacity:0}}.possum-mode .app,.possum-mode .app-header,.possum-mode .main-container,.possum-mode .contacts-panel,.possum-mode .detail-panel,.possum-mode .contact-detail{position:relative;z-index:1}.harrison-mode{position:relative;padding-top:40px;padding-bottom:40px}.harrison-mode:before,.harrison-mode:after{content:"💀 Star Wars is overrated 💀 The prequels ruined everything 💀 Jar Jar was the worst 💀 Midichlorians? Really? 💀 The sequels made no sense 💀 Too many lightsabers 💀 The CGI aged terribly 💀 Space wizards are boring 💀 Star Trek is better 💀 Star Wars is overrated 💀 The prequels ruined everything 💀 Jar Jar was the worst 💀 Midichlorians? Really? 💀 The sequels made no sense 💀 Too many lightsabers 💀";position:fixed;left:0;width:200%;height:40px;background:linear-gradient(90deg,#c41e3a,#a01628,#c41e3a);color:#fff;font-weight:700;font-size:18px;line-height:40px;white-space:nowrap;z-index:10000;box-shadow:0 2px 10px #0000004d;animation:scrollMarquee 60s linear infinite}.harrison-mode:before{top:0}.harrison-mode:after{bottom:0;animation-direction:reverse}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.harrison-mode .app{margin-top:0}.harrison-mode .app,.harrison-mode .app-header,.harrison-mode .main-container{position:relative;z-index:100}.harrison-mode .btn-primary{background:linear-gradient(135deg,#c41e3a,#a01628)!important;position:relative}.harrison-mode .btn-primary:before{content:"⚔️";position:absolute;left:-25px;text-decoration:line-through;animation:slideStrikethrough 5s linear infinite}@keyframes slideStrikethrough{0%{left:-25px;opacity:0}50%{opacity:1}to{left:calc(100% + 25px);opacity:0}}.possum-mode .app,.inzano-mode .app-header,.inzano-mode .main-container,.inzano-mode .contacts-panel,.inzano-mode .detail-panel,.inzano-mode .contact-detail{position:relative;z-index:1}.inzano-mode .modal-overlay{position:fixed;z-index:1000}.inzano-mode .app-header{background:linear-gradient(135deg,#ff6b9d,#ff8c42,#ffd93d)!important;box-shadow:0 4px 20px #ff69b480!important;animation:headerShimmer 3s ease-in-out infinite}@keyframes headerShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.inzano-mode .contacts-panel{background:linear-gradient(135deg,#ffeaa7dd,#fdcb6edd)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:3px solid #ff6b9d!important}.inzano-mode .contacts-header h3,.inzano-mode .contact-item{color:#333!important;text-shadow:0 1px 2px rgba(255,255,255,.8)}.inzano-mode .contact-item{background:#ffffff80!important;border-bottom:1px solid rgba(255,107,157,.3)!important}.inzano-mode .contact-item:hover{background:#ffffffb3!important}.inzano-mode .wishlist-count{background:#ff6b9d4d!important;color:#333!important;font-weight:600}.inzano-mode .detail-panel,.inzano-mode .contact-detail{background:linear-gradient(135deg,#ff9ff3dd,#feca57dd,#48dbfbdd)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inzano-mode .wishlist-item{background:linear-gradient(135deg,#fffe,#ffeaa7ee)!important;border:2px solid #ff6b9d!important;box-shadow:0 4px 15px #ff69b44d!important}.inzano-mode .wishlist-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ff69b480!important}.inzano-mode .wishlist-item .item-description,.inzano-mode .wishlist-item .item-notes,.inzano-mode .wishlist-item .date-info{color:#333!important;text-shadow:0 1px 2px rgba(255,255,255,.8)}.inzano-mode .item-number{background:#333!important;color:#fff!important;border:2px solid #ff6b9d!important}.inzano-mode .added-by-badge{background:linear-gradient(135deg,#9b59b6,#e056fd)!important;color:#fff!important;border:2px solid white!important;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.inzano-mode .contact-detail h2,.inzano-mode .contact-detail h3,.inzano-mode .contact-detail p{color:#333!important;text-shadow:0 1px 3px rgba(255,255,255,.9)}.inzano-mode .btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff1493)!important;border:none!important;box-shadow:0 4px 15px #ff149366!important;animation:buttonPulse 2s ease-in-out infinite;color:#fff!important;font-weight:700!important;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.inzano-mode .btn-secondary,.inzano-mode .btn-danger,.inzano-mode .btn-success,.inzano-mode .btn-warning{color:#333!important;font-weight:600!important;border:2px solid rgba(255,255,255,.5)!important;text-shadow:0 1px 1px rgba(255,255,255,.5)}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.inzano-mode .category-badge{background:linear-gradient(135deg,#a29bfe,#fd79a8)!important;color:#fff!important;border:2px solid white!important;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.inzano-mode input,.inzano-mode select,.inzano-mode textarea{background:#ffffffe6!important;border:2px solid #ff6b9d!important;color:#333!important}.inzano-mode input::placeholder,.inzano-mode textarea::placeholder{color:#ff6b9daa!important}.inzano-mode .contact-item.active{background:linear-gradient(135deg,#ff6b9d,#feca57)!important;border-left:4px solid #ff1493!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--accent-primary);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px var(--shadow);gap:2rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.8rem;white-space:nowrap}.global-search-bar{flex:1;max-width:600px;min-width:250px}.global-search-input{width:100%;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:24px;background:#ffffff26;color:#fff;font-size:1rem;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-search-input::placeholder{color:#ffffffb3}.global-search-input:focus{outline:none;background:#ffffff40;border-color:#fff9;box-shadow:0 4px 12px #0003}.header-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.employee-selector{display:flex;align-items:center;gap:.5rem}.employee-selector label{font-size:1.2rem}.employee-select{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px}.employee-select option{background:var(--bg-primary);color:var(--text-primary)}.employee-select:hover{background:#ffffff40;border-color:#ffffff80}.employee-select:focus{outline:none;background:#ffffff4d;border-color:#ffffffb3;box-shadow:0 4px 12px #0003}.global-search-results-panel{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);max-height:60vh;overflow-y:auto;position:relative;z-index:10}.global-search-header{padding:1rem 2rem;background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:11}.global-search-header h3{margin:0;color:var(--text-primary)}.close-results{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-results:hover{background:var(--bg-secondary);color:var(--text-primary)}.global-results-list{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem}.global-result-contact{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary);transition:all .2s}.global-result-contact:hover{box-shadow:0 4px 12px var(--shadow)}.result-contact-header{padding:1rem;background:var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.result-contact-header:hover{background:var(--accent-primary)}.result-contact-header h4{margin:0;color:var(--text-primary);transition:color .2s}.result-contact-header:hover h4{color:#fff}.match-count{font-size:.85rem;background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:600}.result-contact-header:hover .match-count{background:#ffffff4d}.matching-items-preview{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.matching-item-preview{padding:.75rem;background:var(--bg-secondary);border-radius:4px;border-left:4px solid var(--accent-primary);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.matching-item-preview .item-desc{flex:1;color:var(--text-primary);font-weight:500}.header-controls{display:flex;gap:1rem;align-items:center}.header-controls .username{font-size:.9rem;opacity:.9}.main-container{display:flex;flex:1;overflow:hidden}.contacts-panel{width:350px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.contacts-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.contacts-header h3{margin:0;color:var(--text-primary)}.btn-add{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent-primary);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-add:hover{background:var(--accent-hover);transform:scale(1.1)}.add-contact-form{padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.add-contact-form input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.controls{padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border-color)}.search-input,.sort-select,.filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.contacts-list{flex:1;overflow-y:auto}.contact-group{margin-bottom:.5rem}.contact-group-header{padding:.4rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1}.contact-item{padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.contact-item-remove{flex-shrink:0;width:1.6rem;height:1.6rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.6}.contact-item-remove:hover{opacity:1;background:var(--bg-tertiary);color:var(--danger, #c53030)}.contact-item.active .contact-item-remove{color:#ffffffe6}.contact-item.active .contact-item-remove:hover{background:#fff3;color:#fff}.contact-item:hover{background:var(--bg-tertiary)}.contact-item.active{background:var(--accent-primary);color:#fff;border-left:4px solid var(--accent-hover)}.contact-info{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0}.contact-group-badge{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.wishlist-count{font-size:.8rem;background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:12px}.contact-item.active .wishlist-count{background:#ffffff4d}.detail-panel{flex:1;overflow-y:auto;background:var(--bg-primary)}.no-selection{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);font-size:1.2rem}.contact-detail{padding:2rem;max-width:1200px;margin:0 auto}.contact-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.contact-header h2{margin-bottom:.5rem;color:var(--text-primary)}.contact-header p{color:var(--text-secondary);margin:.25rem 0}.contact-actions{display:flex;gap:.5rem}.edit-form{display:flex;flex-direction:column;gap:.5rem;flex:1}.edit-form input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}.edit-actions{display:flex;gap:.5rem}.wishlist-section h3{margin-bottom:1rem;color:var(--text-primary)}.add-form{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem}.add-form input,.add-form select,.add-form textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.tag-input-container{position:relative}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px var(--shadow)}.tag-suggestion{padding:.5rem;cursor:pointer;transition:background .2s;color:var(--text-primary)}.tag-suggestion:hover{background:var(--bg-secondary)}.bricklink-input-container{position:relative}.bricklink-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:8px;max-height:300px;overflow-y:auto;z-index:20;box-shadow:0 8px 16px var(--shadow)}.bricklink-suggestion{padding:.75rem;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;align-items:center}.bricklink-suggestion:last-child{border-bottom:none}.bricklink-suggestion:hover{background:var(--accent-primary);color:#fff}.bl-item-image{width:60px;height:60px;object-fit:contain;border-radius:4px;background:#fff;padding:4px;flex-shrink:0}.bl-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.bl-item-no{font-weight:700;font-family:monospace;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.9rem;color:var(--text-primary);display:inline-block;width:fit-content}.bricklink-suggestion:hover .bl-item-no{background:#ffffff4d;color:#fff}.bl-item-name{font-size:.9rem;color:var(--text-primary);font-weight:500}.bricklink-suggestion:hover .bl-item-name{color:#fff}.bl-item-year{font-size:.85rem;color:var(--text-secondary);font-style:italic}.bricklink-suggestion:hover .bl-item-year{color:#fffc}.wishlist-items{display:flex;flex-direction:column;gap:1rem}.wishlist-item{padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.wishlist-item:hover{box-shadow:0 4px 12px var(--shadow)}.item-content{flex:1}.item-header{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap;align-items:center}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.category-badge.sets{background:#007bff;color:#fff}.category-badge.minifigures{background:#ffc107;color:#333}.category-badge.parts{background:#28a745;color:#fff}.category-badge.customs{background:#e83e8c;color:#fff}.category-badge.camps{background:#17a2b8;color:#fff}.category-badge.others{background:#6c757d;color:#fff}.added-by-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;background:#9b59b6;color:#fff}.item-number{display:inline-block;padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;font-family:monospace;font-size:.8rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge.arrived{background:var(--success);color:#fff}.status-badge.notified{background:#17a2b8;color:#fff}.item-description{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.item-notes{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.item-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.tag{display:inline-block;padding:.25rem .5rem;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:.75rem}.item-dates{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.date-info{font-size:.8rem;color:var(--text-secondary)}.item-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.edit-item-form{display:flex;flex-direction:column;gap:.5rem}.edit-item-form input,.edit-item-form select,.edit-item-form textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.no-items{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-warning,.btn-small{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:500}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:var(--warning);color:#333}.btn-warning:hover{background:#e0a800}.btn-small{padding:.25rem .75rem;font-size:.8rem}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:var(--text-secondary);background:var(--bg-primary)}.dark-mode .contacts-panel{background:var(--bg-secondary)}.dark-mode .contacts-header,.dark-mode .contacts-header h3,.dark-mode .add-contact-form{background:var(--bg-secondary);color:var(--text-primary)}.dark-mode .add-contact-form input,.dark-mode .search-input,.dark-mode .sort-select,.dark-mode .filter-select{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .contact-item{background:var(--bg-secondary)}.dark-mode .employee-item span{color:var(--text-primary)}.dark-mode .item-number,.dark-mode .qty{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .global-search-results-panel{background:var(--bg-secondary)}.dark-mode .global-search-header{background:var(--bg-tertiary)}.dark-mode .global-result-contact{background:var(--bg-primary)}.dark-mode .matching-item-preview{background:var(--bg-secondary)}.dark-mode .bricklink-suggestions{background:var(--bg-primary);border-color:var(--accent-primary)}.dark-mode .bl-item-no{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.main-container{flex-direction:column}.contacts-panel{width:100%;min-height:300px;max-height:50vh;border-right:none;border-bottom:1px solid var(--border-color)}.app-header{flex-direction:column;gap:1rem;padding:1rem}.app-header h1{font-size:1.5rem}.global-search-bar{width:100%;max-width:100%}.header-controls{flex-wrap:wrap;justify-content:center;width:100%}.global-search-results-panel{max-height:50vh}.global-results-list{padding:.75rem}.result-contact-header{flex-direction:column;align-items:flex-start;gap:.5rem}.contact-detail{padding:1rem}.item-actions{flex-direction:column}.btn-small{width:100%}}@media (max-width: 480px){.app-header h1{font-size:1.2rem}.contacts-panel{min-height:250px;max-height:45vh}.item-header{flex-direction:column;align-items:flex-start}.global-search-header{padding:.75rem 1rem}.matching-item-preview{flex-direction:column;align-items:flex-start}}.input-helper{display:block;font-size:.75rem;color:var(--warning);margin-top:.25rem;margin-bottom:.5rem;font-style:italic;font-weight:500}.bricklink-input-container{position:relative;width:100%}.bricklink-input-container .input-helper{margin-left:.25rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary)}.login-box{background:var(--bg-secondary);padding:2rem;border-radius:8px;box-shadow:0 4px 20px var(--shadow);width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:2rem;color:var(--text-primary)}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}.login-box button{padding:.75rem;border:none;border-radius:4px;background:var(--accent-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-box button:hover:not(:disabled){background:var(--accent-hover)}.login-box button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);font-size:.9rem;text-align:center}.hint{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:1rem;font-style:italic}.dark-mode .login-container{background:var(--bg-primary)}.dark-mode .login-box{background:var(--bg-secondary)}.dark-mode .login-box h1{color:var(--text-primary)}.dark-mode .login-box input{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .hint{color:var(--text-secondary)}.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:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px var(--shadow);width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.settings-modal{max-width:800px}.modal-header{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.modal-header h2{margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tab-btn{flex:1;padding:1rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border-bottom:3px solid transparent}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-primary)}.settings-content{padding:2rem;overflow-y:auto;flex:1}.success-message{padding:.75rem;background:var(--success);color:#fff;border-radius:4px;margin-bottom:1rem;text-align:center}.error-message{padding:.75rem;background:var(--danger);color:#fff;border-radius:4px;margin-bottom:1rem;text-align:center}.settings-group{margin-bottom:2rem}.settings-group h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.settings-form{display:flex;flex-direction:column;gap:.75rem}.settings-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.add-user-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;max-width:320px}.add-user-form input,.add-user-form select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.form-row-buttons{display:flex;gap:.5rem;margin-top:.25rem}.employee-list{display:flex;flex-direction:column;gap:.75rem}.employee-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.employee-item span{color:var(--text-primary);font-weight:500}.no-employees{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem}.theme-section h3{margin-bottom:1.5rem;color:var(--text-primary);text-align:center;font-size:1.3rem}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.theme-card{cursor:pointer;border:3px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .3s;background:var(--bg-secondary)}.theme-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow)}.theme-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a9eff33}.theme-preview{height:120px;border-radius:8px;margin-bottom:.75rem;overflow:hidden;position:relative}.light-preview{background:#fff}.light-preview .preview-header{height:30%;background:#007bff}.light-preview .preview-content{padding:.5rem;background:#f5f5f5}.light-preview .preview-bar{height:8px;background:#e0e0e0;margin:.25rem 0;border-radius:4px}.light-preview .preview-bar.short{width:60%}.dark-preview{background:#1a1a1a}.dark-preview .preview-header{height:30%;background:#4a9eff}.dark-preview .preview-content{padding:.5rem;background:#2d2d2d}.dark-preview .preview-bar{height:8px;background:#3d3d3d;margin:.25rem 0;border-radius:4px}.dark-preview .preview-bar.short{width:60%}.inzano-preview{background:linear-gradient(135deg,#ff9ff3,#feca57,#ff6b6b);animation:previewGradient 3s ease infinite;background-size:200% 200%}@keyframes previewGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.inzano-preview .preview-header{height:30%;background:linear-gradient(135deg,#ff6b9d,#ffd93d)}.inzano-preview .preview-content{padding:.5rem;background:linear-gradient(135deg,#ffeaa7dd,#fdcb6edd)}.inzano-preview .preview-bar{height:8px;background:#ffffff80;margin:.25rem 0;border-radius:4px}.inzano-preview .preview-bar.short{width:60%}.possum-preview{background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#2a2a2a);position:relative;overflow:hidden}.possum-preview:before{content:"🌙";position:absolute;top:5px;right:5px;font-size:20px;opacity:.8}.possum-preview:after{content:"🦝";position:absolute;bottom:10px;left:10px;font-size:16px;animation:previewPossumWalk 4s linear infinite}@keyframes previewPossumWalk{0%{left:-20px;transform:scaleX(1)}45%{transform:scaleX(1)}50%{left:50%;transform:scaleX(-1)}95%{transform:scaleX(-1)}to{left:calc(100% + 20px);transform:scaleX(1)}}.possum-preview .preview-header{height:30%;background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.possum-preview .preview-content{padding:.5rem;background:#2a2a2ae6}.possum-preview .preview-bar{height:8px;background:#8b7355;margin:.25rem 0;border-radius:4px}.possum-preview .preview-bar.short{width:60%}.harrison-preview{background:#f5f5f5;position:relative;overflow:hidden}.harrison-preview:before{content:"💀 NO STAR WARS 💀";position:absolute;top:0;left:0;width:200%;height:20%;background:#c41e3a;color:#fff;font-size:8px;font-weight:700;line-height:14px;white-space:nowrap;animation:previewScroll 8s linear infinite}.harrison-preview:after{content:"💀 OVERRATED 💀";position:absolute;bottom:0;right:0;width:200%;height:20%;background:#a01628;color:#fff;font-size:8px;font-weight:700;line-height:14px;white-space:nowrap;animation:previewScroll 8s linear infinite reverse}@keyframes previewScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.harrison-preview .preview-header{height:30%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0);margin-top:20%}.harrison-preview .preview-content{padding:.5rem;background:#e8e8e8e6;margin-bottom:20%}.harrison-preview .preview-bar{height:8px;background:#c41e3a;margin:.25rem 0;border-radius:4px}.harrison-preview .preview-bar.short{width:60%}.custom-theme-input{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:2px solid var(--border-color)}.custom-theme-input label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}.theme-name-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .3s}.theme-name-input:focus{outline:none;border-color:var(--accent-primary)}.custom-theme-input .help-text{margin-top:.75rem;margin-bottom:0}.dark-mode .custom-theme-input{background:var(--bg-tertiary)}.dark-mode .theme-name-input{background:var(--bg-secondary)}.theme-name{text-align:center;font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.theme-description{text-align:center;font-size:.8rem;color:var(--text-secondary);font-style:italic}.dark-mode .modal-content{background:var(--bg-primary)}.dark-mode .modal-header,.dark-mode .settings-tabs{background:var(--bg-secondary)}.dark-mode .settings-form input{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .employee-item,.dark-mode .theme-card{background:var(--bg-tertiary)}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0}.settings-content{padding:1rem}.theme-options{grid-template-columns:1fr}.settings-tabs{overflow-x:auto}.tab-btn{white-space:nowrap;min-width:120px}}.users-list{display:flex;flex-direction:column;gap:1rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);gap:1rem}.user-info{flex:1}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-details strong{color:var(--text-primary);font-size:1rem}.user-username{color:var(--text-secondary);font-size:.875rem}.user-role{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.25rem;width:fit-content}.role-admin{background:#ff6b6b;color:#fff}.role-manager{background:#ffa502;color:#fff}.role-employee{background:#4ecdc4;color:#fff}.user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.user-form input,.user-form select{width:100%}.user-form button{grid-column:1 / -1}.user-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.user-edit-form input,.user-edit-form select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem}.user-edit-actions{display:flex;gap:.5rem}.no-users{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.dark-mode .user-item{background:var(--bg-tertiary)}.dark-mode .user-edit-form input,.dark-mode .user-edit-form select{background:var(--bg-secondary);color:var(--text-primary)}.account-info{padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.account-info p{margin:.75rem 0;color:var(--text-primary);font-size:.95rem}.account-info strong{color:var(--text-secondary);margin-right:.5rem}.dark-mode .account-info{background:var(--bg-tertiary)}.help-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;font-style:italic}.sync-section{padding:20px}.sync-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:var(--card-bg, #f5f5f5);padding:20px;border-radius:8px;text-align:center;border:2px solid var(--border-color, #ddd)}.stat-number{font-size:2em;font-weight:700;color:var(--primary-color, #007bff);margin-bottom:5px}.stat-label{font-size:.9em;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.stat-date{font-size:.8em;color:var(--text-muted, #999);margin-top:5px}.sync-options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.sync-option{padding:15px;border:2px solid var(--border-color, #ddd);border-radius:8px;background:var(--card-bg, #f9f9f9)}.sync-option button{width:100%;margin-bottom:8px;font-size:1.1em;padding:12px}.sync-option button:disabled{opacity:.5;cursor:not-allowed}.option-description{margin:0;font-size:.85em;color:var(--text-secondary, #666)}.sync-status-indicator{margin-top:20px;padding:20px;background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 15px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-message{background:#e3f2fd;border-left:4px solid #2196f3;padding:12px;margin:15px 0;border-radius:4px;color:#1976d2}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}