:root{--app-bg: #dfe5ec;--app-bg-gradient: linear-gradient(180deg, #e7edf4 0%, #d8e0e9 100%);--app-surface: #f6f8fb;--app-surface-strong: #ffffff;--app-surface-muted: #e8edf3;--app-ink: #1e293b;--app-ink-soft: #516172;--app-line: #c9d2dc;--app-line-strong: #b7c3d0;--app-primary: #1f5f8b;--app-primary-strong: #174b6d;--app-primary-soft: #e3eef7;--app-accent: #9a6a12;--app-success: #166534;--app-danger: #b91c1c;--app-danger-soft: #fff4f4;--app-shadow-sm: 0 6px 16px rgba(15, 23, 42, .08);--app-shadow-md: 0 14px 30px rgba(15, 23, 42, .12);--app-radius-sm: 4px;--app-radius-md: 8px;--app-radius-lg: 12px;--app-radius-xl: 16px;--app-space-1: 4px;--app-space-2: 8px;--app-space-3: 12px;--app-space-4: 16px;--app-space-5: 20px;--app-space-6: 24px;--app-space-8: 32px;--app-max-width: 1180px;--app-font-body: Tahoma, Verdana, "Segoe UI", sans-serif;--app-font-size-1: .82rem;--app-font-size-2: .95rem;--app-font-size-3: 1rem;--app-font-size-4: 1.15rem;--app-font-size-5: 1.4rem;--app-tap-target: 42px;--app-breakpoint-lg: 1200px;--app-breakpoint-md: 900px;--app-breakpoint-sm: 760px;--app-viewport-unit: 1vh}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100vh;min-height:100dvh;min-height:calc(var(--app-viewport-unit, 1vh) * 100)}html{color-scheme:light}body{margin:0;min-height:100vh;background:var(--app-bg-gradient);color:var(--app-ink);font-family:var(--app-font-body)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{width:min(var(--app-max-width),calc(100% - 20px));margin:0 auto;padding:var(--app-space-4) 0 var(--app-space-5)}.app-stack{display:grid;gap:var(--app-space-4)}.app-section{display:grid;gap:var(--app-space-3)}.app-grid{display:grid;gap:var(--app-space-4)}.app-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid--sidebar{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.app-cluster{display:flex;flex-wrap:wrap;gap:var(--app-space-2);align-items:center}.app-cluster--end{justify-content:flex-end}.ui-card{padding:var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);background:var(--app-surface-strong);box-shadow:var(--app-shadow-sm)}.ui-card--muted{background:var(--app-surface)}.ui-card__title{margin:0;font-size:var(--app-font-size-4);color:var(--app-ink)}.ui-card__meta{margin:0;color:var(--app-ink-soft);font-size:var(--app-font-size-2)}.ui-button{min-height:var(--app-tap-target);padding:0 14px;border:1px solid transparent;border-radius:999px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button--primary{background:linear-gradient(135deg,var(--app-primary),var(--app-primary-strong));color:#f8fcff;box-shadow:var(--app-shadow-sm)}.ui-button--secondary{border-color:var(--app-line);background:var(--app-surface-strong);color:var(--app-ink)}.ui-button--ghost{border-color:var(--app-line);background:transparent;color:var(--app-ink-soft)}.ui-button--danger{border-color:#b91c1c2e;background:var(--app-danger-soft);color:var(--app-danger)}.ui-field{display:grid;gap:6px}.ui-field__label{color:var(--app-ink);font-size:var(--app-font-size-1);font-weight:700}.ui-field__control{min-height:var(--app-tap-target);padding:10px 12px;border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-strong);color:var(--app-ink)}.ui-field__help{color:var(--app-ink-soft);font-size:var(--app-font-size-1);line-height:1.4}.ui-status-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--app-primary-soft);color:var(--app-primary-strong);font-size:var(--app-font-size-1);font-weight:800}.ui-status-badge--success{background:#dcfce7db;color:var(--app-success)}.ui-status-badge--danger{background:var(--app-danger-soft);color:var(--app-danger)}.table-help-label{display:inline-flex;align-items:center;gap:6px}.table-help-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:var(--app-ink-soft);background:var(--app-surface);cursor:help}.table-help-trigger .icon-svg{width:13px;height:13px;stroke-width:2}.table-help-tooltip{position:absolute;left:50%;top:calc(100% + 8px);z-index:20;display:none;width:260px;padding:10px 12px;border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-strong);color:var(--app-ink);box-shadow:var(--app-shadow-md);font-size:var(--app-font-size-1);font-weight:500;line-height:1.45;text-align:left;transform:translate(-50%)}.table-help-trigger:hover .table-help-tooltip,.table-help-trigger:focus-visible .table-help-tooltip{display:block}.ui-action-bar{display:flex;flex-wrap:wrap;gap:var(--app-space-2);align-items:center;justify-content:space-between}.ui-modal-sheet{width:min(720px,100%);max-height:calc((var(--app-viewport-unit, 1vh) * 100) - 36px);overflow:auto;padding:var(--app-space-5);border:1px solid var(--app-line);border-radius:var(--app-radius-xl);background:var(--app-surface-strong);box-shadow:var(--app-shadow-md)}.login-gate--modern{background:radial-gradient(circle at top,#f8fcffe0,#d8e0e9e0),#d8e0e9d6}.login-panel--modern{width:min(580px,100%);padding:clamp(18px,3vw,28px);border-radius:20px;border-color:#b7c3d0e6;background:linear-gradient(180deg,#fffffff7,#eff5faf7),var(--app-surface-strong)}.login-panel--modern .login-mode-switch{width:100%}.login-panel--modern .login-mode-button{min-height:40px}.login-panel--modern .login-copy{max-width:42ch}.login-panel--modern .ui-field__control{background:#fffffff5}.login-signup-grid .ui-field:first-child{grid-column:span 2}.surfer-search-panel--modern{display:grid;gap:var(--app-space-4)}.surfer-search-panel--modern .section-heading{align-items:end}.surfer-search-panel--modern .count-button-stack{min-width:72px}.surfer-search-table-shell{border-radius:16px}.surfer-empty-state{padding:16px 18px;border-radius:16px;background:#ffffffe0;color:var(--app-ink-soft);line-height:1.5}.surfer-cards-grid{display:none;gap:12px}.surfer-mobile-card{display:grid;gap:12px;border-radius:16px}.surfer-mobile-card.is-selected{border-color:#1f5f8b61;box-shadow:0 0 0 2px #1f5f8b1f}.surfer-mobile-card__top{display:flex;justify-content:space-between;gap:12px;align-items:start}.surfer-mobile-card__title{margin:0 0 4px;font-size:1.05rem;line-height:1.2}.surfer-mobile-card__meta{margin:0;color:var(--app-ink-soft);font-size:var(--app-font-size-2);line-height:1.4}.surfer-mobile-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.surfer-mobile-card__stat{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#e3eef7b8}.surfer-mobile-card__stat span{color:var(--app-ink-soft);font-size:var(--app-font-size-1);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.surfer-mobile-card__stat strong{color:var(--app-primary-strong);font-size:var(--app-font-size-3)}.surfer-mobile-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.selected-surfer-shell--modern{display:grid;gap:var(--app-space-4)}.selected-surfer-action-bar--modern{justify-content:flex-start;gap:10px}.selected-surfer-action-bar--modern .ui-button{min-height:40px}.selected-surfer-layout--modern{gap:16px}.selected-surfer-highlights-grid{gap:12px}.surfer-highlight-card{min-height:0;border-radius:16px}.selected-surfer-panel--modern{gap:var(--app-space-4);border-radius:16px}.selected-surfer-panel--modern .section-heading{margin-bottom:0}.selected-surfer-panel--modern .selected-surfer-list-item{border-radius:12px;background:#ffffffe0}.selected-surfer-scenario-grid{gap:12px}.surfer-workspace-item{gap:6px;padding:12px 14px}.surfer-workspace-item strong{display:block;color:var(--app-ink);line-height:1.35}.surfer-workspace-item p{margin:0;color:var(--app-ink-soft);line-height:1.45}.surfer-workspace-sublist{display:grid;gap:10px}.surfer-workspace-sublist h4,.surfer-history-card h4{margin:0;color:var(--app-primary-strong)}.selected-surfer-history-grid--modern{gap:12px;align-items:start}.surfer-history-card{display:grid;gap:10px;border-radius:16px}.cockpit-plan-comparison-card{grid-column:1 / -1}.cockpit-action-column,.cockpit-activity-column{align-content:start}.cockpit-action-button{align-items:flex-start;min-height:72px;padding:14px}.cockpit-action-button span{flex:1;line-height:1.4;text-wrap:balance}.cockpit-action-button strong{flex:0 0 auto;line-height:1}@media(max-width:1180px){.selected-surfer-history-grid--modern{grid-template-columns:1fr}.cockpit-action-column,.cockpit-activity-column{min-width:0}}.surfer-operations-shell{display:grid;gap:var(--app-space-5)}.surfer-operations-action-bar{gap:10px;justify-content:flex-start}.surfer-operations-controls-grid{gap:14px}.surfer-operations-stats-grid{gap:12px}.surfer-operations-panel{border-radius:18px}.surfer-operations-modal-panel{border-radius:20px;background:linear-gradient(180deg,#fffffffa,#eff5faf5),var(--app-surface-strong)}.surfer-operations-filters-grid{gap:12px}.operation-stat-card{min-height:0;border-radius:16px}.operation-group-card{display:grid;gap:14px;padding:14px;border-radius:18px;background:#f5f8fbc7}.operation-cards-grid{display:none;gap:12px}.operation-cards-grid--selected{margin-top:4px}.operation-mobile-card{display:grid;gap:12px;border-radius:16px}.operation-mobile-card.is-selected{border-color:#1f5f8b61;box-shadow:0 0 0 2px #1f5f8b1f}.operation-mobile-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.operation-mobile-card__eyebrow{margin:0 0 4px;color:var(--app-ink-soft);font-size:var(--app-font-size-1);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.operation-mobile-card__title{margin:0;color:var(--app-ink);font-size:1rem;line-height:1.35}.operation-mobile-card__metric{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:8px 10px;border-radius:999px;background:#d7e7f3eb;color:var(--app-primary-strong);font-weight:800}.operation-mobile-card__body{margin:0;color:var(--app-ink-soft);line-height:1.5}.operation-mobile-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operation-mobile-card__detail{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#e3eef7b8}.operation-mobile-card__detail span{color:var(--app-ink-soft);font-size:var(--app-font-size-1);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.operation-mobile-card__detail strong{color:var(--app-primary-strong);line-height:1.35}.operation-mobile-card__toggle{display:inline-flex;align-items:center;gap:8px;color:var(--app-ink);font-weight:600}.operation-mobile-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operation-mobile-card__actions .ui-button{width:100%}.operation-mobile-card__actions .ui-button--danger{background:#b91c1c1a;color:#991b1b;border-color:#b91c1c2e}.surfer-planning-form--modern{gap:14px}.surfer-planning-form--modern .legend-box,.surfer-monitoring-shell--modern .legend-box{border-radius:14px;background:#f3f7fbe0}.surfer-monitoring-table-shell{border-radius:16px}.surfer-monitoring-analytics{display:grid;gap:14px}.surfer-monitoring-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px;padding:18px;border-radius:18px;background:radial-gradient(circle at top right,rgba(31,111,139,.12),transparent 30%),linear-gradient(180deg,#fffffffa,#edf5f7f2)}.surfer-monitoring-hero--expanded{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.surfer-monitoring-hero__copy h3,.surfer-monitoring-chart__head strong{margin:0;color:var(--app-primary-strong)}.surfer-monitoring-hero__copy .field-help{margin:6px 0 0}.surfer-monitoring-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.surfer-monitoring-hero__stat{display:grid;gap:6px;padding:14px;border-radius:14px;background:#ffffffdb;border:1px solid rgba(196,212,224,.9)}.surfer-monitoring-hero__stat span,.surfer-monitoring-chart__head small,.surfer-monitoring-chart__head span{color:var(--app-ink-soft)}.surfer-monitoring-hero__stat strong{color:var(--app-primary-strong);font-size:1.32rem}.surfer-monitoring-pace{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.55fr) minmax(300px,1.1fr);gap:18px;align-items:center;padding:22px;border:1px solid rgba(31,111,139,.24);border-left:7px solid var(--app-primary);border-radius:18px;background:linear-gradient(110deg,#eff8fafa,#fffffff5)}.surfer-monitoring-pace--attention{border-color:#b9761759;border-left-color:#b87617;background:linear-gradient(110deg,#fff8e8fa,#fffffff5)}.surfer-monitoring-pace--critical{border-color:#b53e3e57;border-left-color:#b53e3e;background:linear-gradient(110deg,#fff0f0fa,#fffffff5)}.surfer-monitoring-pace--ahead{border-color:#2a885957;border-left-color:#2a8859;background:linear-gradient(110deg,#effaf4fa,#fffffff5)}.surfer-monitoring-pace__intro h3,.surfer-monitoring-pace__alert strong{margin:0;color:var(--app-primary-strong)}.surfer-monitoring-pace__intro .field-help{margin:6px 0 0}.surfer-monitoring-pace__stamp{display:grid;justify-items:center;gap:2px;padding:16px;border:4px solid rgba(31,111,139,.32);border-radius:50%;aspect-ratio:1;align-content:center;background:#ffffffdb;text-align:center}.surfer-monitoring-pace__stamp span,.surfer-monitoring-pace__stamp small,.surfer-monitoring-pace__metrics span,.surfer-monitoring-pace__metrics small,.surfer-monitoring-pace__comparison span,.surfer-monitoring-pace__alert span{color:var(--app-ink-soft)}.surfer-monitoring-pace__stamp strong{color:var(--app-primary-strong);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.surfer-monitoring-pace__comparison{display:grid;gap:10px}.surfer-monitoring-pace__comparison div{display:grid;grid-template-columns:118px minmax(80px,1fr) auto;gap:10px;align-items:center}.surfer-monitoring-pace__comparison i{display:block;min-width:3px;height:11px;border-radius:99px;background:linear-gradient(90deg,var(--app-primary),#2ca75a)}.surfer-monitoring-pace__comparison div+div i{background:#9aaebb}.surfer-monitoring-pace__comparison strong{color:var(--app-primary-strong)}.surfer-monitoring-pace__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1 / -1}.surfer-monitoring-pace__metrics article{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(196,212,224,.9);border-radius:12px;background:#ffffffbd}.surfer-monitoring-pace__metrics strong{color:var(--app-primary-strong);font-size:1.45rem}.surfer-monitoring-pace__alert{display:grid;gap:4px;grid-column:1 / -1;padding:12px 14px;border-radius:12px;background:#ffffffb3}.surfer-monitoring-panel,.surfer-monitoring-plan-card,.surfer-monitoring-summary-card,.surfer-monitoring-plan-streak__item{border-radius:18px;background:#fffffff0}.surfer-monitoring-panel{display:grid;gap:16px;align-content:start}.surfer-monitoring-panel__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.surfer-monitoring-panel__head--distribution{align-items:start}.surfer-monitoring-panel__head h3,.surfer-monitoring-summary-card strong,.surfer-monitoring-plan-card strong,.surfer-monitoring-plan-streak__item strong,.surfer-monitoring-distribution__head strong,.surfer-monitoring-insights strong{margin:0;color:var(--app-primary-strong)}.surfer-monitoring-toolbar,.surfer-monitoring-summary-grid,.surfer-monitoring-panels-grid,.surfer-monitoring-plan-comparison,.surfer-monitoring-plan-streak{display:grid;gap:12px}.surfer-monitoring-toolbar,.surfer-monitoring-distribution__head{grid-template-columns:repeat(2,minmax(0,1fr))}.surfer-monitoring-toolbar__block,.surfer-monitoring-filter-stack,.surfer-monitoring-summary-card,.surfer-monitoring-plan-card,.surfer-monitoring-plan-streak__item,.surfer-monitoring-insights li{display:grid;gap:6px}.surfer-monitoring-toolbar__block span,.surfer-monitoring-filter-stack__label,.surfer-monitoring-summary-card span,.surfer-monitoring-plan-card span,.surfer-monitoring-plan-streak__item span,.surfer-monitoring-distribution__row small,.surfer-monitoring-insights span{color:var(--app-ink-soft)}.surfer-monitoring-filter-stack{width:100%;justify-items:end;align-content:start}.surfer-monitoring-segmented-control{display:flex;flex-wrap:wrap;gap:8px}.surfer-monitoring-segmented-control--distribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:end;gap:8px;width:100%}.surfer-monitoring-segmented-control__button{min-height:38px;padding:0 14px;border:1px solid rgba(196,212,224,.95);border-radius:999px;background:#f1f7fbeb;color:var(--app-ink-soft);font-weight:700}.surfer-monitoring-segmented-control__button.is-active{border-color:#1f6f8b5c;background:linear-gradient(135deg,#1f6f8b29,#1f6f8b0f);color:var(--app-primary-strong)}.surfer-monitoring-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.surfer-monitoring-summary-card,.surfer-monitoring-plan-card,.surfer-monitoring-plan-streak__item{padding:14px 16px;border:1px solid rgba(211,224,234,.95)}.surfer-monitoring-summary-card small,.surfer-monitoring-plan-card small,.surfer-monitoring-plan-streak__item small{color:var(--app-ink-soft)}.surfer-monitoring-timeseries-shell{overflow-x:auto;padding-bottom:4px}.surfer-monitoring-timeseries{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px;align-items:end;min-height:240px}.surfer-monitoring-timeseries--empty{min-height:0;padding:12px 0}.surfer-monitoring-timeseries__column{display:grid;gap:8px;justify-items:center}.surfer-monitoring-timeseries__bars{display:flex;align-items:end;justify-content:center;gap:6px;width:100%;min-height:164px;padding:0 8px}.surfer-monitoring-timeseries__bar{display:block;width:18px;border-radius:999px 999px 6px 6px;min-height:8px}.surfer-monitoring-timeseries__bar--primary{background:linear-gradient(180deg,#1f6f8b,#174b6d)}.surfer-monitoring-timeseries__bar--secondary{background:linear-gradient(180deg,#d7e7f3,#9db8cd)}.surfer-monitoring-timeseries__column strong,.surfer-monitoring-timeseries__column small{text-align:center}.surfer-monitoring-perception--empty{min-height:0;padding:12px 0}.surfer-monitoring-panel--perception{gap:14px}.surfer-monitoring-perception-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.surfer-monitoring-perception-summary__item{border:1px solid var(--app-line);border-radius:12px;padding:12px;background:var(--app-surface-muted);display:grid;gap:2px}.surfer-monitoring-perception-summary__item span,.surfer-monitoring-perception-summary__item small{color:var(--app-ink-soft);font-size:.75rem}.surfer-monitoring-perception-summary__item strong{color:var(--app-primary-strong);font-size:1.3rem;line-height:1.1}.surfer-monitoring-perception-summary__item--positive strong{color:#18834a}.surfer-monitoring-perception-summary__item--negative strong{color:#b45d06}.surfer-monitoring-perception-matrix{display:grid;gap:8px;overflow-x:auto;padding-bottom:2px}.surfer-monitoring-perception-matrix__row,.surfer-monitoring-perception-matrix__dates{display:grid;grid-template-columns:minmax(148px,1.45fr) repeat(var(--perception-columns),minmax(42px,1fr));gap:7px;min-width:520px}.surfer-monitoring-perception-matrix__metric{display:grid;align-content:center;gap:2px;padding-right:8px}.surfer-monitoring-perception-matrix__metric strong{color:var(--app-ink);font-size:.82rem}.surfer-monitoring-perception-matrix__metric small,.surfer-monitoring-perception-matrix__dates small{color:var(--app-ink-soft);font-size:.7rem}.surfer-monitoring-perception-matrix__cell{min-height:46px;display:grid;place-items:center;border:1px dashed rgba(148,163,184,.56);border-radius:9px;background:#e2e8f075;color:#718096}.surfer-monitoring-perception-matrix__cell.has-session{border-style:solid}.surfer-monitoring-perception-matrix__cell b{font-size:.86rem}.surfer-monitoring-perception-matrix__cell.is-recorded{color:#fff;border-color:transparent;box-shadow:inset 0 0 0 1px #ffffff38}.surfer-monitoring-perception-matrix__cell--borg.is-recorded{background:rgba(31,111,139,calc(.22 + var(--perception-intensity) * .72))}.surfer-monitoring-perception-matrix__cell--positive.is-recorded{background:rgba(46,164,79,calc(.22 + var(--perception-intensity) * .72))}.surfer-monitoring-perception-matrix__cell--negative.is-recorded{background:rgba(217,119,6,calc(.22 + var(--perception-intensity) * .72))}.surfer-monitoring-perception-matrix__dates{align-items:start}.surfer-monitoring-perception-matrix__dates small{text-align:center;text-transform:lowercase}.surfer-monitoring-panels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surfer-monitoring-plan-streak{grid-template-columns:repeat(4,minmax(0,1fr))}.surfer-monitoring-plan-streak__item--gain{border-color:#2ea44f52;background:#ecfdf3eb}.surfer-monitoring-plan-streak__item--risk{border-color:#b91c1c3d;background:#fff4f4eb}.surfer-monitoring-distribution{display:grid;gap:10px}.surfer-monitoring-distribution__section{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:#f4f8fbeb;border:1px solid rgba(211,224,234,.95)}.surfer-monitoring-distribution__section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.surfer-monitoring-distribution__section-head>div{display:grid;gap:4px}.surfer-monitoring-distribution__section-items{display:grid;gap:10px}.surfer-monitoring-distribution__row{display:grid;gap:8px}.surfer-monitoring-distribution__row--nested{padding:12px 14px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(221,231,239,.95)}.surfer-monitoring-distribution__track{width:100%;min-height:12px;overflow:hidden;border-radius:999px;background:#e1e8efe6}.surfer-monitoring-distribution__fill{display:block;min-height:12px;border-radius:999px;background:linear-gradient(90deg,#1f6f8b,#2ea44f)}.surfer-monitoring-insights{margin:0;padding-left:18px;display:grid;gap:12px}.surfer-monitoring-chart{display:grid;gap:12px}.surfer-monitoring-chart__row{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:#ffffffe6;border:1px solid rgba(211,224,234,.95)}.surfer-monitoring-chart__head{display:flex;justify-content:space-between;gap:12px;align-items:start}.surfer-monitoring-chart__head>div{display:grid;gap:3px}.surfer-monitoring-chart__track{display:flex;width:100%;min-height:12px;overflow:hidden;border-radius:999px;background:#e1e8efe6}.surfer-monitoring-chart__fill{display:block;min-height:12px}.surfer-monitoring-chart__fill--done{background:linear-gradient(90deg,#1f6f8b,#2ea44f)}.surfer-monitoring-chart__fill--remaining{background:linear-gradient(90deg,#d9e5ee,#bfcfda)}@media(max-width:760px){.login-panel--modern{border-radius:16px;padding:16px}.login-signup-grid .ui-field:first-child{grid-column:span 1}.surfer-search-panel--modern .section-heading{gap:12px}.surfer-search-panel--modern .section-actions{width:100%;justify-content:flex-end}.surfer-search-panel--modern .table-shell{display:none}.surfer-cards-grid{display:grid}.selected-surfer-action-bar--modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.selected-surfer-action-bar--modern .ui-button{width:100%}.selected-surfer-layout--modern{grid-template-columns:1fr}.surfer-mobile-card__actions{grid-template-columns:1fr 1fr}.surfer-operations-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.surfer-operations-action-bar .ghost-button,.surfer-operations-action-bar .secondary-button,.surfer-operations-action-bar .primary-button,.surfer-operations-action-bar .ui-button{width:100%}.surfer-operations-filters-grid,.surfer-operations-controls-grid,.planning-setup-grid--modern,.planning-filters-experiences-grid,.training-plan-board,.training-plan-fields,.training-plan-fields--context{grid-template-columns:1fr}.training-plan-field--full,.training-plan-card--context{grid-column:auto}.surfer-monitoring-hero,.surfer-monitoring-pace,.surfer-monitoring-hero__stats,.surfer-monitoring-pace__metrics,.surfer-monitoring-toolbar,.surfer-monitoring-summary-grid,.surfer-monitoring-panels-grid,.surfer-monitoring-plan-comparison,.surfer-monitoring-plan-streak,.surfer-monitoring-panel__head{grid-template-columns:1fr}.surfer-monitoring-pace__stamp{width:min(190px,100%);justify-self:start}.surfer-monitoring-pace__comparison div{grid-template-columns:104px minmax(50px,1fr) auto}.surfer-monitoring-filter-stack{justify-items:start}.surfer-monitoring-segmented-control--distribution{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.surfer-monitoring-segmented-control--distribution .surfer-monitoring-segmented-control__button{width:100%}.surfer-monitoring-chart__head{flex-direction:column}.surfer-monitoring-timeseries{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.surfer-problems-shell--modern .table-shell,.surfer-planning-problems-panel .table-shell,.surfer-planning-items-panel .table-shell,.surfer-monitoring-shell--modern .table-shell,.operation-group-card .table-shell{display:none}.operation-cards-grid{display:grid}.operation-mobile-card__details,.operation-mobile-card__actions,.selected-surfer-highlights-grid,.selected-surfer-history-grid--modern{grid-template-columns:1fr}}@media(max-width:1200px){.app-shell{width:calc(100% - 16px)}.app-grid--three,.app-grid--sidebar{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:calc(100% - 12px);padding:var(--app-space-3) 0 var(--app-space-4)}.app-grid--two{grid-template-columns:1fr}.ui-action-bar{align-items:stretch}.ui-action-bar>*{width:100%}.ui-modal-sheet{padding:var(--app-space-4);border-radius:var(--app-radius-lg)}}