._container_1qqcq_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#6366f1,#a855f7,#ec4899);padding:1rem}._card_1qqcq_11{background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0003;max-width:24rem;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center}._title_1qqcq_24{font-size:1.5rem;font-weight:800;text-align:center;color:#4f46e5;margin-bottom:.25rem}._subtitle_1qqcq_33{font-size:.875rem;text-align:center;color:#555;margin-bottom:1.5rem}._label_1qqcq_41{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#333;margin-bottom:.25rem}._input_1qqcq_51{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;box-sizing:border-box}._button_1qqcq_62{width:100%;background:#4f46e5;color:#fff;font-weight:600;padding:.5rem;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s ease;margin-top:.5rem}._button_1qqcq_62:hover{background:#4338ca}._secondaryButton_1qqcq_81{width:100%;background:transparent;color:#333;border:1px solid #ccc;padding:.5rem;border-radius:.5rem;font-size:.875rem;margin-top:.5rem;cursor:pointer;transition:background .3s ease}._secondaryButton_1qqcq_81:hover{background:#f9f9f9}._error_1qqcq_99{color:#dc2626;font-size:.875rem;text-align:center;margin-top:.5rem}form{width:100%}*,*:before,*:after{box-sizing:border-box}._container_sgbsy_8{max-width:24rem;margin:0 auto;padding:2rem 1rem;min-height:100vh;background-color:#fff;display:flex;flex-direction:column;gap:1rem}._headerArea_sgbsy_19{display:flex;flex-direction:column;gap:1rem}._headerTop_sgbsy_25{display:flex;justify-content:space-between;align-items:center}._heading_sgbsy_31{font-size:1.5rem;font-weight:800;color:#4f46e5;margin:0}._selectorGroup_sgbsy_38{display:flex;flex-direction:column;gap:1rem}._select_sgbsy_38{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;outline:none;width:100%}._select_sgbsy_38:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f180}._chartSection_sgbsy_59{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;flex-grow:1}@media (min-width: 640px){._chartSection_sgbsy_59{max-width:500px;margin:0 auto}}._chartWrapper_sgbsy_75{width:100%;height:300px;background-color:#f9fafb;padding:0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;justify-content:center}._status_sgbsy_87{text-align:center;font-size:.875rem;color:#6b7280;padding:1rem}._error_sgbsy_94{text-align:center;font-size:.875rem;color:#dc2626;padding:1rem}._modeButtonGroup_sgbsy_101{display:flex;justify-content:space-between;gap:.5rem;width:100%}._modeButton_sgbsy_101{flex:1;padding:.5rem;border-radius:4px;font-size:.875rem;font-weight:600;background-color:#f4f4f4;color:#333;border:none;cursor:pointer;transition:background .2s ease}._modeButton_sgbsy_101:hover{background-color:#e0e0e0}._active_sgbsy_125{background-color:#5bf19c;color:#000}._logoutButton_sgbsy_130{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:#dc2626;border:1px solid #dc2626;border-radius:.375rem;background:transparent;cursor:pointer;transition:background .2s ease}._logoutButton_sgbsy_130:hover{background-color:#fee2e2}