@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&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.5;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.app-container{width:100%;max-width:550px;padding:2rem;perspective:1000px}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:28px;padding:2.5rem;box-shadow:0 40px 100px #0009;animation:slideUp .7s cubic-bezier(.16,1,.3,1)}.tabs-nav{display:flex;background:#0006;padding:5px;border-radius:12px;margin-bottom:2rem;gap:5px}.tab-btn{flex:1;background:transparent;border:none;padding:10px;color:var(--text-secondary);font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.tab-btn.active{background:#ffffff0d;color:var(--accent-color);box-shadow:0 4px 12px #0003}.title-section{text-align:center;margin-bottom:2rem}.title-gradient{background:linear-gradient(135deg,#fff,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;letter-spacing:.05em;text-transform:uppercase}.input-group{margin-bottom:1.5rem}label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}input{width:100%;background:#0000004d;border:1px solid var(--panel-border);border-radius:12px;padding:1rem;color:#fff;font-family:inherit;font-size:1.1rem;transition:all .2s ease;text-align:center}input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #58a6ff1a}.btn-generate{width:100%;background:var(--accent-color);color:#0d1117;border:none;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-generate:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #58a6ff4d}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:1.5rem}.stat-card{background:#ffffff08;border:1px solid var(--panel-border);padding:1rem;border-radius:14px;text-align:center}.stat-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-color)}.search-bar{display:flex;align-items:center;background:#0003;border:1px solid var(--panel-border);padding:0 1rem;border-radius:10px;margin-bottom:1rem;gap:10px;color:var(--text-secondary)}.search-bar input{background:transparent;border:none;padding:8px 0;font-size:.9rem;text-align:left;box-shadow:none}.history-list{max-height:250px;overflow-y:auto;padding-right:5px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:10px}.history-item{background:#ffffff05;border:1px solid var(--panel-border);border-radius:12px;padding:12px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:5px;position:relative;transition:all .2s ease}.history-item:hover{background:#ffffff0a}.history-id{font-weight:700;font-size:.95rem;color:#fff}.history-date{font-size:.65rem;color:var(--text-secondary)}.history-key-preview{font-family:monospace;font-size:.8rem;color:var(--accent-hover);grid-column:1 / span 2;margin-top:4px;letter-spacing:.05em}.history-actions{display:flex;gap:5px}.action-btn{background:#ffffff0d;border:none;width:28px;height:28px;border-radius:6px;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:1.5rem;padding-top:1.5rem;border-top:1px solid var(--panel-border)}.result-box{background:#58a6ff0a;border:1px dashed var(--accent-color);border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;position:relative}.result-value{font-family:monospace;font-size:1.4rem;font-weight:700;letter-spacing:.1em}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease forwards}footer{text-align:center;margin-top:2rem;color:var(--text-secondary);font-size:.7rem;opacity:.5}