*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;min-width:320px;min-height:100vh;background:radial-gradient(600px circle at 15% 15%,rgba(255,140,90,.1),transparent 60%),radial-gradient(700px circle at 85% 35%,rgba(30,180,220,.12),transparent 65%),radial-gradient(500px circle at 50% 90%,rgba(120,120,255,.06),transparent 60%),linear-gradient(180deg,#f2f3f5,#e5e8ed);position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}.logo{background:linear-gradient(135deg,#ff800091,#d72868c2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;display:inline-block;transition:opacity .2s}.logo:hover{opacity:.8}.logo-text{display:inline-block}.google-icon{flex-shrink:0}.google-login-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.access-key-login-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-top:8px}.access-key-login-divider{display:flex;align-items:center;text-align:center;margin:16px 0}.access-key-login-divider:before,.access-key-login-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider-text{padding:0 16px;color:#6b7280;font-size:14px}.access-key-login-form{display:flex;flex-direction:column;gap:12px;width:100%}.access-key-login-field{width:100%}.access-key-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background-color:#fff;transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.access-key-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.access-key-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.access-key-input--error{background-color:#fef2f2;border-color:#fecaca;box-shadow:0 0 0 1px #fecaca}.access-key-input--error:focus{outline:none;background-color:#fef2f2;border-color:#fecaca;box-shadow:0 0 0 1px #fecaca}.access-key-login-description{font-size:13px;color:#6b7280;line-height:1.5;text-align:center;margin:0;padding:0 16px}.profile{display:flex;align-items:center;gap:12px}.profile-name-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.profile-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background-color:#60a5fa;color:#fff;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;line-height:1.2}.profile-name{font-size:16px;font-weight:500;color:#374151;line-height:1.2}.profile-notification{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff}.profile-bell{color:#374151}.profile-notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background-color:#ff8000}.profile-logout{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;color:#374151;transition:all .2s ease;padding:0}.profile-logout:hover:not(:disabled){transform:translateY(-1px)}.profile-logout:active:not(:disabled){transform:translateY(0)}.sidebar{display:flex;flex-direction:column;gap:8px;padding:16px 16px 16px 0;min-width:200px;height:calc(100vh - 200px);position:sticky;top:0;align-self:flex-start}.sidebar-top{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;flex-shrink:0}.sidebar-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;text-decoration:none;color:#6b7280;font-weight:500;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s ease,color .2s ease;background:transparent;height:44px;box-sizing:border-box;flex-shrink:0}.sidebar-item:hover{background:#00000008;color:#374151}.sidebar-item.active{background:#0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#111827;font-weight:500;height:44px}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;animation:mobileMenuFadeIn .2s ease-out}.mobile-menu-drawer{position:fixed;top:0;right:0;bottom:0;width:min(280px,85vw);background:#fff;z-index:1001;display:flex;flex-direction:column;animation:mobileMenuSlideIn .25s ease-out}@keyframes mobileMenuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileMenuSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.mobile-menu-title{font-size:18px;font-weight:600;color:#374151}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;color:#6b7280;cursor:pointer;transition:background .2s,color .2s}.mobile-menu-close:hover{background:#0000000d;color:#374151}.mobile-menu-user{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-bottom:1px solid #e5e7eb}.mobile-menu-badge{font-size:12px;font-weight:600;color:#fff;background:#60a5fa;padding:2px 8px;border-radius:4px;text-transform:uppercase;width:fit-content}.mobile-menu-name{font-size:16px;font-weight:500;color:#374151}.mobile-menu-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.mobile-menu-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;text-decoration:none;color:#6b7280;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:background .2s,color .2s}.mobile-menu-item:hover{background:#00000008;color:#374151}.mobile-menu-item.active{background:#0000000d;color:#111827}.mobile-menu-footer{padding:16px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}.mobile-menu-logout{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:#0000000a;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.mobile-menu-logout:hover{background:#00000014}.mobile-menu-logout svg{flex-shrink:0}.stepper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;position:relative}.stepper-widget{width:100%;height:auto;min-height:auto;align-self:flex-start;position:relative}.stepper-step{display:flex;flex-direction:column;align-items:flex-start;position:relative;flex:0 0 auto}.stepper-step-row{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.stepper-step-tail{position:relative;min-height:0;flex-shrink:0}.stepper-step-tail-has-connector{min-height:24px}.stepper-connector{position:absolute;left:15px;top:0;bottom:0;width:2px;z-index:0}.stepper-step-content-wrap{display:grid;transition:grid-template-rows .55s cubic-bezier(.33,1,.68,1)}.stepper-step-content-inner{min-height:0;overflow:hidden}.stepper-step-content-inner .stepper-step-content{padding-top:8px;padding-bottom:12px}.stepper-circle{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0;overflow:hidden}.stepper-circle svg{display:block}.stepper-circle.completed{background-color:#e91e63;border-color:#e91e63}.stepper-circle.active{background-color:#fff;border-color:#e91e63}.stepper-circle.pending{background-color:#fff;border-color:#11cbdc}.stepper-icon{font-size:14px;font-weight:500;color:#e91e63}.stepper-label{margin-left:12px;padding:0;border:none;background:none;font:inherit;font-size:14px;font-weight:500;color:#616161;text-align:left;white-space:nowrap;cursor:pointer;transition:color .2s ease;text-transform:uppercase}.stepper-label:hover{color:#374151}.stepper-step-content{margin-left:44px;font-size:13px;line-height:1.6;color:#6b7280;max-width:480px}.stepper-research-list{list-style:none;margin:0;padding:0}.stepper-research-list li{position:relative;padding-left:1.5em;margin-bottom:1.15em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.stepper-research-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#e91e63}.stepper-research-list li:last-child{margin-bottom:0}.about-content{width:100%;margin:0}.about-content .dashboard-main{display:flex;flex-wrap:wrap;gap:24px;width:100%;max-width:1200px;align-items:flex-start;animation:fadeInUp .6s ease-out}.product-info-widget{display:flex;flex-direction:column;gap:12px;width:100%}.exchange-key-section{display:flex;flex-direction:column;gap:12px;width:100%;height:auto;min-height:auto;animation:fadeIn .5s ease-in}.exchange-key-intro{font-size:14px;color:#6b7280;line-height:1.4;margin:0}.exchange-key-card{opacity:1;animation:fadeInContent .4s ease-in .2s both}.exchange-key-form{display:flex;flex-direction:column;gap:12px;transition:opacity .3s ease,transform .3s ease}.exchange-key-field{display:flex;flex-direction:column;gap:6px}.exchange-key-field label{font-size:12px;font-weight:500;color:#374151}.exchange-key-field input{padding:8px;border:none;border-radius:6px;font-size:14px;background-color:#f9fafb;transition:background-color .25s ease}.exchange-key-field input:focus{outline:none;background-color:#f3f4f6}.exchange-key-field input:disabled{background-color:#f3f4f6;cursor:not-allowed}.exchange-key-field-error input{background-color:#fef2f2}.exchange-key-submit{align-self:flex-start;min-width:100px;padding:8px 16px;font-size:14px}.exchange-key-loading{display:flex;align-items:center;gap:8px}.exchange-key-loading .spinner{animation:spin 1s linear infinite;stroke-dashoffset:15.708}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exchange-key-error{padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.exchange-key-header.widget-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.exchange-key-result{display:flex;flex-direction:column;gap:10px;transition:opacity .3s ease,transform .3s ease;animation:fadeInContent .4s ease-in}.exchange-key-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.exchange-key-label{font-size:12px;font-weight:500;color:#6b7280;min-width:60px}.exchange-key-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.exchange-key-status-valid{background-color:#d1fae5;color:#065f46}.exchange-key-loading-state{display:flex;align-items:center;justify-content:center;padding:20px;color:#6b7280;font-size:14px;animation:fadeInContent .4s ease-in}.exchange-key-icon{color:#374151;flex-shrink:0}.exchange-key-revoke{padding:6px 12px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.exchange-key-revoke:hover:not(:disabled){background-color:#fecaca}.exchange-key-revoke:disabled{opacity:.6;cursor:not-allowed}.exchange-key-confirm{margin-top:12px;padding:12px;border-radius:8px;animation:slideDown .3s ease}.exchange-key-confirm-in-dropdown{margin:0;min-width:220px;padding:12px;animation:slideDown .3s ease}.exchange-key-confirm.closing{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:300px}to{opacity:0;transform:translateY(-10px);max-height:0;padding-top:0;padding-bottom:0;margin-top:0}}.exchange-key-confirm-text{margin:0 0 8px;font-size:14px;font-weight:700;color:#374151;text-align:center}.exchange-key-confirm-text strong{font-weight:700}.exchange-key-confirm-warning{margin:0 0 12px;font-size:13px;font-weight:400;color:#6b7280;text-align:center;line-height:1.4}.exchange-key-confirm-buttons{display:flex;gap:8px;justify-content:center}.exchange-key-revoke-confirm{padding:6px 12px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.exchange-key-revoke-confirm:hover:not(:disabled){background-color:#fecaca}.exchange-key-revoke-confirm:disabled{opacity:.6;cursor:not-allowed}.exchange-key-revoke-cancel{padding:6px 12px;background-color:#d1fae5;color:#065f46;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.exchange-key-revoke-cancel:hover:not(:disabled){background-color:#a7f3d0}.exchange-key-revoke-cancel:disabled{opacity:.6;cursor:not-allowed}.exchange-key-balance-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.exchange-key-balance-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.exchange-key-balance-value{font-size:14px;font-weight:600;color:#374151;transition:color .5s ease}.exchange-key-balance-skeleton{font-size:14px;font-weight:600;color:#d1d5db;animation:skeleton-pulse 1.5s ease-in-out infinite;display:inline-block}.balance-red{animation:balanceRedPulse 1s ease}.balance-green{animation:balanceGreenPulse 1s ease}.account-section{display:flex;flex-direction:column;gap:12px;width:100%;height:auto;min-height:auto;animation:fadeIn .5s ease-in .1s both}.account-card{animation:fadeInContent .4s ease-in .3s both;display:flex;flex-direction:column}.account-header.widget-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:background .2s,color .2s}.account-menu-trigger:hover{background:#0000000f;color:#374151}.account-menu-dots{font-size:18px;line-height:1;font-weight:700}.account-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;padding:6px 0;background:#fff;border-radius:8px;border:1px solid #e5e7eb;z-index:1000;animation:accountDropdownEnter .2s ease-out forwards}.account-menu-dropdown.closing{animation:accountDropdownExit .2s ease-out forwards}@keyframes accountDropdownEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes accountDropdownExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.account-menu-option{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.account-menu-option:hover{background:#f3f4f6}.account-menu-option input[type=checkbox]{width:16px;height:16px;accent-color:#374151;cursor:pointer}.account-balance-hidden{letter-spacing:.05em}.account-balance-section{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.account-balance-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.widget-label{font-size:12px;font-weight:500;color:#6b7280;min-width:60px}.widget-label-value{font-size:14px;font-weight:400;color:#374151;transition:color .5s ease;text-align:right}.account-balance-skeleton{font-size:14px;font-weight:600;color:#d1d5db;animation:skeleton-pulse 1.5s ease-in-out infinite;display:inline-block}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.widget-label-value.balance-red{animation:balanceRedPulse 1s ease}.widget-label-value.balance-green{animation:balanceGreenPulse 1s ease}@keyframes balanceRedPulse{0%{color:#374151}50%{color:#dc2626}to{color:#374151}}@keyframes balanceGreenPulse{0%{color:#374151}50%{color:#16a34a}to{color:#374151}}.account-loading-state{text-align:center;padding:20px;color:#6b7280;font-size:14px;animation:fadeInContent .4s ease-in}.account-no-key-message{color:#6b7280;font-size:14px;line-height:1.5;padding:8px 0;text-align:center}.bybit-positions-section{display:flex;flex-direction:column;gap:12px;width:100%;height:auto;min-height:auto;animation:fadeIn .5s ease-in .1s both}.bybit-positions-card{animation:fadeInContent .4s ease-in .3s both}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.bybit-positions-table-container{overflow-x:auto;max-height:800px;overflow-y:auto;animation:fadeInContent .4s ease-in}.bybit-positions-table{width:100%;border-collapse:collapse;font-size:14px}.bybit-positions-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:1}.bybit-positions-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;border-bottom:2px solid #e5e7eb}.bybit-positions-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;font-weight:400;color:#374151;transition:color .5s ease}.bybit-positions-table tbody tr:hover{background-color:#f9fafb}.bybit-positions-table tbody tr:last-child td{border-bottom:none}.bybit-positions-table td.pnl-positive{color:#059669!important}.bybit-positions-table td.pnl-negative{color:#dc2626!important}.bybit-positions-table td.mark-price-green{color:#059669!important;transition:color .5s ease}.bybit-positions-table td.mark-price-red{color:#dc2626!important;transition:color .5s ease}.bybit-positions-loading-state{text-align:center;padding:20px;color:#6b7280;font-size:14px;animation:fadeInContent .4s ease-in}.bybit-positions-empty-message{text-align:center;padding:24px 20px;color:#6b7280;font-size:14px;line-height:1.5;animation:fadeInContent .4s ease-in}.bybit-positions-error{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;font-size:14px;margin-bottom:12px}.access-keys-section{display:flex;flex-direction:column;gap:16px;width:100%;animation:fadeIn .5s ease-in}.access-keys-widget{display:flex;flex-direction:column;overflow:visible}.access-keys-widget.widget-card{overflow:visible}.access-keys-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-keys-header .widget-label{min-width:0;max-width:320px;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.access-keys-error{padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px}.access-keys-list{display:flex;flex-direction:column;gap:0}.access-keys-empty{padding:24px;text-align:center;color:#9ca3af;font-size:14px;background:#f9fafb;border-radius:8px}.access-key-row-wrapper{display:flex;flex-direction:column;gap:12px}.access-key-row-wrapper:not(:last-child) .access-key-item{border-bottom:1px solid #e5e7eb}.access-key-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;transition:background .2s ease}.access-key-item:hover{background:transparent}.access-key-info{display:flex;flex-direction:column;gap:6px;flex:1}.access-key-value{font-size:14px;font-weight:400;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.access-key-date{font-size:12px;color:#6b7280}.access-key-actions-wrapper{position:relative;display:flex;align-items:center}.access-key-actions-wrapper.access-key-dropdown-open-up .account-menu-dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.access-key-actions{display:flex;align-items:center;gap:8px}.access-key-copy{padding:6px 12px;background-color:#dbeafe;color:#1e40af;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.access-key-copy:hover:not(:disabled):not(.copied){background-color:#bfdbfe}.access-key-copy.copied{background-color:#d1fae5;color:#065f46}.access-key-copy:disabled{opacity:.6;cursor:not-allowed}.access-key-delete{padding:6px 12px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.access-key-delete:hover:not(:disabled){background-color:#fecaca}.access-key-delete:disabled{opacity:.6;cursor:not-allowed}.access-key-confirm{padding:12px;background-color:#fee2e2;border-radius:8px;animation:slideDown .3s ease;margin-top:0}.access-key-confirm-in-dropdown{margin:0;min-width:220px;padding:12px;background:#fff;border-radius:8px;animation:slideDown .2s ease}.access-key-confirm-in-dropdown .access-key-confirm-text,.access-key-confirm-in-dropdown .access-key-confirm-warning{font-size:13px}.access-key-confirm-in-dropdown .access-key-delete-confirm,.access-key-confirm-in-dropdown .access-key-delete-cancel{font-size:12px}.access-key-delete-dropdown{min-width:240px}.access-key-confirm.closing{animation:slideUp .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:300px}to{opacity:0;transform:translateY(-10px);max-height:0;padding-top:0;padding-bottom:0}}.access-key-confirm-text{margin:0 0 8px;font-size:14px;font-weight:700;color:#374151;text-align:center}.access-key-confirm-text strong{font-weight:700}.access-key-confirm-warning{margin:0 0 12px;font-size:13px;font-weight:400;color:#6b7280;text-align:center;line-height:1.4}.access-key-confirm-buttons{display:flex;gap:8px;justify-content:center}.access-key-delete-confirm{padding:6px 12px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.access-key-delete-confirm:hover:not(:disabled){background-color:#fecaca}.access-key-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.access-key-delete-cancel{padding:6px 12px;background-color:#d1fae5;color:#065f46;border:none;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.access-key-delete-cancel:hover:not(:disabled){background-color:#a7f3d0}.access-key-delete-cancel:disabled{opacity:.6;cursor:not-allowed}.access-keys-generate-button{align-self:flex-start;margin-top:8px}.access-keys-max-highlight{color:#eab308;font-weight:600}.access-keys-loading{padding:24px;text-align:center;color:#6b7280;font-size:14px}.settings-content{width:100%;margin:0}.settings-content .dashboard-main{display:flex;flex-wrap:wrap;gap:24px;width:100%;max-width:1200px;align-items:flex-start;animation:fadeInUp .6s ease-out}.button-base,.button,.button-dark{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;color:#374151;transition:all .2s ease;min-width:100px}.button-base{background:unset}.button{background:#fff}.button-dark{background:#ebeef1}.button-200{min-width:200px}.button:hover:not(:disabled),.button-dark:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled),.button-dark:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.6;cursor:not-allowed}.widget-card{background:#fff;border-radius:24px;padding:24px;transition:all .3s ease;overflow:hidden}.widget-header{margin-bottom:16px}.header-actions{position:relative;flex-shrink:0}.widget-title{font-size:20px;font-weight:700;color:#374151;margin:0;text-transform:uppercase}.widget-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0 0 16px}.widget-card-green{background:linear-gradient(to bottom,#a0dca0,#dcf0a0)}.widget-card-green .widget-title,.widget-card.widget-card-green *{color:#fff}.widget-card-midnight{background:linear-gradient(to bottom,#a7c3f0,#f2bfe3)}.widget-card-midnight .widget-title,.widget-card.widget-card-midnight *{color:#fff}.app-container{max-width:1280px;margin:0 auto;padding:2rem;min-height:100vh;position:relative;z-index:1}.app-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;text-align:left}.app-header-right{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border:none;border-radius:8px;background:#fff;cursor:pointer;color:#374151;transition:transform .2s}.mobile-menu-btn-line{display:block;width:20px;height:2px;border-radius:1px;background:currentColor}.app-main{display:flex;gap:24px;align-items:flex-start;min-height:60vh;position:relative}.main-content{flex:1;min-width:0}.app-footer{margin-top:2rem;padding-top:1rem;display:flex;justify-content:flex-end;align-items:center}.app-footer-link{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s ease}.app-footer-link:hover{color:#374151}.app-main-content{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.authenticated-content{display:flex;gap:24px;width:100%;max-width:1200px;align-items:flex-start;align-self:flex-start;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.authenticated-left{flex:0 0 auto;width:66.666%;min-width:0;align-self:flex-start}.authenticated-right{flex:0 0 auto;width:33.333%;min-width:0;display:flex;flex-direction:column;gap:24px;align-self:flex-start}.login-section{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;padding:3rem 2rem}.main-title{font-size:2.5rem;font-weight:700;color:#374151;line-height:1.2;margin:0;max-width:600px}.title-nowrap{white-space:nowrap}.early-access-text{font-size:.875rem;color:#6b7280;margin:0}.dashboard-content{width:100%;display:flex;flex-direction:column;gap:24px}.dashboard-main{display:flex;flex-wrap:wrap;gap:24px;width:100%;max-width:1200px;align-items:flex-start;animation:fadeInUp .6s ease-out}.dashboard-left{flex:1 1 600px;min-width:600px;display:flex;flex-direction:column;gap:24px;align-self:flex-start}.dashboard-right{flex:1 1 310px;min-width:310px;display:flex;flex-direction:column;gap:24px;align-self:flex-start}.settings-content{width:100%}.settings-content h1{font-size:2rem;font-weight:700;color:#374151;margin-bottom:1rem}.settings-content p{color:#6b7280;font-size:1rem}@media (max-width: 768px){.app-container{padding:1rem}.app-header-right .profile{display:none}.mobile-menu-btn{display:flex}.app-main .sidebar{display:none}.app-main .main-content{width:100%}.authenticated-content{flex-direction:column;max-width:100%}.authenticated-left,.authenticated-right{width:100%}.dashboard-left,.dashboard-right{min-width:0}}