:root{--bg-main: #060813;--bg-gradient: linear-gradient(135deg, #060813 0%, #0c122c 50%, #04050b 100%);--panel-bg: rgba(15, 23, 42, .55);--panel-border: rgba(255, 255, 255, .07);--panel-glow: rgba(37, 99, 235, .15);--primary: #2563eb;--primary-hover: #3b82f6;--primary-glow: rgba(37, 99, 235, .4);--primary-gradient: linear-gradient(135deg, #2563eb 0%, #6366f1 100%);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--warning: #f59e0b;--danger: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dark: #64748b;--font-title: "Outfit", "Plus Jakarta Sans", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:#060813b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);padding:16px 24px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:10px}.logo-icon{background:var(--primary-gradient);color:#fff;padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--primary-glow)}.logo-text{font-family:var(--font-title);font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.nav-links{display:flex;gap:8px;background:#ffffff08;padding:4px;border-radius:var(--radius-md);border:1px solid var(--panel-border)}.nav-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;font-family:var(--font-body);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.nav-btn:hover{color:var(--text-main);background:#ffffff0d}.nav-btn.active{color:#fff;background:var(--primary-gradient);box-shadow:0 4px 12px var(--primary-glow)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:24px}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 8px 32px #0000005e;transition:var(--transition);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ffffff26,#fff0);pointer-events:none}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000073,0 0 20px var(--panel-glow)}h1,h2,h3,h4{font-family:var(--font-title);color:#fff;letter-spacing:-.3px}h1{font-size:2.25rem;font-weight:800;margin-bottom:8px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-input{background:#0f172acc;border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-main);font-family:var(--font-body);font-size:.95rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{background:var(--primary-gradient);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:0 4px 12px var(--primary-glow)}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.btn:active{transform:translateY(1px)}.btn-secondary{background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-main);box-shadow:none}.btn-secondary:hover{background:#ffffff1a;box-shadow:none}.btn-danger{background:var(--danger);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:#dc2626;box-shadow:0 6px 16px #ef444466}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;cursor:pointer;background:#ffffff03;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:16px}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#2563eb08}.dropzone-icon{background:#ffffff08;padding:16px;border-radius:50%;color:var(--text-muted);border:1px solid var(--panel-border);transition:var(--transition)}.dropzone:hover .dropzone-icon{color:var(--primary);background:#2563eb1a;border-color:#2563eb33;transform:translateY(-2px)}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.key-card{background:#ffffff05;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px;transition:var(--transition)}.key-card:hover{background:#ffffff0a;border-color:#ffffff26}.key-card-header{display:flex;justify-content:space-between;align-items:start}.key-alias{font-weight:700;font-size:1.1rem;color:#fff}.key-owner{font-size:.85rem;color:var(--text-muted)}.key-meta{font-size:.75rem;color:var(--text-dark)}.key-badge{font-size:.75rem;background:#2563eb26;color:#60a5fa;padding:2px 8px;border-radius:99px;border:1px solid rgba(37,99,235,.2);font-weight:600}.result-box{border-radius:var(--radius-md);padding:20px;border:1px solid transparent;display:flex;align-items:start;gap:16px;animation:slideIn .3s ease-out}.result-box.success{background:#10b9810f;border-color:#10b98133}.result-box.error{background:#ef44440f;border-color:#ef444433}.result-icon{padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-box.success .result-icon{background:#10b98126;color:var(--success)}.result-box.error .result-icon{background:#ef444426;color:var(--danger)}.result-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.result-msg{font-size:.9rem;color:var(--text-muted);word-break:break-word}.result-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#04060fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:480px;width:100%;padding:28px;box-shadow:0 20px 25px -5px #00000080;animation:scaleIn .2s ease-out}.file-preview{background:#ffffff05;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.header{flex-direction:column;gap:16px;padding:16px}.nav-links{width:100%;justify-content:space-around}.main-content{padding:16px}h1{font-size:1.75rem}.keys-grid{grid-template-columns:1fr}}