:root{--bg: #f4f6f8;--card: #ffffff;--border: #d8dde3;--text: #1f2937;--muted: #6b7280;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #b42318;--danger-bg: #fdecec;--warning: #9a6700;--warning-bg: #fff6e5;--success: #167c3f;--success-bg: #e8f7ee;--info: #3730a3;--info-bg: #eef2ff;--shadow: 0 10px 26px rgba(15, 23, 42, .07);--radius: 14px;--project-alpha: #2563eb;--project-beta: #16a34a;--project-client: #9333ea;--project-admin: #ea580c;--project-other: #64748b;--input-bg: #ffffff;--th-bg: #fbfcfd;--stripe-bg: #f8fafc;--focus-row: #eff6ff}[data-theme=dark]{--bg: #121212;--card: #1e1e1e;--border: #333333;--text: #f3f4f6;--muted: #9ca3af;--input-bg: #2d2d2d;--th-bg: #2d2d2d;--danger-bg: #451a1a;--warning-bg: #4d3300;--success-bg: #143d26;--info-bg: #1e1b4b;--shadow: 0 10px 26px rgba(0, 0, 0, .5);--stripe-bg: #252525;--focus-row: #1e3a5f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--card);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:20}header h1{margin:0;font-size:1.35rem}header .logo-section{display:flex;align-items:center;justify-content:center}header .osu-logo{height:48px;width:auto;object-fit:contain}header .left{display:flex;align-items:center;gap:16px}header .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header .role-selector{display:flex;align-items:center;gap:8px}header .role-selector select{width:auto}.user-menu{position:relative}.user-menu-trigger{background:none;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--text);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:background .15s}.user-menu-trigger:hover{background:var(--bg)}.user-menu-caret{font-size:.7rem;color:var(--muted)}.user-menu-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:100}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:none;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s}.user-menu-item:hover{background:var(--bg)}.user-menu-item--danger{color:var(--danger)}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}main{max-width:1320px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}h2,h3{margin-top:0}.subtext{margin:0 0 16px;color:var(--muted);font-size:.95rem;line-height:1.45}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.entry-form-grid{grid-template-columns:minmax(130px,200px) minmax(150px,1fr) minmax(70px,100px) auto auto}.entry-billable-field{justify-content:flex-end}.billable-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.92rem;font-weight:600;white-space:nowrap}.billable-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;flex-shrink:0}.field{display:flex;flex-direction:column;gap:8px}label{font-size:.92rem;font-weight:600}input,select,textarea,button{font-family:inherit;font-size:.95rem}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer}textarea{min-height:88px;resize:vertical;cursor:text}input{cursor:text}.notes-row{margin-top:16px}button{border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:background .15s ease}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.danger{background:var(--danger);color:#fff}.danger-secondary{background:var(--card);color:var(--danger);border:1px solid var(--danger)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.4)}.btn-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.error{margin-top:12px;color:var(--danger);font-size:.92rem;font-weight:600}.helper{margin-top:8px;color:var(--muted);font-size:.9rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--th-bg);-webkit-user-select:none;user-select:none;white-space:nowrap}tbody tr:nth-child(2n){background-color:var(--stripe-bg)}th.sortable{cursor:pointer}th.sortable:hover{background:var(--border)}.sort-indicator{margin-left:6px;color:var(--muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.badge-not-submitted{background:var(--info-bg);color:var(--info)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-declined{background:var(--danger-bg);color:var(--danger)}.row-note{margin-top:6px;color:var(--danger);font-size:.88rem;line-height:1.35}.link-btn{background:none;border:none;padding:0;color:var(--primary);cursor:pointer;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn.danger-text{color:var(--danger)}.queue-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.queue-filter{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.filter-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.filter-input{width:100%}.filter-status{margin-top:12px;color:var(--muted);font-size:.9rem;font-weight:500}.muted{color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{width:min(980px,100%);max-height:90vh;overflow:auto;background:var(--card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.modal-header{padding:20px 22px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;align-items:start}.modal-header h3{margin:0;font-size:1.15rem}.modal-header p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.modal-body{padding:18px 22px}.modal-footer{padding:0 22px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.alert{background:var(--danger-bg);border:1px solid var(--danger);border-radius:12px;padding:12px 14px;margin-bottom:16px;color:var(--danger)}.banner{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:16px;color:var(--muted);font-size:.92rem}.footer-right,.footer-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.calendar-nav{display:flex;gap:8px;align-items:center}.calendar-title{font-size:1.05rem;font-weight:700}.legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.legend-item{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--muted)}.legend-color{width:14px;height:14px;border-radius:999px;display:inline-block;border:1px solid rgba(15,23,42,.08)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-dow{text-align:center;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding-bottom:4px}.calendar-cell{min-height:132px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:10px;display:flex;flex-direction:column;gap:8px}.calendar-cell.outside{background:var(--bg);color:var(--muted)}.calendar-cell.today{outline:2px solid rgba(37,99,235,.35)}.calendar-date-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.calendar-date-number{font-weight:700;font-size:.95rem}.calendar-total{font-size:.75rem;color:var(--text);background:var(--bg);border-radius:999px;padding:2px 8px;white-space:nowrap}.calendar-entries{display:flex;flex-direction:column;gap:6px;margin-top:2px}.calendar-pill{color:#fff;font-size:.75rem;font-weight:700;padding:5px 8px;border-radius:999px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-empty{color:var(--muted);font-size:.8rem;margin-top:auto}.calendar-footer-note{margin-top:12px;color:var(--muted);font-size:.9rem}.calendar-desktop{display:block}.calendar-mobile{display:none}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.mini-dow{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:4px 0}.mini-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;position:relative;font-size:0;transition:all .2s ease;gap:2px}.mini-cell:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb1a}.mini-cell.outside{background:var(--bg);color:var(--muted);cursor:default}.mini-cell.today{outline:2px solid var(--primary);outline-offset:-1px}.mini-cell.has-entries{background:var(--info-bg)}.mini-date{font-size:.8rem;font-weight:700;color:var(--text);line-height:1}.mini-dots{display:flex;gap:2px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;flex-shrink:0}.dot-more{font-size:.6rem;font-weight:700;color:var(--muted);line-height:1}.day-detail-entries{display:flex;flex-direction:column;gap:16px}.day-detail-entry{padding:12px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.entry-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.entry-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.entry-info{flex:1}.entry-project{font-weight:700;font-size:.95rem;color:var(--text)}.entry-hours{font-size:.85rem;color:var(--muted);margin-top:2px}.entry-notes{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.note{font-size:.85rem;color:var(--muted);line-height:1.4}.day-detail-empty{padding:24px;text-align:center;color:var(--muted)}@media (max-width: 980px){main{padding:16px}.grid,.entry-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-grid{gap:8px}.calendar-cell{min-height:116px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.filter-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){header{padding:max(16px,env(safe-area-inset-top,0px)) 16px 16px;flex-direction:column;align-items:flex-start}header h1{font-size:1.2rem}header .right{width:100%;justify-content:space-between}main{padding:16px}.grid,.entry-form-grid{grid-template-columns:1fr}.modal{width:100%;max-height:95vh;border-radius:12px;margin:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.overlay{padding:env(safe-area-inset-top,10px) env(safe-area-inset-right,10px) env(safe-area-inset-bottom,10px) env(safe-area-inset-left,10px)}.modal-header{padding:16px;flex-direction:column;gap:8px}.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column-reverse}.footer-right,.footer-left{width:100%;flex-direction:column}.footer-right button,.footer-left button{width:100%;padding:12px;min-height:44px}.table-wrap{overflow-x:visible}table{min-width:100%}th{display:none}tr{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:var(--card);overflow:hidden}tbody tr:nth-child(2n){background-color:var(--card)}td{border:none;border-bottom:1px solid var(--border);padding:12px;display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}td:last-child{border-bottom:none}td:before{content:attr(data-label);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}td.actions{display:flex;flex-direction:column;gap:8px;grid-template-columns:1fr}td.actions button{width:100%;padding:10px;text-align:center}.link-btn{display:block;padding:10px;width:100%;text-align:center}.btn-group{flex-direction:column;width:100%}.btn-group button{width:100%}.badge{margin-left:0}.row-note{grid-column:1 / -1;margin:0;padding-top:8px}}@media (max-width: 640px){body{font-size:15px}main{padding:12px}.card{padding:16px;margin-bottom:16px}h2{font-size:1.2rem}.grid{grid-template-columns:1fr}.field input,.field select,.field textarea{font-size:16px}button{min-height:44px;padding:12px}.primary,.secondary,.danger,.danger-secondary{width:100%}input[type=number]{font-size:16px}textarea{min-height:100px;font-size:16px}.calendar-controls{flex-direction:column;align-items:flex-start;gap:8px}.calendar-nav{width:100%;justify-content:space-between}.calendar-nav button{flex:1;padding:8px 12px;font-size:.9rem}.legend{gap:8px}.legend-item{font-size:.85rem}.calendar-desktop{display:none}.calendar-mobile{display:block}.sort-indicator{display:none}.modal{margin:10px}.modal-header h3{font-size:1.1rem}}@media (max-width: 480px){main{padding:8px}.card{padding:12px;margin-bottom:12px}h2{font-size:1.1rem;margin-bottom:8px}h3{font-size:1rem}p{margin:0 0 12px;font-size:.9rem}header{flex-direction:column;gap:8px}header h1{font-size:1.1rem}.grid{gap:8px}.field{gap:6px}label{font-size:.85rem}input,select,textarea,button{font-size:16px;padding:10px}button{min-height:44px;font-size:.95rem}td{grid-template-columns:100px 1fr;gap:8px;padding:8px}td:before{font-size:.75rem}.mini-cell{gap:1px}.mini-date{font-size:.75rem}.banner,.alert{font-size:.9rem;padding:10px}}@media (max-height: 600px) and (orientation: landscape){header{padding:8px 12px}header h1{font-size:1rem}main{padding:8px}.card{padding:8px;margin-bottom:8px}h2{font-size:1rem;margin-bottom:4px}}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;box-shadow:0 4px 12px #0f172a26;animation:slideIn .3s ease;pointer-events:auto;max-width:400px;min-width:280px}.toast-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.toast-error{background:var(--danger-bg);border:1px solid #f5c2c7;color:var(--danger)}.toast-content{display:flex;align-items:center;gap:10px;flex:1}.toast-icon{font-weight:700;font-size:1.1rem;flex-shrink:0}.toast-message{font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:2px 6px;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@media (max-width: 768px){.toast-container{top:16px;right:16px;left:16px}.toast{max-width:100%}}@media (max-width: 480px){.toast-container{top:12px;right:12px;left:12px;gap:8px}.toast{min-width:auto;font-size:.9rem}}.connectivity-banner{background:var(--warning-bg);border-bottom:2px solid var(--warning);color:var(--warning);padding:12px 24px;position:sticky;top:0;z-index:200}.connectivity-banner-main{display:flex;align-items:center;gap:12px}.connectivity-banner-icon{font-size:1.3rem;flex-shrink:0}.connectivity-banner-body{flex:1;display:flex;flex-direction:column;gap:2px}.connectivity-banner-title{font-size:.95rem}.connectivity-banner-message{font-size:.85rem;opacity:.85}.connectivity-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.connectivity-btn-link{background:none;border:none;color:var(--warning);cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0}.connectivity-btn-retry{background:none;border:1px solid var(--warning);color:var(--warning);cursor:pointer;font-size:.85rem;padding:4px 10px;border-radius:6px;font-weight:600;transition:background .15s}.connectivity-btn-retry:hover:not(:disabled){background:#0000000f}.connectivity-btn-retry:disabled{opacity:.55;cursor:not-allowed}.connectivity-btn-dismiss{background:none;border:none;color:var(--warning);cursor:pointer;font-size:1.1rem;padding:0 4px;line-height:1;opacity:.7}.connectivity-btn-dismiss:hover{opacity:1}.connectivity-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.connectivity-details-table{border-collapse:collapse;font-size:.82rem;width:100%;max-width:700px}.connectivity-details-table th{text-align:left;font-weight:600;padding:3px 12px 3px 0;white-space:nowrap;opacity:.8;width:120px}.connectivity-details-table td{padding:3px 0}.connectivity-details-table code{font-family:Courier New,monospace;font-size:.82rem;word-break:break-all}.connectivity-stack{margin-top:8px;font-size:.82rem}.connectivity-stack summary{cursor:pointer;font-weight:600;margin-bottom:6px;opacity:.8}.connectivity-stack pre{margin:0;padding:10px;background:#0000000f;border-radius:6px;overflow-x:auto;font-size:.78rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.pagination{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);align-items:center}.pagination-info{font-size:.92rem;color:var(--muted);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.pagination-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.pagination-buttons button{min-width:36px;height:36px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:600;cursor:pointer;font-size:.9rem;transition:all .15s ease}.pagination-buttons button:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.pagination-buttons button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-ellipsis{color:var(--muted);font-weight:600;font-size:.9rem;padding:0 4px}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button:disabled:hover{background:var(--card);border-color:var(--border);color:var(--text)}@media (max-width: 768px){.pagination{gap:12px}.pagination-buttons button{min-width:44px;height:44px;padding:4px;font-size:.85rem}.pagination-controls button{padding:8px 12px;font-size:.85rem}}@media (max-width: 480px){.pagination{gap:12px}.pagination-buttons{gap:4px}.pagination-buttons button{min-width:44px;height:44px;padding:3px;font-size:.75rem}.pagination-info{font-size:.85rem}.pagination-controls{gap:8px}.pagination-controls button{padding:8px 10px;font-size:.8rem}}