@tailwind base;@tailwind components;@tailwind utilities;*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;padding:0;height:100%;overflow-x:hidden}.app-container{display:flex;min-height:100vh;background-color:#1a1a2e;color:#c0c0d0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-content{flex-grow:1;padding:20px;overflow-y:auto;max-width:calc(100vw - 250px)}.sidebar{width:250px;background-color:#20203a;padding:20px;display:flex;flex-direction:column;border-right:1px solid #303050;height:100vh}.sidebar-nav{margin-top:20px;flex-grow:1}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-links,.auth-links-container{display:flex;flex-direction:column;gap:10px}.auth-links-container{padding:20px;border-top:1px solid #303050;margin-top:20px}.login-btn,.register-btn{display:block;padding:12px;border-radius:8px;font-weight:700;text-align:center;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.login-btn{background:linear-gradient(90deg,#6c63ff,#8a2be2);color:white}.register-btn{background-color:#303050;color:#c0c0d0;border:1px solid #404060}.login-btn:hover,.register-btn:hover{opacity:.9;transform:translateY(-2px)}.sidebar-footer .auth-links{margin-top:auto;padding-top:20px;border-top:1px solid #303050}.logo-container{display:flex;align-items:center}.sidebar-header>a,.sidebar-header>a:hover{text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:50%;background-color:#6c63ff;color:white;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700}.logo-text{font-size:1.5rem;font-weight:700;color:#c0c0d0;margin-left:10px}.user-initial{width:30px;height:30px;border-radius:50%;background-color:#ff6347;color:white;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem}.search-bar{position:relative;margin-bottom:20px}.search-bar input{width:100%;padding:10px 40px 10px 15px;background-color:#303050;border:none;border-radius:8px;color:white}.search-bar .search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#a0a0c0;pointer-events:none}.search-combobox-container{position:relative;width:100%;cursor:default;overflow:hidden;border-radius:.5rem;background-color:rgba(107,114,128,.5);text-align:left;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.search-input{width:100%;border:none;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;color:#f3f4f6;background-color:transparent}.search-input:focus{outline:none;ring:0}.search-button{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:.5rem}.search-options-container{position:absolute;margin-top:.25rem;max-height:15rem;overflow:auto;border-radius:.375rem;background-color:#1f2937;padding:.25rem 0;font-size:.875rem;line-height:1.25rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);z-index:10}.search-option{position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem 1rem .5rem 2.5rem;color:#E5E7EB}.search-option--active{background-color:#7e22ce;color:white}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.nav-item{display:flex;align-items:center;padding:12px 15px;cursor:pointer;border-radius:8px;text-decoration:none;background:linear-gradient(90deg,#4f46e5,#6366f1);color:white;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.nav-item:hover{background:linear-gradient(90deg,#6366f1,#7f86f8);color:white;box-shadow:0 4px 8px rgba(0,0,0,.3)}.nav-item.active{background:linear-gradient(90deg,#6c63ff,#8a2be2);color:white;box-shadow:0 4px 15px rgba(108,99,255,.4)}.nav-icon{margin-right:15px;font-size:1.2rem}.sidebar-footer{padding-top:20px;border-top:1px solid #303050}.logout-btn{width:100%;padding:12px;background-color:#402030;color:#ff6347;border:1px solid #ff6347;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.logout-btn:hover{background-color:#ff6347;color:white}.logout-icon{margin-right:10px}.dashboard-container{display:flex;flex-direction:column;padding:20px;background-color:#1a1a2e;color:white;min-height:100vh}.top-cards-row{display:flex;gap:20px;margin-bottom:20px}.placeholder-card{flex:1 1;background-color:#2a2a4a;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center;overflow:hidden}.charts-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.chart-card{background-color:#2a2a4a;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);overflow:hidden}.chart-title{font-size:16px;font-weight:700;margin-bottom:10px}.chart-wrapper{position:relative;height:200px;width:100%}.chart-wrapper canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.coin-list-card{background-color:#2a2a4a;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.coin-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.coin-list-header h2{font-size:1.25rem;font-weight:700}.coin-list-table{width:100%;border-collapse:collapse}.coin-list-table td,.coin-list-table th{padding:15px;text-align:left;border-bottom:1px solid #303050}.coin-list-table th{font-size:.8rem;text-transform:uppercase;color:#a0a0c0}.coin-list-table td{font-size:.9rem;font-weight:500}.coin-name-container{display:flex;align-items:center}.coin-logo{width:30px;height:30px;border-radius:50%;margin-right:10px;background-color:#505070}.sparkline-container{width:100px;height:40px}.text-green{color:#4CAF50}.text-red{color:#ff6347}.summary-card{flex:1 1;background-color:#2a2a4a;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between}.summary-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.summary-icon{font-size:1.5rem;background-color:#3e3e5c;padding:8px;border-radius:8px}.summary-title{font-size:1rem;font-weight:700;color:#a0a0c0}.summary-value{font-size:1.8rem;font-weight:700;color:white}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #303050}.header-title{font-size:2rem;font-weight:700;color:white}.user-profile-actions{display:flex;align-items:center;gap:15px}.icon-button{cursor:pointer;font-size:1.5rem;color:#c0c0d0;transition:color .2s ease}.icon-button:hover{color:white}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#ff6347;color:white;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;cursor:pointer}@media (max-width:1024px){.sidebar{width:200px;padding:15px}.main-content{max-width:calc(100vw - 200px);padding:15px}.header-title{font-size:1.5rem}}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{display:none}.main-content{max-width:100%;padding:15px}.top-cards-row{flex-direction:column}.charts-container{grid-template-columns:1fr;gap:15px}.coin-list-card{overflow-x:auto}.coin-list-table{width:700px}.user-profile-actions{display:flex;align-items:center;gap:15px}.mobile-menu-button{width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-between;padding:5px;cursor:pointer}.mobile-menu-button .bar{width:100%;height:3px;background-color:white;border-radius:2px}.sidebar{display:flex;position:fixed;top:0;right:-250px;bottom:0;width:250px;background-color:#20203a;padding:20px;z-index:100;transition:right .3s ease-in-out;box-shadow:-2px 0 10px rgba(0,0,0,.5);border-right:none}.sidebar.mobile-open{right:0}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:90;cursor:pointer}.mobile-menu-button{display:none}}@media (max-width:768px){@media (max-width:768px){.user-profile-actions .mobile-menu-button{display:flex}}}.wallet-page-container{background-color:#1a1a2e;min-height:100vh;color:white}.wallet-header-card,.wallet-page-container{display:flex;flex-direction:column;padding:20px}.wallet-header-card{background-color:#2a2a4a;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:20px;justify-content:space-between;min-height:250px}.wallet-title{font-size:1.5rem;font-weight:500;color:#a0a0c0}.total-balance{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px}.total-balance span:first-child{font-size:2.5rem;font-weight:700}.balance-change{font-size:1rem}.wallet-chart-container{width:100%;height:100px}.positive{color:#4CAF50}.negative{color:#ff6347}.assets-list-container{display:flex;flex-direction:column;gap:15px}.assets-list-container h2{font-size:1.25rem;font-weight:700;color:#c0c0d0;margin-bottom:5px}.asset-card{justify-content:space-between;background-color:#2a2a4a;padding:15px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.asset-card,.asset-info{display:flex;align-items:center}.asset-info{gap:15px}.asset-logo{width:40px;height:40px;border-radius:50%;background-color:#6c63ff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem}.asset-details h3{font-size:1rem;font-weight:700}.asset-details p{font-size:.8rem;color:#a0a0c0}.asset-chart-wrapper{width:80px;height:40px}.asset-value{display:flex;flex-direction:column;align-items:flex-end}.usd-value{font-size:1rem;font-weight:700}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a1a2e}.auth-card{background-color:#2a2a4a;padding:40px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3);width:100%;max-width:400px;text-align:center}.auth-title{font-size:2rem;font-weight:700;color:#c0c0d0;margin-bottom:25px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;color:#a0a0c0;margin-bottom:8px;font-size:.9rem}.form-group input{width:100%;padding:12px;background-color:#303050;border:1px solid #404060;border-radius:8px;color:white;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#6c63ff}.auth-btn{width:100%;padding:12px;background:linear-gradient(90deg,#6c63ff,#8a2be2);color:white;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s ease}.auth-btn:hover{opacity:.9}.auth-link{margin-top:20px;color:#a0a0c0;font-size:.9rem}.auth-link a{color:#6c63ff;text-decoration:none;font-weight:700;transition:color .2s ease}.auth-link a:hover{color:#8a2be2}.coin-icon{margin-right:.75rem;border-radius:9999px}.market-header-button{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-radius:.375rem;transition:background-color .15s ease;color:#9ca3af;font-weight:inherit;font-size:inherit;background-color:transparent;border:none;cursor:pointer}.market-header-button:hover{background-color:rgba(55,65,81,.7)}.market-header-button--active{background-color:rgba(99,102,241,.4);color:#c7d2fe}.market-search-input{width:33.33%;padding:.75rem;background-color:rgba(55,65,81,.5);border:1px solid #4b5563;border-radius:.5rem;color:white;transition:border-color .2s ease,box-shadow .2s ease}.market-search-input::placeholder{color:#9ca3af}.market-search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6}@media (max-width:768px){.market-search-input{width:100%}}