:root{--bg: #f8fafc;--card: rgba(255, 255, 255, .82);--line: rgba(255, 255, 255, .7);--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-strong: #4338ca;--primary-soft: rgba(99, 102, 241, .08);--primary-ring: rgba(99, 102, 241, .07);--primary-shadow: rgba(99, 102, 241, .22);--danger: #e11d48;--shadow: 0 24px 60px rgba(99, 102, 241, .08);--radius-xl: 22px;--radius-lg: 18px;--bg-radial-left: rgba(99, 102, 241, .12);--bg-radial-right: rgba(14, 165, 233, .09);--surface-soft: rgba(248, 250, 252, .84);--surface-soft-border: rgba(148, 163, 184, .16);--toast-tail: #5d59f0;--input-focus-border: rgba(99, 102, 241, .45);--input-focus-ring: rgba(99, 102, 241, .08);--drag-ring: rgba(99, 102, 241, .12);--badge-primary-bg: rgba(99, 102, 241, .08);--badge-primary-text: #4f46e5;--mini-note-bg: rgba(238, 242, 255, .9);--mini-note-border: rgba(129, 140, 248, .16);--mini-note-text: #4338ca}:root[data-theme=retro]{--bg: #efe4db;--card: rgba(255, 248, 243, .84);--line: rgba(255, 255, 255, .55);--text: #4d3b41;--muted: #8f7880;--primary: #9f6f86;--primary-strong: #866075;--primary-soft: rgba(159, 111, 134, .1);--primary-ring: rgba(159, 111, 134, .12);--primary-shadow: rgba(159, 111, 134, .24);--shadow: 0 24px 56px rgba(132, 101, 116, .12);--bg-radial-left: rgba(196, 160, 179, .28);--bg-radial-right: rgba(219, 194, 176, .22);--surface-soft: rgba(245, 235, 229, .92);--surface-soft-border: rgba(196, 170, 179, .22);--toast-tail: #9c6d84;--input-focus-border: rgba(159, 111, 134, .44);--input-focus-ring: rgba(159, 111, 134, .12);--drag-ring: rgba(159, 111, 134, .18);--badge-primary-bg: rgba(159, 111, 134, .12);--badge-primary-text: #8a5f75;--mini-note-bg: rgba(244, 231, 225, .92);--mini-note-border: rgba(183, 149, 164, .24);--mini-note-text: #8a5f75}:root[data-theme=dark]{--bg: #040405;--card: #1c1a1b;--line: rgba(255, 255, 255, .06);--text: #f5f7fb;--muted: #9ca3b7;--primary: #fc90c2;--primary-strong: #fc90c2;--primary-soft: rgba(252, 144, 194, .12);--primary-ring: rgba(252, 144, 194, .14);--primary-shadow: rgba(252, 144, 194, .24);--danger: #fb7185;--shadow: 0 24px 56px rgba(0, 0, 0, .48);--bg-radial-left: rgba(148, 55, 255, .1);--bg-radial-right: rgba(244, 114, 182, .08);--surface-soft: #1c1a1b;--surface-soft-border: rgba(255, 255, 255, .09);--toast-tail: #fc90c2;--input-focus-border: rgba(252, 144, 194, .48);--input-focus-ring: rgba(252, 144, 194, .14);--drag-ring: rgba(252, 144, 194, .2);--badge-primary-bg: rgba(252, 144, 194, .14);--badge-primary-text: #ffd2e5;--mini-note-bg: rgba(17, 21, 31, .92);--mini-note-border: rgba(255, 255, 255, .08);--mini-note-text: #e8ecf7}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:radial-gradient(circle at top left,var(--bg-radial-left),transparent 24%),radial-gradient(circle at top right,var(--bg-radial-right),transparent 18%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:0}.glass{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow)}.page{max-width:1360px;margin:0 auto;padding:22px 22px 56px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:16px}.brand-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:#fff;font-size:20px;font-weight:900;box-shadow:0 14px 24px var(--primary-shadow)}.brand h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}.subtle{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55;letter-spacing:.02em}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.theme-switcher{min-height:38px;padding:0 12px;border-radius:12px;background:#ffffffb8;border:1px solid var(--surface-soft-border);box-shadow:inset 0 1px #ffffff8c;color:var(--muted);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.toolbar-main-action{min-height:40px;padding:0 16px;border-radius:12px;box-shadow:0 18px 28px var(--primary-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border-radius:12px;font-size:12px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary-strong),var(--primary));box-shadow:0 16px 28px var(--primary-shadow)}.btn-secondary{color:var(--text);background:#ffffffb8;border:1px solid var(--surface-soft-border)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48)}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.stack{display:grid;gap:16px}.panel{border-radius:var(--radius-xl);padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2,.section-title h3{margin:0;font-size:14px;font-weight:800;letter-spacing:-.02em}.eyebrow{display:inline-block;margin-bottom:10px;font-size:10px;font-weight:800;color:#818cf8;letter-spacing:.16em;text-transform:uppercase}.field-grid{display:grid;gap:14px}.field-inline{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.field label{display:block;margin-bottom:8px;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.field input,.field select{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#f8fafcd6;color:var(--text);font-size:13px;font-weight:500;outline:none}.field input::placeholder{color:#9aa6b8;font-size:12px;font-weight:500}.field input:focus,.field select:focus{border-color:#6366f173;box-shadow:0 0 0 4px #6366f114}.hint{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:.03em}.helper-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted);line-height:1.6;font-size:11px;letter-spacing:.025em}.data-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.data-actions .btn-secondary{background:#f8fafcd1;border-color:#94a3b81f;font-weight:400}.helper-list strong{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-card{padding:16px;border-radius:14px;background:#ffffffa3;border:1px solid rgba(255,255,255,.8)}.stat-label{font-size:9px;font-weight:800;color:#94a3b8;letter-spacing:.14em;text-transform:uppercase}.stat-value{margin-top:7px;font-size:21px;font-weight:900;line-height:1.1;letter-spacing:0}.stat-note{margin-top:5px;font-size:10px;color:var(--muted);line-height:1.5;letter-spacing:.025em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.project-card{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:var(--radius-lg);background:#ffffffe0;border:1px solid rgba(255,255,255,.7);overflow:hidden;cursor:grab}.project-card.active{box-shadow:0 26px 40px color-mix(in srgb,var(--primary) 24%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.project-accent{position:absolute;inset:0 auto 0 0;width:6px;border-radius:999px}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.project-card.dragging{opacity:.72;transform:scale(.99);cursor:grabbing}.project-card.drag-over{border-color:color-mix(in srgb,var(--primary) 38%,transparent);box-shadow:0 0 0 2px var(--drag-ring)}.project-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.project-actions .btn{min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge-success{background:#10b9811f;color:#047857}.badge-danger{background:#f43f5e14;color:#e11d48}.project-name{margin:12px 0 4px;font-size:20px;font-weight:900;letter-spacing:-.03em}.project-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.02em}.status-chip{display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;background:#0f172a0d;color:var(--text)}.project-status{margin-top:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.status-dot.live{background:#10b981;box-shadow:0 0 0 8px #10b9811f;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b9813d}to{box-shadow:0 0 0 14px #10b98100}}.timer-value{margin:18px 0 4px;display:inline-flex;align-items:baseline;gap:4px;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.timer-group{display:inline-flex;min-width:1.9ch;justify-content:flex-end}.timer-sign{display:inline-flex;align-items:center;justify-content:center;min-width:.7ch;font-size:.78em;line-height:1}.timer-separator{display:inline-flex;align-items:center;justify-content:center;min-width:.4ch;font-size:.78em;line-height:1;align-self:center}.timer-note{color:var(--muted);font-size:11px;letter-spacing:.025em}.timer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.mini-stats.secondary{margin-top:10px}.mini-stat{padding:12px;border-radius:12px;background:#f8fafcd6;border:1px solid rgba(148,163,184,.12)}.mini-stat strong{display:block;font-size:16px;line-height:1.15;letter-spacing:-.02em}.mini-stat span{display:block;margin-top:4px;font-size:10px;color:var(--muted);letter-spacing:.025em}.card-actions{display:flex;gap:10px;margin-top:auto;padding-top:18px}.card-actions .btn{flex:1}.banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-radius:16px;background:#fff7ede6;border:1px solid rgba(251,191,36,.28);box-shadow:0 16px 28px #d9770614}.banner p{margin:0;font-size:11px;line-height:1.65;letter-spacing:.025em}.banner-actions{display:flex;gap:10px;flex-wrap:wrap}.banner-actions .btn{min-height:32px;padding:0 11px;border-radius:10px;font-size:11px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);letter-spacing:.025em}.legend-dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.chart-wrap{overflow-x:auto;padding-bottom:4px}.chart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.summary-pill{padding:12px 14px;border-radius:14px;background:#f8fafcd1;border:1px solid rgba(148,163,184,.12)}.summary-pill span{display:block;font-size:10px;color:var(--muted);letter-spacing:.025em}.summary-pill strong{display:block;margin-top:6px;font-size:16px;letter-spacing:-.03em}.session-list{display:grid;gap:10px}.session-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(226,232,240,.72)}.session-item:first-child{border-top:0;padding-top:0}.session-title{margin:0;font-weight:800;font-size:13px}.session-subtitle{margin:4px 0 0;color:var(--muted);font-size:10px;letter-spacing:.025em}.session-metric{font-weight:800;font-variant-numeric:tabular-nums;font-size:12px}.session-delete{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted);background:#f8fafcd6;border:1px solid rgba(148,163,184,.14);transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.session-delete:hover{color:#e11d48;border-color:#e11d482e;background:#fff1f2eb}.session-delete:active{transform:scale(.97)}.session-footer{display:flex;justify-content:center;margin-top:14px}.empty{color:var(--muted);line-height:1.7}.toast{position:fixed;right:24px;bottom:24px;z-index:20;width:min(320px,calc(100vw - 40px));padding:14px 16px;border-radius:18px 18px 6px;color:#fff;background:linear-gradient(135deg,var(--primary-strong),var(--primary));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 36px var(--primary-shadow),inset 0 1px #ffffff38;font-size:11px;line-height:1.55;letter-spacing:.01em}.toast:after{content:"";position:absolute;right:16px;bottom:-8px;width:18px;height:18px;border-radius:0 0 4px;background:var(--toast-tail);transform:rotate(45deg);border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:8px 8px 18px color-mix(in srgb,var(--primary) 20%,transparent)}.mini-window-note{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--mini-note-bg);border:1px solid var(--mini-note-border);color:var(--mini-note-text);font-size:10px;line-height:1.6;letter-spacing:.03em}.color-picker-group{display:grid;gap:6px;position:relative;align-items:start}.color-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.color-chip{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #94a3b82e;padding:0}.color-chip.active{box-shadow:0 0 0 2px var(--text),0 0 0 3px #94a3b82e}.color-custom-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:32px;padding:4px 8px 4px 4px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--surface-soft-border)}.color-custom-row.compact{margin-top:2px;align-items:center}.color-custom-preview{width:18px;height:18px;border-radius:6px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff85}.color-custom-preview.large{width:24px;height:24px;border-radius:8px}.color-value{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.04em;line-height:1;display:inline-flex;align-items:center}.color-custom-toggle{min-height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--surface-soft-border);background:#ffffffc2;color:var(--muted);font-size:10px;font-weight:500}.color-custom-toggle.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 9%,transparent)}.color-picker-popover{position:relative;z-index:20;width:min(100%,196px);max-width:100%;margin-top:2px;padding:10px;border-radius:12px;background:#fffffffa;border:1px solid var(--surface-soft-border);box-shadow:0 18px 38px #0f172a14;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;overflow:hidden}.react-colorful{width:100%;height:140px;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.react-colorful,.react-colorful *{box-sizing:border-box}.react-colorful__saturation{border-radius:10px 10px 0 0;border-bottom:0;width:100%;max-width:100%}.react-colorful__hue{width:100%;height:8px;margin-top:8px;border-radius:999px;max-width:100%}.react-colorful__pointer{width:12px;height:12px}.react-colorful__saturation-pointer,.react-colorful__hue-pointer{box-shadow:0 0 0 2px #fff,0 1px 6px #0f172a2e}.color-picker-footer{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;width:100%;min-height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--surface-soft-border);background:#fff;box-shadow:inset 0 1px #ffffffa6;box-sizing:border-box}.color-hex-input{display:block;min-width:0;width:100%;height:100%;padding:0;border-radius:0;border:0;background:transparent;color:var(--text);font-size:11px;font-weight:600;text-transform:uppercase;outline:none;margin:0;box-sizing:border-box}.color-hex-input:focus{box-shadow:none}.custom-select{position:relative}.custom-select-trigger{width:100%;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--surface-soft-border);background:var(--surface-soft);color:var(--text);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.custom-select.open .custom-select-trigger,.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 42%,transparent);box-shadow:0 0 0 4px var(--primary-ring)}.custom-select-chevron{color:var(--muted);transition:transform .16s ease,color .16s ease}.custom-select-chevron.open{transform:rotate(180deg);color:var(--primary)}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:12;padding:6px;border-radius:12px;background:#fffffffa;border:1px solid var(--surface-soft-border);box-shadow:0 18px 38px #0f172a14}.custom-select-option{width:100%;min-height:34px;padding:0 10px;border-radius:9px;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-align:left}.custom-select-option:hover,.custom-select-option.active{background:var(--primary-soft);color:var(--primary)}.page[data-theme=retro] .project-accent{filter:saturate(.82) brightness(.95)}.page[data-theme=retro] .badge-success{background:#7c998929;color:#5d7868}.page[data-theme=retro] .badge-danger{background:#ba778324;color:#ad6170}.page[data-theme=retro] .status-chip{background:#78606e14}.page[data-theme=retro] .status-dot{background:#b09aa3}.page[data-theme=retro] .status-dot.live{background:#7c9989;box-shadow:0 0 0 8px #7c998924}.page[data-theme=retro] .mini-stat{background:#f5ebe5e6;border-color:#cab4b733}.page[data-theme=retro] .session-delete:hover{color:#ad6170;border-color:#ad617033;background:#f9e9ecf0}.page[data-theme=retro] .field input:focus,.page[data-theme=retro] .field input:hover{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring)}.page[data-theme=dark] .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff0f;box-shadow:0 28px 52px #00000075,inset 0 1px #ffffff05}.page[data-theme=dark] .theme-switcher,.page[data-theme=dark] .btn-secondary,.page[data-theme=dark] .session-delete,.page[data-theme=dark] .color-custom-row,.page[data-theme=dark] .custom-select-trigger{background:#b7fa92;color:#111314;border-color:#b7fa922e;box-shadow:0 14px 26px #b7fa9224}.page[data-theme=dark] .project-card.active{box-shadow:0 30px 56px #0000008a,0 0 0 1px #fc90c21f}.page[data-theme=dark] .project-grid>.project-card{background:#eae9e5;color:#1c1a1b;border-color:#1c1a1b14}.page[data-theme=dark] .project-grid>.project-card .project-meta,.page[data-theme=dark] .project-grid>.project-card .timer-note,.page[data-theme=dark] .project-grid>.project-card .mini-stat span{color:#6f6a68}.page[data-theme=dark] .project-grid>.project-card .status-chip{background:#1c1a1b0f;color:#1c1a1b}.page[data-theme=dark] .project-grid>.project-card .status-dot{background:#918b89}.page[data-theme=dark] .project-grid>.project-card .mini-stat{background:#ffffff57;border-color:#1c1a1b14}.page[data-theme=dark] .stat-card,.page[data-theme=dark] .summary-pill{background:#eae9e5;border-color:#1c1a1b14}.page[data-theme=dark] .stat-label,.page[data-theme=dark] .stat-note,.page[data-theme=dark] .summary-pill span{color:#6f6a68}.page[data-theme=dark] .stat-value,.page[data-theme=dark] .summary-pill strong{color:#1c1a1b}.page[data-theme=dark] .project-grid>.project-card:nth-child(3n){background:#eae9e5;color:#1c1a1b;border-color:#1c1a1b14}.page[data-theme=dark] .project-accent{filter:saturate(1.06) brightness(1.08)}.page[data-theme=dark] .badge-success{background:#b7fa9224;color:#d9ffc6}.page[data-theme=dark] .badge-danger{background:#fc90c224;color:#ffd2e5}.page[data-theme=dark] .status-chip{background:#ffffff0f}.page[data-theme=dark] .status-dot{background:#6b7280}.page[data-theme=dark] .status-dot.live{background:#b7fa92;box-shadow:0 0 0 8px #b7fa9229}.page[data-theme=dark] .mini-stat{background:#0f1118fa;border-color:#ffffff0f}.page[data-theme=dark] .session-delete:hover{color:#111314;border-color:#fc90c233;background:#fc90c2}.page[data-theme=dark] .field input,.page[data-theme=dark] .color-picker-popover,.page[data-theme=dark] .custom-select-menu,.page[data-theme=dark] .color-picker-footer{background:#0e1017fa;color:var(--text)}.page[data-theme=dark] .field input::placeholder,.page[data-theme=dark] .color-value,.page[data-theme=dark] .custom-select-chevron{color:var(--muted)}.page[data-theme=dark] .field input:focus,.page[data-theme=dark] .field input:hover{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring)}.page[data-theme=dark] .eyebrow,.page[data-theme=dark] .brand-icon,.page[data-theme=dark] .btn-primary,.page[data-theme=dark] .toast{box-shadow:0 0 0 1px #ffffff0a,0 18px 36px #fc90c22e}.page[data-theme=dark] .btn-primary{color:#111314}.page[data-theme=dark] .brand-icon,.page[data-theme=dark] .btn-primary,.page[data-theme=dark] .toast{background:#fc90c2}.page[data-theme=dark] .theme-switcher:hover,.page[data-theme=dark] .btn-secondary:hover{background:#fc90c2;color:#111314}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(680px,100%);border-radius:22px;padding:22px}@media(max-width:1080px){.layout{grid-template-columns:1fr}}@media(max-width:760px){.page{padding:18px 18px 48px}.header{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start}.field-inline,.stats-grid,.mini-stats,.chart-summary,.data-actions{grid-template-columns:1fr}.banner,.session-item{flex-direction:column;grid-template-columns:1fr;justify-items:start}}