:root{--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-border: #30363d;--color-text: #c9d1d9;--color-accent: #58a6ff;--color-btn-primary: #3452a6;--color-btn-danger: #a63434;--color-btn-success: #228B22;--color-btn-text: #fff;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 6px;--transition: .15s all cubic-bezier(.4,0,.2,1);--spacing: 10px}body,html,#root{margin:0;height:100%;width:100%;box-sizing:border-box;font-family:var(--font-family);color:var(--color-text)}body{background:radial-gradient(circle at top left,#8b2fb61a,#000000f2),var(--color-bg);background-size:cover;background-attachment:fixed}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#519ac44d;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background-color:#0d0d0d}.main-content{width:100%;min-height:100%;background:radial-gradient(circle at top left,#3a30681a,#000000f2),var(--color-bg);background-size:cover;background-attachment:fixed}.login-page html,.login-page body,.login-page #root{height:100%;width:100%;margin:0;padding:0}.login-page body{background-color:#0d1117;color:#c9d1d9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;margin:0;padding:0}.login-page .container{display:flex;flex-direction:column;align-items:center;gap:10px}.login-page form{background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:15px 30px;width:300px;animation:fadeIn .3s ease-in-out;box-shadow:0 0 25px #5f93b126}.login-page input{background-color:#0d1117;border:1px solid #30363d;color:#c9d1d9;padding:10px;margin-bottom:15px;border-radius:6px;width:100%;box-sizing:border-box}.login-page input:focus{border-color:#58a6ff;outline:none;box-shadow:0 0 5px #58a6ff}.login-page button{background-color:#3c469c;border:none;color:#fff;padding:10px;width:100%;font-weight:700;border-radius:6px;cursor:pointer}.login-page .switch-form{text-align:center;font-size:14px;margin-top:10px}.login-page .switch-form span{color:#58a6ff;cursor:pointer;text-decoration:underline}.login-page .hidden{display:none}.login-page h2{text-align:center;margin-top:0;margin-bottom:20px;font-weight:600}.login-page .brand-title{font-size:28px;font-weight:200;color:#c9d1d9;text-align:center;margin-top:70px;margin-bottom:30px}.login-page .wrapper{display:flex;align-items:center;justify-content:center;height:100vh}.login-page #signupMsg{text-align:center;margin-bottom:10px}.login-page .center-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-table th,.admin-table td{padding:12px 8px;text-align:left}.admin-table th{background:var(--color-bg-secondary);font-weight:600;border-bottom:2px solid var(--color-border)}.admin-table tr{border-bottom:1px solid var(--color-border)}.admin-action-btn{padding:6px 16px;border-radius:var(--border-radius);font-weight:500;border:none;cursor:pointer;margin-right:8px;transition:var(--transition)}.admin-action-btn.approve{background:var(--color-btn-primary);color:#fff}.admin-action-btn.reject{background:var(--color-btn-danger);color:#fff}.admin-action-btn.admin{background:var(--color-btn-success);color:#fff}.admin-action-btn:hover{filter:brightness(1.2)}html,body,#root{height:100%;width:100%;margin:0;padding:0}.admin-center-wrapper{height:100%;display:flex;justify-content:center;align-items:flex-start;background:var(--color-bg)}.admin-panel{width:700px;max-width:95vw;margin:40px 0;display:flex;flex-direction:column;align-items:center}.delta-wrapper{display:flex;justify-content:center;align-items:center;margin-top:0;padding:2rem 0;width:100%;box-sizing:border-box}.delta-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%;height:auto;margin-top:5rem}.price-and-delta-module,.futures-set-module,.module{background:var(--color-bg-secondary);border:2px solid;border-color:#222f38;border-radius:var(--border-radius);box-sizing:border-box;width:300px;height:200px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.section-title{text-align:center;margin-bottom:1rem;font-size:1.25rem;font-weight:700;color:var(--color-text)}.row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:3px}.row label{width:110px;margin-right:1rem;text-align:center;display:flex;justify-content:center;align-items:center}.row input,.row select,.row span{flex:1;padding:.4rem;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-family);transition:var(--transition);border-radius:var(--border-radius);width:50%;text-align:center}.checkbox-row{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem}.checkbox-row input[type=checkbox]{margin-right:.5rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-border: #30363d;--color-text: #c9d1d9;--color-accent: #58a6ff;--color-btn-primary: #3452a6;--color-btn-danger: #a63434;--color-btn-success: #228B22;--color-btn-text: #fff;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 6px;--transition: .3s ease}.top-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;color:var(--color-text);width:100%;border-bottom:2px solid;border-color:#222f38;position:relative;z-index:10;min-height:60px;background:radial-gradient(circle at top right,#0000001a,#000000f2),#000000f2;background-size:cover;background-attachment:fixed}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.7rem;background:none;border:none;color:#f7f7f7;cursor:pointer;padding:0;margin:0 0 0 20px;filter:drop-shadow(0 0 2px hsla(212,100%,70%,.5)) drop-shadow(0 0 4px hsla(212,100%,70%,.5)) drop-shadow(0 0 12px hsla(212,42%,34%,.5));transition:transform var(--transition)}.hamburger-btn:hover{transform:scale(1.15);background:none;outline:none;box-shadow:none}.dashboard-btn{font-size:1.2rem;font-weight:700;height:30px;width:40px;color:#f7f7f7;text-decoration:none;background-color:transparent;padding:.4rem .8rem;border-radius:var(--border-radius);transition:background-color var(--transition);margin-left:-1.1rem}.dashboard-btn:hover{transform:scale(1.1);background-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:1rem}.nav-item{color:#f7f7f7;text-decoration:none;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:background-color var(--transition)}.nav-item:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent);background-color:var(--color-accent);color:#000}.nav-item:hover{background-color:#3d4357;color:#f7f7f7}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;opacity:1;pointer-events:auto;background:radial-gradient(circle at top right,#0f101a1a,#00000080),#12121780;transition:background-color 8s ease-in-out}@keyframes fadeOverlayBg{to{background-color:#1d1c1c80}}.sidebar-drawer{position:fixed;opacity:1;top:0;left:0;width:250px;height:100vh;background:radial-gradient(circle at top left,#3a30681a,#000000f2),var(--color-bg);padding:1rem;z-index:101;display:flex;flex-direction:column;border-right:2.5px solid;border-color:#222f38;border-top-right-radius:10px;border-bottom-right-radius:10px}.close-btn{background:none;border:none;font-size:1.2rem;color:#f7f7f7;align-self:flex-end;cursor:pointer;margin-bottom:1rem}.chart-container{display:flex;flex-direction:column;gap:32px}.chart-wrapper{height:400px;background-color:#111;border:1px solid #333;border-radius:6px;padding:8px;position:relative}.custom-dropdown{position:relative;width:100px;height:33px;font-family:var(--font-family)}.dropdown-toggle{width:100%;height:33px;padding:.4rem .6rem;background-color:var(--color-bg);color:#fff;border:2px solid;border-color:#222f38;border-radius:var(--border-radius);text-align:center;cursor:pointer;font-size:.85rem;display:flex;justify-content:center;align-items:center;gap:.3rem}.arrow{font-size:.6rem;margin:0;padding:0;background:none;border:none;box-shadow:none;display:inline;line-height:1}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-bg);border:1px solid rgb(43,70,70);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000004d;z-index:1000;margin-top:4px}.dropdown-item{padding:.4rem .6rem;text-align:center;cursor:pointer;color:#93a59f}.dropdown-item:hover,.dropdown-item.active{background-color:#2b4646;color:#fff}.legend-container{position:absolute;top:10px;right:120px;display:flex;gap:1rem;z-index:10;background-color:transparent}.legend-item{display:flex;align-items:center;cursor:pointer;font-weight:700;color:#fff}.legend-line{display:inline-block;width:20px;height:2px;margin-right:6px;border-radius:1px}.legend-label{color:#fff}.legend-item.hidden .legend-label{text-decoration:line-through;opacity:.6}.legend-retail{color:#4caf50;font-weight:700;margin-left:10px;cursor:pointer;text-decoration:none}.legend-retail.hidden{text-decoration:line-through;opacity:.6}
