.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#c0d6df}.auth-card{background:#eaeaea;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.auth-title{font-size:28px;font-weight:700;color:var(--text);margin-bottom:2rem;text-align:center}.auth-form{margin-bottom:1.5rem}.btn-full{width:100%;margin-top:.5rem}.btn-primary.btn-full{background-color:#e8dab2;color:var(--text)}.btn-primary.btn-full:hover{background-color:#d4c89f}.auth-footer{text-align:center;color:var(--text-light);font-size:14px}.auth-link{color:#4f6d7a;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}@media (max-width: 480px){.auth-card{padding:1.5rem}.auth-title{font-size:24px}}.entry-form{position:relative}.entry-summary{margin-top:1rem;padding:1rem;background:var(--surface);border-radius:8px}.entry-duration{font-size:16px;color:var(--text)}.entry-duration strong{color:var(--secondary-color);font-size:18px}.entry-form-content{margin-top:1rem}.entry-form-actions{display:flex;gap:1rem;margin-top:1.5rem}.entry-form-actions .btn{flex:1}@media (max-width: 768px){.modal-content{padding:clamp(1rem,4vw,1.5rem);max-width:95vw}.entry-summary{padding:clamp(.75rem,3vw,1rem);margin-top:.75rem}.entry-duration{font-size:clamp(14px,3.5vw,16px)}.entry-duration strong{font-size:clamp(16px,4vw,18px)}.entry-form-actions{gap:.75rem;margin-top:1rem;flex-direction:column}.entry-form-actions .btn{width:100%;padding:clamp(.75rem,3vh,1rem);font-size:clamp(14px,3.5vw,16px);min-height:clamp(40px,8vh,48px)}}.form-tags{margin-top:.75rem}.form-tags-label{font-size:12px;color:var(--text-light);margin-bottom:.5rem;font-weight:500}.form-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.form-tag-badge{background:#4f6d7a;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.form-tag-badge:hover{background:#3d5560;transform:scale(1.05)}.form-tag-badge.active{background:#2c3e50;box-shadow:0 2px 4px #0003}@media (max-width: 480px){.modal-content{padding:1rem}.form-tag-badge{font-size:12px;padding:.35rem .7rem}}.logout-dialog{max-width:450px;background:#eaeaea}.logout-message{padding:1rem 0;color:var(--text);font-size:16px;line-height:1.5}.logout-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.logout-actions .btn{width:100%;min-width:auto}.logout-actions .btn-primary{background-color:#4f6d7a;color:#fff}.logout-actions .btn-primary:hover{background-color:#3d5560}.logout-actions .btn-secondary{background-color:#e8dab2;color:var(--text)}.logout-actions .btn-secondary:hover{background-color:#d4c89f}@media (max-width: 768px){.logout-dialog{max-width:95vw}.logout-message{font-size:clamp(14px,3.5vw,16px);padding:.75rem 0}.logout-actions{gap:.5rem;margin-top:1rem}.logout-actions .btn{padding:clamp(.75rem,3vh,1rem);font-size:clamp(14px,3.5vw,16px);min-height:clamp(40px,8vh,48px)}}.notification{position:fixed;top:20px;right:20px;z-index:2000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{background:#eaeaea;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:1rem;min-width:300px;max-width:500px}.notification-content p{margin:0;flex:1;color:var(--text);font-size:14px}.notification-close{background:none;border:none;font-size:20px;color:var(--text-light);cursor:pointer;padding:0;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.notification-close:hover{color:var(--text)}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none;padding:clamp(.75rem,3vw,1rem) clamp(1rem,4vw,1.5rem);gap:.75rem}.notification-content p{font-size:clamp(12px,3vw,14px)}.notification-close{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);font-size:clamp(16px,4vw,20px)}}.timer-container{min-height:100vh;display:flex;flex-direction:column;background:#c0d6df}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;background:#eaeaea;gap:1rem}.nav-link{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:background-color .2s ease}.nav-link:hover{background-color:var(--surface)}.btn-icon svg{display:block!important;width:18px!important;height:18px!important;flex-shrink:0}.btn-icon:not(.btn-secondary):hover{background-color:#c55a3a!important}.btn-icon:hover{background-color:#c55a3a}.timer-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.timer-display{text-align:center;margin-bottom:3rem}.timer-time{font-size:72px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);font-variant-numeric:tabular-nums;letter-spacing:.05em}.timer-controls{display:flex;gap:1rem}.btn-large{padding:1.5rem 3rem;font-size:24px;font-weight:700;min-height:64px;min-width:160px;border-radius:12px;box-shadow:0 4px 15px #0003;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.btn-large.btn-icon-only{padding:1.5rem;min-width:64px;width:64px;height:64px;gap:0}.btn-large svg{flex-shrink:0}.btn-large:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.btn-success{background-color:var(--button-start)!important}.btn-danger{background-color:var(--button-stop)!important}.btn-danger:hover{background-color:#c55a3a!important}.btn-warning{background-color:var(--button-default)!important;color:var(--text)!important}.btn-warning:hover{background-color:#d4c89f!important}@media (max-width: 768px){.nav{padding:.75rem 1rem;grid-template-columns:1fr auto 1fr;gap:.5rem}.nav-brand{font-size:clamp(16px,4vw,20px)}.nav-username{font-size:clamp(14px,3.5vw,16px)}.btn-icon{width:clamp(36px,8vw,48px)!important;height:clamp(36px,8vw,48px)!important;min-width:clamp(36px,8vw,48px)!important;min-height:clamp(36px,8vw,48px)!important;max-width:clamp(36px,8vw,48px)!important;max-height:clamp(36px,8vw,48px)!important}.btn-icon svg{width:clamp(16px,4vw,18px)!important;height:clamp(16px,4vw,18px)!important;display:block!important}.nav-user svg{width:clamp(14px,3.5vw,18px);height:clamp(14px,3.5vw,18px)}.btn-small{padding:.4rem .75rem;font-size:clamp(12px,3vw,14px);min-width:clamp(80px,20vw,100px);height:clamp(36px,8vw,48px)!important;min-height:clamp(36px,8vw,48px)!important}.btn-icon{padding:.4rem .75rem;min-width:clamp(80px,20vw,100px);height:clamp(36px,8vw,48px)!important;min-height:clamp(36px,8vw,48px)!important}.btn-icon svg{width:clamp(14px,3.5vw,16px);height:clamp(14px,3.5vw,16px)}.nav-links{gap:.5rem}.timer-content{padding:1rem .75rem}.timer-display{margin-bottom:clamp(1.5rem,5vh,3rem)}.timer-time{font-size:clamp(48px,15vw,72px)}.btn-large{padding:clamp(.75rem,3vh,1.5rem) clamp(1.5rem,6vw,3rem);font-size:clamp(16px,4.5vw,24px);min-width:clamp(120px,30vw,160px);min-height:clamp(48px,10vh,64px)}.btn-large.btn-icon-only{padding:clamp(.75rem,3vh,1.5rem);min-width:clamp(48px,10vh,64px);width:clamp(48px,10vh,64px);height:clamp(48px,10vh,64px)}.timer-controls{gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap;justify-content:center}}@media (max-width: 768px) and (orientation: landscape){.timer-content{padding:1rem .75rem .5rem;justify-content:flex-start}.timer-display{margin-bottom:clamp(.5rem,2vh,1.5rem)}.timer-time{font-size:clamp(40px,12vw,56px);margin-bottom:.5rem}.btn-large{padding:clamp(.5rem,2vh,1rem) clamp(1rem,5vw,2rem);font-size:clamp(14px,3.5vw,20px);min-width:clamp(100px,25vw,140px);min-height:clamp(40px,8vh,56px)}.btn-large.btn-icon-only{padding:clamp(.5rem,2vh,1rem);min-width:clamp(40px,8vh,56px);width:clamp(40px,8vh,56px);height:clamp(40px,8vh,56px)}.timer-controls{gap:.5rem}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.timer-content{flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2rem);padding:.5rem 1rem}.timer-display{margin-bottom:0;flex:1;min-width:0}.timer-time{font-size:clamp(32px,10vw,48px);margin-bottom:.25rem}.timer-controls{flex-shrink:0;margin:0}.btn-large{padding:clamp(.5rem,2vh,.75rem) clamp(1rem,4vw,1.5rem);font-size:clamp(13px,3vw,18px);min-width:clamp(90px,22vw,120px);min-height:clamp(36px,7vh,48px);white-space:nowrap}.btn-large.btn-icon-only{padding:clamp(.5rem,2vh,.75rem);min-width:clamp(36px,7vh,48px);width:clamp(36px,7vh,48px);height:clamp(36px,7vh,48px)}}@media (max-width: 480px){.nav{padding:.5rem .75rem}.btn-small,.btn-icon{padding:.35rem .6rem;min-width:70px}}.confirm-dialog{max-width:450px;background:#eaeaea}.confirm-message{padding:1rem 0;color:var(--text);font-size:16px;line-height:1.5}.confirm-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.confirm-actions .btn{min-width:100px}.confirm-actions .btn-primary{background-color:#4f6d7a;color:#fff}.confirm-actions .btn-primary:hover{background-color:#3d5560}.confirm-actions .btn-secondary{background-color:#e8dab2;color:var(--text)}.confirm-actions .btn-secondary:hover{background-color:#d4c89f}@media (max-width: 768px){.confirm-dialog{max-width:95vw}.confirm-message{font-size:clamp(14px,3.5vw,16px);padding:.75rem 0}.confirm-actions{flex-direction:column;gap:.75rem;margin-top:1rem}.confirm-actions .btn{width:100%;min-width:auto;padding:clamp(.75rem,3vh,1rem);font-size:clamp(14px,3.5vw,16px);min-height:clamp(40px,8vh,48px)}}.entries-container{min-height:100vh;background:#c0d6df}.nav{background:#eaeaea!important;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;gap:1rem}.nav-left{display:flex;align-items:center;justify-content:flex-start}.nav-user{display:flex;align-items:center;gap:.5rem;color:var(--text)}.nav-user svg{flex-shrink:0;color:var(--text)}.nav-username{color:var(--text);font-weight:500;font-size:16px;white-space:nowrap}.nav-center{display:flex;align-items:center;justify-content:center}.nav-brand{font-size:20px;font-weight:700;color:var(--text);text-align:center}.nav-links{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.btn-small{padding:.5rem 1rem;font-size:14px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;line-height:1;height:48px!important;min-height:48px!important}.btn-icon{padding:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;display:inline-flex!important;align-items:center;justify-content:center;border:none;line-height:1;font-size:0!important}.btn-icon svg{display:block!important;width:20px!important;height:20px!important;flex-shrink:0}.btn-icon:not(.btn-secondary){background-color:var(--button-logout)!important;color:#fff!important}.btn-icon.btn-secondary{background-color:var(--button-default)!important;color:var(--text)!important}.btn-icon.btn-secondary:hover{background-color:#d4c89f!important}.btn-icon:not(.btn-secondary):not(.btn-success):not(.btn-primary):hover{background-color:#c55a3a!important}.nav-link{text-decoration:none!important}.btn.btn-secondary{background-color:var(--button-default);color:var(--text);border:none;text-decoration:none!important}.btn.btn-secondary:hover{background-color:#d4c89f}.entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.entries-title{font-size:28px;font-weight:700;color:var(--text)}.entries-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn-success{background-color:#45aa41!important;color:#fff!important}.btn-success:hover{background-color:#3a8f37!important}.btn-success.btn-icon{background-color:#45aa41!important;color:#fff!important}.btn-success.btn-icon:hover{background-color:#3a8f37!important}.btn-primary.btn-icon{background-color:#4f6d7a!important;color:#fff!important}.btn-primary.btn-icon:hover{background-color:#3d5560!important}.btn-primary.btn-icon:disabled{opacity:.6;cursor:not-allowed}.entries-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{background:#eaeaea;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.stat-label{font-size:14px;color:var(--text-light);margin-bottom:.5rem}.stat-value{font-size:24px;font-weight:700;color:#4f6d7a}.entries-group{margin-bottom:2rem}.group-title{display:flex;align-items:center;gap:.75rem;font-size:20px;font-weight:600;color:var(--text);margin-bottom:1rem}.tag-badge{background:#4f6d7a;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:14px;font-weight:600}.tag-badge.no-tag{background:var(--text-light)}.group-count{color:var(--text-light);font-size:16px;font-weight:400}.entry-card{background:#eaeaea;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;position:relative;transition:transform .2s ease,box-shadow .2s ease}.entry-card:active{transform:scale(.98)}.entry-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.entry-name{font-size:18px;font-weight:600;color:var(--text);flex:1}.entry-duration{font-size:20px;font-weight:700;color:#4f6d7a;font-variant-numeric:tabular-nums;text-align:right}.entry-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-right:2.5rem}.entry-time{font-size:14px;color:#4f6d7a;flex:1}.entry-delete{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:24px;color:var(--text-light);cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px;transition:all .2s ease;z-index:1}.entry-delete:hover{background:var(--danger-color);color:#fff}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-state p{font-size:18px;margin-bottom:2rem}@media (max-width: 768px){.nav{padding:.75rem 1rem;grid-template-columns:1fr auto 1fr;gap:.5rem}.nav-brand{font-size:clamp(16px,4vw,20px)}.nav-username{font-size:clamp(14px,3.5vw,16px)}.nav-user svg{width:clamp(14px,3.5vw,18px);height:clamp(14px,3.5vw,18px)}.btn-icon{width:clamp(36px,8vw,48px)!important;height:clamp(36px,8vw,48px)!important;min-width:clamp(36px,8vw,48px)!important;min-height:clamp(36px,8vw,48px)!important;max-width:clamp(36px,8vw,48px)!important;max-height:clamp(36px,8vw,48px)!important;padding:0!important}.btn-icon svg{width:clamp(18px,4.5vw,20px)!important;height:clamp(18px,4.5vw,20px)!important;display:block!important}.btn-small{padding:.4rem .75rem;font-size:clamp(12px,3vw,14px);min-width:clamp(80px,20vw,100px);height:clamp(36px,8vw,48px)!important;min-height:clamp(36px,8vw,48px)!important}height: clamp(36px,8vw,48px) !important;min-height: clamp(36px,8vw,48px) !important}.btn-icon svg{width:clamp(16px,4vw,20px)!important;height:clamp(16px,4vw,20px)!important;display:block!important}.nav-links{gap:.5rem}.container{padding:.75rem}.entries-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.entries-title{font-size:clamp(20px,5vw,28px)}.entries-actions .btn{padding:.5rem 1rem;font-size:clamp(12px,3vw,16px);min-height:clamp(36px,8vw,44px)}.entries-stats{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.stat-item{padding:clamp(1rem,3vw,1.5rem);border-radius:clamp(8px,2vw,12px)}.stat-label{font-size:clamp(12px,3vw,14px);margin-bottom:.4rem}.stat-value{font-size:clamp(18px,5vw,24px)}.group-title{font-size:clamp(16px,4vw,20px);margin-bottom:.75rem}.tag-badge{padding:clamp(.35rem,1.5vw,.5rem) clamp(.75rem,3vw,1rem);font-size:clamp(11px,2.5vw,14px);border-radius:clamp(15px,4vw,20px)}.group-count{font-size:clamp(13px,3.5vw,16px)}.entry-card{padding:clamp(.75rem,3vw,1.25rem);margin-bottom:.75rem;border-radius:clamp(8px,2vw,12px)}.entry-name{font-size:clamp(15px,4vw,18px)}.entry-duration{font-size:clamp(16px,4.5vw,20px)}.entry-time{font-size:clamp(12px,3vw,14px)}.entry-delete{top:.5rem;right:.5rem;font-size:clamp(18px,5vw,24px);padding:.2rem .4rem}.entry-meta{padding-right:2rem;gap:.5rem}} @media (max-width: 480px){.nav{padding:.5rem .75rem}.btn-small,.btn-icon{padding:.35rem .6rem;min-width:70px}.container{padding:.5rem}.entries-header{margin-bottom:.75rem}.stat-item,.entry-card{padding:.75rem}}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:var(--text-light)}.container{max-width:100%;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.btn{padding:1rem 2rem;font-size:18px;font-weight:600;border-radius:8px;min-height:48px;min-width:120px;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}@media (max-width: 768px){.btn{padding:clamp(.75rem,3vw,1rem) clamp(1.25rem,5vw,2rem);font-size:clamp(14px,3.5vw,18px);min-height:clamp(40px,8vw,48px);min-width:clamp(100px,25vw,120px);border-radius:clamp(6px,1.5vw,8px)}}.btn:active{transform:scale(.98)}.btn-primary{background-color:#4f6d7a;color:#fff}.btn-primary:hover{background-color:#3d5560}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#229954}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-secondary{background-color:var(--button-default);color:var(--text);border:none;text-decoration:none!important}.btn-secondary:hover{background-color:#d4c89f}a.btn,a.btn-secondary{text-decoration:none!important}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text);font-size:16px}.form-input{width:100%;padding:.875rem;font-size:16px;border:1px solid var(--border);border-radius:8px;background-color:var(--background);color:var(--text);transition:border-color .2s ease}.form-input:focus{border-color:var(--secondary-color);outline:none}.form-input::placeholder{color:var(--text-light)}.error-message{color:var(--danger-color);font-size:14px;margin-top:.5rem}.card{background:var(--background);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#eaeaea;border-radius:12px;padding:1.5rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:1.5rem}.modal-title{font-size:20px;font-weight:600;color:var(--text)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:24px;color:var(--text-light);cursor:pointer;padding:.5rem;line-height:1}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#eaeaea!important;border-bottom:1px solid var(--border);margin-bottom:1rem}.nav-link{color:var(--text);text-decoration:none!important;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s ease}.nav-link:hover{background-color:#d4c89f}.nav-link.active{color:#4f6d7a;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--secondary-color: #4f6d7a;--success-color: #45AA41;--danger-color: #dd6e42;--background: #eaeaea;--surface: #eaeaea;--text: #2c3e50;--text-light: #7f8c8d;--border: #e0e0e0;--button-default: #e8dab2;--button-logout: #dd6e42;--button-stop: #dd6e42;--button-start: #45AA41;--button-pause: #f4a261}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#c0d6df;color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;outline:none}@media (max-width: 768px){body{font-size:16px}}