@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black-300:#202124;color-scheme:light dark;font-family:Poppins;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}.login-page{align-items:center;background:#f8fafc;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;padding:1rem}.login-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 15px 45px #00000014;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.login-title{color:#0f172a;font-size:1.875rem;font-weight:700;margin-bottom:.75rem}.login-subtitle{color:#6b7280;font-size:1rem;margin-bottom:2rem}.login-button{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.login-button:hover{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.loader-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--black-300);height:50px;width:50px}.loader-text{color:var(--black-300);font-size:1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.package-form{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;height:350px;margin:0 auto;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.package-form::-webkit-scrollbar{height:8px;width:8px}.package-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.package-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.package-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.package-form .form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.package-form .form-group label{color:var(--color-black-300);font-size:.9rem;font-weight:500}.package-form .form-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#000;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.package-form .form-input:focus{border-color:var(--color-black-300);box-shadow:0 0 0 3px #2d5f8b1a;outline:none}.package-form .form-input.error{border-color:#e53e3e;box-shadow:0 0 0 1px #e53e3e33}.package-form .form-input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e33}.package-form .error-message{animation:fadeIn .2s ease;color:#e53e3e;font-size:.8rem;margin-top:.25rem}.package-form .form-submit-button{background-color:var(--color-black-300);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:12px 24px;transition:all .3s ease;width:100%}.package-form .form-submit-button:hover{background-color:var(--color-black-300);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.package-form .form-submit-button:active{transform:translateY(0)}.package-form .font-small{font-size:small}.code-section{display:flex;flex-direction:column;gap:1.25rem}.code-section .section-title{color:var(--color-black-300);font-size:1rem;font-weight:600;margin-bottom:.5rem}.code-section .copied-message-wrapper{height:0;position:relative}.code-section .copied-message{animation:fadeInOut 2s ease forwards;background:#ecfdf5;border-radius:4px;color:#000;font-size:.75rem;padding:2px 6px;position:absolute;right:10px;top:-5px;z-index:1}.code-section .code-box{background-color:#f6f8fa;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#2d3748;font-family:Courier New,monospace;font-size:.95rem;overflow-x:auto;padding:1rem;position:relative;white-space:pre-wrap}.code-section .code-box::-webkit-scrollbar{height:6px}.code-section .code-box::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.code-section .code-box code{display:block;overflow-x:auto;white-space:pre}.code-section .code-box pre{margin:0;white-space:pre-wrap}.code-section .code-box .copy-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px;position:absolute;right:10px;top:10px}.code-section .code-box .copy-container .copy-btn{align-items:center;background:#e5e7eb;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.code-section .code-box .copy-container .copy-btn:hover{background:#d1d5db;color:#1f2937}.code-section .code-box .copy-container .copy-btn .copy-icon{font-size:1rem}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-box{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 12px 32px #0000001a;max-width:500px;overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f3f4f699;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background:#e2e8f0cc;color:#3730a3}.modal-content{padding:2rem}.modal-content h2{color:#1e1b4b;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.modal-action-button{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none;border-radius:10px;box-shadow:0 6px 18px #8b5cf64d;color:"red";color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.modal-action-button:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.modal-action-button:active{transform:scale(.98)}.package-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 6px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;margin:1rem;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);width:280px}.package-card:hover{border-color:var(--color-black-300);box-shadow:0 12px 20px #0000001f;transform:translateY(-4px)}.package-card .package-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-black-300);display:-webkit-box;font-size:1.4rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:break-word}.package-container{background:#fff;border:1px solid #d9d8d8;border-radius:12px;flex:1 1;height:100vh;overflow-y:auto;padding:2rem}.package-container.empty{align-items:center;display:flex;justify-content:center}.package-container .empty-state{text-align:center}.package-container .empty-state p{color:#718096;font-size:1.2rem;margin:0}.package-container .empty-state p.hint{color:#a0aec0;font-size:1rem;margin-top:1rem}.package-container .package-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.home-page{background:linear-gradient(135deg,#f0f4f8,#e6ecf3);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.home-page .home-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1.5rem}.home-page .home-header button{align-items:center;background-color:#2d5f8b;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-weight:500;gap:8px;margin-top:15px;padding:12px 24px;transition:all .3s ease}.home-page .home-header button:hover{background-color:#1c4f73;box-shadow:0 4px 8px #00000026}.home-page .home-header button:active{transform:translateY(0)}.home-page .home-header button:before{content:"+";font-size:1.2rem}.home-page .home-header button{background:var(--color-black-300);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.home-page .home-header button:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.schema-container{padding:8px 0}.schema-table{margin-bottom:4px}.schema-table-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 16px}.schema-table-header:hover{background-color:#e8e8e8}.schema-table-name{font-size:13px;font-weight:600}.schema-table-toggle{font-size:14px;font-weight:700;text-align:center;width:16px}.schema-columns{background-color:#fff;padding:4px 16px 4px 24px}.schema-column{align-items:center;display:flex;font-size:12px;padding:4px 0}.schema-column .column-name{flex:1 1;font-weight:500}.schema-column .column-type{color:#666;font-family:Courier New,monospace;font-size:11px;margin:0 8px}.schema-column .column-nullable,.schema-column .column-pk{border-radius:3px;font-size:9px;margin-left:4px;padding:2px 4px}.schema-column .column-pk{background-color:#ffeb3b;color:#333}.schema-column .column-nullable{background-color:#e0e0e0;color:#333}.schema-empty{color:#666;font-size:13px;padding:16px;text-align:center}.info-tooltip-icon{align-items:center;color:#666;cursor:pointer;display:flex;position:relative;transition:color .2s ease}.info-tooltip-icon:hover{color:#000}.info-tooltip-icon svg{height:16px;width:16px}.info-tooltip-icon.small svg{height:14px;width:14px}.info-tooltip-icon.large svg{height:18px;width:18px}.info-tooltip-icon .custom-tooltip{animation:tooltipFadeIn .15s ease-out;background-color:#333;border-radius:8px;box-shadow:0 6px 20px #00000040;color:#fff;font-size:13px;font-weight:500;line-height:1.4;padding:10px 14px;position:fixed;white-space:nowrap;z-index:99999}.info-tooltip-icon .custom-tooltip:before{border:6px solid #0000;content:"";position:absolute}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dashboard-container{color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.dashboard-container .left-panel{border-right:1px solid #ddd;display:flex;flex-direction:column;width:200px}.dashboard-container .left-panel .history-section,.dashboard-container .left-panel .schema-section{border-bottom:1px solid #ddd;flex:1 1;overflow-y:auto}.dashboard-container .left-panel .history-section:last-child,.dashboard-container .left-panel .schema-section:last-child{border-bottom:none}.dashboard-container .left-panel .panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:8px;padding:12px 16px}.dashboard-container .left-panel .panel-header h2{font-size:14px;font-weight:600;margin:0}.dashboard-container .left-panel .history-list{padding:8px 0}.dashboard-container .left-panel .history-item{cursor:pointer;padding:8px 16px}.dashboard-container .left-panel .history-item:hover{background-color:#ededed}.dashboard-container .left-panel .history-item .history-header{display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.dashboard-container .left-panel .history-item .history-header .history-id{color:#000;font-weight:600}.dashboard-container .left-panel .history-item .history-header .history-time{color:#666}.dashboard-container .left-panel .history-item .history-query{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-container .left-panel .history-item .history-divider{background-color:#ddd;height:1px;margin:8px -16px 0}.dashboard-container .right-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-container .right-panel .query-section{border-bottom:1px solid #ddd;padding:16px}.dashboard-container .right-panel .query-section .query-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard-container .right-panel .query-section .query-header h3{color:#000;font-size:16px;margin:0}.dashboard-container .right-panel .query-section .query-header .buttons-container{display:flex;gap:10px}.dashboard-container .right-panel .query-section .query-header .run-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.dashboard-container .right-panel .query-section .query-header .run-button:hover{background-color:#000}.dashboard-container .right-panel .query-section .query-header .see-query-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.dashboard-container .right-panel .query-section .query-header .see-query-button:hover{background-color:#45a049}.dashboard-container .right-panel .query-section .query-header .notification-section{align-items:center;background-color:#f0f7ff;border-bottom:1px solid #ddd;display:flex;font-size:13px;gap:8px;padding:12px 16px}.dashboard-container .right-panel .query-section .query-header .notification-section .notification-icon{color:#000;font-size:16px}.dashboard-container .right-panel .query-section .query-header .notification-section .notification-message{color:#333;flex:1 1}.dashboard-container .right-panel .query-section .query-header .notification-section .dismiss-btn{background:none;border:none;color:#000;cursor:pointer;font-size:14px}.dashboard-container .right-panel .query-section .query-header .notification-section .dismiss-btn:hover{color:#000;text-decoration:underline}.dashboard-container .right-panel .query-section .query-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;font-family:Consolas,Monaco,monospace;font-size:13px;padding:12px;resize:none;width:100%}.dashboard-container .right-panel .query-section .query-input:focus{border-color:#000;outline:none}.dashboard-container .right-panel .results-section{display:flex;flex:1 1;overflow:hidden}.dashboard-container .right-panel .results-section .chart-panel,.dashboard-container .right-panel .results-section .table-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px;width:300px}.dashboard-container .right-panel .results-section .chart-panel:first-child,.dashboard-container .right-panel .results-section .table-panel:first-child{border-right:1px solid #ddd}.dashboard-container .right-panel .results-section .panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.dashboard-container .right-panel .results-section .panel-header h3{color:#000;font-size:16px;margin:0}.dashboard-container .right-panel .results-section .panel-header .row-count{color:#666;font-size:13px}.dashboard-container .right-panel .results-section .panel-header .chart-type-selector{display:flex;gap:8px}.dashboard-container .right-panel .results-section .panel-header .chart-type-selector .chart-type-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.dashboard-container .right-panel .results-section .panel-header .chart-type-selector .chart-type-btn:hover{background-color:#ededed}.dashboard-container .right-panel .results-section .panel-header .chart-type-selector .chart-type-btn.active{background-color:#000;border-color:#000;color:#fff}.dashboard-container .right-panel .results-section .table-container{border:1px solid #ddd;border-radius:4px;flex:1 1;overflow:auto}.dashboard-container .right-panel .results-section .table-container .data-table{border-collapse:collapse;font-size:13px;width:100%}.dashboard-container .right-panel .results-section .table-container .data-table .table-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;font-weight:600;padding:8px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.dashboard-container .right-panel .results-section .table-container .data-table .table-cell{border-bottom:1px solid #ddd;padding:8px 12px}.dashboard-container .right-panel .results-section .table-container .data-table .table-cell:first-child{color:#000;font-weight:500}.dashboard-container .right-panel .results-section .table-container .data-table tr:last-child td{border-bottom:none}.dashboard-container .right-panel .results-section .table-container .empty-table{align-items:center;color:#666;display:flex;font-size:14px;height:100%;justify-content:center}.dashboard-container .right-panel .results-section .chart-container{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;flex:1 1;justify-content:center;min-height:300px;padding:16px;position:relative}.dashboard-container .right-panel .results-section .chart-container canvas{max-height:100%;max-width:100%}.dashboard-container .right-panel .results-section .chart-container .empty-chart{color:#666;font-size:14px;text-align:center}.dashboard-container .error-box{animation:fadeIn .3s ease-in-out;background-color:#ff00000d;border:1px solid #f003;border-radius:6px;margin-top:12px;padding:12px 16px}.dashboard-container .error-box p{color:#d32f2f!important;font-weight:500;margin:0 0 8px}.dashboard-container .error-box ul{list-style-type:none;margin:8px 0 0;padding-left:20px}.dashboard-container .error-box ul li{color:#444;font-size:14px;padding:4px 0;position:relative}.dashboard-container .error-box ul li:before{color:#777;content:"•";left:-14px;position:absolute}.dashboard-container .error-box ul li:hover{cursor:pointer;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .popup{align-items:center;animation:fadeInScale .2s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dashboard-container .popup .popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:80%;max-width:80%;overflow:auto;padding:20px}.dashboard-container .popup .popup-content h4{border-bottom:1px solid #eee;color:#333;margin-top:0;padding-bottom:10px}.dashboard-container .popup .popup-content pre{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:10px 0;overflow-x:auto;padding:12px}.dashboard-container .popup .popup-content button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.dashboard-container .popup .popup-content button:hover{background-color:var(--color-black-300)}.dashboard-container .popup .popup-content button:focus{box-shadow:0 0 0 2px #2d5f8b4d;outline:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-selector{display:flex;gap:8px}.tab-selector .tab-btn{background-color:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;font-size:13px;margin-bottom:-1px;padding:4px 12px;position:relative;z-index:1}.tab-selector .tab-btn:hover{background-color:#ededed}.tab-selector .tab-btn.active{background-color:#fff;border-bottom:1px solid #fff;color:#000;font-weight:600}.panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.console-container{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:13px;max-width:100%;overflow:auto}.console-container .console-logs{padding:8px}.console-container .console-logs pre{max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.console-container .console-logs .log-entry{border-bottom:1px solid #eee;padding:4px 0}.console-container .console-logs .log-entry:last-child{border-bottom:none}.console-container .empty-console{align-items:center;color:#666;display:flex;font-size:14px;height:100%;justify-content:center}.mdc-linear-progress{background-color:#e0e0e0;height:4px;overflow:hidden;position:relative;width:50%}.mdc-linear-progress__bar{height:100%;position:absolute;transform-origin:left}.mdc-linear-progress__bar-inner{background-color:#000;display:block;height:100%}.mdc-linear-progress__bar--primary{animation:primary-indeterminate 2s infinite}.mdc-linear-progress__bar--secondary{animation:secondary-indeterminate 2s infinite}@keyframes primary-indeterminate{0%{left:-35%;width:35%}60%{left:100%;width:90%}to{left:100%;width:90%}}@keyframes secondary-indeterminate{0%{left:-200%;width:100%}60%{left:107%;width:10%}to{left:107%;width:10%}}.top-nav{background:#fff;border-bottom:1px solid #e0e0e0;font-size:1.1rem;justify-content:space-between;padding:1rem 2rem}.create-btn,.top-nav{align-items:center;display:flex;font-weight:500}.create-btn{background:linear-gradient(90deg,#7b61ff,#b16dff);background-color:#2d5f8b;border:none;border-radius:8px;border-radius:9999px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;gap:8px;padding:12px 24px;transition:opacity .2s ease;transition:all .3s ease}.create-btn:hover{opacity:.9}.analytics-graph{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin:1.5rem 2rem;padding:1.5rem}.analytics-graph h2{color:var(--color-black-300);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.analytics-graph .individual-graph-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.analytics-graph .individual-graph-grid .individual-graph{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:1rem}.analytics-graph .individual-graph-grid .graph-span-full{grid-column:span 2}@media(max-width:768px){.analytics-graph .individual-graph-grid .graph-span-full{grid-column:span 1}}.chart-loader{align-items:center;color:#718096;display:flex;flex-direction:column;font-size:1rem;height:400px;justify-content:center}.chart-loader p{margin-top:1rem}.layout-wrapper{background:#f8fafc;color:var(--color-black-300);display:flex;font-family:Inter,sans-serif;min-height:100vh}.layout-wrapper .sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:0 0 8px #00000008;padding:1.5rem 1rem;width:90px}.layout-wrapper .sidebar .logo{font-size:1.3rem;font-weight:700;margin-bottom:2.5rem;padding:.3rem 1rem}.layout-wrapper .sidebar .nav-link{border-radius:8px;color:#5f6368;cursor:pointer;font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem;transition:background .2s}.layout-wrapper .sidebar .nav-link:hover{background:#f1f3f4}.layout-wrapper .sidebar .nav-link.active{background:#261d311a;font-weight:600}.layout-wrapper .content{display:flex;flex:1 1;flex-direction:column}.demo-container{background-color:#f9fafb;color:#111;font-family:Inter,sans-serif;padding:2rem}.demo-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.create-section{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:2rem}.input-group{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.input-group input{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem}.submit-btn{background:linear-gradient(90deg,#111,#817e7e);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s ease}.status-msg{color:#16a34a;font-weight:500;margin-top:.75rem}.nft-list h2{margin-bottom:1rem}.nft-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.nft-card{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000000d;padding:1rem;text-align:center}.nft-card img{border-radius:.75rem;margin-bottom:1rem;width:100%}.nft-id{color:#555;font-size:.85rem;margin-bottom:.5rem;word-break:break-all}.nft-actions{display:flex;gap:.75rem;justify-content:center}.icon-btn{background:none;border:2px solid #000;cursor:pointer;font-size:1.25rem;transition:transform .2s ease}.icon-btn:hover{color:#9333ea;transform:scale(1.1)}[data-dapp-kit] :where(*),[data-dapp-kit]:where(*){box-sizing:border-box;color:var(--dapp-kit-colors-body);font-family:var(--dapp-kit-typography-fontFamily);font-size:var(--dapp-kit-fontWeights-normal);font-style:var(--dapp-kit-typography-fontStyle);font-weight:var(--dapp-kit-fontWeights-normal);letter-spacing:var(--dapp-kit-typography-letterSpacing);line-height:var(--dapp-kit-typography-lineHeight)}[data-dapp-kit] :where(button),[data-dapp-kit]:where(button){-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}[data-dapp-kit] :where(a),[data-dapp-kit]:where(a){color:inherit;outline:none;text-decoration:none}[data-dapp-kit] :where(ol,ul),[data-dapp-kit]:where(ol,ul){list-style:none;margin:0;padding:0}[data-dapp-kit] :where(h1,h2,h3,h4,h5,h6),[data-dapp-kit]:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;margin:0}[data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1,[data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1{font-size:var(--dapp-kit-fontSizes-small)}[data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2,[data-dapp-kit].Heading_headingVariants_size_md__1aa835k2{font-size:var(--dapp-kit-fontSizes-medium)}[data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3,[data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3{font-size:var(--dapp-kit-fontSizes-large)}[data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4,[data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4{font-size:var(--dapp-kit-fontSizes-xlarge)}[data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5,[data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5{font-weight:var(--dapp-kit-fontWeights-normal)}[data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6,[data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6{font-weight:var(--dapp-kit-fontWeights-bold)}[data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7,[data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-dapp-kit] .IconButton_container__s6n7bq0,[data-dapp-kit].IconButton_container__s6n7bq0{background-color:var(--dapp-kit-backgroundColors-iconButton);border-radius:9999px;color:var(--dapp-kit-colors-iconButton);padding:8px}[data-dapp-kit] .IconButton_container__s6n7bq0:hover,[data-dapp-kit].IconButton_container__s6n7bq0:hover{background-color:var(--dapp-kit-backgroundColors-iconButtonHover)}[data-dapp-kit] .ConnectModal_overlay__gz8z90,[data-dapp-kit].ConnectModal_overlay__gz8z90{-webkit-backdrop-filter:var(--dapp-kit-blurs-modalOverlay);backdrop-filter:var(--dapp-kit-blurs-modalOverlay);background-color:var(--dapp-kit-backgroundColors-modalOverlay);inset:0;position:fixed;z-index:999999999}[data-dapp-kit] .ConnectModal_title__gz8z91,[data-dapp-kit].ConnectModal_title__gz8z91{padding-left:8px}[data-dapp-kit] .ConnectModal_content__gz8z92,[data-dapp-kit].ConnectModal_content__gz8z92{background-color:var(--dapp-kit-backgroundColors-modalPrimary);border-radius:var(--dapp-kit-radii-xlarge);bottom:16px;color:var(--dapp-kit-colors-body);display:flex;flex-direction:column;justify-content:space-between;left:16px;max-height:85vh;max-width:700px;min-height:50vh;overflow:hidden;position:fixed;right:16px}[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93,[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93{background-color:var(--dapp-kit-backgroundColors-modalSecondary);padding:16px}[data-dapp-kit] .ConnectModal_viewContainer__gz8z94,[data-dapp-kit].ConnectModal_viewContainer__gz8z94{display:none;flex-grow:1;padding:20px}[data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95,[data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95{display:flex}[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96,[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96{left:20px;position:absolute;top:20px}[data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97,[data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97{position:absolute;right:16px;top:16px}[data-dapp-kit] .ConnectModal_walletListContent__gz8z98,[data-dapp-kit].ConnectModal_walletListContent__gz8z98{background-color:var(--dapp-kit-backgroundColors-modalPrimary);display:flex;flex-direction:column;flex-grow:1;gap:24px;padding:20px}[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99,[data-dapp-kit].ConnectModal_walletListContainer__gz8z99{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a,[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a{display:none}@media screen and (min-width:768px){[data-dapp-kit] .ConnectModal_content__gz8z92,[data-dapp-kit].ConnectModal_content__gz8z92{flex-direction:row;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93,[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93{display:none}[data-dapp-kit] .ConnectModal_viewContainer__gz8z94,[data-dapp-kit].ConnectModal_viewContainer__gz8z94{display:flex}[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96,[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96{display:none}[data-dapp-kit] .ConnectModal_walletListContent__gz8z98,[data-dapp-kit].ConnectModal_walletListContent__gz8z98{background-color:var(--dapp-kit-backgroundColors-modalSecondary)}[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99,[data-dapp-kit].ConnectModal_walletListContainer__gz8z99{flex-basis:240px;flex-direction:row;flex-grow:0;flex-shrink:0}[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a,[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a{display:flex}}[data-dapp-kit] .Button_buttonVariants__x1s81q0,[data-dapp-kit].Button_buttonVariants__x1s81q0{align-items:center;display:inline-flex;font-weight:var(--dapp-kit-fontWeights-medium);justify-content:center}[data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled,[data-dapp-kit].Button_buttonVariants__x1s81q0:disabled{opacity:.5}[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1,[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1{background-color:var(--dapp-kit-backgroundColors-primaryButton);box-shadow:var(--dapp-kit-shadows-primaryButton);color:var(--dapp-kit-colors-primaryButton)}[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover,[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover{background-color:var(--dapp-kit-backgroundColors-primaryButtonHover)}[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2,[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2{border-color:var(--dapp-kit-borderColors-outlineButton);border-style:solid;border-width:1px;color:var(--dapp-kit-colors-outlineButton)}[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover,[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover{background-color:var(--dapp-kit-backgroundColors-outlineButtonHover)}[data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3,[data-dapp-kit].Button_buttonVariants_size_md__x1s81q3{border-radius:var(--dapp-kit-radii-medium);padding:8px 16px}[data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4,[data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4{border-radius:var(--dapp-kit-radii-large);padding:16px 24px}[data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1,[data-dapp-kit].Text_textVariants_size_sm__2bv1ur1{font-size:var(--dapp-kit-fontSizes-small)}[data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2,[data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2{font-weight:var(--dapp-kit-fontWeights-normal)}[data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3,[data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3{font-weight:var(--dapp-kit-fontWeights-medium)}[data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4,[data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4{font-weight:var(--dapp-kit-fontWeights-bold)}[data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5,[data-dapp-kit].Text_textVariants_color_muted__2bv1ur5{color:var(--dapp-kit-colors-bodyMuted)}[data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6,[data-dapp-kit].Text_textVariants_color_danger__2bv1ur6{color:var(--dapp-kit-colors-bodyDanger)}[data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7,[data-dapp-kit].Text_textVariants_mono_true__2bv1ur7{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-dapp-kit] .ConnectionStatus_container__nckm2d0,[data-dapp-kit].ConnectionStatus_container__nckm2d0{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}[data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1,[data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1{border-radius:var(--dapp-kit-radii-large);height:72px;object-fit:cover;width:72px}[data-dapp-kit] .ConnectionStatus_title__nckm2d2,[data-dapp-kit].ConnectionStatus_title__nckm2d2{margin-top:12px}[data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3,[data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3{margin-top:4px}[data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4,[data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4{bottom:20px;position:absolute;right:20px}[data-dapp-kit] .InfoSection_container__1wtioi70,[data-dapp-kit].InfoSection_container__1wtioi70{display:flex;flex-direction:column;gap:4px}[data-dapp-kit] .GettingStarted_container__1fp07e10,[data-dapp-kit].GettingStarted_container__1fp07e10{align-items:center;display:flex;flex-direction:column}[data-dapp-kit] .GettingStarted_content__1fp07e11,[data-dapp-kit].GettingStarted_content__1fp07e11{display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;padding:40px}[data-dapp-kit] .GettingStarted_installButtonContainer__1fp07e12,[data-dapp-kit].GettingStarted_installButtonContainer__1fp07e12{bottom:20px;position:absolute;right:20px}[data-dapp-kit] .WhatIsAWallet_container__1ktpkq90,[data-dapp-kit].WhatIsAWallet_container__1ktpkq90{align-items:center;display:flex;flex-direction:column}[data-dapp-kit] .WhatIsAWallet_content__1ktpkq91,[data-dapp-kit].WhatIsAWallet_content__1ktpkq91{display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;padding:40px}[data-dapp-kit] .WalletList_container__1v2s6cz0,[data-dapp-kit].WalletList_container__1v2s6cz0{display:flex;flex-direction:column;gap:4px}[data-dapp-kit] .WalletListItem_container__1dqqtqs0,[data-dapp-kit].WalletListItem_container__1dqqtqs0{display:flex}[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1,[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1{align-items:center;border-radius:var(--dapp-kit-radii-large);display:flex;flex-grow:1;gap:8px;padding:8px}[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover,[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover{background-color:var(--dapp-kit-backgroundColors-walletItemHover)}[data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2,[data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2{background-color:var(--dapp-kit-backgroundColors-walletItemSelected);box-shadow:0 2px 6px #0000000d}[data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3,[data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3{border-radius:var(--dapp-kit-radii-small);flex-shrink:0;height:28px;object-fit:cover;width:28px}[data-dapp-kit] .AccountDropdownMenu_connectedAccount__div2ql0,[data-dapp-kit].AccountDropdownMenu_connectedAccount__div2ql0{gap:8px}[data-dapp-kit] .AccountDropdownMenu_menuContainer__div2ql1,[data-dapp-kit].AccountDropdownMenu_menuContainer__div2ql1{z-index:999999999}[data-dapp-kit] .AccountDropdownMenu_menuContent__div2ql2,[data-dapp-kit].AccountDropdownMenu_menuContent__div2ql2{background-color:var(--dapp-kit-backgroundColors-dropdownMenu);border-radius:var(--dapp-kit-radii-large);display:flex;flex-direction:column;gap:8px;margin-top:4px;max-height:200px;padding:8px;width:180px}[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3,[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3{align-items:center;border-radius:var(--dapp-kit-radii-large);display:flex;outline:none;padding:8px;-webkit-user-select:none;user-select:none}[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3[data-highlighted],[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3[data-highlighted]{background-color:var(--dapp-kit-backgroundColors-primaryButton)}[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__div2ql4,[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__div2ql4{align-items:center;display:flex;justify-content:space-between}[data-dapp-kit] .AccountDropdownMenu_separator__div2ql5,[data-dapp-kit].AccountDropdownMenu_separator__div2ql5{background-color:var(--dapp-kit-backgroundColors-dropdownMenuSeparator);flex-shrink:0;height:1px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f3fc0a43.css.map*/