*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6f8;color:#1a1a1a}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;padding:.75rem 1.5rem;background:#fff;color:#1a1a1a;border-bottom:1px solid #e5e7eb}.app-header-left,.app-user{flex:1;display:flex;align-items:center;gap:1.75rem}.app-header-center{flex:1;display:flex;justify-content:center}.app-user{justify-content:flex-end}.app-logo{display:flex;align-items:center;line-height:0}.app-logo img{height:28px;width:auto;display:block}.burger-menu-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:#0a5271;padding:.35rem;border-radius:6px;cursor:pointer}.burger-menu-toggle:hover{background:#eef1f4}.app-tabbar-backdrop{display:none}.app-tabbar{display:flex;flex-wrap:wrap;gap:.2rem;background:#0a5271;padding:.5rem 1.5rem 0}.app-tabbar a{display:inline-block;padding:.5rem 1rem;color:#bcdcdc;text-decoration:none;font-weight:500;font-size:.9rem;border-radius:6px 6px 0 0}.app-tabbar a:hover{background:#ffffff1f;color:#fff}.app-tabbar a.active{background:#f5f6f8;color:#0a5271}.timer-widget{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background:#111827;border:1px solid #374151;border-radius:6px;font-size:.9rem;color:#fff}.timer-widget select{padding:.25rem .4rem}.timer-widget-offline{color:#9ca3af;font-style:italic}.timer-widget-running .timer-widget-project{font-weight:600}.timer-clock{display:inline-block;min-width:4.5em;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.timer-clock-running{color:#16a34a}.timer-widget .timer-clock-running{color:#86efac}.timer-widget-prompt{background:#1f2937;padding:.4rem .6rem;border-radius:6px}.timer-widget-prompt .timer-stop-prompt p{margin:0 0 .4rem;color:#e5e7eb;font-size:.85rem}.timer-stop-prompt{display:flex;flex-direction:column;gap:.5rem}.quick-create-form{background:#f9fafb;border:1px dashed #cbd5e1;border-radius:6px;padding:.5rem}.popup-dialog{border:none;border-radius:8px;padding:1.25rem 1.5rem;box-shadow:0 10px 30px #00000040;min-width:300px}.popup-dialog::backdrop{background:#00000073}.popup-dialog h3{margin-top:0}.popup-dialog .manual-entry-form{flex-direction:column;align-items:stretch}.app-user button{background:transparent;border:1px solid #0a5271;color:#0a5271}main{padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.card{background:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014}.inline-form,.timer-form,.manual-entry-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.checkbox{display:flex;align-items:center;gap:.35rem}input,select,button{font:inherit;padding:.4rem .6rem;border-radius:6px;border:1px solid #cbd5e1}button{background:#0a5271;color:#fff;border:none;cursor:pointer}button:disabled{opacity:.6;cursor:default}.list{list-style:none;padding:0;background:#fff;border-radius:8px;overflow:hidden}.list li{padding:.5rem .75rem;border-bottom:1px solid #eef1f4}.list li:last-child{border-bottom:none}.list li:nth-child(2n){background:#f7f9fb}.list li:hover{background:#f0f6f7}.list-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.list-row-actions{display:flex;gap:.4rem;flex-shrink:0}.client-projects-dropdown{margin:.5rem 0 .75rem 1rem;border:1px solid #eef1f4}.client-projects-dropdown-hint{margin:.5rem 0 .75rem 1rem;color:#55606b;font-size:.9rem}.entries-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:.92rem}.entries-table th,.entries-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #eef1f4}.entries-table thead th{background:#f7f9fb;border-bottom:1px solid #dde3ea;color:#55606b;font-weight:600;font-size:.82rem;white-space:nowrap}.entries-table tbody tr:nth-child(2n){background:#f7f9fb}.entries-table tbody tr:hover{background:#f0f6f7}.entries-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.entries-table th.sortable:hover{color:#0a5271}.entries-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.entries-table a{color:#0a5271;text-decoration:none;font-weight:500}.entries-table a:hover{text-decoration:underline}.table-summary{display:flex;justify-content:flex-end;gap:1.5rem;padding:.5rem .75rem;background:#f7f9fb;border:1px solid #dde3ea;border-radius:6px;margin-top:.5rem;font-weight:600;color:#33424c;font-size:.92rem}.error{color:#dc2626}.csv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 1rem}.csv-import{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.25rem}.csv-import-summary{margin:0;font-size:.85rem;color:#4b5563}.csv-import-errors{margin:0;padding-left:1.1rem;font-size:.82rem;color:#dc2626;max-width:32rem}.client-field{margin:.15rem 0;color:#4b5563}.hint{font-size:.85rem;color:#6b7280}.badge{display:inline-block;margin-left:.35rem;padding:.05rem .4rem;border-radius:4px;background:#eef1f4;color:#0a5271;font-size:.72rem;font-weight:600;vertical-align:middle}.offline-banner{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-form{display:flex;flex-direction:column;gap:.75rem;width:320px}.page-loading{text-align:center;margin-top:3rem}.template-toolbar{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.template-editor-layout{display:flex;gap:1rem;align-items:stretch}.template-editor-textarea{flex:1 1 50%;min-height:70vh;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;resize:vertical}.template-editor-preview{flex:1 1 50%;display:flex;flex-direction:column}.template-editor-preview-frame{flex:1;min-height:70vh;border:1px solid #d1d5db;border-radius:6px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.app-header{flex-wrap:wrap;padding:.6rem .75rem;row-gap:.5rem}.app-header-left{flex:1 1 auto;gap:.75rem}.app-user{flex:0 0 auto;gap:.5rem}.app-header-left,.app-header-center,.app-user{min-width:0}.app-header-center{flex:1 1 100%;order:3;justify-content:stretch}.app-header-center .timer-widget{width:100%;justify-content:center;flex-wrap:wrap;row-gap:.4rem}.app-header{position:relative;z-index:3}.burger-menu-toggle{display:inline-flex}.app-tabbar{display:none;flex-direction:column;flex-wrap:nowrap;gap:0;position:relative;z-index:2;padding:.5rem 0}.app-tabbar.open{display:flex}.app-tabbar a{border-radius:0;padding:.85rem 1rem;font-size:.95rem}.app-tabbar a.active{background:#ffffff29;color:#fff}.app-tabbar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}main{padding:.75rem}.inline-form,.timer-form,.manual-entry-form{flex-direction:column;align-items:stretch}input,select,button{font-size:16px;padding:.55rem .7rem;min-height:2.75rem}select,input{max-width:100%;min-width:0}.list-row{align-items:stretch}.entries-table--cards thead{display:none}.entries-table--cards,.entries-table--cards tbody,.entries-table--cards tr,.entries-table--cards td{display:block;width:100%}.entries-table--cards tr{margin-bottom:.75rem;border:1px solid #dde3ea;border-radius:8px;overflow:hidden}.entries-table--cards tr:last-child{margin-bottom:0}.entries-table--cards td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:right;border-bottom:1px solid #eef1f4}.entries-table--cards td:last-child{border-bottom:none}.entries-table--cards td[data-label]:before{content:attr(data-label);flex-shrink:0;text-align:left;font-weight:600;font-size:.78rem;color:#55606b}.entries-table--cards td:not([data-label]){justify-content:flex-end;background:#f7f9fb}}