:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2ff;color:#0f172a}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(180deg,#eef2ff,#f8fafc)}button{font:inherit}.page-shell{max-width:1160px;margin:0 auto;padding:32px 20px 40px}header{margin-bottom:28px;padding:18px 0 12px;border-bottom:1px solid rgba(148,163,184,.18)}.eyebrow{margin:0 0 8px;color:#4f46e5;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}h1{margin:0;font-size:clamp(2rem,2.8vw,3rem)}.shift-timer{font-size:clamp(1.4rem,2.2vw,2.4rem);font-weight:800;color:#111827;text-align:center;padding:14px 18px;min-height:3.2rem;border-radius:18px;background:#eef2ff;border:1px solid rgba(99,102,241,.22)}p{margin:8px 0 0;line-height:1.65}.card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:22px;box-shadow:0 22px 60px #0f172a14;margin-bottom:16px}.control-panel{display:grid;gap:18px;align-items:center;margin-bottom:28px}main{display:grid;gap:16px}.main-content{display:grid;gap:16px}.control-panel .status-pill{justify-self:stretch}.status-pill.active{background:#dbeafe;color:#1e3a8a;border-color:#93c5fd}.filter-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-btn{border:1px solid #c7d2fe;background:#fff;color:#4338ca;border-radius:14px;padding:12px 16px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter-btn.active,.filter-btn:hover{background:#4338ca;color:#fff;border-color:#4338ca}.primary-btn,.secondary-btn{width:100%;border:none;border-radius:14px;padding:16px;cursor:pointer}.primary-btn{background:#4f46e5;color:#fff;font-weight:700;box-shadow:0 16px 40px #4f46e52e}.secondary-btn{background:#eef2ff;color:#4338ca}.status-pill{display:inline-flex;padding:12px 16px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.95rem}.toast{padding:12px 16px;border-radius:16px;background:#f8fafc;border:1px solid #c7d2fe;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.advanced-card{padding:20px;margin-bottom:24px}.advanced-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:18px}.advanced-stat{background:#eef2ff;border-radius:20px;padding:18px;border:1px solid rgba(99,102,241,.16)}.advanced-stat h3{margin:0 0 10px;font-size:1rem;color:#4338ca}.advanced-stat p{margin:0;font-size:1.65rem;font-weight:700;color:#0f172a}.secondary-btn.small{width:auto;padding:10px 18px}.stats-grid h2{margin:0 0 8px;font-size:1rem;color:#4f46e5}.stats-grid p{margin:0;font-size:1.9rem;font-weight:700}.log-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.entry-list-wrapper{max-height:420px;overflow-y:auto;padding-right:6px}.entry-list{margin-top:18px;display:grid;gap:12px}.entry-list-wrapper::-webkit-scrollbar{width:10px}.entry-list-wrapper::-webkit-scrollbar-track{background:transparent}.entry-list-wrapper::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.entry-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.entry-row:hover{transform:translateY(-1px);border-color:#6366f13d;box-shadow:0 12px 30px #0f172a0f}.entry-row strong{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:28px;border-radius:999px;padding:0 12px;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px}.entry-row.in strong{background:#d1fae5;color:#166534}.entry-row.out strong{background:#fee2e2;color:#991b1b}.entry-actions{display:flex;align-items:center;gap:12px}.empty-state{margin:20px 0 0;color:#64748b}@media (min-width: 720px){.control-panel{grid-template-columns:1fr auto}.status-pill{justify-self:start}}@media (min-width: 1080px){main{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:flex-start}.main-content{grid-column:1}.log{grid-column:2}.panel-tabs,.stats-grid,.graphs,.advanced-card,.log{margin-bottom:0}}.graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px;align-items:start}.graph-card{display:grid;gap:18px;padding:24px;background:#fafbff;border:1px solid rgba(148,163,184,.16);border-radius:24px;min-height:280px}.panel-tabs{display:flex;gap:12px;align-items:center;padding:16px 18px;margin-bottom:16px}.tab-btn{border:1px solid #c7d2fe;background:#fff;color:#4338ca;border-radius:16px;padding:12px 20px;min-width:100px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.tab-btn.active,.tab-btn:hover{background:#4338ca;color:#fff;border-color:#4338ca}.tab-btn.active{box-shadow:inset 0 -4px #ffffff4d}.graph-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.graph-card-header p{margin:4px 0 0;color:#475569;font-size:.95rem}.bar-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:170px;padding-top:8px}.bar-item{position:relative;display:grid;gap:8px;align-items:end}.bar-item:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:100%;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:#0f172af2;color:#fff;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}.bar-item:hover:after{opacity:1}.bar{width:100%;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#4f46e5,#a5b4fc);box-shadow:inset 0 5px 12px #ffffff40;transition:height .18s ease,background .18s ease}.bar-item.active-day .bar{background:linear-gradient(180deg,#10b981,#6ee7b7);box-shadow:inset 0 5px 12px #ffffff73}.bar-item.active-day .bar-label{color:#047857;font-weight:700}.bar-label{color:#334155;font-size:.78rem;text-align:center}.timeline-chart{display:grid;grid-template-columns:64px 1fr;gap:14px;padding-top:8px}.timeline-row{grid-column:1 / -1;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;min-height:46px}.timeline-label{color:#475569;font-size:.85rem;font-weight:700;min-width:56px}.timeline-track{position:relative;min-height:36px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);padding:8px 0}.timeline-segment{position:absolute;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#4338ca,#7c3aed);box-shadow:0 4px 10px #4338ca2e}.timeline-segment:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:100%;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:#0f172af2;color:#fff;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}.timeline-segment:hover:after{opacity:1}.timeline-empty{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:6px 8px;color:#64748b;font-size:.82rem}.timeline-axis{grid-column:2 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:12px;font-size:.78rem;color:#64748b}.timeline-axis-label{text-align:center}.timeline-legend{display:flex;align-items:center;gap:10px;margin-top:14px;grid-column:2 / -1;color:#475569;font-size:.85rem}.timeline-legend-mark{width:14px;height:14px;border-radius:999px;background:linear-gradient(90deg,#4338ca,#7c3aed);box-shadow:0 2px 8px #4338ca2e}.bar-label{color:#475569;font-size:.8rem;text-align:center}.entry-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.delete-btn{border:none;background:#f8d7da;color:#842029;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:600}.delete-btn:hover{background:#f1b0b7}.log-subtitle{margin:4px 0 0;color:#4b5563;font-size:.95rem}