:root{color:#16263c;background:linear-gradient(180deg,#f6f0e0,#eef3fb 42%,#e9f0fb),radial-gradient(circle at top left,rgba(255,245,214,.58),transparent 36%);font-family:Noto Sans TC,PingFang TC,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:transparent;color:inherit;-webkit-text-size-adjust:100%}button,select,input{border:1px solid #9ab0cc;border-radius:10px;font:inherit;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}button,select{min-height:40px}select,input{background:#fff;color:inherit;padding:8px 12px}button{background:#114c90;color:#fff;cursor:pointer;font-weight:700;padding:0 14px}button:hover:not(:disabled){background:#0d417b}button:disabled{cursor:default;opacity:.65}button:focus-visible,select:focus-visible,input:focus-visible{border-color:#4f7db5;box-shadow:0 0 0 3px #4f7db52e;outline:none}.app-shell{margin:0 auto;max-width:1720px;padding:10px 14px 18px}.topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.brand-block h1{font-size:clamp(2rem,2.6vw,3rem);letter-spacing:-.045em;line-height:1;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.header-actions label{color:#2f4867;font-size:.94rem;font-weight:700}.summary-strip{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}.summary-card,.panel{background:#ffffffe0;border:1px solid #d3deef;border-radius:12px;box-shadow:0 8px 24px #1231590d}.summary-card{display:flex;flex-direction:column;gap:3px;min-height:74px;padding:10px 14px}.summary-label{color:#587498;font-size:.88rem;font-weight:700}.summary-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#587498;cursor:pointer;font:inherit;font-size:.88rem;font-weight:700;padding:0 18px 0 0;background-image:linear-gradient(45deg,transparent 50%,#587498 50%),linear-gradient(135deg,#587498 50%,transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 3px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.summary-select:focus{outline:none;color:#2f4867}.summary-select option{color:#1f2d3d}.summary-card strong{font-size:clamp(1.5rem,1.8vw,2rem);letter-spacing:-.03em;line-height:1.05}.panel{padding:10px;min-width:0}.panel h2,.panel h3{letter-spacing:-.03em;margin:0}.panel-subtitle{color:#637c9b;margin:2px 0 0}.panel-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.compact-head{margin-bottom:8px}.workspace-grid{--watchlist-width: 430px;display:grid;gap:0;grid-template-columns:minmax(320px,var(--watchlist-width)) 12px minmax(0,1fr);margin-bottom:8px}.workspace-splitter{align-items:stretch;cursor:col-resize;display:flex;justify-content:center;margin:0 2px;-webkit-user-select:none;user-select:none}.workspace-splitter-bar{background:linear-gradient(180deg,#5d7ca62e,#5d7ca680);border-radius:999px;width:4px}.workspace-splitter:hover .workspace-splitter-bar{background:linear-gradient(180deg,#2659995c,#265999cc)}.watchlist-panel,.stage-panel,.info-panel,.secondary-panel,.movers-panel{min-height:0;min-width:0}.watchlist-panel{display:flex;flex-direction:column;margin-right:6px}.watchlist-table-shell,.compact-table-shell{background:#f8fbff;border:1px solid #e1eaf5;border-radius:12px;overflow:auto}.watchlist-table-shell{flex:1;max-height:calc(100vh - 182px);min-height:620px}.watchlist-table,.compact-table{border-collapse:collapse;width:100%}.dense-table thead th{background:#f8fbff;color:#4a6b8e;font-size:.82rem;font-weight:700;padding:9px;position:sticky;text-align:left;top:0;z-index:1}.compact-table thead th{position:static}.dense-table td{border-top:1px solid #e6eef8;padding:8px 9px;vertical-align:middle;white-space:nowrap}.dense-table th.num-cell,.dense-table td.num-cell{text-align:right;font-variant-numeric:tabular-nums}.pnl-chart-wrapper{position:relative;width:100%}.pnl-chart-summary{display:flex;flex-wrap:wrap;gap:14px 24px;padding:4px 6px 10px;font-size:.85rem;color:#4a6b8e}.pnl-chart-summary strong{margin-left:4px;font-variant-numeric:tabular-nums}.pnl-chart-svg{width:100%;height:auto;display:block}.pnl-chart-tooltip{position:absolute;top:12px;right:16px;background:#fffffff5;border:1px solid #e1eaf5;border-radius:8px;padding:8px 12px;font-size:.82rem;color:#334155;box-shadow:0 2px 10px #0f172a14;font-variant-numeric:tabular-nums;pointer-events:none}.pnl-chart-tooltip>div{white-space:nowrap}.pnl-chart-empty{padding:60px 20px;text-align:center;color:#94a3b8}.pnl-buy-detail{margin-top:6px;padding-top:6px;border-top:1px dashed #e1eaf5;color:#334155;display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto}.pnl-buy-detail strong{color:#b45309}.pnl-buy-line{display:flex;align-items:center;gap:6px}.pnl-chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:6px 6px 2px;font-size:.78rem;color:#4a6b8e}.pnl-legend-item{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pnl-legend-item small{color:#94a3b8;font-size:.7rem}.pnl-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.watchlist-row{cursor:pointer;transition:background .12s ease}.watchlist-row:hover{background:#f4f8ff}.watchlist-row.selected{background:#e7f0fd}.watchlist-empty,.list-empty{color:#6982a1;padding:16px 12px;text-align:center}.stock-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.stock-primary{align-items:center;display:flex;gap:7px}.stock-primary strong{font-size:1rem;letter-spacing:-.02em}.stock-cell small{color:#6480a1;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-secondary{color:#7a92b0}.market-chip{background:#eef5ff;border:1px solid #d2def0;border-radius:999px;color:#24537f;display:inline-flex;font-size:.72rem;font-weight:700;line-height:1;padding:4px 8px}.market-stage{display:flex;flex-direction:column;gap:8px;margin-left:6px;min-width:0}.stage-panel{display:flex;flex-direction:column}.stage-topline{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:space-between;margin-bottom:8px}.stage-headline-group{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px 12px;min-width:0}.stage-headline-group h2{font-size:2rem;line-height:1}.stage-quote-line{align-items:baseline;display:inline-flex;flex-wrap:nowrap;gap:10px;white-space:nowrap}.stage-quote-line strong{color:#18355b;font-size:1.8rem;letter-spacing:-.03em;line-height:1}.stage-quote-line span{font-size:1rem;font-weight:800}.stage-control-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.stage-tab-switch{display:inline-flex;gap:6px}.stage-tab-button{background:#f6f9fe;color:#173a64;min-height:38px;padding:0 14px}.stage-tab-button.active{background:#114c90;color:#fff}.stage-fundamentals-hint{color:#5b7898;font-size:.88rem;font-weight:700}.stage-range-field{align-items:flex-start;color:#476688;display:flex;flex-direction:column;font-size:.82rem;font-weight:700;gap:4px}.stage-range-field select,.stage-range-field input{min-width:120px}.stage-date-field input{min-width:150px}.secondary-button{background:#f6f9fe;color:#173a64}.stage-tab-panel{min-height:0}.trade-mini-panel{min-width:0}.detail-trade-list,.mover-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.detail-trade-list-inline{flex-direction:row;flex-wrap:wrap}.detail-trade-item,.mover-item{align-items:center;background:#f8fbff;border:1px solid #e2eaf5;border-radius:10px;display:flex;justify-content:space-between;min-width:240px;padding:9px 10px}.detail-trade-item strong,.mover-symbol{display:block;font-size:.94rem}.detail-trade-item small,.mover-sub{color:#67819f;display:block;font-size:.82rem;margin-top:2px}.bottom-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.compact-table-shell{max-height:250px}.compact-table td,.compact-table th{padding:8px 9px}.movers-columns{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mover-card{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;padding:10px}.mover-card h3{color:#35587c;font-size:.98rem;margin-bottom:8px}.mover-value{font-size:.98rem}.up{color:#007748}.down{color:#ba1b1b}.error{background:#ffe7e7;border:1px solid #f4b2b2;border-radius:12px;color:#7e1111;margin:0 0 8px;padding:10px 12px}.error strong{display:block;margin-bottom:5px}.error ul{margin:0;padding-left:20px}.info-banner,.inline-status{border-radius:12px;margin:0 0 8px;padding:10px 12px}.info-banner{background:#eef6ff;border:1px solid #cfe0f5;color:#24496f}.info-banner p,.inline-status p{margin:4px 0 0}.inline-status.success{background:#eefbf3;border:1px solid #b9e3c8;color:#125430}.inline-status.error{margin-top:8px}.ghost-button{background:#fff;color:#21496f}.ghost-button:hover:not(:disabled){background:#eef5ff}.modal-backdrop{align-items:center;background:#0c1c305c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:60}.modal-card{background:#fffffff7;border:1px solid #d3deef;border-radius:16px;box-shadow:0 22px 60px #0f27452e;width:min(860px,100%)}.trade-upload-modal{display:flex;flex-direction:column;gap:12px;max-height:min(88vh,860px);overflow:auto;padding:14px}.modal-head,.modal-footer,.upload-dropzone-actions,.import-result-head{align-items:center;display:flex;justify-content:space-between}.modal-head{gap:12px}.modal-head h3{margin:0}.modal-head p{color:#5e7898;margin:3px 0 0}.upload-dropzone{background:linear-gradient(180deg,#fbfdff,#f2f7ff);border:2px dashed #b7cbe4;border-radius:16px;padding:18px;text-align:center;transition:border-color .12s ease,background .12s ease,transform .12s ease}.upload-dropzone.drag-active{background:linear-gradient(180deg,#f2f8ff,#e7f1ff);border-color:#376ca8;transform:translateY(-1px)}.upload-dropzone p{color:#5e7898;margin:6px 0 0}.upload-dropzone-actions{gap:10px;justify-content:center;margin-top:12px}.upload-dropzone-actions span,.muted-text{color:#6882a1}.trade-upload-controls{display:grid;gap:12px}.trade-upload-progress{background:#f5f9ff;border:1px solid #d4e1f0;border-radius:14px;padding:12px 14px}.trade-upload-progress-head{align-items:center;color:#31577f;display:flex;gap:12px;justify-content:space-between}.trade-upload-progress-head span{color:#5b7796;font-variant-numeric:tabular-nums;font-weight:700}.trade-upload-progress-track{background:#deebf8;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.trade-upload-progress-track span{background:linear-gradient(90deg,#255fa0,#3f84d0);border-radius:inherit;display:block;height:100%;transition:width .18s ease}.trade-upload-progress-track span.processing{animation:upload-progress-processing 1.1s linear infinite;background:linear-gradient(90deg,#255fa0,#5a9ae0,#255fa0 70%,#5a9ae0);background-size:180% 100%}.trade-upload-field{display:grid;gap:6px}.trade-upload-field span{color:#3b5f86;font-weight:700}.trade-upload-filelist{background:#f8fbff;border:1px solid #e1eaf5;border-radius:14px;min-height:88px;padding:12px}.file-chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.file-chip{align-items:center;background:#fff;border:1px solid #d8e4f2;border-radius:999px;display:inline-flex;gap:8px;padding:6px 8px 6px 12px}.file-chip-remove{min-height:0;padding:4px 8px}.import-result-list{display:grid;gap:8px;margin-top:10px}.import-result-item{background:#ffffffd1;border:1px solid #d8e5f3;border-radius:12px;padding:10px 12px}.import-result-item.success{border-color:#b7dec6}.import-result-item.failed{border-color:#edc0c0}.import-result-item p{margin:5px 0 0;overflow-wrap:anywhere}@keyframes upload-progress-processing{0%{background-position:0% 50%}to{background-position:180% 50%}}.modal-footer{gap:10px;justify-content:flex-end}.inline-error{margin-bottom:8px}.chart-shell{background:linear-gradient(180deg,#fbfdff,#f3f8ff);border:1px solid #e1ebf7;border-radius:14px;min-height:360px;min-width:0;max-width:100%;overflow-x:auto;padding:10px}.chart-legend{align-items:center;color:#496684;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.chart-legend-item{align-items:center;display:inline-flex;gap:6px}.chart-legend-item i{border-radius:999px;display:inline-block;height:10px;width:20px}.chart-legend-note{color:#6a84a2;font-size:.86rem}.chart-canvas{min-width:760px;padding-top:112px;position:relative}.chart-hover-panel{background:#f7fbfff0;border:1px solid #d9e7f6;border-radius:12px;color:#2f4f73;left:10px;padding:9px 11px;pointer-events:none;position:absolute;right:10px;top:0;z-index:3}.chart-hover-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.chart-hover-buyline{color:#7c2d12;font-weight:700;margin-top:5px}.chart-hover-newsline{color:#1d4ed8;font-weight:700;margin-top:5px}.chart-hover-newsline.positive{color:#007748}.chart-hover-newsline.negative{color:#ba1b1b}.chart-hover-title{color:#16385f;font-weight:700}.chart-hover-line{color:#456584}.chart-hover-buy{color:#7c2d12;font-weight:700}.buy-marker-dot{background:linear-gradient(180deg,#fbbf24,#f59e0b);border:1px solid #b45309;height:12px;width:12px}.news-marker-dot{background:#2563eb;border:1px solid #1d4ed8;height:12px;width:12px}.chart-svg{display:block;height:auto;min-width:760px;width:100%}.chart-grid{stroke:#dfeaf7;stroke-width:1}.chart-divider{stroke:#bdd1ea;stroke-width:1.2}.chart-axis-text{fill:#6380a1;font-size:12px}.chart-buy-label{fill:#7c2d12;font-size:10px;font-weight:700}.chart-news-label{fill:#1d4ed8;font-size:9px;font-weight:700}.chart-news-marker{cursor:pointer}.chart-crosshair-line{stroke:#7f93af;stroke-dasharray:4 4;stroke-width:1.2}.chart-price-tag{fill:#173a64;opacity:.92}.chart-price-tag-text{fill:#fff;font-size:11px;font-weight:700}.chart-empty,.fundamentals-empty,.news-empty{align-items:center;color:#6380a1;display:flex;justify-content:center;min-height:320px}.news-panel{display:flex;flex-direction:column;gap:10px}.news-panel-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.news-panel-head h3{margin:0}.news-panel-head span{color:#607c9d;font-size:.84rem;font-weight:700}.news-toolbar{display:flex;flex-wrap:wrap;gap:8px}.news-toolbar-field{color:#476688;display:flex;flex-direction:column;font-size:.82rem;font-weight:700;gap:4px}.news-toolbar-field select{min-width:180px}.news-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;max-height:720px;overflow:auto;padding:0}.news-item{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px}.news-item-link{display:block;padding:12px 14px}.news-item-link:hover{background:#f4f8ff;border-radius:12px}.news-item-meta{align-items:center;color:#6883a2;display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px 12px;margin-bottom:6px}.news-item-source{background:#eef5ff;border:1px solid #d2def0;border-radius:999px;color:#24537f;font-weight:700;padding:3px 8px}.news-item-source.secondary{background:#fff}.news-item-merged{color:#5e7da0;font-weight:700}.news-sentiment-tag{border-radius:999px;font-weight:700;padding:3px 8px}.news-sentiment-tag.positive{background:#eaf8f1;color:#007748}.news-sentiment-tag.negative{background:#ffeceb;color:#ba1b1b}.news-sentiment-tag.neutral{background:#eef5ff;color:#24537f}.news-item-title-link{color:inherit;display:block;text-decoration:none}.news-item-title-link:hover .news-item-title{color:#114c90}.news-item-title{display:block;font-size:1rem;line-height:1.4;margin-bottom:6px}.news-item-sources{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.news-item-summary{color:#536e8d;line-height:1.5;margin:0}.news-related-list{margin-top:10px}.news-related-list summary{color:#24537f;cursor:pointer;font-size:.88rem;font-weight:700}.news-related-list ul{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding-left:18px}.news-related-list li{color:#5a7695}.news-related-list li a{color:#173a64;margin-right:6px;text-decoration:none}.news-related-list li span{color:#6b86a5;font-size:.82rem}.fundamentals-overview{display:flex;flex-direction:column;gap:10px}.fundamental-metric-strip{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.fundamental-metric-card{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-height:72px;padding:10px 12px}.fundamental-metric-card span{color:#607c9d;font-size:.82rem;font-weight:700}.fundamental-metric-card strong{font-size:1.1rem;letter-spacing:-.02em}.fundamentals-main-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(340px,.95fr)}.fundamentals-side-stack{display:flex;flex-direction:column;gap:10px}.fundamentals-block{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;padding:10px}.fundamentals-block-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.fundamentals-block-head h3,.fundamental-trend-head h4{margin:0}.fundamentals-block-head span,.fundamental-trend-head span{color:#607c9d;font-size:.82rem;font-weight:700}.fundamental-trend-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.fundamental-trend-card{background:#fff;border:1px solid #e2eaf5;border-radius:10px;color:#114c90;padding:10px}.fundamental-trend-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.fundamental-trend-svg{display:block;height:auto;width:100%}.fundamental-trend-axis{color:#6b86a5;display:flex;font-size:.8rem;justify-content:space-between;margin-top:6px}.fundamental-trend-empty{color:#6b86a5;font-size:.86rem;min-height:88px}.fundamental-key-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.fundamental-key-grid div{background:#fff;border:1px solid #e2eaf5;border-radius:10px;padding:9px 10px}.fundamental-key-grid dt{color:#6982a1;font-size:.8rem;font-weight:700;margin:0 0 4px}.fundamental-key-grid dd{font-size:.96rem;font-weight:700;margin:0;overflow-wrap:anywhere}.fundamental-key-grid a{color:#114c90;text-decoration:none}.fundamental-statement-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1380px){.workspace-grid{grid-template-columns:minmax(320px,var(--watchlist-width)) 12px minmax(0,1fr)}.stage-topline{align-items:flex-start;flex-direction:column}.stage-control-group{justify-content:flex-start}}@media(max-width:1180px){.workspace-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.workspace-splitter{display:none}.watchlist-panel,.market-stage{margin:0}.watchlist-table-shell{max-height:360px;min-height:0}}@media(max-width:920px){.topbar{align-items:flex-start;flex-direction:column}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-control-group{justify-content:flex-start}.detail-trade-list-inline,.movers-columns{flex-direction:column;grid-template-columns:1fr}.chart-canvas{padding-top:126px}.fundamental-metric-strip,.fundamental-statement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fundamentals-main-grid,.fundamental-trend-grid,.fundamental-key-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.app-shell{padding:10px 10px 16px}.brand-block h1{font-size:clamp(1.5rem,6vw,2rem)}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{min-height:0;padding:8px 10px}.summary-card strong{font-size:clamp(1.15rem,5vw,1.5rem)}.summary-label{font-size:.8rem}.header-actions{flex-wrap:wrap;width:100%}.header-actions select,.header-actions button{flex:1 1 140px}.stage-control-group{align-items:stretch;width:100%}.stage-range-field,.stage-range-field select,.stage-range-field input,.stage-control-group .secondary-button{width:100%}.watchlist-table,.compact-table{min-width:620px}.stage-headline-group{align-items:flex-start;flex-direction:column;width:100%}.stage-headline-group h2{font-size:1.5rem}.stage-quote-line{flex-wrap:wrap;white-space:normal}.stage-quote-line strong{font-size:1.4rem}.stage-quote-line span{font-size:.9rem}.detail-trade-item{min-width:0;width:100%}.stage-tab-switch{width:100%;flex-wrap:wrap}.stage-tab-button{flex:1 1 44%;padding:0 10px}.fundamental-metric-strip,.fundamental-statement-grid{grid-template-columns:1fr}.chart-canvas,.chart-svg{min-width:560px}.chart-shell{min-height:300px;padding:8px}.news-toolbar-field,.news-toolbar-field select{width:100%;min-width:0}.news-toolbar-field{flex:1 1 100%}.modal-backdrop{padding:8px}.modal-card{border-radius:14px}.trade-upload-modal{padding:12px;max-height:min(92vh,860px)}.upload-dropzone{padding:14px 10px}.modal-head{flex-direction:column;align-items:flex-start;gap:8px}.modal-footer{flex-wrap:wrap}.news-item-link{padding:10px 12px}.news-item-title{font-size:.95rem}}@media(max-width:480px){.app-shell{padding:8px 8px 14px}.summary-strip{grid-template-columns:1fr}.brand-block h1{font-size:1.4rem}.panel{padding:8px}.stage-headline-group h2{font-size:1.3rem}.stage-quote-line strong{font-size:1.2rem}.stage-tab-button{font-size:.9rem;min-height:36px;padding:0 8px}.chart-canvas,.chart-svg{min-width:480px}.header-actions select,.header-actions button{flex:1 1 100%}.fundamental-metric-card strong{font-size:1rem}.fundamental-key-grid dd{font-size:.9rem}}.login-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid #d4dce8;border-radius:18px;box-shadow:0 24px 60px -28px #114c9059;display:flex;flex-direction:column;gap:16px;max-width:380px;padding:32px 28px;width:100%}.login-card h1{font-size:1.75rem;letter-spacing:-.04em;margin:0}.login-subtitle{color:#4d6588;font-size:.95rem;margin:0 0 4px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field>span{color:#29476e;font-size:.85rem;font-weight:600}.login-field input{min-height:42px}.login-error{background:#fdecef;border:1px solid #f0b4c1;border-radius:8px;color:#8f1d33;font-size:.9rem;padding:10px 12px}.login-card button[type=submit]{margin-top:4px;min-height:44px}.logout-button{background:#6b7a90!important}.logout-button:hover:not(:disabled){background:#566479!important}