@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Barlow+Condensed:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #222;--border: #2a2a2a;--text: #e8e8e8;--text-dim: #888;--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .15);--danger: #e74c3c;--danger-dim: rgba(231, 76, 60, .15);--success: #2ecc71;--font-mono: "DM Mono", monospace;--font-display: "Barlow Condensed", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.page{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(130px + var(--safe-bottom))}.page-header{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between}.page-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 20px 20px}.page-content::-webkit-scrollbar{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;cursor:pointer;transition:color .2s;color:var(--text-dim);text-decoration:none;font-size:10px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{width:22px;height:22px}.login-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-logo{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.login-subtitle{color:var(--text-dim);font-size:12px;margin-bottom:40px}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:16px}.login-input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:16px;color:var(--text);transition:border-color .2s}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text-dim)}.login-error{padding:10px 14px;background:var(--danger-dim);border:1px solid rgba(231,76,60,.3);border-radius:10px;color:var(--danger);font-size:12px;text-align:center}.btn-primary{width:100%;padding:14px;background:var(--accent);color:#000;border-radius:10px;font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:opacity .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:active:not(:disabled){opacity:.8}.btn-danger{padding:12px 20px;background:var(--danger-dim);color:var(--danger);border:1px solid rgba(231,76,60,.3);border-radius:10px;font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.ze-header-new{padding:16px 20px 8px;display:flex;justify-content:space-between;align-items:flex-start}.ze-header-left{display:flex;flex-direction:column}.ze-day-name-split{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:.04em;line-height:1}.ze-day-prefix{color:var(--text)}.ze-day-suffix{color:var(--accent)}.ze-date-full{font-size:12px;color:var(--text-dim);margin-top:4px;font-family:var(--font-mono)}.ze-header-right{text-align:right}.ze-header-hours{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--accent);letter-spacing:.02em}.ze-header-today-label{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.ze-nav-row{display:flex;align-items:center;justify-content:space-between;padding:8px 20px}.ze-nav-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface);color:var(--text-dim);cursor:pointer}.ze-nav-arrow:active{background:var(--surface2);color:var(--text)}.ze-pagination-dots{display:flex;gap:6px;align-items:center}.ze-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s,transform .2s}.ze-dot.active{width:20px;border-radius:4px;background:var(--accent)}.ze-week-chart-card{margin:4px 20px 12px;background:var(--surface);border-radius:14px;padding:14px 16px}.ze-week-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ze-week-chart-kw{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.ze-week-chart-total{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.02em}.ze-week-chart-bars{display:flex;flex-direction:column;gap:5px}.ze-bar-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:2px 0}.ze-bar-label{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-dim);width:24px;text-align:center;letter-spacing:.04em}.ze-bar-label.today{color:var(--accent)}.ze-bar-track{flex:1;height:16px;background:var(--surface2);border-radius:4px;overflow:hidden}.ze-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease;min-width:0;opacity:.85}.ze-entries{padding:0 20px;display:flex;flex-direction:column;gap:8px}.ze-entry-card{position:relative;overflow:hidden;border-radius:12px;touch-action:pan-y}.ze-entry-card-inner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-radius:12px;position:relative;z-index:1;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.ze-entry-hours{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--accent);min-width:64px}.ze-entry-info{flex:1;min-width:0}.ze-entry-project{font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ze-entry-desc{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.ze-entry-delete-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--danger);display:flex;align-items:center;justify-content:flex-end;padding-right:20px;border-radius:12px;color:#fff;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.ze-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-dim);text-align:center}.ze-empty-icon{font-size:48px;margin-bottom:12px}.ze-empty-text{font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.ze-bottom-btn-container{position:fixed;bottom:calc(60px + var(--safe-bottom));left:0;right:0;padding:12px 20px;z-index:50}.ze-bottom-add-btn{width:100%;padding:16px;background:var(--accent);color:#000;border-radius:14px;font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:center;transition:opacity .2s;box-shadow:0 4px 20px #f5a6234d}.ze-bottom-add-btn:active{opacity:.85}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;opacity:0;transition:opacity .3s;pointer-events:none}.sheet-overlay.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:20px 20px 0 0;z-index:201;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);padding-bottom:var(--safe-bottom);max-height:85vh;overflow-y:auto}.sheet.open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 16px}.sheet-title{font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 20px;margin-bottom:20px}.sheet-section{padding:0 20px;margin-bottom:16px}.sheet-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;font-family:var(--font-display)}.ze-project-dropdown-wrapper{position:relative}.ze-project-dropdown-trigger{width:100%;padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;font-size:15px;color:var(--text-dim);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;transition:border-color .2s}.ze-project-dropdown-trigger.selected{color:var(--text);border-color:var(--accent)}.ze-dropdown-arrow{font-size:10px;color:var(--text-dim);margin-left:8px}.ze-project-dropdown-list{position:absolute;top:-8px;left:0;right:0;background:var(--surface2);border-radius:12px;z-index:10;box-shadow:0 8px 32px #00000080;overflow-y:auto;max-height:300px;scrollbar-width:none}.ze-project-dropdown-list::-webkit-scrollbar{display:none}.ze-project-dropdown-item{padding:14px 16px;font-size:15px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.ze-project-dropdown-item:first-child{border-radius:12px 12px 0 0}.ze-project-dropdown-item:last-child{border-radius:0 0 12px 12px}.ze-project-dropdown-item:active{background:var(--border)}.ze-project-dropdown-item.checked{color:var(--accent)}.ze-check{font-size:16px;color:var(--accent);flex-shrink:0}.spinner-row-enhanced{display:flex;gap:24px;align-items:flex-start;justify-content:center;padding:0 20px}.spinner-col-enhanced{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.spinner-col-label-enhanced{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.drum-spinner-enhanced{position:relative;background:var(--surface2);border-radius:12px;overflow:hidden;width:100%}.drum-spinner-scroll{display:flex;flex-direction:column;align-items:center;touch-action:none}.drum-item-prev,.drum-item-next{height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text-dim);opacity:.4;-webkit-user-select:none;user-select:none}.drum-item-active{height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text);-webkit-user-select:none;user-select:none;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);width:100%}.drum-suffix{font-size:.5em;font-weight:500;color:var(--text-dim);margin-left:2px}.drum-minus-btn{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;font-weight:700;cursor:pointer;border-bottom:2px solid var(--accent);background:none;border-top:none;border-left:none;border-right:none;padding:0}.ze-duration-summary{text-align:center;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--accent);margin-top:12px;letter-spacing:.02em}.ze-confirm-btn{margin:20px;padding:16px;border-radius:14px;font-family:var(--font-display);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:center;transition:opacity .2s,background .2s;display:block;width:calc(100% - 40px);background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.ze-confirm-btn.ready{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 4px 20px #f5a6234d}.ze-confirm-btn.ready:active{opacity:.85}.ze-confirm-btn:disabled{cursor:not-allowed}.sheet-input{width:100%;padding:12px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);transition:border-color .2s}.sheet-input:focus{border-color:var(--accent)}.sheet-input::placeholder{color:var(--text-dim)}.project-card{padding:16px;background:var(--surface);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:background .15s;text-decoration:none;display:block;color:inherit}.project-card:active{background:var(--surface2)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.project-card-name{font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.project-card-number{font-size:12px;color:var(--text-dim);margin-top:2px}.project-card-customer{font-size:12px;color:var(--text-dim);margin-top:6px}.status-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-badge.active{background:#2ecc7126;color:var(--success)}.status-badge.planned{background:var(--accent-dim);color:var(--accent)}.status-badge.completed{background:#88888826;color:var(--text-dim)}.detail-back{display:flex;align-items:center;gap:4px;color:var(--accent);font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:4px 0;background:none;border:none}.detail-section{margin-bottom:24px}.detail-section-title{font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.detail-row-label{color:var(--text-dim)}.detail-row-value{text-align:right}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--surface2)}.photo-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--surface);border:1px dashed var(--border);border-radius:10px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:border-color .2s,color .2s;margin-bottom:12px}.photo-upload-btn:active{border-color:var(--accent);color:var(--accent)}.note-card{padding:12px 14px;background:var(--surface);border-radius:10px;margin-bottom:8px;font-size:13px}.note-card-date{font-size:11px;color:var(--text-dim);margin-top:4px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 auto 16px}.profile-name{font-family:var(--font-display);font-size:22px;font-weight:700;text-align:center;text-transform:uppercase}.profile-role{font-size:12px;color:var(--text-dim);text-align:center;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.profile-section{margin-top:32px}.profile-info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.profile-info-label{color:var(--text-dim)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-dim)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner svg{animation:spin 1s linear infinite}.tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{flex:1;padding:10px 0;text-align:center;font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;background:none;border-top:none;border-left:none;border-right:none}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}