.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#111;border-bottom:1px solid #222;color:#fff}.navbar-logo{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:#fbbf24;text-decoration:none}.navbar-logo img{width:32px;height:32px;margin-right:8px}.navbar-links{display:flex;gap:1rem}.navbar-links a{color:#fbbf24;text-decoration:none;font-weight:500;transition:color .2s}.navbar-links a:hover{color:#fff176}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-user{font-weight:500;color:#9ca3af}.navbar-button{background-color:#fbbf24;padding:.4rem .9rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:700;color:#000;transition:background-color .2s}.navbar-button:hover{background-color:#e17c00}.auth-links a{color:#fbbf24;text-decoration:none;font-weight:500}.auth-links a:hover{color:#fff176}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.menu-toggle span{width:22px;height:2px;background:#fff;border-radius:2px}@media (max-width: 768px){.navbar{flex-wrap:wrap}.menu-toggle{display:flex}.navbar-links,.navbar-right{width:100%;flex-direction:column;align-items:flex-start;display:none;margin-top:.5rem}.navbar-links.active,.navbar-right.active{display:flex}}.navbar-links a.active-link{color:#fbbf24;font-weight:600;border-bottom:2px solid #fbbf24}.dashboard-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.dashboard-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.card{background:#1a1a1a;border-radius:.5rem;padding:1.25rem;box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0009}.card-title{font-size:.9rem;color:#9ca3af;margin-bottom:.5rem}.card-value{font-size:1.5rem;font-weight:600;color:#fbbf24}@media (max-width: 600px){.dashboard-title{font-size:1.4rem}.card-value{font-size:1.25rem}}.products-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.products-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.products-message{text-align:center;color:#22c55e;margin-bottom:1rem;font-weight:500}.products-grid{display:grid;gap:1rem}.product-card{background:#1a1a1a;border-radius:.5rem;padding:1.25rem;box-shadow:0 3px 10px #0006;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000080}.product-header{display:flex;justify-content:space-between;align-items:flex-start}.product-info strong{font-size:1.1rem;color:#fff}.product-category{color:#9ca3af;font-size:.9rem;font-weight:400}.product-detail{margin-top:.4rem;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#ddd}.product-actions{display:flex;gap:.6rem;align-items:center}.action-btn{padding:.4rem .8rem;display:flex;align-items:center;gap:.4rem;font-size:.85rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:600;transition:background-color .2s}.watch-btn{background-color:#fbbf24;color:#000}.watch-btn:hover{background-color:#eab308}.product-detail-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.product-detail-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.product-category{color:#9ca3af;font-size:1rem;font-weight:400}.product-meta{display:flex;gap:1.5rem;margin:.5rem 0 1rem;font-size:1rem}.meta-item{display:flex;align-items:center;gap:.4rem;color:#fbbf24}.product-description{margin-top:.5rem;margin-bottom:1rem;color:#ddd;display:flex;align-items:flex-start;gap:.5rem}.chart-container{background:#1a1a1a;border-radius:.5rem;padding:1rem;margin:1.5rem 0;box-shadow:0 3px 10px #0006}.buy-section{display:flex;gap:.6rem;align-items:center}.buy-input{padding:.5rem;border-radius:.375rem;border:none;width:80px;background:#1f1f1f;color:#fff}.buy-btn{padding:.5rem 1rem;background-color:#22c55e;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background-color .2s}.buy-btn:hover{background-color:#16a34a}.message{margin-top:.8rem;font-weight:500;text-align:center}.portfolio-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.portfolio-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.portfolio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0 2rem}.stat-card{background:#1a1a1a;border-radius:.5rem;padding:1.25rem;box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease;min-width:200px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0009}.stat-label{font-size:.9rem;color:#9ca3af;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:#fbbf24}.holdings-grid{display:grid;gap:1rem}.holding-card{background:#1a1a1a;border-radius:.5rem;padding:1.25rem;box-shadow:0 3px 10px #0006;transition:transform .2s ease,box-shadow .2s ease}.holding-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000080}.holding-header{display:flex;justify-content:space-between;align-items:flex-start}.holding-name{font-weight:700;font-size:1rem;color:#fff}.holding-category{color:#9ca3af;font-size:.9rem}.holding-details{margin-top:.5rem;font-size:.9rem;color:#ddd}.holding-values{text-align:right;font-size:.9rem;color:#fbbf24}.holding-values div{margin-bottom:.3rem}.empty-message{text-align:center;color:#9ca3af;padding:2rem 0;font-size:1rem}.holding-detail-row{display:flex;align-items:center;gap:.4rem;color:#ddd;font-size:.9rem;margin-top:.3rem}.stat-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;vertical-align:middle}.watchlist-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.watchlist-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.watchlist-grid{display:grid;gap:1rem}.watchlist-card{background:#1a1a1a;border-radius:.5rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 3px 10px #0006;transition:transform .2s ease,box-shadow .2s ease}.watchlist-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000080}.watchlist-info strong{font-size:1.1rem;color:#fff}.watchlist-category{color:#9ca3af;font-size:.9rem}.watchlist-price{margin-top:.5rem;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#fbbf24}.watchlist-actions{display:flex;gap:.5rem}.watchlist-btn{padding:.4rem .8rem;display:flex;align-items:center;gap:.4rem;font-size:.85rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:600;transition:background-color .2s}.view-btn{background-color:#3b82f6;color:#fff}.view-btn:hover{background-color:#2563eb}.remove-btn{background-color:#ef4444;color:#fff}.remove-btn:hover{background-color:#b91c1c}.empty-message{text-align:center;color:#9ca3af;padding:2rem}.login-container{min-height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1rem}.login-content{width:100%;max-width:28rem;margin:0 auto}.login-header{display:flex;align-items:center;margin-bottom:1.5rem}.back-button{color:#fff;margin-right:auto;background:none;border:none;cursor:pointer}.back-icon{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor}.login-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#9ca3af;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-input{width:100%;padding:.75rem;background-color:#1a1a1a;border-radius:.375rem;color:#fff;border:none}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.error-message{color:#ef4444;text-align:center}.submit-button{width:100%;padding:.75rem;background-color:#f59e0b;border-radius:.375rem;color:#000;font-weight:700;border:none;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#e17c00}.signup-link{margin-top:1rem;text-align:center;color:#9ca3af}.signup-link a{color:#f59e0b;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.body-continer{background-color:#000;color:#fff;min-height:100vh}.container{width:100%;max-width:420px;margin:0 auto;padding:20px;background-color:#000}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header h2{font-size:18px;font-weight:600;color:#fff}.back-button{width:24px;height:24px;cursor:pointer;background:#000}.back-button svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-title{font-size:2rem;font-weight:700;margin-bottom:8px}.form-subtitle{font-size:14px;color:#888;margin-bottom:32px}.form-group{margin-bottom:16px}.input-field{width:100%;padding:14px;background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;font-size:15px;outline:none;transition:all .2s ease}.input-field:focus{border:1px solid #fbbf24;box-shadow:0 0 0 2px #fbbe2433}.file-label{width:100%;padding:14px;background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;font-size:15px;text-align:center;cursor:pointer;transition:all .2s ease}.file-label:hover{background-color:#2d2d2d}.btn-submit{width:100%;padding:14px;background-color:#fbbf24;border:none;border-radius:8px;color:#000;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s ease}.btn-submit:hover{background-color:#f59e0b}.error-message{color:red;font-size:14px;text-align:center;margin:12px 0}.login-link{color:#fbbf24;text-decoration:none;font-size:14px}.login-link:hover{text-decoration:underline}.admin-users-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.admin-users-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:.5rem;overflow:hidden;box-shadow:0 5px 15px #0006}.users-table th,.users-table td{padding:.75rem 1rem;color:#ddd;text-align:left;border-bottom:1px solid #333}.users-table th{background:#111;font-weight:600;color:#fbbf24}@media (min-width: 1024px){.users-table thead th{position:sticky;top:0;z-index:10}}@media (max-width: 1023px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{margin-bottom:1rem;background:#1a1a1a;border-radius:.5rem;box-shadow:0 3px 8px #0006}.users-table td{padding:.6rem 1rem;border:none;position:relative;padding-left:45%}.users-table td:before{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:600;color:#fbbf24}.users-table td:nth-of-type(1):before{content:"👤 Name"}.users-table td:nth-of-type(2):before{content:"✉️ Email"}.users-table td:nth-of-type(3):before{content:"🛡️ KYC"}.users-table td:nth-of-type(4):before{content:"📅 Created"}}.red{color:#ef4444}.admin-transactions-container{padding:1.5rem;background-color:#0f0f0f;min-height:92.5vh;color:#fff}.admin-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.transactions-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:.5rem;overflow:hidden;box-shadow:0 5px 15px #0006}.transactions-table th,.transactions-table td{padding:.75rem 1rem;color:#ddd;text-align:left;border-bottom:1px solid #333}.transactions-table th{background:#111;font-weight:600;color:#fbbf24}.transactions-table tbody tr:hover{background:#2a2a2a}.icon-filled{stroke:currentColor;fill:currentColor}.row-icon{margin-right:6px;vertical-align:middle}.yellow{color:#fbbf24}.blue{color:#3b82f6}.purple{color:#a855f7}.pink{color:#ec4899}.green{color:#22c55e}.orange{color:#f97316}@media (min-width: 1024px){.transactions-table thead th{position:sticky;top:0;z-index:10}}@media (max-width: 1023px){.transactions-table thead{display:none}.transactions-table,.transactions-table tbody,.transactions-table tr,.transactions-table td{display:block;width:100%}.transactions-table tr{margin-bottom:1rem;background:#1a1a1a;border-radius:.5rem;box-shadow:0 3px 8px #0006}.transactions-table td{padding:.6rem 1rem;border:none;position:relative;padding-left:45%}.transactions-table td:before{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:600;color:#fbbf24}.transactions-table td:nth-of-type(1):before{content:"👤 User"}.transactions-table td:nth-of-type(2):before{content:"📦 Product"}.transactions-table td:nth-of-type(3):before{content:"📊 Units"}.transactions-table td:nth-of-type(4):before{content:"🏷 Price"}.transactions-table td:nth-of-type(5):before{content:"💰 Amount"}.transactions-table td:nth-of-type(6):before{content:"📅 Date"}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.container{width:100%}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.text-center{text-align:center}body{-webkit-font-smoothing:antialiased;background-color:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border-radius:1px;box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:gray;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:gray}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}