@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg-page:#f1f5f9;--bg-card:#fff;--bg-header:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#2e86ab;--accent-hover:#1e6f9c;--accent-light:#4db8e8;--accent-violet:#3b82f6;--accent-violet-h:#2563eb;--success:#34d399;--success-hover:#10b981;--danger:#f87171;--danger-hover:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-page);color:var(--text-primary);letter-spacing:.01em;min-height:100vh;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.2}.auth-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:420px;box-shadow:var(--shadow-lg);margin:6rem auto;padding:2.5rem;position:relative;overflow:hidden}.auth-container:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-light), transparent);opacity:.6;height:2px;position:absolute;top:0;left:2.5rem;right:2.5rem}.auth-container h1{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-container h2{text-align:center;color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.auth-container .subtitle{text-align:center;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2rem;font-size:.875rem;font-weight:600;display:block}.auth-container input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;margin-bottom:.75rem;padding:.875rem 1rem;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:500}.auth-container input::placeholder{color:var(--text-muted);font-weight:400}.auth-container input:hover{border-color:var(--border-hover);background:var(--bg-card)}.auth-container input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px #2e86ab1f}.auth-container input:last-of-type{margin-bottom:1.25rem}.auth-container button,.btn-logout,.btn-download{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);letter-spacing:.02em;border:none;padding:.875rem 1.25rem;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:700;position:relative;overflow:hidden}.auth-container button:hover,.btn-logout:hover,.btn-download:hover{filter:brightness(1.08);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-container button:active,.btn-logout:active,.btn-download:active{filter:brightness(.95);transform:translateY(0)}.auth-container button[type=submit]{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;box-shadow:0 2px 8px #1e6f9c4d}.auth-container button[type=submit]:hover{box-shadow:0 4px 16px #1e6f9c66}.btn-secondary{background:linear-gradient(135deg, var(--accent-violet), var(--accent-violet-h));color:#fff;margin-top:.75rem;box-shadow:0 2px 8px #2563eb40}.btn-secondary:hover{box-shadow:0 4px 16px #2563eb59}.btn-google{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);letter-spacing:.02em;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:700;display:flex}.btn-google:hover{background:var(--bg-page);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:active{background:var(--bg-page);transform:translateY(0)}.separator{text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;margin:1.5rem 0;font-size:.8125rem;font-weight:700;display:flex}.separator:before,.separator:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);flex:1;height:1px}.separator:before{margin-right:1rem}.separator:after{margin-left:1rem}.error{color:#dc2626;text-align:center;letter-spacing:.01em;min-height:1.25rem;margin-top:1rem;font-size:.875rem;font-weight:600}.auth-logo{width:240px;height:auto;transition:var(--transition);margin:0 auto 0;display:block}.dashboard{max-width:960px;margin:0 auto;padding:3rem 2rem}.dashboard header{background:var(--bg-header);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2rem;display:flex}.dashboard h1{color:var(--text-primary);font-size:1.5rem;font-weight:800}#user-info{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex}.btn-logout{background:var(--bg-page);width:auto;color:var(--text-secondary);border:1px solid var(--border);justify-content:flex-end;padding:.625rem 1.25rem;font-size:.8125rem}.btn-logout:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card)}.files-grid{gap:.75rem;display:grid}.file-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;position:relative}.file-card:before{content:"";background:linear-gradient(180deg, var(--accent-light), var(--accent));opacity:0;width:3px;transition:var(--transition);border-radius:0 3px 3px 0;position:absolute;top:1.25rem;bottom:1.25rem;left:0}.file-card:hover{background:var(--bg-card);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-card:hover:before{opacity:1}.file-icon{background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.75rem;display:flex}.file-info{flex:1;min-width:0}.file-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9375rem;font-weight:700;overflow:hidden}.file-info p{color:var(--text-muted);letter-spacing:.02em;font-size:.8125rem;font-weight:600}.btn-download{background:linear-gradient(135deg, var(--success), var(--success-hover));color:#fff;border-radius:var(--radius-md);flex-shrink:0;width:auto;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:700;box-shadow:0 2px 6px #10b98133}.btn-download:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.btn-download:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);box-shadow:none;transform:none}.loading,.empty{text-align:center;color:var(--text-muted);letter-spacing:.02em;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;font-size:.9375rem;font-weight:600}@media (width<=640px){.auth-container{margin:2rem 1rem;padding:2rem 1.5rem}.dashboard{padding:2rem 1rem}.dashboard header{flex-direction:column;align-items:flex-start;gap:1rem}.file-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.file-card:before{border-radius:0 0 3px 3px;width:auto;height:3px;inset:0 1.25rem auto}.btn-download{text-align:center;width:100%}}.charts{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.charts-topbar{background:var(--bg-header);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.charts-brand{align-items:center;gap:.875rem;display:flex}.charts-logo{width:44px;height:auto}.charts h1{color:var(--text-primary);font-size:1.25rem;font-weight:800}.charts-meta{color:var(--text-muted);font-size:.75rem;font-weight:600}.charts-actions{flex-wrap:wrap;gap:.5rem;display:flex}.charts-search{margin-bottom:.75rem}.charts-search input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:.75rem 1rem;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500}.charts-search input::placeholder{color:var(--text-muted);font-weight:400}.charts-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2e86ab1f}.charts-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:calc(100vh - 300px);box-shadow:var(--shadow-sm);overflow:auto}.charts-table-wrap--small{max-height:420px}table.charts-table{border-collapse:collapse;width:100%;font-size:.78rem}.charts-table thead th{z-index:2;background:var(--bg-header);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:.6rem .75rem;font-size:.68rem;font-weight:700;position:sticky;top:0}.charts-table thead th:hover{color:var(--accent)}.charts-table tbody td{border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-primary);padding:.5rem .75rem}.charts-table tbody tr{cursor:pointer;transition:background .15s}.charts-table tbody tr:hover{background:#f8fafc}.charts-table tbody tr.selected{box-shadow:inset 3px 0 0 var(--accent);background:#2e86ab1a}.charts-ticker-link{color:var(--accent);font-weight:800}.badge{letter-spacing:.04em;border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.badge-call{color:var(--success-hover);background:#10b9811f}.badge-put{color:var(--danger-hover);background:#ef44441f}.charts-hint{text-align:center;color:var(--text-muted);margin-top:.6rem;font-size:.7rem;font-weight:600}.charts-empty{text-align:center;color:var(--text-muted);padding:2rem;font-weight:600}.charts-empty--box{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.charts-ticker-head{margin-bottom:1rem}.charts-ticker-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.charts-ticker-title span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-bottom:.9rem;display:grid}.charts-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.7rem .9rem}.charts-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.2rem;font-size:.62rem;font-weight:700}.charts-card-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.charts-calendar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.charts-cal-item{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:.45rem .8rem}.charts-cal-item .l{text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:700}.charts-cal-item .d{color:var(--text-primary);font-size:.85rem;font-weight:700}.charts-section{margin-bottom:1.25rem}.charts-section h2{color:var(--accent);border-left:3px solid var(--accent);margin-bottom:.5rem;padding-left:.5rem;font-size:.95rem;font-weight:800}.charts-window{margin-bottom:.5rem}.charts-window select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem .75rem;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600}.charts-window select:focus{border-color:var(--accent)}.charts-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.4rem}.charts-chart--price{height:400px}.charts-chart--hist{height:300px}.hist-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=900px){.charts{padding:1rem}.charts-topbar{flex-direction:column;align-items:flex-start}.hist-grid-2{grid-template-columns:1fr}}
