:root{color-scheme:light;--bg: #f2f2f7;--panel: #ffffff;--text-primary: #1c1c1e;--text-secondary: #8a8a8e;--text-tertiary: #aeaeb2;--separator: #e5e5ea;--red: #e74c3c;--red-light: #fdf0ef;--green: #34a853;--green-light: #edf7f0;--shadow: 0 .5px 2px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .03);--radius-card: 14px;--radius-badge: 12px;--radius-frame: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%}body{height:100%;width:100%;min-height:100vh;min-height:100dvh;margin:0;font-family:-apple-system,Helvetica Neue,SF Pro Display,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;display:flex;flex-direction:column}.phone-frame{position:relative;width:100%;max-width:100%;display:flex;flex-direction:column;margin:0;background:var(--bg);padding:0 16px 20px}.phone-frame:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:134px;height:5px;background:var(--text-primary);border-radius:3px;opacity:.85}@media (min-width: 600px) and (max-width: 1023px){.phone-frame{max-width:480px;margin:40px auto;min-height:auto;border-radius:var(--radius-frame);box-shadow:0 2px 20px #00000014,0 0 0 1px #0000000a;padding:0 24px 24px}.phone-frame:after{bottom:8px}}@media (min-width: 1024px){.phone-frame{max-width:none;width:100%;margin:0;padding:32px 40px 40px;border-radius:0;box-shadow:none;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(280px,380px) 1fr;grid-template-areas:"header   header" "left     right" "left     footnote";column-gap:32px;row-gap:16px;align-content:start}.phone-frame:after{display:none}.header{grid-area:header}.layout-left{grid-area:left;display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;align-self:stretch}.layout-right{grid-area:right;display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.equipment-card,.alert-banner,.activity-card{margin-bottom:0}.info-footnote{grid-area:footnote;margin-top:0}}@media (min-width: 1800px){.phone-frame{max-width:1400px;margin:0 auto;padding:40px 56px 48px;grid-template-columns:380px 1fr;column-gap:48px}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 6px 6px;color:var(--text-primary)}.status-bar__time{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.status-bar__icons{display:flex;align-items:center;gap:5px;color:var(--text-primary)}.header{text-align:center;padding:6px 0 14px}.header h1{font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--text-primary);margin:0}.header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.status-message{text-align:center;padding:40px 16px;color:var(--text-secondary);font-size:15px}.status-message--error{color:var(--red)}.equipment-card{background:var(--panel);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow);margin-bottom:12px;width:100%;min-width:0}.equipment-card h2{font-size:17px;font-weight:500;margin-bottom:10px;letter-spacing:-.015em;color:var(--text-primary);line-height:1.35}.equipment-card .info-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);margin-top:4px}.equipment-card .info-row svg{flex-shrink:0;color:var(--text-tertiary)}.equipment-card .info-row strong{color:var(--text-primary);font-weight:500}.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:12px;margin-bottom:12px;cursor:default;font-size:13px;font-weight:500;width:100%;min-width:0}.alert-banner--danger{background:var(--red-light);color:var(--red);cursor:pointer}.alert-banner--safe{background:var(--green-light);color:var(--green)}.alert-banner .alert-left{display:flex;align-items:center;gap:9px}.alert-banner svg{flex-shrink:0}.activity-card{background:var(--panel);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow);margin-bottom:8px;border-left:3px solid transparent;transition:border-color .15s;width:100%;min-width:0}.activity-card--red{border-left-color:var(--red)}.activity-card--green{border-left-color:var(--green)}.activity-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.activity-card-header-left{display:flex;align-items:center;gap:10px}.activity-card-header-left .icon-box{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.activity-card-header-left .icon-box--red{background:var(--red-light);color:var(--red)}.activity-card-header-left .icon-box--green{background:var(--green-light);color:var(--green)}.activity-card-header-left h3{font-size:15px;font-weight:600;color:var(--text-primary)}.activity-card-body{display:flex;gap:0}.activity-card-body .date-col{flex:1;display:flex;flex-direction:column;gap:1px}.activity-card-body .date-col:first-child{padding-right:14px}.activity-card-body .date-col+.date-col{padding-left:14px;border-left:1px solid var(--separator)}.activity-card-body .date-col .label{font-size:10px;color:var(--text-tertiary);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.activity-card-body .date-col .date-value{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-primary);margin-top:2px}.activity-card-body .date-col .date-value svg{flex-shrink:0;color:var(--text-tertiary)}.activity-card--red .date-col--next .date-value{color:var(--red)}.activity-card--red .date-col--next .date-value svg{color:var(--red)}.activity-card--green .date-col--next .date-value{color:var(--green)}.activity-card--green .date-col--next .date-value svg{color:var(--green)}@keyframes highlight-pulse{0%{box-shadow:0 0 #e74c3c8c}50%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.activity-card--highlighted{animation:highlight-pulse 1.5s ease-out 2;outline:2px solid var(--red);outline-offset:2px;scroll-margin-top:24px}.status-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-badge);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1.3}.status-badge--red{background:var(--red);color:#fff}.status-badge--green{background:var(--green);color:#fff}.info-footnote{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#f8f8fa;border:1px solid #eeeef0;border-radius:12px;margin-top:4px;font-size:11px;line-height:1.45;color:var(--text-tertiary);width:100%;min-width:0}.info-footnote svg{flex-shrink:0;margin-top:1px;color:var(--text-tertiary)}