@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-color: #0b0e14;--panel-bg: rgba(255, 255, 255, .02);--panel-border: rgba(255, 255, 255, .08);--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-hover: #79c0ff;--error-color: #ff7b72;--success-color: #3fb950}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;padding:1rem}.app-container{width:100%;max-width:700px;margin:0 auto}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--panel-border);border-radius:16px;padding:3rem;box-shadow:0 40px 100px #0009;animation:slideUp .5s ease-out}.tabs-nav{display:flex;background:#0006;padding:8px;border-radius:12px;margin-bottom:2.5rem;gap:8px;border:1px solid var(--panel-border)}.tab-btn{flex:1;background:transparent;border:2px solid transparent;padding:18px;color:var(--text-secondary);font-weight:700;font-size:1.1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease}.tab-btn.active{background:#ffffff0d;color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 6px #0003;font-weight:800}.title-section{text-align:center;margin-bottom:3rem}.title-gradient{background:linear-gradient(135deg,#fff,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:600;text-transform:uppercase}.input-group{margin-bottom:2.5rem}label{display:block;font-size:1.2rem;font-weight:700;color:var(--text-secondary);margin-bottom:.8rem}input{width:100%;background:#0000004d;border:2px solid var(--panel-border);border-radius:12px;padding:1.5rem;color:#fff;font-family:inherit;font-size:1.6rem;font-weight:700;transition:all .2s ease;text-align:center}input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #58a6ff33;background:#00000080}input::placeholder{color:#fff3;font-weight:400}.product-selector{display:grid!important;grid-template-columns:1fr;gap:1rem!important}.product-option{display:flex;align-items:center;gap:1rem;padding:1.2rem;border:2px solid var(--panel-border);border-radius:12px;cursor:pointer;background:#0003;font-size:1.3rem;font-weight:600;color:var(--text-secondary);transition:all .2s}.product-option:hover{background:#ffffff0d}.product-option input[type=radio]{width:24px;height:24px;margin:0;cursor:pointer}.product-option.selected{border-color:var(--accent-color);background:#58a6ff1a;color:var(--accent-color);font-weight:800}.btn-generate{width:100%;background:var(--accent-color);color:#0b0e14;border:none;padding:1.5rem;border-radius:12px;font-weight:800;font-size:1.4rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:15px;margin-top:1rem;box-shadow:0 6px 12px #58a6ff33}.btn-generate:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #58a6ff4d}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:2.5rem}.stat-card{background:#ffffff08;border:2px solid var(--panel-border);padding:1.5rem;border-radius:12px;text-align:center}.stat-label{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:var(--accent-color)}.search-bar{display:flex;align-items:center;background:#0003;border:2px solid var(--panel-border);padding:0 1.2rem;border-radius:12px;margin-bottom:1.5rem;gap:12px;color:var(--text-secondary)}.search-bar input{background:transparent;border:none;padding:1.2rem 0;font-size:1.2rem;font-weight:400;text-align:left;box-shadow:none}.search-bar input:focus{box-shadow:none}.history-list{max-height:400px;overflow-y:auto;padding-right:10px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:10px}.history-item{background:#ffffff05;border:2px solid var(--panel-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:15px;display:grid;grid-template-columns:1fr auto;gap:8px}.history-id{font-weight:800;font-size:1.2rem;color:#fff}.history-date{font-size:1rem;color:var(--text-secondary);margin-top:4px}.history-key-preview{font-size:1.3rem;font-weight:700;color:var(--accent-hover);grid-column:1 / span 2;margin-top:10px;letter-spacing:.05em;background:#0000004d;padding:10px;border-radius:8px;text-align:center}.history-actions{display:flex;gap:10px;align-items:center}.action-btn{background:#ffffff0d;border:2px solid transparent;width:45px;height:45px;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:var(--accent-color);color:#000}.action-btn.delete:hover{background:var(--error-color);color:#fff}.result-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--panel-border)}.result-box{background:#58a6ff0a;border:3px dashed var(--accent-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;position:relative}.result-label{font-size:1.1rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem}.result-value{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:.1em}.copy-hint{font-size:1.1rem;font-weight:600;color:var(--success-color);margin-top:1rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;margin-top:3rem;color:var(--text-secondary);font-size:1rem;font-weight:600}