.liquidity-chart-panel{border:1px solid #2e2e2e;background:radial-gradient(320px 120px at 8% -10%,#5affaf20,transparent 70%),linear-gradient(180deg,#111,#0d0d0d);border-radius:18px;box-shadow:0 16px 34px #00000045;padding:16px;height:100%;display:flex;flex-direction:column}.liquidity-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.liquidity-chart-header h2{margin:0;font-size:1.35rem;font-weight:700}.liquidity-chart-header p{margin:2px 0 0;color:#a8a8a8;font-size:.88rem}.liquidity-chart-range-selector{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.liquidity-chart-range-button{border:1px solid #434343;background:#151515;color:#ececec;border-radius:9px;padding:6px 9px;font-size:.77rem;font-weight:700;cursor:pointer}.liquidity-chart-range-button.active{border-color:#efffef;background:#f2f2f2;color:#101010}.liquidity-chart-body{flex:1;min-height:0;margin-top:12px}.liquidity-chart-placeholder{margin:0;height:100%;display:flex;align-items:center;justify-content:center;color:#a8a8a8;font-size:.95rem;text-align:center}@media(max-width:900px){.liquidity-chart-header{flex-direction:column;align-items:flex-start}.liquidity-chart-range-selector{justify-content:flex-start}}.execution-price-popup-overlay{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:90;padding:14px}.execution-price-popup{width:min(420px,100%);border:1px solid #2d2d2d;border-radius:12px;background:#111;padding:14px;display:grid;gap:10px}.execution-price-popup h4{margin:0;color:#f0f0f0;font-size:1.05rem}.execution-price-popup p{margin:0;color:#bdbdbd;font-size:.88rem}.execution-price-popup label{color:#d8d8d8;font-size:.82rem}.execution-price-popup input,.execution-price-popup button{border:1px solid #323232;background:#0e0e0e;color:#f1f1f1;border-radius:9px;min-height:40px;padding:8px 10px;font-size:.88rem}.execution-price-popup button{border-color:#ececec;background:#ececec;color:#111;font-weight:700;cursor:pointer}.execution-price-popup button:disabled{opacity:.7;cursor:not-allowed}.execution-price-popup-error{color:#f4b4b4;font-size:.84rem}.invest-panel-backdrop{position:fixed;inset:0;z-index:70;background:#040404a8;display:grid;place-items:center;padding:0}.invest-panel{width:100vw;height:100vh;border:1px solid #2d2d2d;border-radius:0;background:radial-gradient(900px 340px at 86% -18%,#2a2a2ad4,transparent 58%),linear-gradient(145deg,#0a0a0a,#121212);box-shadow:0 26px 60px #00000090;display:flex;flex-direction:column;padding:18px;gap:14px}.invest-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.invest-panel-header h2{margin:0;color:#f1f1f1;font-size:1.72rem;font-weight:700}.invest-panel-header strong{margin-top:8px;display:block;color:#f1f1f1;font-size:1.45rem}.invest-panel-close{border:1px solid #f1f1f1;background:#0f0f0f;color:#f1f1f1;border-radius:10px;padding:8px 11px;min-width:40px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}.invest-panel-content{display:grid;grid-template-columns:380px 1fr;gap:12px;flex:1;min-height:0}.invest-panel-left-column,.invest-panel-right-column{display:grid;gap:12px;min-height:0}.invest-panel-right-column{grid-template-rows:1fr auto}.invest-card{border:1px solid #272727;background:#111;border-radius:12px;padding:12px;min-height:0}.invest-card h3{margin:0;color:#f2f2f2;font-size:1rem}.markets-panel-card{display:flex;flex-direction:column}.markets-panel-content{margin-top:10px;display:grid;gap:10px;flex:1;min-height:0;overflow:auto;padding-right:2px}.markets-panel-content .invest-watchlist-form{margin-top:0}.manual-investment-card{display:flex;flex-direction:column}.manual-investment-content{margin-top:10px;flex:1;min-height:0;overflow:auto;padding-right:2px}.manual-investment-content .invest-operation-form{margin-top:0}.invest-watchlist-form{margin-top:10px;display:grid;gap:8px}.invest-watchlist-form input,.invest-watchlist-form button,.invest-operation-form input,.invest-operation-form select,.invest-operation-form button,.invest-range-buttons button{border:1px solid #323232;background:#0e0e0e;color:#f1f1f1;border-radius:9px;min-height:38px;padding:8px 10px;font-size:.86rem}.invest-watchlist-form button,.invest-operation-form button,.invest-range-buttons button.active{border-color:#ececec;background:#ececec;color:#111;font-weight:700}.invest-watchlist-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.invest-watchlist-list li{display:grid;grid-template-columns:1fr auto;gap:6px}.invest-watchlist-item{border:1px solid #2e2e2e;background:#0f0f0f;color:#f1f1f1;border-radius:9px;padding:8px 10px;text-align:left;cursor:pointer;display:grid;gap:2px}.invest-watchlist-item.active{border-color:#86b8ff;background:#0f1a28}.invest-watchlist-item span{font-weight:700;font-size:.9rem}.invest-watchlist-item small{color:#a8a8a8;font-size:.75rem}.invest-watchlist-remove{border:1px solid #393939;background:#101010;color:#efefef;border-radius:8px;width:34px;cursor:pointer}.invest-operation-form{margin-top:10px;display:grid;gap:10px}.invest-operation-form label{display:grid;gap:6px;color:#cecece;font-size:.82rem}.invest-chart-card{display:flex;flex-direction:column}.invest-chart-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.invest-range-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.invest-range-buttons button{min-height:30px;padding:6px 9px;font-size:.75rem;cursor:pointer}.invest-chart-content{margin-top:8px;flex:1;min-height:0}.invest-positions-table{margin-top:9px;border:1px solid #252525;border-radius:10px;overflow:auto}.invest-positions-head,.invest-positions-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:8px 10px}.invest-positions-head{background:#0f0f0f;border-bottom:1px solid #282828;color:#a9a9a9;font-size:.75rem;text-transform:uppercase}.invest-positions-row{border:0;border-bottom:1px solid #232323;background:#121212;color:#f1f1f1;text-align:left;cursor:pointer;font-size:.83rem}.invest-positions-row:last-of-type{border-bottom:0}.invest-positions-row .positive{color:#67dd89;font-weight:700}.invest-positions-row .negative{color:#ff8585;font-weight:700}.invest-empty{margin:0;color:#9f9f9f;font-size:.9rem;text-align:center;padding:14px}.invest-error{margin:0;color:#f4b4b4;font-size:.86rem}@media(max-width:1080px){.invest-panel-content{grid-template-columns:1fr}.invest-panel-right-column{grid-template-rows:300px auto}}.popup-alert-overlay{position:fixed;inset:0;background:#00000096;display:grid;place-items:center;z-index:40;padding:16px}.popup-alert-card{width:min(420px,100%);border-radius:14px;border:1px solid #3a3a3a;background:#121212;box-shadow:0 18px 42px #00000078;padding:16px;display:grid;gap:12px}.popup-alert-card h3{margin:0;color:#f0f0f0;font-size:1.03rem}.popup-alert-card p{margin:0;color:#c3c3c3;font-size:.92rem}.popup-alert-actions{display:flex;justify-content:flex-end;gap:8px}.popup-alert-cancel,.popup-alert-confirm{border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.popup-alert-cancel{border:1px solid #4a4a4a;background:#181818;color:#efefef}.popup-alert-confirm{border:1px solid #f0f0f0;background:#f0f0f0;color:#111}.settings-overlay{position:fixed;inset:0;background:#0000008a;display:grid;place-items:center;z-index:20}.settings-panel{width:80vw;height:80vh;border:1px solid #3a3a3a;border-radius:16px;background:#121212;box-shadow:0 22px 50px #00000085;position:relative;padding:22px 18px 18px;display:flex;flex-direction:column}.settings-title{margin:0 56px 16px 4px;font-size:1.2rem;color:#f0f0f0}.settings-body{flex:1;display:grid;grid-template-columns:minmax(180px,20%) 1fr;min-height:0}.settings-menu{display:grid;align-content:start;gap:8px;padding:6px 14px 6px 4px;border-right:1px solid #2f2f2f}.settings-menu-item{text-align:left;border:1px solid #2f2f2f;background:#171717;color:#d7d7d7;border-radius:9px;padding:10px 12px;cursor:pointer}.settings-menu-item.active{border-color:#f0f0f0;color:#f0f0f0}.settings-content{min-height:0;margin-left:14px;border-radius:12px;background:#141414;padding:14px;overflow:auto}.settings-footer{margin-top:12px;display:flex;align-items:center;gap:10px;justify-content:flex-end}.settings-error{margin:0 auto 0 0;color:#f4b4b4;font-size:.88rem}.settings-save-button{border:1px solid #f0f0f0;background:#111;color:#f0f0f0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.settings-save-button:disabled{opacity:.7;cursor:not-allowed}.settings-section{display:grid;gap:12px;max-width:560px}.settings-section h3{margin:0;font-size:1.06rem;color:#f1f1f1}.settings-section p{margin:0;color:#b5b5b5;font-size:.92rem}.settings-section label{display:grid;gap:6px;font-size:.9rem;color:#dadada}.settings-section input,.settings-section select{border:1px solid #313131;background:#0f0f0f;color:#f3f3f3;border-radius:10px;padding:10px 11px;font-size:.92rem}.settings-secondary-btn{justify-self:start;border:1px solid #f0f0f0;background:#111;color:#f0f0f0;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}.salary-block{display:grid;gap:8px}.salary-title{margin:2px 0 0;color:#ddd;font-size:.9rem}.salary-input-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(84px,120px) auto;gap:8px;align-items:center}.salary-input-row .settings-secondary-btn{justify-self:auto}.salary-list{margin:4px 0 0;padding-left:0;color:#ececec;display:grid;gap:4px;list-style:none}.salary-item{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,120px) auto;align-items:center;gap:8px;border:1px solid #2b2b2b;border-radius:8px;padding:8px 10px;background:#111}.salary-empty{margin:2px 0 0;color:#9f9f9f;font-size:.88rem}.salary-remove-button{border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:6px;min-width:26px;height:26px;line-height:1;cursor:pointer}.financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.financial-grid label{min-width:0}.financial-grid input{width:100%;min-width:0}.settings-close-button{position:absolute;top:14px;right:14px;border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:9px;padding:6px 10px;min-width:36px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}@media(max-width:640px){.settings-panel{width:92vw;height:80vh;padding:14px 12px 12px}.settings-title{margin-bottom:12px}.settings-body{grid-template-columns:minmax(120px,32%) 1fr}.settings-menu{padding-right:10px}.settings-menu-item{font-size:.82rem;padding:8px 10px}.settings-content{margin-left:10px;padding:10px}.financial-grid,.salary-input-row,.salary-item{grid-template-columns:1fr}}.new-expense-overlay{position:fixed;inset:0;background:#0000008a;display:grid;place-items:center;z-index:30}.new-expense-modal{position:relative;width:40vw;height:80vh;border:1px solid #3a3a3a;border-radius:16px;background:#121212;box-shadow:0 22px 50px #00000085}.new-expense-content{padding:22px 18px 18px;display:grid;gap:8px;align-content:start;height:100%;overflow:auto}.new-expense-content h2{margin:0;color:#f3f3f3;font-size:1.35rem;font-weight:800}.new-expense-content label{color:#d9d9d9;font-size:.92rem}.expense-form{display:grid;gap:20px;margin-top:5%}.expense-field{display:grid;gap:10px}.new-expense-content input,.new-expense-content select{border:1px solid #313131;background:#0f0f0f;color:#f3f3f3;border-radius:10px;padding:10px 11px;font-size:.92rem;min-height:48px;width:100%}.new-expense-close-button{position:absolute;top:12px;right:12px;border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:9px;padding:6px 10px;min-width:36px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}.expense-submit-row{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.expense-submit-button{border:1px solid #f0f0f0;background:#111;color:#f0f0f0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.expense-submit-button:disabled{opacity:.7;cursor:not-allowed}.expense-error{margin:0 auto 0 0;color:#f4b4b4;font-size:.88rem}@media(max-width:980px){.new-expense-modal{width:86vw;height:80vh}}.new-income-overlay{position:fixed;inset:0;background:#0000008a;display:grid;place-items:center;z-index:30}.new-income-modal{position:relative;width:40vw;height:80vh;border:1px solid #3a3a3a;border-radius:16px;background:#121212;box-shadow:0 22px 50px #00000085}.new-income-content{padding:22px 18px 18px;display:grid;gap:8px;align-content:start;height:100%;overflow:auto}.new-income-content h2{margin:0;color:#f3f3f3;font-size:1.35rem;font-weight:800}.new-income-content label{color:#d9d9d9;font-size:.92rem}.income-form{display:grid;gap:20px;margin-top:5%}.income-field{display:grid;gap:10px}.new-income-content input,.new-income-content select{border:1px solid #313131;background:#0f0f0f;color:#f3f3f3;border-radius:10px;padding:10px 11px;font-size:.92rem;min-height:48px;width:100%}.income-submit-row{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.income-submit-button{border:1px solid #f0f0f0;background:#111;color:#f0f0f0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.income-submit-button:disabled{opacity:.7;cursor:not-allowed}.income-error{margin:0 auto 0 0;color:#f4b4b4;font-size:.88rem}.new-income-close-button{position:absolute;top:12px;right:12px;border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:9px;padding:6px 10px;min-width:36px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}@media(max-width:980px){.new-income-modal{width:86vw;height:80vh}}.new-transaction-overlay{position:fixed;inset:0;background:#0000008a;display:grid;place-items:center;z-index:30}.new-transaction-modal{position:relative;width:40vw;height:80vh;border:1px solid #3a3a3a;border-radius:16px;background:#121212;box-shadow:0 22px 50px #00000085}.new-transaction-content{padding:22px 18px 18px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.new-transaction-content h2{margin:0;color:#f3f3f3;font-size:1.35rem;font-weight:800}.new-transaction-content label{color:#d9d9d9;font-size:.92rem}.transaction-form{display:flex;flex-direction:column;gap:20px;margin-top:5%;flex:1;min-height:0;overflow:auto;padding-right:2px}.transaction-field{display:grid;gap:10px}.new-transaction-content input,.new-transaction-content select{border:1px solid #313131;background:#0f0f0f;color:#f3f3f3;border-radius:10px;padding:10px 11px;font-size:.92rem;min-height:48px;width:100%}.transaction-submit-row{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.transaction-submit-button{border:1px solid #f0f0f0;background:#111;color:#f0f0f0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.transaction-submit-button:disabled{opacity:.7;cursor:not-allowed}.transaction-error{margin:0 auto 0 0;color:#f4b4b4;font-size:.88rem}.new-transaction-close-button{position:absolute;top:12px;right:12px;border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:9px;padding:6px 10px;min-width:36px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}@media(max-width:980px){.new-transaction-modal{width:86vw;height:80vh}}.transaction-detail-overlay{position:fixed;inset:0;background:#0000008a;display:grid;place-items:center;z-index:40;padding:16px}.transaction-detail-modal{width:min(700px,100%);max-height:84vh;border:1px solid #3a3a3a;border-radius:16px;background:#121212;box-shadow:0 22px 50px #00000085;position:relative;padding:20px 18px 16px;overflow:auto}.transaction-detail-close{position:absolute;top:12px;right:12px;border:1px solid #f2f2f2;background:#0f0f0f;color:#f2f2f2;border-radius:9px;padding:6px 10px;min-width:36px;line-height:1;font-weight:700;font-size:1rem;cursor:pointer}.transaction-detail-delete{position:absolute;top:12px;right:60px;border:1px solid #ff8f8f;background:#2a1010;color:#ffd5d5;border-radius:9px;padding:7px 10px;line-height:1;font-weight:600;font-size:.82rem;cursor:pointer}.transaction-detail-delete:disabled{opacity:.7;cursor:not-allowed}.transaction-detail-header{margin-bottom:14px}.transaction-detail-header h2{margin:0;font-size:1.5rem;font-weight:700}.transaction-detail-header h2.income{color:#67dd89}.transaction-detail-header h2.expense{color:#ff8585}.transaction-detail-header h2.transfer{color:#75b7ff}.transaction-detail-error{margin:0 0 10px;color:#f7b8b8;font-size:.88rem}.transaction-detail-grid{display:grid;gap:10px}.transaction-detail-item{border:1px solid #2d2d2d;border-radius:10px;background:#101010;padding:10px 11px}.transaction-detail-item.income{border:1px solid #1f4a2f;background:#112418}.transaction-detail-item.expense{border:1px solid #4a1f1f;background:#291313}.transaction-detail-item.transfer{border:1px solid #1c3f66;background:#102032}.transaction-detail-label{margin:0;color:#afafaf;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.transaction-detail-value{margin:6px 0 0;color:#efefef;font-size:.95rem;word-break:break-word}.transaction-detail-item.income .transaction-detail-value{color:#67dd89;font-weight:700}.transaction-detail-item.expense .transaction-detail-value{color:#ff8585;font-weight:700}.transaction-detail-item.transfer .transaction-detail-value{color:#75b7ff;font-weight:700}.transactions-panel{margin:0;width:100%;height:100%;border:1px solid #2d2d2d;background:#121212;border-radius:14px;padding:14px;box-shadow:0 10px 22px #0000003f;display:flex;flex-direction:column;min-height:0}.transactions-header h2{margin:0;font-size:1rem;color:#f0f0f0}.transactions-list{margin:12px 0 0;padding:0;list-style:none;display:grid;align-content:start;grid-auto-rows:minmax(58px,auto);gap:8px;flex:1;min-height:0;overflow:auto}.transaction-item{border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;cursor:pointer}.transaction-item:focus-visible{outline:2px solid #f0f0f0;outline-offset:2px}.transaction-item.income{border:1px solid #1f4a2f;background:#112418}.transaction-item.expense{border:1px solid #4a1f1f;background:#291313}.transaction-item.transfer{border:1px solid #1c3f66;background:#102032}.transaction-main{min-width:0}.transaction-title{margin:0;color:#efefef;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-meta{margin:3px 0 0;color:#b4b4b4;font-size:.78rem}.transaction-amount{font-size:.95rem;white-space:nowrap}.transaction-item.income .transaction-amount{color:#67dd89}.transaction-item.expense .transaction-amount{color:#ff8585}.transaction-item.transfer .transaction-amount{color:#75b7ff}.transactions-empty{margin:12px 0 0;color:#a8a8a8;font-size:.9rem}.user-card{position:relative;width:min(320px,calc(100vw - 32px));border:1px solid #2a2a2a;background:#101010;color:#f2f2f2;border-radius:16px;padding:14px;display:grid;gap:10px;box-shadow:0 14px 30px #0000004d}.settings-button{position:absolute;top:10px;right:10px;border:1px solid #3b3b3b;background:#151515;color:#d8d8d8;border-radius:8px;padding:5px 8px;font-size:.72rem;cursor:pointer}.user-avatar{width:56px;height:56px;border-radius:50%;border:1px solid #3b3b3b}.user-meta{display:grid;gap:2px}.user-label{margin:0;font-size:.75rem;color:#b5b5b5;text-transform:uppercase;letter-spacing:.08em}.user-name{margin:0;font-size:1.1rem;font-weight:700}.logout-button{border:1px solid #3a3a3a;background:#f0f0f0;color:#161616;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}body.home-no-scroll{overflow:hidden}.home-screen{--left-floating-width: min(320px, calc(100vw - 32px) );--left-floating-gap: 10px;--left-history-height: 430px;--left-history-top-gap: 16px;--left-usercard-height: 184px;height:100vh;display:flex;flex-direction:column;background:radial-gradient(1000px 480px at 80% -12%,#2d2d2d88,transparent 56%),linear-gradient(140deg,#0a0a0a,#161616);color:#efefef;padding:28px 24px 24px;overflow:hidden}.capital-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.capital-card{position:relative;border:1px solid #2d2d2d;background:#121212;border-radius:14px;padding:14px;box-shadow:0 10px 22px #0000003f}.capital-card-interactive{cursor:pointer}.capital-card-filter-active{border-color:#8fbfff;background:#162233;box-shadow:0 10px 24px #08121f85}.capital-card-interactive:focus-visible{outline:2px solid #f2f2f2;outline-offset:2px}.capital-card-placeholder{visibility:hidden;pointer-events:none}.capital-card p{margin:0;color:#b8b8b8;font-size:.86rem}.capital-card strong{display:block;margin-top:6px;font-size:1.34rem;font-weight:700}.new-expense-button,.new-income-button{border:1px solid #f4f4f4;background:#f4f4f4;color:#111;border-radius:8px;padding:5px 8px;font-size:.72rem;font-weight:700;line-height:1.15;cursor:pointer}.new-expense-anchor{display:flex;justify-content:flex-end;gap:8px;margin:-8px 0 14px}.liquidity-chart-anchor{margin:0 0 0 calc(var(--left-floating-width) + 16px);width:calc(100% - var(--left-floating-width) - 16px);flex:1;min-height:200px}.user-card-anchor{position:fixed;left:24px;bottom:24px;width:var(--left-floating-width)}.user-card-anchor .user-card{width:100%}.transactions-anchor{position:fixed;left:24px;bottom:calc(24px + var(--left-usercard-height) + var(--left-floating-gap));width:var(--left-floating-width);height:calc(var(--left-history-height) - var(--left-history-top-gap))}@media(max-width:640px){.home-screen{--left-floating-width: min(320px, calc(100vw - 32px) );--left-history-height: 270px;padding:20px 16px 16px}.capital-cards{grid-template-columns:1fr}.liquidity-chart-anchor{margin:0;width:100%;min-height:160px}.user-card-anchor{left:16px;bottom:16px}.transactions-anchor{left:16px;bottom:calc(16px + var(--left-usercard-height) + var(--left-floating-gap))}}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}.login-page{--bg: #f3f3f3;--bg-gradient: radial-gradient(circle at 18% 10%, #ffffff 0%, transparent 45%);--panel: #ffffff;--text: #101010;--muted: #555555;--line: #d0d0d0;--input-bg: #ffffff;--button-bg: #111111;--button-text: #f7f7f7;--button-border: #111111;min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background-color:var(--bg);background-image:var(--bg-gradient),linear-gradient(135deg,#fafafa,#ececec);color:var(--text);transition:background-color .3s ease,color .3s ease}.login-page.dark{--bg: #0f0f0f;--bg-gradient: radial-gradient(circle at 86% 14%, #353535 0%, transparent 50%);--panel: #161616;--text: #f2f2f2;--muted: #bdbdbd;--line: #383838;--input-bg: #101010;--button-bg: #f4f4f4;--button-text: #111111;--button-border: #f4f4f4}.login-shell{width:min(460px,100%);border-radius:18px;border:1px solid var(--line);background:var(--panel);padding:24px;box-shadow:0 15px 60px #0002}.login-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.eyebrow{margin:0;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.login-header h1{margin:4px 0 0;font-size:clamp(1.45rem,3.3vw,1.9rem)}.mode-toggle{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);padding:8px 12px;font-size:.8rem;cursor:pointer}.login-form{display:grid;gap:10px}.login-form label{font-size:.9rem;font-weight:600}.login-form input[type=email],.login-form input[type=password]{width:100%;border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:10px;padding:12px 13px;font-size:.96rem}.login-form input:focus-visible,.mode-toggle:focus-visible,.login-button:focus-visible,.text-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.login-actions{margin-top:2px;display:flex;justify-content:space-between;align-items:center}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}.text-button{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0;font-size:.88rem}.login-button{margin-top:6px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);border-radius:11px;font-weight:700;font-size:1.05rem;letter-spacing:.015em;padding:12px 14px;cursor:pointer}.login-button:disabled{opacity:.68;cursor:not-allowed}.status-text{min-height:20px;margin:2px 0 0;color:var(--muted);font-size:.85rem}.status-text.success{color:var(--text)}.status-text.error{color:#b30000}.login-page.dark .status-text.error{color:#ffb0b0}@media(max-width:520px){.login-shell{padding:18px}.login-actions{flex-direction:column;align-items:flex-start;gap:8px}}