:root{--primary: #111111;--primary-fg: #ffffff;--bg: #ffffff;--bg-secondary: #f5f5f5;--border-color: #dddddd;--muted: #888888;--success: #2a9d5c;--error: #c62828;--radius-md: 8px;--radius-lg: 12px;--border: .5px solid var(--border-color)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--primary);background:var(--bg-secondary);line-height:1.4}.page-wrapper{max-width:960px;margin:0 auto;padding:1.25rem 1rem}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted);font-size:13px}.app-shell{display:flex;min-height:100vh}.app-content{flex:1;min-width:0}.side-nav{width:200px;flex-shrink:0;background:var(--bg);border-right:var(--border);padding:1.25rem .75rem;display:flex;flex-direction:column;gap:16px}.side-nav__brand{font-size:16px;font-weight:500;padding:0 8px}.side-nav__list{list-style:none;display:flex;flex-direction:column;gap:4px}.side-nav__link{display:block;font-size:13px;color:var(--primary);text-decoration:none;padding:8px 10px;border-radius:var(--radius-md);border:.5px solid transparent}.side-nav__link:hover{background:var(--bg-secondary)}.side-nav__link--active,.side-nav__link--active:hover{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.placeholder{text-align:center;padding:48px 16px}.placeholder__title{font-size:14px;font-weight:500;margin-bottom:6px}.placeholder__text{font-size:13px;color:var(--muted)}.card{background:var(--bg);border:var(--border);border-radius:var(--radius-lg);padding:16px}button{cursor:pointer;font-size:13px;font-family:inherit;border-radius:var(--radius-md);border:var(--border);background:var(--bg);padding:6px 14px;transition:background .12s,color .12s;white-space:nowrap}button:disabled{opacity:.45;cursor:not-allowed}button.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}button.btn-primary:hover:not(:disabled){background:#333}button.btn-secondary:hover:not(:disabled){background:#f0f0f0}button.btn-danger{color:var(--error)}button.btn-danger:hover:not(:disabled){background:#fdecea;border-color:var(--error)}input,textarea,select{font-size:13px;font-family:inherit;border:var(--border);border-radius:var(--radius-md);padding:6px 8px;width:100%;background:var(--bg);color:var(--primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}textarea{resize:vertical;min-height:54px}input[type=number]{text-align:center}.field-error{font-size:12px;color:var(--error);margin-top:3px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.login-card{width:100%;max-width:400px;background:var(--bg);border:var(--border);border-radius:var(--radius-lg);padding:32px 28px}.login-card h1{font-size:18px;font-weight:500;margin-bottom:4px}.login-card .subtitle{font-size:13px;color:var(--muted);margin-bottom:20px}.login-form-group{margin-bottom:14px}.login-form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.login-actions{margin-top:16px}.login-actions button{width:100%;padding:8px}.login-link{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}.login-link a,.login-link button.link-btn{color:var(--primary);text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;font-size:12px}.login-info{font-size:12px;color:var(--muted);margin-bottom:16px}.otp-timer{font-size:12px;color:var(--muted);margin-top:6px}.otp-timer.expired{color:var(--error)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.topbar__title{font-size:18px;font-weight:500}.topbar__right{display:flex;align-items:center;gap:8px}.topbar__name-pill{font-size:13px;background:var(--bg);border:var(--border);border-radius:var(--radius-md);padding:4px 10px}.topbar__nav-link{font-size:13px;color:var(--primary);text-decoration:none;padding:4px 8px;border:var(--border);border-radius:var(--radius-md);background:var(--bg)}.topbar__nav-link:hover{background:#f0f0f0}.topbar__logout{font-size:12px;color:var(--muted)}.week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.week-nav__label{font-size:14px;font-weight:500}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.day-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;transition:background .1s}.day-btn:hover:not(.day-btn--active){background:var(--bg-secondary)}.day-btn--active{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.day-btn__name{font-size:12px;font-weight:500;color:var(--muted)}.day-btn__num{font-size:15px;font-weight:500}.day-btn__hrs{font-size:11px;font-weight:400;color:var(--muted)}.day-btn--active .day-btn__name,.day-btn--active .day-btn__hrs{color:#ccc}.day-btn--active .day-btn__num{color:var(--primary-fg)}.day-btn--has-entries .day-btn__hrs{color:var(--success)}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.metric-card{background:var(--bg);border:var(--border);border-radius:var(--radius-lg);padding:10px 12px}.metric-card__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.metric-card__value{font-size:18px;font-weight:500}.day-panel,.day-panel__header{margin-bottom:12px}.day-panel__date{font-size:14px;font-weight:500}.day-panel__subtitle{font-size:12px;color:var(--muted);margin-top:2px}.day-panel__footer{text-align:right;font-size:13px;font-weight:500;padding-top:10px;border-top:var(--border);margin-top:10px}.day-panel__add-btn{width:100%;margin-top:10px;padding:7px;border-style:dashed;color:var(--muted)}.day-panel__add-btn:hover{background:var(--bg-secondary);color:var(--primary)}.entry-table{width:100%;border-collapse:collapse}.entry-table th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 6px 8px;text-align:left;border-bottom:var(--border)}.entry-table th.center{text-align:center}.entry-table td{padding:6px 4px;vertical-align:top}.entry-table td:last-child{text-align:center}.entry-table tr+tr td{border-top:var(--border)}.delete-btn{width:28px;height:28px;padding:0;font-size:15px;color:var(--muted);border:var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:auto}.delete-btn:hover{color:var(--error);border-color:var(--error);background:#fdecea}.action-bar{display:flex;justify-content:flex-end;gap:8px}.admin-menu{max-width:560px}.admin-menu__heading{font-size:14px;font-weight:500;margin-bottom:12px}.admin-menu__list{list-style:none;display:flex;flex-direction:column;gap:6px}.admin-menu__link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--primary);text-decoration:none;padding:8px 10px;border:var(--border);border-radius:var(--radius-md);background:var(--bg)}a.admin-menu__link:hover{background:var(--bg-secondary)}.admin-menu__link--disabled{color:var(--muted);opacity:.6;cursor:not-allowed}.admin-menu__hint{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.user-table{width:100%;border-collapse:collapse}.user-table th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 8px 8px;text-align:left;border-bottom:var(--border)}.user-table td{padding:8px;vertical-align:middle;border-top:var(--border)}.user-table tbody tr:first-child td{border-top:none}.user-table__add{text-decoration:none;display:inline-block}.user-table__edit{font-size:13px;color:var(--primary);text-decoration:none;padding:4px 10px;border:var(--border);border-radius:var(--radius-md);background:var(--bg)}.user-table__edit:hover{background:var(--bg-secondary)}.status-pill{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-md);border:.5px solid transparent}.status-pill--active{color:var(--success);border-color:var(--success)}.status-pill--inactive{color:var(--muted);border-color:var(--border-color)}.profile-form{max-width:560px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-row .read-only{font-size:13px;color:var(--muted);padding:6px 0}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.form-row--inline{display:flex;align-items:center;gap:8px}.form-row--inline label{margin-bottom:0}.form-checkbox{width:auto}.form-row__hint{font-size:12px;color:var(--muted)}.toast-wrapper{position:fixed;bottom:24px;right:24px;z-index:1000}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000001f;animation:slide-in .2s ease}.toast--success{background:var(--success);color:#fff}.toast--error{background:var(--error);color:#fff}@keyframes slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}