*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}#root{flex-direction:column}#root,.app{display:flex;min-height:100vh}.app{flex:1 1;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h2,h3{font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{margin:0}button{background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);outline:none;transition:all var(--transition-normal)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background-color:var(--color-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);outline:none;padding:var(--spacing-md);transition:all var(--transition-normal)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding);width:100%}.btn{align-items:center;border-radius:var(--border-radius-full);display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-elevated)}.btn-success{background-color:var(--color-success);color:var(--color-text-primary)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.btn-error{background-color:var(--color-error);color:var(--color-text-primary)}.btn-error:hover:not(:disabled){opacity:.9}.btn-large{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-xl)}.btn-small{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background-color:var(--color-surface-elevated)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}@media (max-width:767px){h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}:root{--color-background:#000;--color-surface:#1c1c1e;--color-surface-elevated:#2c2c2e;--color-surface-secondary:#3a3a3c;--color-primary:#007aff;--color-primary-hover:#0051d5;--color-secondary:#5856d6;--color-success:#34c759;--color-warning:#ff9500;--color-error:#ff3b30;--color-text-primary:#fff;--color-text-secondary:#98989d;--color-text-tertiary:#48484a;--color-text-inverse:#000;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-xxl:34px;--font-size-xxxl:48px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.8;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:24px;--border-radius-full:9999px;--border-width:1px;--border-color:var(--color-surface-secondary);--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000029,0 2px 4px #0000001f;--shadow-lg:0 10px 20px #0003,0 6px 6px #00000029;--shadow-xl:0 15px 30px #00000040,0 10px 10px #0003;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-index-base:1;--z-index-dropdown:1000;--z-index-modal:2000;--z-index-toast:3000;--container-max-width:1200px;--container-padding:var(--spacing-md);--timer-size:240px;--timer-size-mobile:200px}@media (min-width:768px){:root{--container-padding:var(--spacing-lg)}}@media (min-width:1024px){:root{--container-padding:var(--spacing-xl)}}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-background) 100%);background-color:#000c;border-bottom:1px solid var(--color-surface-secondary);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-dropdown)}.header-content{align-items:center;display:flex;justify-content:space-between}.header-left{text-align:left}.header-right{gap:16px;gap:var(--spacing-md,16px)}.header-right,.header-title{align-items:center;display:flex}.header-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);margin:0}.header-icon{font-size:var(--font-size-xxl)}.header-username{color:#999;color:var(--color-text-secondary,#999);font-size:14px;font-size:var(--font-size-sm,14px)}.logout-button{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:20px;line-height:1;padding:8px 12px;transition:all .2s ease}.logout-button:hover{background-color:#fff3;border-color:#ffffff4d;transform:scale(1.1)}@media (max-width:767px){.app-header{padding:var(--spacing-sm) 0}.header-content{flex-direction:row;gap:8px;gap:var(--spacing-sm,8px)}.header-left{text-align:left}.header-title{font-size:var(--font-size-lg)}.header-icon{font-size:var(--font-size-xl)}.header-username{display:none}.logout-button{font-size:18px;padding:6px 10px}}.main-container{flex:1 1;min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}@media (max-width:767px){.main-container{padding:var(--spacing-lg) 0}}.timer-display{padding:var(--spacing-xl) 0}.timer-circle,.timer-display{align-items:center;display:flex;justify-content:center}.timer-circle{background:radial-gradient(circle,var(--color-surface) 0,var(--color-background) 100%);border:4px solid var(--color-primary);border-radius:50%;height:var(--timer-size);transition:all var(--transition-slow);width:var(--timer-size)}.timer-circle.running{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timer-content{text-align:center}.timer-time{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:var(--font-size-xxxl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);letter-spacing:2px}.timer-type-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);opacity:.8}@media (max-width:767px){.timer-circle{height:var(--timer-size-mobile);width:var(--timer-size-mobile)}.timer-time{font-size:var(--font-size-xxl)}.timer-type-label{font-size:var(--font-size-sm)}}.timer-button-container{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.timer-button{align-items:center;border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-md);justify-content:center;min-width:200px;padding:var(--spacing-lg) var(--spacing-xxl);transition:all var(--transition-normal)}.timer-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.timer-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.timer-button.start{background-color:var(--color-success)}.timer-button.stop{background-color:var(--color-error)}.timer-button-icon{font-size:var(--font-size-xl);line-height:1}.timer-button-text{font-size:var(--font-size-lg)}@media (max-width:767px){.timer-button{font-size:var(--font-size-md);min-width:160px;padding:var(--spacing-md) var(--spacing-xl)}.timer-button-icon{font-size:var(--font-size-lg)}.timer-button-text{font-size:var(--font-size-md)}}.timer-card{margin:0 auto;max-width:600px;text-align:center}.timer-card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.timer-card-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}@media (max-width:767px){.timer-card{padding:var(--spacing-md)}.timer-card-title{font-size:var(--font-size-lg)}}.timer-type-card{align-items:center;background-color:var(--color-surface);border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-normal)}.timer-type-card:hover{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-md);transform:translateY(-2px)}.timer-type-card.active{background-color:var(--color-surface-elevated);border-color:var(--color-primary)}.timer-type-header{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.timer-type-color{border-radius:var(--border-radius-sm);flex-shrink:0;height:32px;width:32px}.timer-type-name{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.timer-type-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.timer-type-select{align-items:center;background-color:initial;border:2px solid var(--color-text-tertiary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.timer-type-select:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.timer-type-delete{align-items:center;background-color:initial;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-lg);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.timer-type-delete:hover{background-color:#ff3b3033}.timer-type-badge{background-color:var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 8px}@media (max-width:767px){.timer-type-card{padding:var(--spacing-sm) var(--spacing-md)}.timer-type-color{height:28px;width:28px}.timer-type-name{font-size:var(--font-size-sm)}}.timer-type-details{align-items:center;background-color:initial;border:2px solid var(--color-text-tertiary);border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-md);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.timer-type-details:hover{background-color:#007aff33;border-color:var(--color-primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.modal-content{animation:modalSlideIn var(--transition-normal);background-color:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.modal-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{align-items:center;background-color:var(--color-surface-elevated);border-radius:50%;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xxl);height:40px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:40px}.modal-close:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{background-color:var(--color-surface-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-md)}.form-group input:focus{border-color:var(--color-primary)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.color-option{border:3px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;height:48px;transition:all var(--transition-fast);width:48px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-surface)}.form-error{background-color:#ff3b301a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-md)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}@media (max-width:767px){.modal-content{max-width:100%;padding:var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.sessions-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px}.sessions-modal-title{align-items:center;display:flex;gap:var(--spacing-md)}.sessions-modal-color{border-radius:var(--border-radius-md);flex-shrink:0;height:48px;width:48px}.sessions-modal-title h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:4px}.sessions-summary{grid-gap:var(--spacing-md);background-color:var(--color-surface-elevated);border-radius:var(--border-radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.sessions-summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sessions-summary-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.sessions-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;padding-right:var(--spacing-xs)}.sessions-list::-webkit-scrollbar{width:6px}.sessions-list::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.sessions-list::-webkit-scrollbar-thumb{background:var(--color-surface-secondary);border-radius:3px}.sessions-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.sessions-empty{padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.session-item{align-items:center;background-color:var(--color-surface-elevated);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.session-item:hover{background-color:var(--color-surface-secondary)}.session-time{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.session-end,.session-start{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.session-separator{color:var(--color-text-tertiary)}.session-duration{font-feature-settings:"tnum";font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.sessions-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.sessions-footer p{font-size:var(--font-size-xs)}@media (max-width:767px){.sessions-modal{max-height:90vh}.sessions-modal-color{height:40px;width:40px}.sessions-modal-title h2{font-size:var(--font-size-lg)}.sessions-summary{grid-template-columns:1fr;padding:var(--spacing-md)}.session-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.session-duration{font-size:var(--font-size-md)}}.session-actions{align-items:center;display:flex;gap:var(--spacing-md)}.session-delete{background-color:initial;border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-md);opacity:.6;padding:6px 10px;transition:all var(--transition-fast)}.session-delete:hover{background-color:#ff3b3033;border-color:#ff3b304d;opacity:1}.sessions-actions-bar{margin:var(--spacing-md) 0}.add-session-button{background-color:initial;border:2px solid var(--color-text-tertiary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.add-session-button:hover{background-color:#ffffff0d}.add-session-form{background-color:var(--color-surface-elevated);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.add-session-form,.form-row{margin-bottom:var(--spacing-md)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.time-input{background-color:var(--color-surface);border:1px solid var(--color-surface-secondary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.time-input:focus{border-color:var(--color-primary);outline:none}.error-message{color:#ff3b30;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.submit-button{border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.submit-button:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:767px){.form-row{grid-template-columns:1fr}}.timer-type-list{margin-top:var(--spacing-xl)}.timer-type-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.timer-type-list-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.timer-type-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-md)}.timer-type-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-md)}@media (max-width:767px){.timer-type-list{margin-top:var(--spacing-lg)}.timer-type-list-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.timer-type-list-header h3{font-size:var(--font-size-lg)}.timer-type-list-header button{width:100%}.timer-type-grid{grid-template-columns:1fr}}.stat-card{flex:1 1;min-width:200px;text-align:center;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-card-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.stat-card-icon{font-size:var(--font-size-xl)}.stat-card-title{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.stat-card-value{font-feature-settings:"tnum";font-size:var(--font-size-xxxl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.stat-card-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.stat-card-human{font-size:var(--font-size-xs)}@media (max-width:767px){.stat-card{min-width:0;min-width:auto}.stat-card-value{font-size:var(--font-size-xxl)}.stat-card-title{font-size:var(--font-size-sm)}}.monthly-comparison{margin-top:var(--spacing-xl)}.monthly-comparison-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);text-align:center}.monthly-comparison-content{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-around;margin-bottom:var(--spacing-md)}.monthly-comparison-item{text-align:center}.monthly-comparison-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.monthly-comparison-value{font-feature-settings:"tnum";font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.monthly-comparison-value.current{color:var(--color-primary)}.monthly-comparison-value.previous{color:var(--color-text-secondary)}.monthly-comparison-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);margin-left:var(--spacing-xs);opacity:.7}.monthly-comparison-change{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.monthly-comparison-arrow{font-size:var(--font-size-xxl);line-height:1}.monthly-comparison-percentage{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.monthly-comparison-change.increase{color:var(--color-error)}.monthly-comparison-change.decrease{color:var(--color-success)}.monthly-comparison-change.neutral{color:var(--color-text-secondary)}.monthly-comparison-message{font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}@media (max-width:767px){.monthly-comparison-content{flex-direction:column;gap:var(--spacing-md)}.monthly-comparison-value{font-size:var(--font-size-lg)}.monthly-comparison-arrow{font-size:var(--font-size-xl);transform:rotate(90deg)}}.statistics-panel{margin-top:var(--spacing-xxl)}.statistics-panel-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.statistics-grid{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width:1023px){.statistics-grid{flex-wrap:wrap}}@media (max-width:767px){.statistics-panel{margin-top:var(--spacing-xl)}.statistics-panel-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.statistics-grid{flex-direction:column;gap:var(--spacing-md)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;margin:0 0 10px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:12px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.login-hint{color:#666;font-size:13px;margin:0;text-align:center}.login-hint strong{background:#f5f5f5;border-radius:3px;color:#333;font-family:monospace;padding:2px 6px}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}}
/*# sourceMappingURL=main.550437ab.css.map*/