.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;border-left:4px solid;min-width:300px}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-success .toast-icon{background:#d1fae5;color:#10b981}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}.toast-info .toast-icon{background:#dbeafe;color:#3b82f6}.toast-message{flex:1;font-size:14px;color:#374151;line-height:1.5}.toast-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s;flex-shrink:0}.toast-close:hover{background:#f3f4f6;color:#374151}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-container{left:20px;right:20px;max-width:none}.toast{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0891b2;--color-primary-light: #06b6d4;--color-primary-dark: #0e7490;--color-secondary: #0284c7;--color-secondary-light: #0ea5e9;--color-secondary-dark: #075985;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #0891b2 0%, #0284c7 100%);--gradient-dark: linear-gradient(135deg, #0c4a6e 0%, #164e63 100%);--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-error: #ef4444;--color-error-light: #f87171;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(6, 182, 212, .3);--shadow-glow-hover: 0 0 30px rgba(6, 182, 212, .5);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}html{font-size:16px;scroll-behavior:smooth}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;line-height:1.6;color:var(--color-slate-100);background:linear-gradient(135deg,#0c4a6e,#164e63,#0e7490,#155e75,#0c4a6e);background-attachment:fixed;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(8,145,178,.1) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-slate-900);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);border:2px solid var(--color-slate-900)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);animation:fadeInUp .6s ease-out}.header{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-2xl);position:sticky;top:0;z-index:100;animation:slideIn .6s ease-out;box-shadow:var(--shadow-lg)}.header h1{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.025em;animation:float 3s ease-in-out infinite}.header p{margin:.5rem 0 0;color:var(--color-slate-300);font-size:1rem}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);transition:all var(--transition-base);animation:scaleIn .4s ease-out;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl),var(--shadow-glow);border-color:#06b6d44d}.card:hover:before{opacity:1}.card h2{font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-slate-50);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-slate-100)}.form-group{margin-bottom:var(--spacing-lg);animation:fadeInUp .4s ease-out backwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-slate-200);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.input,.select{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--color-slate-100);background:#0f172a80;border:2px solid var(--glass-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.input::placeholder{color:var(--color-slate-500)}.input:focus,.select:focus{border-color:var(--color-primary);background:#0f172ab3;box-shadow:0 0 0 3px #06b6d41a,var(--shadow-glow);transform:translateY(-2px)}.input:disabled{opacity:.6;cursor:not-allowed;background:#0f172a4d}.select{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='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.select:hover{border-color:var(--color-primary-light)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.button:hover:before{left:100%}.button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow-hover);background:var(--gradient-secondary)}.button:active{transform:translateY(-1px) scale(.98)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--color-slate-700)}.button:disabled:hover{transform:none;box-shadow:var(--shadow-md);background:var(--color-slate-700)}.button-secondary{background:var(--glass-bg);border:2px solid var(--glass-border);color:var(--color-slate-100);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.button-secondary:hover{background:#06b6d433;border-color:var(--color-primary);color:#fff}.alert{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideIn .4s ease-out;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:var(--color-info-light)}.alert-info:before{background:var(--color-info)}.alert-success{background:#10b9811a;border-color:#10b9814d;color:var(--color-success-light)}.alert-success:before{background:var(--color-success)}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--color-warning-light)}.alert-warning:before{background:var(--color-warning)}.alert-error{background:#ef44441a;border-color:#ef44444d;color:var(--color-error-light)}.alert-error:before{background:var(--color-error)}.badge{display:inline-block;padding:.375rem .875rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.badge:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.badge-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-light));color:#fff}.badge-warning{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-light));color:#fff}.badge-danger{background:linear-gradient(135deg,var(--color-error),var(--color-error-light));color:#fff}.badge-info{background:linear-gradient(135deg,var(--color-info),var(--color-info-light));color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.lock-item{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);animation:scaleIn .4s ease-out backwards;position:relative;overflow:hidden}.lock-item:nth-child(1){animation-delay:.1s}.lock-item:nth-child(2){animation-delay:.2s}.lock-item:nth-child(3){animation-delay:.3s}.lock-item:nth-child(4){animation-delay:.4s}.lock-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-base);z-index:-1}.lock-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow)}.lock-item:hover:before{opacity:.3}.lock-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.lock-info:last-child{border-bottom:none;margin-bottom:0}.lock-info-label{font-weight:600;color:var(--color-slate-400);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.lock-info-value{color:var(--color-slate-100);font-weight:500}.token-search{margin-bottom:var(--spacing-xl)}.token-list{max-height:400px;overflow-y:auto;border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:var(--spacing-md);background:#0f172a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.token-item{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);animation:slideIn .3s ease-out backwards}.token-item:nth-child(1){animation-delay:.05s}.token-item:nth-child(2){animation-delay:.1s}.token-item:nth-child(3){animation-delay:.15s}.token-item:nth-child(4){animation-delay:.2s}.token-item:nth-child(5){animation-delay:.25s}.token-item:last-child{border-bottom:none}.token-item:hover{background:#06b6d41a;transform:translate(5px);border-left:3px solid var(--color-primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading p{color:var(--color-slate-400);font-weight:500;animation:pulse 2s ease-in-out infinite}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}@media (max-width: 768px){:root{font-size:14px}.header h1{font-size:2rem}.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-lg)}.grid{grid-template-columns:1fr;gap:var(--spacing-md)}.button{width:100%;padding:1rem}.header .container{flex-direction:column!important}.token-list{max-height:300px}}@media (max-width: 480px){.header h1{font-size:1.75rem}.card h2{font-size:1.5rem}.card h3{font-size:1.25rem}.input,.select,.button{font-size:.875rem}}@media print{body{background:#fff;color:#000}.button{display:none}.card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}::selection{background:#06b6d44d;color:#fff}::-moz-selection{background:#06b6d44d;color:#fff}a{color:var(--color-primary-light);text-decoration:none;transition:all var(--transition-base);position:relative}a:hover{color:var(--color-secondary-light)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}a:hover:after{width:100%}ul,ol{color:var(--color-slate-300);line-height:1.8}li{margin-bottom:var(--spacing-sm)}li strong{color:var(--color-slate-100)}strong{color:var(--color-slate-50);font-weight:600}p{color:var(--color-slate-300);line-height:1.7}code{background:#0f172ab3;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--color-primary-light);border:1px solid var(--glass-border)}pre{background:#0f172ab3;padding:var(--spacing-md);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--glass-border)}pre code{background:none;border:none;padding:0}