.sidebar{animation:sidebarFadeIn .4s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border-right:1px solid #0000000d;display:flex;flex-direction:column;height:auto;overflow-x:hidden;padding:16px 12px;transition:width .3s ease;width:240px}body.dark .sidebar{background:var(--card-bg-dark);border-right:1px solid gba(255,255,255,.05)}.disabled-menu-item{cursor:pointer;opacity:.5;-webkit-user-select:none;user-select:none}.disabled-menu-item:hover{background-color:initial!important}.sidebar.collapsed{width:72px}@keyframes sidebarFadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.logo{font-size:18px;font-weight:700;margin-left:8px;transition:opacity .3s ease}.sidebar.collapsed .logo{opacity:0;pointer-events:none}.toggle-button{background:none;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:18px;padding:6px;transition:background .3s ease}.toggle-button:hover{background:#ffffff1a}body.dark .sidebar-menu li svg{color:var(--text-dark)}body.dark .toggle-button:hover{background:#ffffff14}.sidebar-menu{display:flex;flex:1 1;flex-direction:column}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu li{align-items:center;border-radius:10px;color:var(--text);cursor:pointer;display:flex;font-size:15px;gap:14px;padding:15px;position:relative;transition:all .3s ease}.sidebar-menu li:hover{background:#ffffff14;transform:translateX(5px)}body.dark .sidebar-menu li,body.dark .sidebar-menu li span{color:var(--text-dark)}body.dark .sidebar-menu li:hover{background:#ffffff0d;color:#f0f8ff}body.dark .sidebar-menu li.active{background:#00c9ff26;color:var(--primary)}body.dark .sidebar-menu li.active span,body.dark .sidebar-menu li.active svg{color:var(--primary)}.sidebar-menu li.active{background:#00c9ff1a;border-left:4px solid var(--primary);color:var(--primary);font-weight:600}.sidebar-menu li.active svg{color:var(--primary)}.sidebar-menu li.active:before{animation:growBar .3s forwards;background:var(--primary);content:"";height:24px;left:0;position:absolute;top:10px;width:0}@keyframes growBar{0%{width:0}to{width:4px}}.sidebar-menu li svg{font-size:18px;min-width:20px}.sidebar.collapsed li{gap:0;justify-content:center;padding:12px 0}.sidebar.collapsed .logo,.sidebar.collapsed li span{display:none}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;z-index:999}}.header{align-items:center;animation:fadeDown .4s ease forwards;border-bottom:1px solid #0000000d;display:flex;height:60px;justify-content:flex-end;padding:0 24px;position:sticky;top:0;transition:background .3s ease,padding .3s ease;z-index:99}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.header-right{gap:20px}.header-right,.user-profile{align-items:center;display:flex}.user-profile{border-radius:28px;cursor:pointer;gap:12px;padding:6px 16px;transition:all .3s ease}.user-profile:hover{box-shadow:0 4px 10px #0000001f;transform:scale(1.04)}.user-profile img,.user-profile svg{border:2px solid var(--primary);border-radius:50%;height:34px;object-fit:cover;width:34px}.user-profile span{color:var(--text);font-size:14px;font-weight:600}body.dark .user-profile span{color:var(--text-dark)}.countdown-timer{border-radius:8px;box-shadow:0 0 6px #7f7a7a;color:#ff8400;font-size:13px;min-width:50px;padding:6px;text-align:center}.countdown-timer,.logout-btn{background:#0000;font-weight:600}.logout-btn{border:1px solid #ff5252;border-radius:8px;color:#ff5252;cursor:pointer;padding:8px 14px;transition:all .3s ease}.logout-btn:hover{background:#ff5252;box-shadow:0 4px 12px #ff525266;color:#fff;transform:translateY(-2px)}.favorite-list{background:#ffffff26}body.dark .favorite-list{background:#20283666}.fav-tabs button.active{color:var(--primary)}.fav-tabs button:hover{color:var(--primary-hover)}.stock-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--card-light);border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .4s ease,box-shadow .3s,background .3s}body.dark .stock-card{background:#202836;background:var(--card-dark);box-shadow:0 4px 14px #00000080}.stock-card:before{background:radial-gradient(circle at center,#ffffff26,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s;width:200%}.stock-card:hover:before{opacity:1}.stock-card:hover{box-shadow:0 12px 24px #0003;transform:perspective(900px) rotateX(6deg) rotateY(-6deg)}body.dark .stock-card:hover{box-shadow:0 12px 24px #ffffff1a}.favorite-icon{color:#575757;font-size:18px;position:absolute;right:12px;top:12px;transition:transform .3s;z-index:2}.favorite-icon:hover{text-shadow:0 0 8px #ff000080;transform:scale(1.2) rotate(10deg)}.stock-logo{border:2px solid #fff3;border-radius:50%;box-shadow:0 0 6px #0000001a;height:64px;margin-bottom:12px;object-fit:cover;width:64px}.stock-name{color:#1f2937;color:var(--text-light);font-size:15px;font-weight:600;margin-bottom:8px}body.dark .stock-name{color:#f1f5f9;color:var(--text-dark)}.stock-change{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-bottom:8px}.stock-change.positive{animation:glowPos 2s infinite alternate;color:#10b981}@keyframes glowPos{0%{text-shadow:0 0 4px #10b9814d}to{text-shadow:0 0 12px #10b98199}}.stock-change.negative{animation:glowNeg 2s infinite alternate;color:#ef4444}@keyframes glowNeg{0%{text-shadow:0 0 4px #ef44444d}to{text-shadow:0 0 12px #ef444499}}.stock-price{color:#1f2937;color:var(--text-light);font-size:15px;font-weight:600}body.dark .stock-price{color:#f1f5f9;color:var(--text-dark)}:root{--modal-bg-light:hsla(0,0%,100%,.642);--modal-bg-dark:rgba(24,32,45,.684);--text-light:#1e293b;--accent-green:#22c55e;--accent-red:#ef4444;--accent-blue:#3b82f6;--border-radius:16px}.modal-overlay{align-items:center;animation:overlayFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalFadeIn .4s ease forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.642);background:var(--modal-bg-light);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 12px 32px #0000004d;max-height:90vh;opacity:0;padding:24px;position:relative;text-align:center;transform:scale(.9) translateY(10px);width:360px}@keyframes modalFadeIn{to{opacity:1;transform:scale(1) translateY(0)}}body.dark .modal-content{background:rgba(24,32,45,.684);background:var(--modal-bg-dark);border:1px solid #ffffff1a}.modal-content:before{background:radial-gradient(circle at center,#ffffff1a,#0000 80%);content:"";height:180%;left:-40%;opacity:0;pointer-events:none;position:absolute;top:-40%;transition:opacity .4s ease;width:180%}.modal-content:hover:before{opacity:1}.modal-content h2{color:#1e293b;color:var(--text-light);font-size:20px;font-weight:700;margin-bottom:6px}body.dark .modal-content h2{color:#f1f5f9;color:var(--text-dark)}.modal-logo{border:2px solid #fff3;border-radius:50%;box-shadow:0 0 6px #0003;height:70px;margin:10px auto;object-fit:cover;width:70px}.symbol-code{color:#525252;font-size:13px;margin-bottom:14px}.modal-details p{color:#1e293b;color:var(--text-light);font-size:14px;margin:6px 0}body.dark .modal-details p{color:#f1f5f9;color:var(--text-dark)}.modal-details strong{font-weight:600}.quantity-input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin:10px 0;padding:8px 10px;text-align:center;transition:border .2s ease;width:130px}.quantity-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);outline:none}.modal-buttons{display:flex;gap:14px;justify-content:center;margin-top:14px}.buy-button,.sell-button{border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.buy-button{background:#22c55e;background:var(--accent-green);color:#fff}.buy-button:hover{background:#4ade80;transform:scale(1.05)}.sell-button{background:#ef4444;background:var(--accent-red);color:#fff}.sell-button:hover{background:#f87171;transform:scale(1.05)}.total{color:#1e293b;color:var(--text-light);font-weight:700;margin-top:10px}body.dark .total{color:#f1f5f9;color:var(--text-dark)}.close-modal{background:none;border:none;color:#999;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;transition:color .3s,transform .3s}.close-modal:hover{color:#f87171;transform:scale(1.2) rotate(10deg)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}body.dark .modal-content::-webkit-scrollbar-thumb{background:#555}:root{--border-light:#d1d5db;--border-dark:#475569;--input-bg-light:#fff6;--input-bg-dark:#2028364d}.wallet-container{animation:fadeUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;box-shadow:0 8px 24px #534f4f33;color:#1f2937;color:var(--text-light);margin:40px auto;max-width:480px;opacity:0;overflow:hidden;padding:32px;position:relative;transform:translateY(20px);transition:background-color .3s,box-shadow .3s}body.dark .wallet-container{background:#20283666;box-shadow:0 8px 24px #0006;color:#f1f5f9;color:var(--text-dark)}.wallet-container:before{background:radial-gradient(circle at center,#ffffff1f,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s;width:200%}.wallet-container:hover:before{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-container h2{align-items:center;color:inherit;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:20px}.wallet-balance{color:inherit;font-size:16px;font-weight:600;margin-bottom:24px}.wallet-form{display:flex;flex-direction:column;gap:20px}.wallet-amount{align-items:center;display:flex;gap:10px}.currency-label{color:inherit;font-size:16px;font-weight:600}.currency-input input,.wallet-amount input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;background:var(--input-bg-light);border:1px solid #d1d5db;border:1px solid var(--border-light);border-radius:8px;color:#1f2937;color:var(--text-light);flex:1 1;font-size:14px;padding:12px;transition:border-color .3s,box-shadow .3s}body.dark .currency-input input,body.dark .wallet-amount input{background:#2028364d;background:var(--input-bg-dark);border:1px solid #475569;border:1px solid var(--border-dark);color:#f1f5f9;color:var(--text-dark)}.currency-input input:focus,.wallet-amount input:focus{border-color:#00ffc3;border-color:var(--primary);box-shadow:0 0 6px #00ffc366;outline:none}.currency-input{display:inline-block;position:relative;width:100%}.currency-input:before{color:inherit;content:"₺";font-weight:700;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.currency-input input{padding-left:28px}.wallet-options{align-items:center;color:inherit;display:flex;font-size:14px;gap:24px}.wallet-options label{align-items:center;cursor:pointer;display:flex;gap:6px}.wallet-options input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border:2px solid var(--border-light);border-radius:1000%;cursor:pointer;height:30px;transition:background .3s,border-color .3s;width:5px}body.dark .wallet-options input[type=radio]{border-color:#475569;border-color:var(--border-dark)}.wallet-options input[type=radio]:checked{background:#adff2f;border-color:#00ffc3;border-color:var(--primary)}.wallet-form button{background-color:#00ffc3;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background .3s,transform .2s,box-shadow .3s}.wallet-form button:hover{background-color:#00dab0;background-color:var(--primary-hover);box-shadow:0 4px 12px #00ffc366;transform:translateY(-3px)}.contact-page{animation:fadeInUp .6s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:12px;box-shadow:0 6px 16px #00000014;color:var(--text);margin:40px auto;max-width:600px;opacity:0;overflow:hidden;padding:30px;position:relative;transform:translateY(30px)}body.dark .contact-page{background:#20283666;box-shadow:0 6px 16px #0006}.contact-page:before{background:radial-gradient(circle,#fff3,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s;width:200%}.contact-page:hover:before{opacity:1}.contact-page h2{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form input,.contact-form textarea{background-color:#fff3;border:1px solid #ccc;border:1px solid var(--border,#ccc);border-radius:8px;box-shadow:inset 0 0 4px #fff3;color:var(--text);font-size:14px;padding:12px;transition:all .3s ease}body.dark .contact-form input,body.dark .contact-form textarea{background-color:#20283633;border:1px solid #444}.contact-form input:focus,.contact-form input:hover,.contact-form textarea:focus,.contact-form textarea:hover{border-color:var(--primary);box-shadow:0 0 8px #00ffc366,inset 0 0 4px #ffffff4d;outline:none}.contact-form button{background-color:var(--primary);border:none;border-radius:8px;box-shadow:0 3px 10px #00ffc333;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px;transition:transform .3s,box-shadow .3s,background-color .3s}.contact-form button:hover{background-color:var(--primary-hover);box-shadow:0 6px 14px #00ffc366;transform:translateY(-3px)}.contact-form button:active{box-shadow:0 3px 6px #00ffc366;transform:translateY(0)}.contact-success{animation:successFadeIn .5s ease forwards;color:var(--success);font-size:14px;font-weight:600;margin-top:12px;opacity:0;text-align:center}@keyframes successFadeIn{to{opacity:1}}:root{--primary:#00ffc3;--primary-hover:#00dab0;--success:#22c55e;--danger:#ef4444;--input-light:#ffffff4d;--input-dark:#2028364d;--border-light:#ccc;--border-dark:#444}.user-profile-page{animation:fadeInUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;box-shadow:0 6px 16px #00000026;color:#1f2937;color:var(--text-light);margin:40px auto;max-width:600px;opacity:0;overflow:hidden;padding:24px;transform:translateY(20px)}body.dark .user-profile-page{background:#20283666;box-shadow:0 6px 16px #00000080;color:#f1f5f9;color:var(--text-dark)}.user-profile-page h2{color:inherit;font-size:22px;font-weight:700;gap:10px}.profile-section,.user-profile-page h2{align-items:center;display:flex;margin-bottom:24px}.profile-section{gap:16px}.profile-photo{border:2px solid #00ffc3;border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 6px #0000001a;height:80px;object-fit:cover;width:80px}.profile-section input[type=file]{background:none;color:inherit;cursor:pointer;font-size:14px}.profile-section input[type=file]::-webkit-file-upload-button{background:#00ffc3;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:8px 12px;-webkit-transition:background .3s;transition:background .3s}.profile-section input[type=file]::-webkit-file-upload-button:hover{background:#00dab0;background:var(--primary-hover)}.profile-form{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.profile-form input{background:#ffffff4d;background:var(--input-light);border:1px solid #ccc;border:1px solid var(--border-light);border-radius:8px;color:#1f2937;color:var(--text-light);padding:10px;transition:border-color .3s,box-shadow .3s}body.dark .profile-form input{background:#2028364d;background:var(--input-dark);border:1px solid #444;border:1px solid var(--border-dark);color:#f1f5f9;color:var(--text-dark)}.profile-form input:focus{border-color:#00ffc3;border-color:var(--primary);box-shadow:0 0 6px #00ffc34d;outline:none}.profile-form button{background-color:#00ffc3;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background .3s,transform .2s}.profile-form button:hover{background-color:#00dab0;background-color:var(--primary-hover);transform:translateY(-3px)}.profile-actions{display:flex;gap:16px;margin-bottom:20px}.profile-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;transition:background .3s,transform .2s}.profile-actions button:first-child{background-color:#22c55e;background-color:var(--success);color:#fff}.profile-actions button:first-child:hover{background-color:#16a34a;transform:translateY(-3px)}.deactivate-button{background-color:#ef4444;background-color:var(--danger);color:#fff}.deactivate-button:hover{background-color:#dc2626;transform:translateY(-3px)}.profile-form textarea{background:#ffffff4d;background:var(--input-light);border:1px solid #ccc;border:1px solid var(--border-light);border-radius:8px;color:#1f2937;color:var(--text-light);font-size:14px;min-height:100px;padding:10px;resize:vertical;transition:border-color .3s,box-shadow .3s}body.dark .profile-form textarea{background:#2028364d;background:var(--input-dark);border:1px solid #444;border:1px solid var(--border-dark);color:#f1f5f9;color:var(--text-dark)}.profile-form textarea:focus{border-color:#00ffc3;border-color:var(--primary);box-shadow:0 0 6px #00ffc34d;outline:none}.simulation-page{animation:fadeInUp .6s ease forwards;opacity:0;padding:24px;transform:translateY(20px)}.sim-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:12px;box-shadow:0 2px 6px #00000026;margin-bottom:24px;overflow:hidden;padding:16px;position:relative;transition:background .4s,box-shadow .4s}body.dark .sim-section{background:#20283666;box-shadow:0 2px 6px #0006}.sim-section:before{background:radial-gradient(circle at center,#ffffff26,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s;width:200%}.sim-section:hover:before{opacity:1}.sim-section h3{color:var(--text);font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.sim-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sim-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:10px;box-shadow:0 1px 4px #0000001a;color:var(--text);overflow:hidden;padding:12px;position:relative;transition:transform .3s,box-shadow .3s}body.dark .sim-card{background:#20283666;box-shadow:0 1px 4px #00000080}.sim-card:hover{box-shadow:0 4px 14px #00000026;transform:translateY(-5px) scale(1.02)}.sim-card strong{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.sim-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sim-form input,.sim-form select{border:1px solid #ccc;border-radius:8px;flex:1 1;min-width:100px;padding:10px;transition:border-color .3s,box-shadow .3s}body.dark .sim-form input,body.dark .sim-form select{background:#20283633;border:1px solid #444;color:var(--text)}.sim-form input:focus,.sim-form select:focus{border-color:var(--primary);box-shadow:0 0 6px #00ffc34d;outline:none}.sim-form button{background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;transition:background .3s,transform .2s,box-shadow .3s}.sim-form button:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #00ffc34d;transform:translateY(-3px)}.sim-section ol,.sim-section ul{font-size:14px;margin:0;padding-left:20px}.sim-section li{line-height:1.4;margin-bottom:6px}.sim-section ol{list-style:decimal}@media (max-width:768px){.sim-form{flex-direction:column}}:root{--text-light:#1f2937;--text-dark:#f1f5f9;--card-light:#fff;--card-dark:#202836;--accent-blue:#00ffc3;--border-light:#e2e8f0;--border-dark:#333}body.light .transaction-history{background:#fff;background:var(--card-light);color:#1f2937;color:var(--text-light)}body.dark .transaction-history{background:#202836;background:var(--card-dark);color:#f1f5f9;color:var(--text-dark)}.transaction-history{border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:background .3s,color .3s}.transaction-history h2{color:#00ffc3;color:var(--accent-blue);font-weight:700;margin-bottom:20px}.transaction-table{border-collapse:collapse;border-radius:12px;overflow-x:auto;width:100%}.transaction-table td,.transaction-table th{padding:14px 20px;text-align:left;transition:background .3s}.transaction-table th{background-color:#0000000d;color:#888;font-size:14px;font-weight:600}body.dark .transaction-table th{background-color:#ffffff0d;color:#bbb}.transaction-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light)}body.dark .transaction-table tbody tr{border-color:#333;border-color:var(--border-dark)}.transaction-table tbody tr:hover{background-color:#00ffc314}.transaction-type{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;text-transform:capitalize}.transaction-type.buy{background-color:#10b9811a;color:#10b981}.transaction-type.sell{background-color:#ef44441a;color:#ef4444}.transaction-type.update{background-color:#f59e0b1a;color:#f59e0b}.transaction-type.delete{background-color:#9ca3af1a;color:#9ca3af}.transaction-type.deposit{background-color:#3b82f61a;color:#3b82f6}.transaction-type.withdraw{background-color:#e91e631a;color:#e91e63}.dashboard-container{background:#f5f8fa;display:flex;min-height:100vh}body.dark .dashboard-container{background:#1e293b}@keyframes animate-bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main-content{background:#0000;flex:1 1;overflow-y:auto;padding:24px}.dashboard-content{animation:fadeInUp .4s ease forwards;padding:20px}.dashboard-content h2{color:var(--text);font-size:22px;font-weight:700;margin-bottom:20px}body.dark .dashboard-content h2{color:#f8fafc}.portfolio-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:32px}.portfolio-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0000000f;cursor:pointer;overflow:hidden;padding:20px 24px;position:relative;transition:transform .25s ease,box-shadow .25s ease}body.dark .portfolio-card{background:#1e293b;border:1px solid #334155;box-shadow:0 8px 22px #00000080}.portfolio-card:hover{box-shadow:0 12px 24px #00c9ff40;transform:translateY(-6px)}.portfolio-card-header{align-items:center;display:flex;gap:14px;margin-bottom:18px}.company-logo{background:#f4f4f5;border-radius:10px;box-shadow:inset 0 0 6px #0000000d;height:48px;object-fit:cover;width:48px}body.dark .company-logo{background:#334155}.company-name{color:#111827;font-size:16px;font-weight:700}body.dark .company-name{color:#f1f5f9}.portfolio-card-body{display:flex;flex-direction:column;gap:12px}.buy-date,.return,.share{color:#475569;font-size:14px;line-height:1.6}body.dark .buy-date,body.dark .return,body.dark .share{color:#cbd5e1}.trend-positive{color:#22c55e;font-weight:600}.trend-negative{color:#ef4444;font-weight:600}.chart-and-favorites{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.portfolio-pie-chart{color:#000;margin:0 auto;max-width:500px;padding:20px}body.dark .portfolio-pie-chart{background:#1e293b;color:#f8fafc}.portfolio-pie-chart h3{color:#111827;margin-bottom:20px;text-align:center}body.dark .portfolio-pie-chart h3{color:#f8fafc}.chart-box,.portfolio-summary-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;flex:1 1 300px;min-height:300px;padding:16px;position:relative;transition:.3s ease}body.dark .chart-box,body.dark .portfolio-summary-box{background:#243047;box-shadow:0 4px 12px #0006}.chart-box h3,.portfolio-summary-box h3{color:#111;font-size:16px;font-weight:700;margin-bottom:16px}body.dark .chart-box h3,body.dark .portfolio-summary-box h3{color:#f8fafc}.portfolio-summary-list{list-style:none;margin:0;padding:8px 0 0}.portfolio-summary-list li{color:#444;font-size:13px;margin-bottom:8px;padding-top:7px}body.dark .portfolio-summary-list li{color:#cbd5e1}.chart-box{display:flex;flex-direction:column;justify-content:space-between}.profit-loss-table{border-collapse:collapse;border-radius:8px;font-size:13px;margin-top:8px;overflow:hidden;width:100%}.profit-loss-scroll-wrapper{border-radius:8px;max-height:300px;overflow-y:auto}.profit-loss-scroll-wrapper::-webkit-scrollbar{width:8px}.profit-loss-scroll-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}body.dark .profit-loss-scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d}.profit-loss-table td,.profit-loss-table th{border-bottom:1px solid #eee;color:#444;padding:10px 12px;text-align:left}body.dark .profit-loss-table td,body.dark .profit-loss-table th{border-bottom:1px solid #ffffff1a;color:#cbd5e1}.profit-loss-table tbody tr.profit-row{background-color:#4caf5014}.profit-loss-table tbody tr.loss-row{background-color:#f4433614}.profit-loss-table tbody tr:hover{background-color:#00000008}body.dark .profit-loss-table tbody tr:hover{background-color:#ffffff0d}.profit-loss-table .profit{color:#4caf50;font-weight:600}.profit-loss-table .loss{color:#f44336;font-weight:600}.profit-loss-total-row{background-color:#0000000a;font-weight:700}body.dark .profit-loss-total-row{background-color:#ffffff0d}.total-label{padding-right:16px;text-align:right}.pagination{margin-top:16px}.pagination button{background:#fff;color:#333;transition:background .2s,transform .2s}body.dark .pagination button{background:#334155;border:1px solid #475569;color:#cbd5e1}.pagination button:hover{background:#e2e8f0;transform:translateY(-2px)}body.dark .pagination button:hover{background:#475569}.pagination .active-page{background:var(--primary);border-color:var(--primary);color:#fff}.loading-area{align-items:center;color:#888;display:flex;flex:1 1;flex-direction:column;font-size:14px;justify-content:center;min-height:300px;text-align:center}.loader{animation:spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top:5px solid var(--primary);height:40px;margin-bottom:10px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.chart-and-favorites{flex-direction:column}.chart-box,.portfolio-summary-box{width:100%}.main-content{padding:16px}}.favorite-list{animation:fadeInLeft .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-top:0;overflow:hidden;padding:16px;position:relative;text-align:left;transition:background-color .4s ease,box-shadow .3s}body.dark .favorite-list{background:#243047;box-shadow:0 4px 12px #00000080}.favorite-list:before{background:radial-gradient(circle at center,#ffffff26 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s;width:200%}.favorite-list:hover:before{opacity:1}.fav-tabs{border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:flex-start;margin-bottom:12px}.fav-tabs,.fav-tabs button{position:relative;text-align:left}.fav-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text);cursor:pointer;font-weight:700;padding:8px 14px;transition:color .3s,border-color .3s,transform .2s}.fav-tabs button.active{border-color:var(--primary);color:var(--text)}.fav-tabs button:hover{color:var(--text);transform:scale(1.05)}.favorite-scroll{max-height:280px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.favorite-scroll::-webkit-scrollbar{width:6px}.favorite-scroll::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:3px}.favorite-scroll::-webkit-scrollbar-track{background:#0000}.favorite-item{align-items:center;border-bottom:1px dashed var(--border);cursor:pointer;display:flex;gap:10px;padding:8px 0;text-align:left;transition:background-color .3s,transform .2s}.favorite-item:hover{background-color:#ffffff1a;transform:translateX(4px)}.favorite-logo{border:1px solid #ddd;border-radius:6px;box-shadow:0 0 4px #0000001a;height:32px;object-fit:cover;width:32px}.favorite-info{display:flex;flex-direction:column;text-align:left}.body.dark .favorite-info{color:#e2e8f0}.favorite-name{color:var(--text);font-size:13px;font-weight:600;text-align:left}body.dark .favorite-name{color:#e2e8f0}.favorite-price{color:gray;font-size:12px;text-align:left}body.dark .favorite-price{color:#d4d4d4}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.stock-market-page{padding:20px}.stock-market-page h2{color:var(--text-light);font-size:25px;font-weight:700;margin-bottom:20px}body.dark .stock-market-page h2{color:var(--text-dark)}.search-input{background:var(--card-background-light);border:1px solid #ccc;border-radius:8px;color:var(--text-light);font-size:12px;margin-bottom:30px;max-width:400px;padding:10px 15px;transition:background .3s,color .3s;width:100%}body.dark .search-input{background:var(--card-background-dark);border:1px solid #555;color:var(--text-dark)}.search-input:focus{border-color:#00c853;box-shadow:0 0 8px #00c85366;outline:none}.stock-market-page h3{color:var(--text-light);font-size:19px;font-weight:600;margin:30px 0 15px}body.dark .stock-market-page h3{color:var(--text-dark)}.stock-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.stock-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{background:var(--card-background-light);border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s,color .3s}body.dark .tab-button{color:var(--text-dark)}.tab-button.active,.tab-button:hover{background:#00c853;color:#fff}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination button{background:var(--card-background-light);border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:600;padding:6px 12px}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{font-weight:600}:root{--background:#c6e3fd;--card-bg:#dcf5ff1f;--text:#1e1e1e;--input-bg:#fff9;--input-text:#000;--primary:#00c9ff;--primary-hover:#00a7d5;--success:#00c853;--danger:#d32f2f;--glow:#00c9ff66;--background-dark:#0f172a;--card-bg-dark:#161b2280;--text-dark:#f0f0f0;--input-bg-dark:#3c414b80;--input-text-dark:#fff;--glow-dark:#00c9ff33}body{background:#c6e3fd;background:var(--background);color:#1e1e1e;color:var(--text);font-family:Inter,sans-serif;margin:0;transition:background .4s ease,color .4s ease}body.dark{background:#0f172a;background:var(--background-dark);color:#f0f0f0;color:var(--text-dark)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dcf5ff1f;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 24px #0000001a;transition:all .3s ease}body.dark .card{background:#161b2280;background:var(--card-bg-dark);box-shadow:0 8px 24px #0000004d}input,select,textarea{background:#fff9;background:var(--input-bg);border:none;border-radius:8px;box-shadow:0 0 6px #0000001a;color:#000;color:var(--input-text);font-size:14px;outline:none;padding:10px 14px;transition:background .3s ease,color .3s ease}input:focus{border:1px solid #00c9ff;border:1px solid var(--primary);box-shadow:0 0 10px #00c9ff66;box-shadow:0 0 10px var(--glow)}body.dark input,body.dark select,body.dark textarea{background:#3c414b80;background:var(--input-bg-dark);box-shadow:0 0 6px #ffffff14;color:#fff;color:var(--input-text-dark)}button{background:#00c9ff;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s ease,transform .2s ease}button:hover{background:#00a7d5;background:var(--primary-hover);transform:scale(1.03)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}body.dark ::-webkit-scrollbar-thumb{background-color:#ffffff1a}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-wrapper{animation:fadeInUp 1s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#dcf5ff1f;background:var(--card-bg);border-radius:20px;box-shadow:0 12px 40px #0003;display:flex;max-width:1100px;overflow:hidden;transition:.4s ease;width:100%}body.dark .login-wrapper{background:#161b2280;background:var(--card-bg-dark)}.login-left{background:linear-gradient(145deg,#00c9ff,#03c);background:linear-gradient(145deg,var(--primary),#03c);color:#fff;flex:1 1;padding:48px}body.dark .login-left{background:linear-gradient(145deg,#0a1f44,#121f3d)}.login-left h1{font-size:36px;font-weight:800;margin-bottom:24px}.features{display:flex;flex-wrap:wrap;gap:8px}.features button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:12px;padding:8px 18px}.login-right{background:linear-gradient(-135deg,#00c9ff,#03c);background:linear-gradient(-135deg,var(--primary),#03c);color:#000;flex:1 1;padding:48px}body.dark .login-right{background:linear-gradient(-135deg,#0a1f44,#121f3d);color:#f0f0f0;color:var(--text-dark)}.social-login{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.social-login button{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:transform .3s,box-shadow .3s}.google-button{background:linear-gradient(45deg,#ea4335,#fbbc05);color:#fff}.facebook-button{background:linear-gradient(45deg,#1877f2,#0f5abd);color:#fff}.social-login button:hover{box-shadow:0 4px 16px #00c9ff66;box-shadow:0 4px 16px var(--glow);transform:scale(1.05)}.login-form .form-group{margin-bottom:16px}.login-form input{background:#fff9;background:var(--input-bg);border:none;border-radius:10px;box-shadow:inset 0 0 5px #0000001a;color:#000;color:var(--input-text);font-size:14px;padding:14px;transition:.3s ease;width:100%}body.dark .login-form input{background:#3c414b80;background:var(--input-bg-dark);color:#fff;color:var(--input-text-dark)}.login-form input:focus{border:1px solid #00c9ff;border:1px solid var(--primary);box-shadow:0 0 10px #00c9ff66;box-shadow:0 0 10px var(--glow);outline:none}.login-button{background:linear-gradient(90deg,#00c9ff,#00e0ff);background:linear-gradient(90deg,var(--primary),#00e0ff);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:.3s ease;width:100%}.login-button:hover{box-shadow:0 0 16px #00c9ff66;box-shadow:0 0 16px var(--glow);transform:scale(1.03)}.divider{color:#777;font-size:12px;margin:24px 0;text-align:center}.forgot-password,.register-link{font-size:13px;margin-top:16px;text-align:center}.forgot-password a,.register-link a{color:#00c9ff;color:var(--primary);font-weight:600;text-decoration:none}.forgot-password a:hover,.register-link a:hover{text-decoration:underline}.qr-section{background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 16px #0000004d;margin-left:auto;margin-right:auto;max-height:150px;max-width:150px;padding:20px;text-align:center;transition:transform .2s ease}.qr-section:hover{transform:scale(1.02)}.qr-title{color:#fff;font-size:13px;font-weight:300;margin-bottom:10px}.qr-subtext{color:#ccc;font-size:11px;margin-top:12px}.switch{display:inline-block;height:18px;position:relative;width:33px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#bbb;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s ease}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.switch input:checked+.slider{background-color:#00c9ff;background-color:var(--primary);box-shadow:0 0 8px #00c9ff;box-shadow:0 0 8px var(--primary)}.switch input:checked+.slider:before{transform:translateX(20px)}body.dark .slider{background-color:#444}body.dark .switch input:checked+.slider{background-color:#00b8cc}.custom-language-selector{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #0000001a;border-radius:10px;bottom:20px;color:#000;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 12px;position:fixed;right:20px;transition:background .3s ease;z-index:1000}.custom-language-selector:hover{background:#fff6}.flag-icon{border-radius:2px;height:14px;object-fit:cover;width:20px}.language-label{font-size:12px;font-weight:600}.language-dropdown{align-items:center;background:#fffffff7;border:1px solid #ccc;border-radius:10px;bottom:45px;box-shadow:0 8px 24px #00000026;display:none;flex-direction:column;overflow:hidden;padding:6px 0;position:absolute;right:0;width:130px;z-index:1001}.language-dropdown.open{display:flex}.language-dropdown li{align-items:center;color:#1e1e1e;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px 0;transition:background .2s ease;width:100%}.language-dropdown li:hover{background:#f0f0f0}body.dark .custom-language-selector{background:#1e1e1e99;border:1px solid #555;color:#fff}body.dark .custom-language-selector:hover{background:#1e1e1ecc}body.dark .language-dropdown{background:#2b2b2bf2;border:1px solid #555}body.dark .language-dropdown li{color:#fff}body.dark .language-dropdown li:hover{background:#333}.creators-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #0000001a;border-radius:8px;bottom:20px;cursor:pointer;font-size:12px;font-weight:500;left:20px;padding:6px 12px;position:fixed;transition:.3s ease}.creators-button:hover{background:#ffffff4d;transform:scale(1.05)}.creators-list{animation:fadeSlideUp .4s ease;background:#fffffff2;border-radius:10px;bottom:60px;box-shadow:0 8px 24px #00000026;font-size:12px;font-weight:600;left:20px;padding:8px 0;position:fixed;text-align:center;width:150px}.creators-list p{margin:0;padding:10px;transition:background .3s}.creators-list p:hover{background:#f0f0f0}body.dark .creators-button{background:#1e1e1e99;border:1px solid #555;color:#fff}body.dark .creators-list{background:#2b2b2bf2;border:1px solid #444;color:#fff}body.dark .creators-list p:hover{background:#333}.phone-input{background:#fff9;background:var(--input-bg);border:none;border-radius:8px;box-shadow:inset 0 0 4px #0000001a;color:#000;color:var(--input-text);padding:12px;transition:.3s}body.dark .phone-input{background:#3c414b80;background:var(--input-bg-dark);color:#fff;color:var(--input-text-dark)}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.otp-input{background:#fff9;background:var(--input-bg);border:none;border-radius:10px;box-shadow:inset 0 0 4px #0000001a;color:#000;color:var(--input-text);font-size:20px;height:58px;text-align:center;transition:.3s;width:48px}.otp-input:focus{border:1px solid #00c9ff;border:1px solid var(--primary);box-shadow:0 0 8px #00c9ff;box-shadow:0 0 8px var(--primary);outline:none}body.dark .otp-input{background:#3c414b80;background:var(--input-bg-dark);color:#fff;color:var(--input-text-dark)}.toast{animation:fadeSlide 2.5s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;font-size:13px;font-weight:500;left:20px;padding:12px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:9999}.toast.success{background:#4caf50e6}.toast.error{background:#d32f2fe6}@keyframes fadeSlide{0%{opacity:0;transform:translateX(-30px)}10%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.login-wrapper{align-items:stretch;border-radius:16px;flex-direction:column}.login-left,.login-right{padding:24px;width:100%}.login-left h1{font-size:28px}}@media (max-width:576px){.login-right{margin-top:160px!important;padding:16px!important}.login-left{display:none!important}.login-left h1{font-size:22px;margin-bottom:16px}.features button{font-size:10px;padding:6px 12px}.social-login button{font-size:11px;padding:10px}.login-form input{font-size:14px;padding:10px}.login-button{font-size:14px;padding:12px}.login-wrapper{border-radius:0;box-shadow:none}.login-container{min-height:auto;padding:12px}.custom-language-selector{bottom:20px;right:16px;transform:scale(.95)}.creators-button{bottom:16px;left:16px;transform:scale(.95)}.creators-list{bottom:60px;left:16px;width:140px}}
/*# sourceMappingURL=main.880bc591.css.map*/