:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-bg-tertiary:#252525;--color-bg-input:#252525;--color-orange-primary:#ff6b35;--color-orange-secondary:#f47920;--color-orange-hover:#ff7f4d;--color-energy-1:#4a90e2;--color-energy-2:#7ed321;--color-energy-3:#f5a623;--color-energy-4:#ff6b35;--color-energy-5:#d0021b;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-tertiary:#666;--color-text-orange:#ff6b35;--color-border:#333;--color-grid:#2a2a2a;--color-success:#7ed321;--color-error:#d0021b;--color-warning:#f5a623;--gradient-orange:linear-gradient(135deg,#ff6b35,#f47920);--gradient-orange-hover:linear-gradient(135deg,#ff7f4d,#ff6b35);--font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-h1:32px;--font-size-h2:28px;--font-size-h3:20px;--font-size-body:16px;--font-size-small:14px;--font-size-tiny:12px;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-orange:0 8px 16px #ff6b3566;--shadow-bottom-nav:0 -4px 12px #0000004d;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--z-index-base:1;--z-index-dropdown:10;--z-index-modal:100;--z-index-nav:50;--z-index-overlay:40}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{background-color:#1a1a1a;color:#fff;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-size:var(--font-size-body);line-height:1.5;overflow-x:hidden}.grid-background{position:relative}.grid-background:before{background-image:linear-gradient(#2a2a2a 1px,#0000 0),linear-gradient(90deg,#2a2a2a 1px,#0000 0);background-image:linear-gradient(var(--color-grid) 1px,#0000 1px),linear-gradient(90deg,var(--color-grid) 1px,#0000 1px);background-size:40px 40px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.grid-background>*{position:relative;z-index:1}.text-orange{color:#ff6b35;color:var(--color-orange-primary)}.text-secondary{color:#b0b0b0;color:var(--color-text-secondary)}.text-tertiary{color:#666;color:var(--color-text-tertiary)}.bg-dark{background-color:#1a1a1a;background-color:var(--color-bg-primary)}.bg-card{background-color:#2a2a2a;background-color:var(--color-bg-secondary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#2a2a2a;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#666;background:var(--color-text-tertiary);border-radius:8px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#b0b0b0;background:var(--color-text-secondary)}:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--color-orange-primary);outline-offset:2px}::selection{background-color:#ff6b35;background-color:var(--color-orange-primary);color:#fff;color:var(--color-text-primary)}::-moz-selection{background-color:#ff6b35;background-color:var(--color-orange-primary);color:#fff;color:var(--color-text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);margin:0}code{background-color:var(--color-bg-tertiary);border-radius:4px;color:var(--color-orange-primary);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}#root{min-height:100vh}.App-header{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.App-link{color:var(--color-orange-primary)}.bottom-nav{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border);bottom:0;box-shadow:var(--shadow-bottom-nav);left:0;position:fixed;right:0;z-index:var(--z-index-nav)}.bottom-nav-container{align-items:center;display:flex;height:64px;justify-content:space-around;margin:0 auto;max-width:600px;padding:0 var(--spacing-sm)}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);justify-content:center;max-width:80px;padding:var(--spacing-xs) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.nav-item:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.nav-item:focus-visible{outline:2px solid var(--color-orange-primary);outline-offset:2px}.nav-item.active{color:var(--color-orange-primary)}.nav-item.active .nav-icon{transform:scale(1.05)}.nav-item.active:after{background:var(--gradient-orange);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:32px}.nav-icon{align-items:center;display:flex;justify-content:center;transition:transform var(--transition-fast)}.nav-label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);line-height:1;text-align:center}.nav-item.special{background:var(--gradient-orange);border-radius:var(--radius-full);bottom:8px;box-shadow:var(--shadow-orange);color:var(--color-text-primary);flex:0 0 auto;height:56px;min-width:56px;padding:0;position:relative;transition:all var(--transition-fast)}.nav-item.special:hover{background:var(--gradient-orange-hover);box-shadow:0 10px 20px #ff6b3580;transform:translateY(-2px) scale(1.05)}.nav-item.special:active{transform:translateY(0) scale(.98)}.nav-item.special .nav-icon{margin:0}.nav-item.special .nav-label{bottom:-20px;color:var(--color-text-secondary);font-size:var(--font-size-tiny);left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.nav-item.special.active .nav-label{color:var(--color-orange-primary)}.nav-item.special.active:after{display:none}@media (max-width:374px){.bottom-nav-container{height:56px}.nav-item{padding:var(--spacing-xs) var(--spacing-sm)}.nav-label{font-size:10px}.nav-item.special{height:48px;min-width:48px}}@media (min-width:600px) and (max-width:959px){.bottom-nav-container{max-width:800px}.nav-item{max-width:100px}}@media (min-width:960px){.bottom-nav{border-right:1px solid var(--color-border);border-top:none;bottom:0;box-shadow:var(--shadow-md);left:0;position:fixed;right:auto;top:0;width:240px}.bottom-nav-container{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);height:100%;padding:var(--spacing-lg) var(--spacing-md)}.bottom-nav-container,.nav-item{justify-content:flex-start;max-width:none}.nav-item{border-radius:var(--radius-md);flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);width:100%}.nav-item:hover{background-color:#ffffff14}.nav-item.active:after{border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{flex-shrink:0}.nav-label{flex:1 1;font-size:var(--font-size-body);text-align:left}.nav-item.special{border-radius:var(--radius-md);bottom:auto;height:auto;margin:var(--spacing-md) 0;min-width:auto;padding:var(--spacing-lg);position:relative;width:100%}.nav-item.special:hover{background:var(--gradient-orange-hover);transform:scale(1.02)}.nav-item.special:active{transform:scale(.98)}.nav-item.special .nav-icon{margin:0}.nav-item.special .nav-label{color:var(--color-text-primary);font-size:var(--font-size-body);position:static;transform:none}.nav-item.special.active:after{display:block}}@media (min-width:1440px){.bottom-nav{width:280px}.nav-item{padding:var(--spacing-lg) var(--spacing-xl)}.nav-label{font-size:var(--font-size-h3)}}@media (prefers-reduced-motion:reduce){.nav-icon,.nav-item,.nav-item.special{transition:none}}@media (pointer:coarse){.nav-item{min-height:48px;min-width:48px}}.page-transition{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1);height:100%;width:100%}.page-transition.fade-in{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition.fade-out{animation-duration:.2s;animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.page-transition{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.page-transition{opacity:1!important;transform:none!important}.page-transition,.page-transition.fade-in,.page-transition.fade-out{animation:none!important}}@media (max-width:374px){.page-transition{animation-duration:.2s}.page-transition.fade-out{animation-duration:.15s}}@media (min-width:960px){.page-transition{animation-duration:.3s}}.app-layout{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh}.app-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:80px;width:100%}.auth-page .app-content{padding-bottom:0}@media (max-width:374px){.app-content{padding-bottom:72px}}@media (min-width:960px){.app-layout{flex-direction:row}.app-content{margin-left:240px;padding-bottom:0;width:calc(100% - 240px)}}@media (min-width:1440px){.app-content{margin-left:280px;width:calc(100% - 280px)}}.auth-container{align-items:center;background-color:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-card{animation:slideUp .4s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:440px;padding:48px 40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-light);margin:0 0 8px}.auth-header h1 .brand{color:var(--color-orange-primary);font-weight:var(--font-weight-bold)}.auth-header h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-light);margin:0 0 8px}.auth-header p{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0}.error-message{align-items:center;animation:shake .4s ease-in-out;background-color:#d0021b1a;border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message .error-icon{font-size:18px}.error-message span{color:var(--color-error);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.form-group input{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);padding:12px 16px;transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:focus{border-color:var(--color-orange-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-group input.error{border-color:var(--color-error)}.form-group input.error:focus{box-shadow:0 0 0 3px #d0021b1a}.field-error{color:var(--color-error);font-size:13px;font-weight:var(--font-weight-semibold)}.field-hint{color:var(--color-text-secondary);font-size:var(--font-size-tiny)}.checkbox-group{align-items:center;flex-direction:row}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:var(--color-text-secondary);font-size:var(--font-size-small)}.btn-primary{border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-top:8px;padding:14px 24px;text-transform:uppercase;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--gradient-orange-hover);box-shadow:var(--shadow-orange)}.auth-footer{border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px;text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0}.link{color:var(--color-orange-primary);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color var(--transition-fast)}.link:hover{color:var(--color-orange-hover);text-decoration:underline}@media (max-width:480px){.auth-card{padding:32px 24px}.auth-header h1{font-size:20px}.auth-header h2{font-size:24px}}.weekly-energy-chart{padding:var(--spacing-lg);width:100%}.chart-container{display:flex;flex-direction:column;height:200px;justify-content:flex-end;position:relative;width:100%}.chart-lines{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.chart-dots{height:100%;position:relative;width:100%;z-index:2}.chart-dot{border:2px solid var(--color-bg-primary);border-radius:50%;bottom:0;box-shadow:0 2px 8px #0000004d;cursor:pointer;position:absolute;transition:all var(--transition-normal)}.chart-dot:hover{box-shadow:0 4px 12px #0006;transform:translate(-50%,50%) scale(1.15);z-index:10}.chart-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);position:relative;width:100%;z-index:3}.chart-label{color:var(--color-text-secondary);font-size:var(--font-size-small);letter-spacing:.5px;position:absolute;text-align:center;text-transform:uppercase;transform:translateX(-50%)}@media (max-width:480px){.weekly-energy-chart{padding:var(--spacing-md)}.chart-container{height:160px}.chart-label{font-size:var(--font-size-tiny)}}.home-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);width:100%}.home-container{max-width:800px;padding-bottom:var(--spacing-2xl);width:100%}.dashboard-card{background:var(--gradient-orange);border-radius:var(--radius-xl);box-shadow:var(--shadow-orange);overflow:hidden;padding:var(--spacing-xl);position:relative}.dashboard-card:before{background:#1a1a1a1a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-card>*{position:relative;z-index:1}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.card-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 2px 4px #0003}.card-title,.see-all-link{color:var(--color-text-primary)}.see-all-link{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.see-all-link:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateX(2px)}.see-all-link:active{transform:translateX(0)}.see-all-link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.chart-section{padding:var(--spacing-md)}.chart-section,.empty-chart{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.empty-chart{padding:var(--spacing-xl);text-align:center}.empty-chart p{color:var(--color-text-primary);font-size:var(--font-size-small);margin:0;opacity:.9}.averages-section{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md)}.average-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.average-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);opacity:.9;text-transform:uppercase}.average-label,.average-value{color:var(--color-text-primary)}.average-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px #0003}.average-max{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);opacity:.8}.empty-state{padding:var(--spacing-xl) 0;text-align:center}.empty-message{font-size:var(--font-size-body);margin-bottom:var(--spacing-lg);opacity:.95}.start-tracking-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:2px solid #fff6;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.start-tracking-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.start-tracking-button:active{transform:translateY(0)}.start-tracking-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.retry-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:2px solid #fff6}.retry-button:hover{background:#ffffff59;border-color:#fff9}@media (max-width:768px){.home-page{padding:var(--spacing-md)}.dashboard-card{padding:var(--spacing-lg)}.card-title{font-size:var(--font-size-h3)}.averages-section{gap:var(--spacing-md);grid-template-columns:1fr}.average-value{font-size:var(--font-size-h3)}}@media (max-width:480px){.home-page{padding:var(--spacing-sm)}.dashboard-card{border-radius:var(--radius-lg);padding:var(--spacing-md)}.card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.see-all-link{align-self:flex-end}.average-item,.chart-section{padding:var(--spacing-sm)}}@media (min-width:1920px){.home-container{max-width:1000px}.dashboard-card{padding:var(--spacing-2xl)}}.today-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);width:100%}.today-container{max-width:1200px;padding-bottom:var(--spacing-2xl);width:100%}.today-header{margin-bottom:var(--spacing-xl);text-align:center}.page-title{color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.weekly-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.day-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.day-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-align:center}.day-name{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.day-date{color:var(--color-text-secondary);font-size:var(--font-size-small)}.day-sections{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-card{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.section-card:hover{border-color:var(--color-orange-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-card:active{transform:translateY(0)}.section-card.recorded{border-color:var(--color-border)}.section-card.empty{border-style:dashed;opacity:.7}.section-card.empty:hover{border-color:var(--color-orange-primary);opacity:1}.section-card.blocked{border-style:dashed;cursor:not-allowed}.section-card.blocked,.section-card.blocked:hover{border-color:var(--color-text-tertiary);opacity:.5}.section-card.blocked:hover{box-shadow:none;transform:none}.blocked-indicator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);justify-content:center;padding:var(--spacing-sm)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.section-label{color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:capitalize}.section-time{color:var(--color-text-tertiary);font-size:var(--font-size-tiny)}.energy-indicator{border-radius:var(--radius-full);box-shadow:0 2px 8px #0000004d;height:48px;margin:0 auto;width:48px}.energy-level{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px #0000004d}.empty-indicator{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm)}.empty-indicator svg{opacity:.5}.empty-indicator span{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.section-card.empty:hover .empty-indicator{color:var(--color-orange-primary)}.section-card.empty:hover .empty-indicator svg{opacity:1}.quick-action{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.quick-record-button{align-items:center;background:var(--gradient-orange);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-orange);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.quick-record-button:hover{background:var(--gradient-orange-hover);box-shadow:0 10px 20px #ff6b3580;transform:translateY(-2px)}.quick-record-button:active{transform:translateY(0)}.error-state,.loading-state{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.error-state p,.loading-state p{font-size:var(--font-size-body);margin-top:var(--spacing-md);opacity:.9}.spinner-icon{animation:spin 1s linear infinite;opacity:.9}.retry-button,.spinner-icon{color:var(--color-text-primary)}.retry-button{background:var(--gradient-orange);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.retry-button:hover{background:var(--gradient-orange-hover);transform:translateY(-2px)}.error-state svg{color:var(--color-error);opacity:.9}@media (max-width:768px){.today-page{padding:var(--spacing-md)}.weekly-grid{gap:var(--spacing-md);grid-template-columns:1fr}.day-card{padding:var(--spacing-sm)}.page-title{font-size:var(--font-size-h2)}}@media (min-width:769px) and (max-width:1024px){.weekly-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.weekly-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.weekly-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.quick-record-button,.retry-button,.section-card{transition:none}.spinner-icon{animation:none}}.energy-recording-header{border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.header-gradient{background:var(--gradient-orange);bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.header-content{gap:var(--spacing-md);position:relative;z-index:1}.avatar-placeholder{align-items:center;background-color:var(--color-bg-secondary);border:3px solid var(--color-orange-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{font-size:var(--font-size-h3);margin:0}.premium-badge,.user-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.premium-badge{background:var(--gradient-orange);border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-tiny);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}@media (max-width:375px){.avatar-placeholder{height:56px;width:56px}.user-name{font-size:var(--font-size-body)}}.energy-slider-container{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:center;min-height:400px;padding:var(--spacing-2xl) 0}.energy-slider{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);position:relative}.slider-line{background-color:var(--color-border);bottom:32px;left:50%;position:absolute;top:32px;transform:translateX(-50%);width:2px;z-index:0}.energy-node{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);min-height:48px;min-width:100px;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast);z-index:1}.energy-node:disabled{cursor:not-allowed;opacity:.5}.energy-node:not(:disabled):hover{background-color:#ff6b351a}.energy-node.focused{background-color:#ff6b3526}.node-circle{align-items:center;background-color:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.energy-node.selected .node-circle{background-color:var(--color-orange-primary);border-color:var(--color-text-primary);box-shadow:var(--shadow-orange);transform:scale(1.1)}.energy-node:not(:disabled):hover .node-circle{border-color:var(--color-orange-primary);transform:scale(1.05)}.node-label{color:var(--color-text-secondary);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);transition:color var(--transition-fast)}.energy-node.selected .node-label{color:var(--color-orange-primary)}.energy-labels{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.energy-label{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-small);min-height:48px;transition:color var(--transition-fast)}.energy-label.active{color:var(--color-orange-primary);font-weight:var(--font-weight-semibold)}.energy-node:focus-visible{outline:2px solid var(--color-orange-primary);outline-offset:4px}@media (max-width:600px){.energy-slider-container{min-height:350px;padding:var(--spacing-lg) 0}.node-circle{height:44px;width:44px}.node-label{font-size:var(--font-size-body)}.energy-label{font-size:var(--font-size-tiny)}}@media (max-width:375px){.energy-slider-container{gap:var(--spacing-lg)}.energy-labels{display:none}}@media (prefers-reduced-motion:reduce){.energy-label,.energy-node,.node-circle,.node-label{transition:none}}.record-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);width:100%}.record-container{max-width:600px;padding-bottom:var(--spacing-2xl);width:100%}.recording-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.time-display{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.time-label{color:var(--color-text-secondary);font-size:var(--font-size-small);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.time-value{color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.scheduled-time-badge{background:var(--gradient-orange);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);text-transform:capitalize}.slider-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-h2);margin:0;text-align:center}.confirm-button,.section-title{font-weight:var(--font-weight-semibold)}.confirm-button{align-items:center;background:var(--gradient-orange);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-orange);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body);gap:var(--spacing-sm);justify-content:center;min-height:56px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.confirm-button:not(:disabled):hover{background:var(--gradient-orange-hover);box-shadow:0 10px 20px #ff6b3580;transform:translateY(-2px)}.confirm-button:not(:disabled):active{transform:translateY(0)}.confirm-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.confirm-button.success{background:var(--color-success);box-shadow:0 8px 16px #7ed32166}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:var(--radius-full);border-top-color:#fff;height:20px;width:20px}.error-message,.success-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-md)}.error-message{background-color:#d0021b26;border:1px solid var(--color-error)}.success-message{animation:slideIn .3s ease-out;background-color:#7ed32126;border:1px solid var(--color-success);color:var(--color-success)}.recording-tip{background-color:#ff6b351a;border-left:4px solid var(--color-orange-primary);border-radius:var(--radius-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.recording-tip p{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.6;margin:0}@media (max-width:374px){.record-page{padding:var(--spacing-md)}.time-value{font-size:36px}.section-title{font-size:var(--font-size-h3)}.confirm-button{font-size:var(--font-size-small);min-height:48px}}@media (min-width:375px) and (max-width:599px){.record-container{max-width:100%}}@media (min-width:600px) and (max-width:959px){.record-page{padding:var(--spacing-xl)}}@media (min-width:960px){.record-page{align-items:center;padding:var(--spacing-2xl)}.record-container{max-width:700px}.confirm-button:not(:disabled):hover{transform:translateY(-3px)}}@media (min-width:1440px){.record-container{max-width:800px}.time-value{font-size:48px}.section-title{font-size:32px}}@media (min-width:1920px){.record-container{max-width:900px}}@media (prefers-reduced-motion:reduce){.confirm-button,.success-message{animation:none;transition:none}.spinner{animation:none}}.calendar-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:24px}.calendar-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.calendar-title{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0}.calendar-navigation{gap:16px}.calendar-navigation,.nav-button{align-items:center;display:flex;justify-content:center}.nav-button{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;height:44px;transition:all .2s ease;width:44px}.nav-button:hover:not(:disabled){background:var(--color-orange);border-color:var(--color-orange);color:#fff;transform:scale(1.05)}.nav-button:active:not(:disabled){transform:scale(.95)}.nav-button:disabled{cursor:not-allowed;opacity:.4}.month-display{background:none;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:20px;font-weight:600;min-width:200px;padding:8px 16px;text-align:center;transition:background-color .2s ease}.month-display:hover{background:var(--color-card-bg)}.calendar-error,.calendar-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.calendar-loading .spinner{animation:spin .8s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-orange);height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.calendar-loading p{color:var(--color-text-secondary);font-size:16px}.error-message{color:var(--color-error);font-size:16px;margin-bottom:16px}.retry-button{background:var(--color-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:opacity .2s ease}.retry-button:hover{opacity:.9}.calendar-container{background:var(--color-card-bg);border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-header{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 4px;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:var(--color-bg);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:60px;position:relative;transition:all .2s ease}.calendar-day.other-month{cursor:default;opacity:.3}.calendar-day.today{border-color:var(--color-orange);box-shadow:0 0 0 2px #f5a62333}.calendar-day.has-data:not(.other-month):hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.calendar-day:not(.has-data):not(.other-month):hover{background:var(--color-card-bg);border-color:var(--color-border)}.calendar-day.other-month:hover{transform:none}.calendar-day:active:not(.other-month){transform:scale(.95)}.calendar-day:disabled{cursor:default}.day-number{font-size:16px;font-weight:600;position:relative;z-index:1}.recording-count{background:#0000004d;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:4px;top:4px;z-index:2}.calendar-legend{background:var(--color-card-bg);border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:20px 24px}.legend-title{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:4px;box-shadow:0 1px 3px #0003;height:20px;width:20px}.legend-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:var(--color-bg);border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-title{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--color-card-bg);color:var(--color-text-primary)}.modal-body{overflow-y:auto;padding:24px}.empty-day{padding:40px 20px;text-align:center}.empty-message{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-hint{color:var(--color-text-secondary);font-size:14px;margin:0}.recordings-list{display:flex;flex-direction:column;gap:16px}.recording-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:16px}.recording-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.recording-time{color:var(--color-text-primary);font-size:16px;font-weight:600}.recording-scheduled{background:var(--color-bg);border-radius:6px;color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.recording-energy{align-items:center;display:flex;gap:12px;margin-bottom:8px}.energy-indicator{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.energy-label{font-weight:500}.energy-label,.recording-notes{color:var(--color-text-secondary);font-size:14px}.recording-notes{border-top:1px solid var(--color-border);line-height:1.5;margin-top:8px;padding-top:8px}.recording-notes strong{color:var(--color-text-primary);font-weight:600}@media (max-width:960px){.calendar-page{padding:20px}.calendar-title{font-size:24px}.calendar-container{padding:16px}.calendar-day{min-height:50px}.calendar-day,.day-number{font-size:14px}}@media (max-width:640px){.calendar-page{padding:16px}.calendar-header{gap:12px;margin-bottom:16px}.calendar-title{font-size:20px}.month-display{font-size:16px;min-width:160px}.nav-button{height:40px;width:40px}.calendar-container{padding:12px}.weekday-header{font-size:12px;padding:8px 2px}.calendar-grid{gap:2px}.calendar-day{border-radius:8px;min-height:44px}.calendar-day,.day-number{font-size:13px}.recording-count{font-size:9px;padding:1px 4px}.calendar-legend{padding:16px}.legend-title{font-size:14px;margin-bottom:12px}.legend-items{gap:12px}.legend-label{font-size:13px}.modal-overlay{padding:12px}.modal-header{padding:20px 20px 12px}.modal-title{font-size:18px}.modal-body{padding:20px}.empty-day{padding:30px 16px}.empty-message{font-size:16px}.empty-hint{font-size:13px}.recording-item{padding:12px}.recording-time{font-size:14px}.recording-scheduled{font-size:11px}.energy-indicator{font-size:18px;height:36px;width:36px}}@media (max-width:375px){.calendar-day{min-height:40px}.calendar-day,.day-number{font-size:12px}.legend-items{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.calendar-day,.modal-content,.nav-button,.retry-button{animation:none;transition:none}.calendar-day.has-data:not(.other-month):hover{transform:none}}.reminder-settings{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:30px;padding:25px}.reminder-settings h3{color:#333;font-size:20px;margin:0 0 10px}.reminder-description{color:#666;font-size:14px;margin:0 0 25px}.setting-item{margin-bottom:25px}.setting-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.toggle-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:13px;cursor:pointer;height:26px;margin-right:12px;position:relative;transition:background .3s;width:50px}.toggle-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-label input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-label input[type=checkbox]:checked:before{transform:translateX(24px)}.toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.toggle-text{color:#333;font-size:15px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{cursor:pointer;height:18px;margin-right:10px;width:18px}.radio-label input[type=radio]:disabled{cursor:not-allowed}.radio-label span{color:#333;font-size:14px}.time-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.time-input-group{align-items:center;display:flex;gap:10px}.time-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-family:inherit;font-size:14px;max-width:150px;padding:10px}.time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-remove{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:background .2s;width:30px}.btn-remove:hover{background:#ee3545}.btn-remove:active{transform:scale(.95)}.time-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(:disabled){background:#ebebeb}.btn-secondary:active:not(:disabled){transform:scale(.98)}.error-message,.info-message,.success-message{border-radius:5px;font-size:14px;margin-bottom:20px;padding:12px 15px}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.success-message{background:#efe;border-left:4px solid #3c3;color:#3c3}.info-message{background:#e8f4fd;border-left:4px solid #06c;color:#06c}.loading-spinner{color:#666;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){.reminder-settings{padding:20px}.reminder-settings h3{font-size:18px}.time-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.reminder-settings{margin-top:20px;padding:15px}.time-input{max-width:none}}.profile-container{margin:0 auto;max-width:800px;padding:24px 24px 100px}.profile-header{margin-bottom:32px}.profile-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.profile-subtitle{color:var(--color-text-secondary);font-size:16px;margin:0}.message{animation:slideIn .3s ease-out;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:24px;padding:16px}.message-error{background:#ff4d4d1a;border:1px solid #ff4d4d4d;color:#ff4d4d}.message-success{background:#2ed5731a;border:1px solid #2ed5734d;color:#2ed573}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.section-title{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--color-text-primary);font-size:16px;font-weight:500}.info-value.capitalize{text-transform:capitalize}.password-form,.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.form-label .optional{color:var(--color-text-secondary);font-size:12px;font-weight:400}.form-input{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-help{color:var(--color-text-secondary);font-size:12px;margin:0}.form-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--gradient-orange);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.btn-danger{background:linear-gradient(135deg,#ff4d4d,#d32f2f);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ff4d4d4d;transform:translateY(-2px)}.btn-premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.btn-premium:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.premium-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea4d}.premium-card{text-align:center}.premium-icon{font-size:48px;margin-bottom:16px}.premium-title{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.premium-description{color:var(--color-text-secondary);font-size:16px;margin:0 0 24px}.premium-features{display:inline-block;list-style:none;margin:0 0 24px;padding:0;text-align:left}.premium-features li{color:var(--color-text-primary);font-size:15px;margin-bottom:12px;padding-left:8px}.danger-section{background:#ff4d4d0d;border:2px solid #ff4d4d4d}.danger-actions{display:flex;flex-direction:column;gap:20px}.danger-action{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:20px;justify-content:space-between;padding:16px}.danger-action-title{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.danger-action-description{color:var(--color-text-secondary);font-size:14px;margin:0}@media (max-width:768px){.profile-container{padding:16px}.profile-header h1{font-size:28px}.profile-section{padding:20px}.info-grid{grid-template-columns:1fr}.danger-action{align-items:stretch;flex-direction:column}.danger-action .btn{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.profile-container{padding:12px}.profile-header h1{font-size:24px}.profile-subtitle{font-size:14px}.profile-section{padding:16px}.section-title{font-size:18px}}@media (prefers-color-scheme:dark){.premium-section{background:linear-gradient(135deg,#667eea26,#764ba226)}.danger-section{background:#ff4d4d14}}.btn:focus-visible{outline:3px solid #ff6b3580;outline-offset:2px}.form-input:focus-visible{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533;outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-container{background-color:var(--color-bg-primary);min-height:100vh;position:relative}.dashboard-container:before{background-image:linear-gradient(var(--color-grid) 1px,#0000 1px),linear-gradient(90deg,var(--color-grid) 1px,#0000 1px);background-size:40px 40px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:16px 24px;position:relative;z-index:1}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.dashboard-header h1{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-light);margin:0}.dashboard-header h1 .brand{color:var(--color-orange-primary);font-weight:var(--font-weight-bold)}.btn-logout{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);padding:10px 20px;transition:all var(--transition-fast)}.btn-logout:hover{background-color:var(--color-bg-secondary);border-color:var(--color-orange-primary);color:var(--color-orange-primary);transform:translateY(-1px)}.dashboard-main{margin:0 auto;max-width:1200px;padding:40px 24px;position:relative;z-index:1}.welcome-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.welcome-card h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-light);margin:0 0 20px}.user-info{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:8px 0}.user-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;text-align:center;transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--color-orange-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 8px}.feature-card p{color:var(--color-text-secondary);margin:0 0 16px}.btn-feature,.feature-card p{font-size:var(--font-size-small)}.btn-feature{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:not-allowed;font-weight:var(--font-weight-semibold);opacity:.6;padding:10px 20px}.success-message{align-items:flex-start;background:var(--gradient-orange);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-orange);display:flex;gap:16px;padding:20px}.success-icon{flex-shrink:0;font-size:24px}.success-message strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);margin-bottom:4px}.success-message p{color:var(--color-text-primary);font-size:var(--font-size-small);margin:0}@media (max-width:768px){.dashboard-main{padding:24px 16px}.welcome-card{padding:24px}.feature-grid{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.94466496.css.map*/