html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f3f4f8;color:#0f172a}a{color:inherit}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f8;color:#0f172a;margin:0;min-height:100vh}.app{margin:64px auto 80px;padding:0 32px;max-width:min(1280px,92vw);width:100%}.dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-header{text-align:center}.dashboard-header h1{font-size:40px;font-weight:600}.dashboard-header p{margin-top:12px;font-size:15px;color:#64748b}.controls-bar{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;background:#fff;border-radius:24px;padding:20px 24px;box-shadow:0 20px 45px -32px #0f172a66;border:1px solid #e2e8f0}.control{display:flex;flex-direction:column;gap:8px;min-width:220px}.recording-window{text-align:center;font-size:13px;color:#64748b;margin-top:-8px}.export-section{background:#fff;border-radius:24px;padding:24px 28px;border:1px solid #e2e8f0;box-shadow:0 20px 45px -32px #0f172a66}.export-header{margin-bottom:20px}.export-header h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:4px}.export-header p{font-size:13px;color:#64748b}.export-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.export-control{display:flex;flex-direction:column;gap:8px;min-width:160px}.export-control label{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#64748b;font-weight:600}.export-control input[type=date]{font-size:15px;padding:12px 14px;border-radius:14px;border:1px solid #d8dee8;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px 2px #0f172a0a;color:#0f172a;font-family:inherit}.export-button{font-size:15px;font-weight:600;padding:12px 24px;border-radius:14px;border:none;background:linear-gradient(135deg,#4338ca,#574ceb);color:#fff;cursor:pointer;box-shadow:0 4px 12px #4338ca4d;transition:all .2s;min-width:140px;height:44px}.export-button:hover:not(:disabled){background:linear-gradient(135deg,#574ceb,#6366f1);box-shadow:0 6px 16px #4338ca66;transform:translateY(-1px)}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-bulk-controls{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.export-bulk-info{margin-bottom:16px}.export-bulk-description{font-size:13px;color:#64748b;line-height:1.5}.export-bulk-description strong{color:#0f172a}.export-bulk-buttons{display:flex;gap:12px;flex-wrap:wrap}.export-button-billable{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #0596694d}.export-button-billable:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 16px #05966966}.export-button-all{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed4d}.export-button-all:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 16px #7c3aed66}.control label{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#64748b;font-weight:600}.control select{font-size:15px;padding:12px 14px;border-radius:14px;border:1px solid #d8dee8;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px 2px #0f172a0a;color:#0f172a}.card{background:#fff;border-radius:28px;padding:32px 36px;border:1px solid #e2e8f0;box-shadow:0 24px 55px -35px #0f172a80;display:flex;flex-direction:column;gap:24px}.card-header{display:flex;justify-content:space-between;align-items:baseline}.card-subtitle{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#94a3b8;margin-bottom:6px}.card-title{font-size:24px;font-weight:600}.card-timestamp{font-size:13px;color:#64748b}.distribution-track{position:relative;margin-top:12px;padding:12px 16px 0}.distribution-line{position:absolute;top:20px;left:32px;right:32px;height:3px;background:linear-gradient(90deg,#dbe0ea,#ccd4e1);border-radius:999px}.distribution-points{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}.point{display:flex;flex-direction:column;align-items:center;gap:10px}.point-dot{width:12px;height:12px;border-radius:999px;background:#d1d5db;border:3px solid #ffffff;position:relative;z-index:1}.point-dot.emphasis{background:#574ceb;width:16px;height:16px}.point-value{font-weight:600;font-size:18px;color:#0f172a}.point-value.emphasis{font-size:24px;color:#4338ca}.point-unit{font-size:12px;color:#64748b;font-weight:500}.point-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8}.placeholder{font-size:14px;color:#94a3b8}.sleep-table{border-radius:22px;overflow:hidden;border:1px solid #e2e8f0}.sleep-row,.sleep-header{display:grid;grid-template-columns:1.5fr repeat(6,1fr);gap:12px;padding:16px 20px}.sleep-header{background:#f8fafc;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#64748b;font-weight:600}.sleep-row{background:#fff;font-size:14px;color:#0f172a;border-top:1px solid #f1f5f9}.selection-summary{text-align:center;color:#475569;font-size:14px}.sleep-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sleep-card{background:#f8fafc;border-radius:24px;border:1px solid #e2e8f0;padding:22px 24px;display:flex;flex-direction:column;gap:20px;box-shadow:inset 0 1px #fff9}.sleep-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.sleep-timeline{font-size:12px;color:#64748b}.sleep-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.sleep-metric{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:18px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 14px 30px -32px #0f172a66}.sleep-metric-value{font-size:20px;font-weight:600;color:#0f172a}.sleep-metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8}.sleep-metric-description{font-size:13px;color:#64748b;line-height:1.45}.chart-wrapper{width:100%;height:320px}.loading{text-align:center;color:#64748b}.activity-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.activity-card{border:1px solid #e2e8f0;border-radius:18px;padding:18px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.activity-device{font-weight:600;color:#0f172a;font-size:16px}.activity-statuses{display:flex;flex-direction:column;gap:8px}.activity-status{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;padding:6px 10px;border-radius:12px;border:1px solid #d8dee8;background:#fff}.activity-status.active{color:#4338ca;border-color:#4338ca66;background:#4338ca14}@media(max-width:900px){.sleep-row,.sleep-header{grid-template-columns:repeat(2,1fr)}.distribution-line{left:16px;right:16px}}