:root{--primary-color: #646cff;--primary-hover: #535bf2;--bg-color: #0f172a;--text-color: #f8fafc;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(15, 23, 42, .6);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;background:-webkit-linear-gradient(315deg,#42d392 25%,#646cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .25s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{background-color:var(--input-bg);border:1px solid var(--glass-border);border-radius:6px;color:#fff;padding:.8em;font-size:1em;transition:border-color .2s}input:focus{outline:none;border-color:var(--primary-color)}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:20px;box-sizing:border-box}.login-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;text-align:center}.login-card h1{font-size:2rem;margin-bottom:.5rem}.subtitle{color:#94a3b8;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#cbd5e1}.form-group input{width:100%;box-sizing:border-box}.error-message{color:#ef4444;background:#ef44441a;padding:10px;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.login-button{width:100%;padding:12px;font-size:1rem;font-weight:600;margin-top:10px}.history-page{padding:2rem;min-height:100vh;color:var(--text-primary);background:transparent;animation:fadeIn .5s ease-out;font-family:Inter,sans-serif}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header p{color:#a0aec0;font-size:1.1rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;transition:transform .2s}.stat-card:hover{transform:translateY(-5px);border-color:#fff3}.stat-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#718096;margin-bottom:.5rem}.stat-card p{font-size:1.8rem;font-weight:700;color:#fff}.stat-card p.profit{color:#48bb78}.stat-card p.loss{color:#f56565}.filters-container{display:flex;justify-content:space-between;align-items:center;background:#1a202c99;padding:1rem;border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;border:1px solid rgba(255,255,255,.05)}.filters-left,.filters-right{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-input,.filter-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;outline:none;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:.5rem 1.2rem;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:opacity .2s}.refresh-btn:hover{opacity:.9}.table-container{overflow-x:auto;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-table{width:100%;border-collapse:collapse;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-table th{background:#0006;color:#a0aec0;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.glass-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0;vertical-align:middle}.glass-table tr:hover td{background:#ffffff0d}.action-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;display:inline-block}.action-badge.BUY{background:#48bb7833;color:#48bb78}.action-badge.SELL{background:#f5656533;color:#f56565}.profit-text{color:#48bb78;font-weight:600}.loss-text{color:#f56565;font-weight:600}.load-more-container{text-align:center;margin-top:2rem}.load-more-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem 2rem;border-radius:30px;cursor:pointer;transition:all .3s;font-size:1rem}.load-more-btn:hover{background:#fff3;transform:translateY(-2px)}.loading-text,.empty-text{text-align:center;padding:2rem;color:#a0aec0;font-style:italic}@media(max-width:768px){.glass-table,.glass-table thead,.glass-table tbody,.glass-table th,.glass-table td,.glass-table tr{display:block}.glass-table thead tr{position:absolute;top:-9999px;left:-9999px}.glass-table tr{margin-bottom:1rem;background:#ffffff0d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.glass-table td{border:none;position:relative;padding-left:50%;margin-bottom:.5rem}.glass-table td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-label);color:#a0aec0;font-weight:600}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signal-history-container{padding:2rem;max-width:1200px;margin:0 auto;color:var(--text-color, #fff);min-height:80vh}.signal-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:-webkit-linear-gradient(315deg,#42d392 25%,#646cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#1e293b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:2rem;align-items:center;box-shadow:0 4px 30px #0000001a}.filter-input,.filter-select{padding:.8rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease;flex:1;min-width:200px}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color, #646cff);box-shadow:0 0 0 3px #646cff33}.toggle-btn{padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;background:#ffffff0d;color:#aaa}.toggle-btn.active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 15px #22c55e33}.refresh-btn{margin-left:auto;background:var(--primary-color);color:#fff}.table-container{background:#1e293b4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow-x:auto;box-shadow:0 8px 32px #0003}.signal-table{width:100%;border-collapse:collapse;min-width:600px}.signal-table th{text-align:left;padding:1.2rem;background:#0003;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.signal-table td{padding:1.2rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.signal-table tr:hover{background:#ffffff08}.signal-row.is-mine{background:#22c55e0d}.signal-row.is-mine td:first-child{border-left:4px solid #4ade80}.my-signal-badge{display:inline-block;font-size:.7rem;background:#22c55e33;color:#4ade80;padding:2px 8px;border-radius:12px;margin-left:8px;vertical-align:middle}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge-buy{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-sell{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.refresh-btn{margin-left:0;width:100%}.signal-title{font-size:1.8rem}}.sidebar{width:260px;height:100vh;background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:transform .3s ease;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--glass-border)}.sidebar-header h3{margin:0;font-size:1.25rem;background:-webkit-linear-gradient(315deg,#42d392 25%,#646cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-color);text-decoration:none;font-weight:500;transition:all .2s;opacity:.7}.nav-item:hover{background-color:#ffffff0d;opacity:1;color:#fff}.nav-item.active{background-color:var(--primary-color);color:#fff;opacity:1;box-shadow:0 4px 12px #646cff4d}.nav-item .icon{font-size:1.2rem}.sidebar-footer{padding:24px;border-top:1px solid var(--glass-border)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.logout-btn:hover{background-color:#ef444433;transform:translateY(-2px)}@media(max-width:768px){.sidebar{transform:translate(-100%)}}.main-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;width:calc(100% - 260px);transition:all .3s ease}.content-container{padding:32px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:2.5rem;margin:0 0 8px}.page-header p{color:#94a3b8;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-card h4{margin:0 0 12px;color:#94a3b8;font-weight:500;font-size:.9rem}.stat-value{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:8px}.stat-change{font-size:.85rem;font-weight:600;display:inline-block;padding:4px 8px;border-radius:20px}.positive{color:#4ade80;background:#4ade801a}.negative{color:#f87171;background:#f871711a}.recent-activity{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.activity-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff08;border-radius:8px}.activity-details{flex:1;display:flex;flex-direction:column}.activity-title{font-weight:600}.activity-time{font-size:.8rem;color:#94a3b8}.trade-config-page{max-width:800px}.config-section{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;margin-bottom:24px}.config-section h3{margin-top:0;margin-bottom:24px;color:var(--primary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#cbd5e1}.form-group input[type=number],.form-group select{width:100%;padding:12px;background:#0003;border:1px solid var(--glass-border);border-radius:8px;color:#fff}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.save-btn{width:100%;padding:16px;font-size:1.1rem}@media(max-width:768px){.main-content{margin-left:0;width:100%}}.add-stock-form{background:#0003;padding:20px;border-radius:12px;margin-bottom:24px}.form-row{display:flex;gap:16px;align-items:flex-start}@media(max-width:600px){.form-row{flex-direction:column}}.add-btn{background-color:#4ade80;color:#000;font-weight:600}.add-btn:hover{background-color:#22c55e}.stock-list-header{display:grid;grid-template-columns:80px 1fr 140px 110px 50px;gap:16px;padding:12px 16px;color:#94a3b8;font-size:.85rem;font-weight:600;border-bottom:1px solid var(--glass-border)}.stock-item{display:grid;grid-template-columns:80px 1fr 140px 110px 50px;gap:16px;padding:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.stock-item:hover{background:#ffffff0d}.stock-symbol{font-weight:700;color:#646cff}.toggle-btn{padding:6px 12px;font-size:.85rem;width:100%;display:flex;justify-content:center}.toggle-btn.playing{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.toggle-btn.paused{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.delete-icon-btn{background:transparent;color:#94a3b8;padding:8px;box-shadow:none}.delete-icon-btn:hover{color:#ef4444;background:#ef44441a;transform:none;box-shadow:none}.empty-state{padding:40px;text-align:center;color:#64748b;font-style:italic}.stock-lot-container{display:flex;align-items:center}.view-lot-wrapper,.edit-lot-wrapper{display:flex;align-items:center;gap:8px}.stock-lot-input-edit{background:#0000004d;border:1px solid var(--primary-color);border-radius:4px;padding:4px 8px;color:#fff;width:60px}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:4px;border-radius:4px;transition:background .2s}.icon-btn:hover{background:#ffffff1a}.edit-btn-small{opacity:.5}.view-lot-wrapper:hover .edit-btn-small{opacity:1}.stock-lot-input{background:transparent;border:1px solid transparent;color:#fff;padding:8px;border-radius:6px;width:100%;font-size:1em;font-weight:500}.stock-lot-input:hover,.stock-lot-input:focus{background:#0003;border-color:var(--primary-color);outline:none}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}nav{padding:20px 0;border-bottom:1px solid var(--glass-border);margin-bottom:40px}nav ul{list-style:none;padding:0;display:flex;justify-content:center;gap:20px}nav a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .2s}nav a:hover{color:var(--primary-color)}