@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;font-family:Inter,sans-serif;overflow:hidden}body{-webkit-font-smoothing:antialiased;line-height:1.5}:root{--mytid-main:#004d4d;--mytid-stop:#a30000;--mytid-break:#ff8c00;--mytid-bg:#f2f4f5;--mytid-card-bg:#fff;--mytid-text-main:#1a1a1a;--mytid-text-sub:#666;--mytid-border:#d1d5d9;--mytid-input-bg:#fff;--btn-height-main:55px;--btn-height-small:48px}[data-theme=dark]{--mytid-bg:#121212;--mytid-card-bg:#1e1e1e;--mytid-text-main:#e0e0e0;--mytid-text-sub:#9e9e9e;--mytid-border:#333;--mytid-input-bg:#2c2c2c;--mytid-main:#26a69a}body{background-color:var(--mytid-bg);color:var(--mytid-text-main);font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.mobile-app-root,.app-layout{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-bar{background:var(--mytid-card-bg);border-bottom:1px solid var(--mytid-border);z-index:95;justify-content:space-between;align-items:center;height:50px;padding:0 10px;display:flex;position:relative}.brand{color:var(--mytid-main);pointer-events:none;font-size:1.15rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.header-action-left,.header-action-right{justify-content:center;align-items:center;width:44px;height:50px;display:flex}.header-btn{cursor:pointer;width:100%;height:100%;color:var(--mytid-main);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:8px;transition:opacity .2s;display:flex}.header-btn:active{opacity:.6;background:#004d4d0d}.header-btn .material-symbols-outlined{font-size:24px}.menu-trigger,.close-btn,.nav-arrow-inline,.icon-only-save{cursor:pointer;color:var(--mytid-main);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.menu-overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:90;background:#0006;transition:all .3s;position:fixed;inset:0}.menu-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.side-menu{background:var(--mytid-card-bg);z-index:100;border-right:1px solid var(--mytid-border);width:280px;height:100%;transition:all .3s;position:fixed;top:0;left:-285px;box-shadow:4px 0 20px #0000001a}.side-menu.open{left:0}.menu-header{border-bottom:1px solid var(--mytid-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.menu-brand{color:var(--mytid-main);font-size:1.3rem;font-weight:700}.menu-list{padding:10px 0;list-style:none}.menu-list li{color:var(--mytid-text-main);cursor:pointer;align-items:center;gap:12px;padding:12px 24px;font-weight:600;display:flex}.menu-list li.active{color:var(--mytid-main);border-left:5px solid var(--mytid-main);background:#004d4d14}.menu-divider{border:none;border-top:1px solid var(--mytid-border);opacity:.5;margin:8px 0}.menu-brand{color:var(--mytid-main);align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:flex}.alpha-badge{background-color:var(--mytid-break);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.app-bar{z-index:95;position:relative}.brand{-webkit-user-select:none;user-select:none;letter-spacing:.5px}.menu-header{height:60px}.menu-list li{align-items:center;font-size:.95rem;transition:background-color .2s,color .2s;display:flex}[data-theme=dark] .menu-list li.active{background:#26a69a26}.menu-divider{opacity:.6}.close-btn:active{transition:transform .1s;transform:scale(.9)}.dashboard-view{box-sizing:border-box;flex-direction:column;gap:6px;height:100%;padding:0 10px;display:flex;overflow:hidden}.status-info{flex-direction:column;flex-shrink:0;align-items:center;margin-top:6px;padding-bottom:10px;display:flex}.today-indicator-small{letter-spacing:.1rem;color:var(--mytid-accent);opacity:0;text-transform:uppercase;height:14px;font-size:.65rem;font-weight:800;transition:opacity .2s ease-in-out}.today-indicator-small.visible{opacity:1}.date-navigation-row{justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.btn-next-day{background:var(--mytid-card-bg);border:1.5px solid var(--mytid-border);color:var(--mytid-text-sub);cursor:pointer;white-space:nowrap;border-radius:6px;padding:0 8px;font-size:.75rem;font-weight:700;transition:all .2s}.btn-next-day.active{background:var(--mytid-accent);border-color:var(--mytid-accent);color:#fff}.date-display-clean{text-align:center;min-width:180px;margin:0;font-size:1.1rem;font-weight:600}.nav-arrow-inline{color:var(--mytid-text);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:5px;transition:background .2s;display:flex}.nav-arrow-inline:active{background:#ffffff1a}.time-display-wrapper{justify-content:center;align-items:center;height:60px;display:flex}.time-display{color:var(--mytid-main);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.total-time-header{flex-direction:column;justify-content:center;align-items:center;height:60px;display:flex}.total-value-big{color:var(--mytid-main);font-size:2.5rem;font-weight:800;line-height:1}.total-label-small{letter-spacing:.1rem;color:var(--mytid-main);opacity:.7;font-size:.7rem;font-weight:800}.back-to-today-btn{background:rgba(var(--mytid-main-rgb), .08);width:100%;max-width:280px;height:100%;color:var(--mytid-main);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:1rem;font-size:1rem;font-weight:800;transition:all .2s;display:flex}.back-to-today-btn:active{background:var(--mytid-main);color:#fff;transform:scale(.96)}.back-to-today-btn span{font-size:24px!important}.punch-button-main{height:var(--btn-height-main);background:var(--mytid-main);color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.punch-button-main.punched-in{background:var(--mytid-stop)}.punch-button-main.disabled-punch{opacity:.3;filter:grayscale();cursor:not-allowed;pointer-events:none}.manual-actions-triple{gap:8px;display:flex}.btn-manual-small{height:var(--btn-height-small);background:var(--mytid-card-bg);color:var(--mytid-main);border:1.5px solid var(--mytid-main);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.85rem;font-weight:700;display:flex}.btn-manual-small.active-break{background-color:var(--mytid-break);border-color:var(--mytid-break);color:#fff}.btn-manual-small:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.day-summary{background:var(--mytid-card-bg);border:1px solid var(--mytid-border);-webkit-overflow-scrolling:touch;border-radius:8px;flex:1;min-height:60px;margin-bottom:2px;padding:12px 16px;overflow-y:auto}.summary-item{border-bottom:1px solid rgba(var(--mytid-main-rgb), .05);justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:.9rem;display:flex}.summary-time{color:var(--mytid-text-main);min-width:95px;font-weight:600}.summary-content-wrapper{flex-direction:column;flex:1;display:flex}.summary-row-top{gap:12px;display:flex}.summary-item.pause{color:var(--mytid-stop);opacity:.9;font-style:italic}.summary-placeholder-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.total-value{color:var(--mytid-main);font-size:1.1rem;font-weight:700;line-height:1}.total-label{color:var(--mytid-text-sub);text-transform:uppercase;font-size:.8rem;font-weight:700}.entry-actions{z-index:70;align-items:center;margin-left:10px;display:flex;position:relative}.action-trigger-small{color:var(--mytid-text-sub);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.action-buttons-active{z-index:100;isolation:isolate;gap:8px;display:flex;position:relative}.btn-circle-small{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #00000026}.btn-circle-small.edit{color:#333;background-color:#ffb300}.btn-circle-small.delete{background-color:#e53935}.material-symbols-outlined{pointer-events:none}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.booking-modal{background:var(--mytid-card-bg);border:1px solid var(--mytid-border);border-radius:12px;width:100%;max-width:340px;padding:24px;box-shadow:0 15px 35px #0000004d}.booking-modal h3{color:var(--mytid-main);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.1rem;font-weight:800}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-date-info{text-align:center;color:var(--mytid-subtext);margin-top:-10px;margin-bottom:15px;font-size:.9rem;font-weight:700}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--mytid-text-sub);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.input-group input{border:1.5px solid var(--mytid-border);background:var(--mytid-input-bg);color:var(--mytid-text-main);border-radius:6px;outline:none;padding:12px;font-family:inherit;font-size:1rem}.input-group input:focus{border-color:var(--mytid-main)}.modal-actions{gap:12px;margin-top:10px;display:flex}.btn-cancel{border:1.5px solid var(--mytid-border);height:48px;color:var(--mytid-text-sub);cursor:pointer;background:0 0;border-radius:6px;flex:1;font-weight:700}.btn-confirm{background:var(--mytid-main);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:2;height:48px;font-weight:700;box-shadow:0 2px 4px #0000001a}.summary-row-note{color:var(--mytid-text-sub);opacity:.8;margin:4px 0 0;font-size:.8rem;font-style:italic;line-height:1.2}.unit-label{color:var(--mytid-text-sub);margin-left:4px;font-size:.9rem;font-weight:400}.sticky-note-area{background:var(--mytid-bg);padding:10px 0 env(safe-area-inset-bottom) 0;border-top:1px solid var(--mytid-border);z-index:70;flex-shrink:0;width:100%;margin-top:auto}.section-label-small{color:var(--mytid-main);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.textarea-container{width:100%;min-height:85px;max-height:200px;position:relative}textarea{border:1.5px solid var(--mytid-border);background-color:var(--mytid-input-bg);width:100%;min-height:80px;color:var(--mytid-text-main);resize:none;border-radius:6px;padding:10px 45px 10px 10px;font-family:inherit}textarea:focus{border-color:var(--mytid-main);background:var(--mytid-bg);box-shadow:0 -10px 20px #0000000d}.icon-only-save{color:var(--mytid-main);cursor:pointer;background:0 0;border:none;position:absolute;top:8px;right:8px}.icon-only-save.saved-active{color:#4caf50;transition:all .2s;transform:scale(1.2)}.error-note-wrapper{justify-content:center;height:0;display:flex;position:relative}.main-error-msg{color:var(--mytid-stop);background:var(--mytid-bg);z-index:80;border-radius:4px;padding:2px 10px;font-size:.85rem;font-weight:700;animation:3s forwards fadeInOut;position:absolute;bottom:8px;box-shadow:0 2px 8px #0000001a}.modal-error-msg{color:var(--mytid-stop);text-align:center;margin-bottom:10px;font-size:.8rem;font-weight:700;animation:.3s ease-in-out shake}.uppercase{text-transform:uppercase}@keyframes fadeInQuick{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.settings-view{flex-direction:column;padding-top:5px;display:flex}.section-title{color:var(--mytid-main);margin-bottom:20px;font-size:1.2rem;font-weight:700}.settings-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.settings-group label{color:var(--mytid-text-sub);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.settings-group select{border:1.5px solid var(--mytid-border);background-color:var(--mytid-input-bg);height:48px;color:var(--mytid-text-main);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23004D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border-radius:8px;padding:0 12px;font-family:inherit;font-size:.95rem}[data-theme=dark] .settings-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2326A69A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.reset-section{border-top:1px dotted var(--mytid-border);margin-top:40px;padding-top:20px}.reset-section label{color:var(--mytid-main);margin-bottom:20px;font-size:1.2rem;font-weight:700;color:var(--mytid-stop)!important}.btn-reset-danger{color:var(--mytid-stop);border:1px solid var(--mytid-stop);cursor:pointer;background-color:#0000;border-radius:8px;width:100%;padding:12px;font-weight:700;transition:all .2s}.btn-reset-danger:active{background-color:var(--mytid-stop);color:#fff;transform:scale(.98)}.placeholder-view{text-align:center;padding:40px 20px}.placeholder-card{background:var(--mytid-card-bg);border:1px solid var(--mytid-border);border-radius:12px;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;display:flex}.placeholder-icon{color:var(--mytid-main);opacity:.5;font-size:48px!important}.placeholder-card p{color:var(--mytid-text-sub);max-width:200px;font-size:.9rem}.list-view-container{background-color:var(--mytid-bg);flex-direction:column;height:100%;display:flex}.top-fade-overlay{background:linear-gradient(to bottom, var(--mytid-bg) 25%, transparent);z-index:30;pointer-events:none;height:30px;position:absolute;top:0;left:0;right:0}.list-scroll-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;height:100%;padding:0 10px;display:flex;overflow-y:auto}.year-display-large{text-align:center;color:var(--mytid-main);opacity:.5;letter-spacing:4px;margin:25px 0 10px;font-size:2.3rem;font-weight:800}.sticky-month-header{background:var(--mytid-bg);color:var(--mytid-main);z-index:10;padding:12px 0;font-size:1.25rem;font-weight:800;position:sticky;top:0}.list-card{border-bottom:1px solid var(--mytid-border);padding:15px 0}.list-card.today-highlight{border-left:4px solid var(--mytid-main);background:linear-gradient(90deg,#26a69a0d,#0000);padding-left:12px}.list-card-row{justify-content:space-between;align-items:center;display:flex}.list-date{font-size:1.05rem;font-weight:700}.list-range{color:var(--mytid-text-sub);font-size:.85rem}.list-total{color:var(--mytid-main);font-size:1.2rem;font-weight:800}.list-note-line{color:var(--mytid-text-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:.8rem;font-style:italic;overflow:hidden}.scroll-spacer{flex-shrink:0;height:80px}.list-card.holiday{background-color:rgba(var(--mytid-main-rgb), .03)}.list-date.holiday-text{color:#d32f2f;font-weight:800}