/* HomeOS · Fluent-inspired light theme.
   System fonts, 4px spacing rhythm, 44px minimum primary targets.
   Breakpoints follow available content space rather than device labels. */
:root {
  color-scheme: light;
  --bg:#f5f6f8; --sidebar:#eef0f4; --panel:#fff; --panel2:#f8f9fb;
  --text:#20232b; --muted:#606773; --subtle:#737b87;
  --line:#e2e5ea; --line2:#c5cbd4;
  --accent:#0f6cbd; --accent-hover:#115ea3; --accent-soft:#e8f1fb;
  --blue:#0f6cbd; --violet:#6554ad; --mint:#167451; --amber:#8d5709; --red:#b42332;
  --radius:12px; --sidebar-w:248px;
  --shadow:0 2px 5px rgb(25 37 57 / 3%),0 1px 2px rgb(25 37 57 / 3%);
}
* {box-sizing:border-box}
html {font-size:16px;scroll-padding-top:96px}
body {margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:1rem;line-height:1.5}
button,input,textarea,select {font:inherit}
button {cursor:pointer}
button,a,input,textarea,select,summary {-webkit-tap-highlight-color:transparent}
button {color:inherit}
button:disabled {cursor:default;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
button:active {filter:brightness(.96)}
button,summary,input,textarea,select {transition:background-color .15s,border-color .15s,box-shadow .15s}
[hidden] {display:none!important}
svg.ui-icon {width:22px;height:22px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
button>svg.ui-icon {pointer-events:none}
.app {min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar {position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:24px 14px 16px;background:var(--sidebar);border-right:1px solid var(--line);overflow-y:auto;z-index:50}
.brand {display:flex;align-items:center;gap:12px;padding:0 10px 24px}
.brand-logo {width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--accent)}
.brand-logo svg.ui-icon {width:25px;height:25px}
.brand>div:nth-child(2) {display:grid;gap:0}
.brand strong {font-size:1.25rem;font-weight:650;letter-spacing:-.035em}
.brand span {color:var(--muted);font-size:.8125rem}
.nav {display:grid;gap:4px}
.nav-section {padding:16px 12px 6px;color:var(--muted);font-size:.8125rem;font-weight:600}
.nav-item {position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;border:0;border-radius:7px;background:transparent;text-align:left;font-size:.9375rem;font-weight:400}
.nav-item>span:first-child {width:22px;display:grid;place-items:center;color:#515b6a}
.nav-item:hover {background:#e4e7ed}
.nav-item.active {background:#fff;font-weight:600;box-shadow:var(--shadow)}
.nav-item.active:before {content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:var(--accent)}
.nav-item.active>span:first-child {color:var(--accent)}
.nav-item b {margin-left:auto;min-width:24px;padding:0 6px;border-radius:6px;color:var(--muted);background:#e9ecf1;font-size:.8125rem;font-weight:500;text-align:center}
.nav-item b.warn {background:#fff0d8;color:var(--amber)}
.nav-item.sub {font-size:.9375rem}
.nav-group {margin-top:8px}
.nav-group summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 14px;color:var(--muted);font-size:.875rem;cursor:pointer;list-style:none}
.nav-group summary::-webkit-details-marker {display:none}
.nav-group[open] summary>span {transform:rotate(180deg)}
.nav-group>div {display:grid;gap:4px}
.sidebar-footer {margin-top:auto;padding:28px 10px 0}
.server-status {display:flex;align-items:center;gap:10px}
.server-status>i {width:7px;height:7px;border-radius:50%;background:#7b8491}
.server-status>div {display:grid}
.server-status strong {font-size:.8125rem;font-weight:600}
.server-status span {font-size:.8125rem;color:var(--muted)}
.sidebar-close {display:none}
.main {grid-column:2;min-width:0}
.topbar {position:sticky;top:0;z-index:25;min-height:76px;display:flex;align-items:center;gap:20px;padding:14px 36px;background:rgb(245 246 248 / 96%);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.global-search {display:flex;align-items:center;gap:12px;width:min(480px,100%);min-width:0;min-height:44px;padding:0 14px;border:1px solid #d5d9e0;border-bottom-color:#aeb5c0;border-radius:7px;background:#fff}
.global-search>span {color:var(--muted)}
.global-search input {width:100%;min-width:0;border:0;outline:0!important;background:transparent;color:var(--text);font-size:.9375rem}
.global-search:focus-within {border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}
.global-search input::placeholder {color:#6b7380}
.global-search kbd {white-space:nowrap;border:1px solid var(--line);padding:1px 5px;border-radius:4px;color:var(--muted);font-size:.75rem}
.topbar-actions {margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.icon-btn {width:44px;min-height:44px;display:grid;place-items:center;flex:none;border:1px solid transparent;border-radius:8px;background:transparent;color:#505a69}
.icon-btn:hover {background:#e8ebf0}
.icon-btn.sidebar-close {display:none}
.notification-button {position:relative}
.notification-badge {position:absolute;top:2px;right:1px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--bg);border-radius:10px;background:#c4314b;color:#fff;font-size:.6875rem;font-weight:700;line-height:1}
.profile {display:flex;align-items:center;gap:10px;margin-left:8px}
.avatar {width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e2eafa;color:#304f7b;font-size:1rem;font-weight:600}
.avatar.big {width:56px;height:56px;margin:auto;font-size:1.25rem}
.profile>div:last-child {display:grid}
.profile strong {font-size:.9375rem;font-weight:600}
.profile small {font-size:.8125rem;color:var(--muted)}
.mobile-only,.mobile-nav {display:none}
.content {width:min(1500px,100%);margin:auto;padding:36px clamp(24px,3vw,48px) 48px}
.view {display:none;min-width:0}
.view.active {display:block}
.page-head {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.page-head>div {min-width:0}
.page-head h1 {margin:0;font-size:clamp(1.875rem,2.6vw,2.375rem);line-height:1.25;font-weight:650;letter-spacing:-.035em;overflow-wrap:anywhere}
.page-head p {margin:8px 0 0;color:var(--muted);font-size:1rem;max-width:65ch}
.eyebrow {display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--muted);line-height:1.4}
.page-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}
.btn {display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #cfd4dc;border-bottom-color:#b5bcc7;border-radius:7px;background:#fff;color:var(--text);font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:0 1px 2px rgb(0 0 0 / 3%)}
.btn:hover {background:#f0f2f5}
.btn.primary {background:var(--accent);border-color:var(--accent);border-bottom-color:#0b548f;color:#fff}
.btn.primary:hover {background:var(--accent-hover)}
.btn.danger {color:var(--red);border-color:#e5bec4;background:#fff}
.text-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--accent);font-size:.9375rem;font-weight:500;flex:none}
.text-btn:hover {background:var(--accent-soft)}
.grid {display:grid;gap:20px;margin-bottom:20px}
.grid.two {grid-template-columns:repeat(2,minmax(0,1fr))}
#view-today>.grid.two {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.kpi-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.kpi {position:relative;display:flex;align-items:flex-start;gap:14px;padding:22px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.icon,.quick-icon,.activity-icon,.backup-icon {width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:9px}
.kpi>div {display:grid;min-width:0}
.kpi small {color:var(--muted);font-size:.875rem}
.kpi strong {margin-top:4px;font-size:2rem;line-height:1.25;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.kpi p {margin:7px 0 0;color:var(--muted);font-size:.875rem}
.violet {background:#f0edfb;color:#6554ad}
.blue {background:#eaf2fc;color:#2467ae}
.mint {background:#e8f4ee;color:#267557}
.amber {background:#fff3df;color:#8d5709}
.red,.redicon {background:#fcecef;color:#b42332}
.warntext {color:#8d5709!important}
.panel {min-width:0;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.panel-head h2 {margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.panel-head .eyebrow {font-size:.8125rem;margin-bottom:3px}
.task-list {display:grid}
.task-item,.clean-task {display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:80px;padding:10px 0;border-bottom:1px solid #edf0f3}
.task-item:last-child,.clean-task:last-child {border-bottom:0}
.task-check {display:grid;place-items:center;position:relative;width:44px;height:44px;background:transparent;border:0;border-radius:8px}
.task-check:before {content:"";width:22px;height:22px;border:1.5px solid #8993a1;border-radius:50%;background:#fff}
.task-check:hover {background:var(--accent-soft)}
.task-check:after {position:absolute;color:#fff;font-size:.875rem;font-weight:700}
.done .task-check:before {background:var(--accent);border-color:var(--accent)}
.done .task-check:after {content:"✓"}
.task-item>div,.clean-task>div {display:grid;min-width:0;gap:3px}
.task-item strong,.clean-task strong {font-size:1rem;font-weight:500;overflow-wrap:anywhere}
.task-item small,.clean-task small {color:var(--muted);font-size:.875rem}
.task-item time,.clean-task em {color:var(--muted);font-size:.875rem;font-style:normal}
.task-trailing{display:flex!important;grid-auto-flow:column!important;align-items:center;justify-content:end;gap:8px!important}.task-trailing .task-edit{width:38px;min-height:38px}.task-trailing .ui-icon{width:18px;height:18px}
.task-item.done strong,.clean-task.done strong {color:#6d7581;text-decoration:line-through}
.timeline {display:grid}
.timeline>div {position:relative;display:grid;grid-template-columns:52px 12px minmax(0,1fr);gap:14px;align-items:center;min-height:80px}
.timeline time {font-size:.875rem;color:var(--muted)}
.timeline>div>span {width:4px;height:38px;border-radius:3px;background:#a8c9f0;margin:auto}
.timeline>div:nth-child(2)>span {background:#b5a8e0}
.timeline>div:nth-child(3)>span {background:#89b8a5}
.timeline p {display:grid;gap:3px;margin:0;min-width:0}
.timeline strong {font-size:1rem;font-weight:500}
.timeline small {font-size:.875rem;color:var(--muted)}
.house-status-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.house-status-grid button {padding:16px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;text-align:left}
.house-status-grid button:hover {background:var(--accent-soft);border-color:#b7d2ed}
.house-status-grid strong {display:block;font-size:1.625rem;font-weight:600}
.house-status-grid span {display:block;color:var(--muted);font-size:.875rem;margin-top:2px}
textarea,input,select {color:var(--text)}
.quick-capture textarea,.dialog-card textarea {width:100%;min-height:112px;padding:14px;border:1px solid var(--line2);border-radius:7px;background:#fff;font-size:1rem;resize:vertical}
.quick-capture>div {display:flex;justify-content:space-between;gap:12px;margin-top:14px}
select,.table-toolbar input {min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line2);border-radius:7px;background:#fff;font-size:1rem}
.inbox-list {display:grid}
.inbox-row {display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.inbox-row:last-child {border:0}
.inbox-row>span:first-child {display:grid;place-items:center;width:40px;height:40px;background:var(--accent-soft);border-radius:8px;color:var(--accent)}
.inbox-row>div {display:grid;gap:4px;min-width:0}
.inbox-row strong {font-size:1rem;font-weight:500;overflow-wrap:anywhere}
.inbox-row small {font-size:.875rem;color:var(--muted)}
.inbox-row button {width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;font-size:1.5rem;color:var(--muted)}
.inbox-row button:hover {background:#fcecef}
.filter-row {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.chip {min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:.9375rem;font-weight:500}
.chip:hover {background:#eef2f6}
.chip.active {background:var(--accent-soft);border-color:#b6d3f1;color:#0c579b}
.calendar-shell {padding:0;overflow:hidden}
.calendar-toolbar {display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line)}
.calendar-toolbar button {width:44px;height:44px;border:0;border-radius:6px;background:transparent;font-size:1.25rem}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--panel2)}.calendar-weekdays span{padding:9px 12px;color:var(--muted);font-size:.8125rem;font-weight:600;text-align:center}
.calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-day {min-height:124px;padding:12px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;background:#fff;color:var(--text);text-align:left;align-content:start}
.calendar-day:nth-child(7n) {border-right:0}
.calendar-day>strong {font-size:.9375rem;font-weight:500}
.calendar-day:hover{background:#f7f9fc}.calendar-day.today {background:#f0f6ff}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-day.muted-day{background:#fafbfc;color:#9aa1ac}
.calendar-day>small{display:block;margin-top:6px;color:var(--muted);font-size:.75rem}
.event-pill {display:block;overflow-wrap:anywhere;margin-top:8px;padding:5px 7px;border-radius:4px;background:#dceafb;color:#205993;font-size:.8125rem}
.event-pill.source-google{background:#e8f4ee;color:#176643}.event-pill.source-outlook{background:#f0edfb;color:#5b489f}
.calendar-agenda-panel{margin-top:20px}.calendar-agenda{display:grid}.calendar-agenda-item{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:72px;padding:12px 0;border-bottom:1px solid var(--line)}.calendar-agenda-item:last-child{border-bottom:0}.calendar-agenda-item time{color:var(--muted);font-size:.875rem}.calendar-agenda-item>div{display:grid;min-width:0}.calendar-agenda-item strong{font-size:1rem;font-weight:600}.calendar-agenda-item span{color:var(--muted);font-size:.8125rem}
.integration-banner {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 24px;border:1px solid #c4d9ef;border-radius:10px;background:#eef5fd}
.integration-banner strong {font-size:1rem;font-weight:600}
.integration-banner p {margin:6px 0 0;font-size:.9375rem;color:#4c617b}
.mail-list article {display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.mail-list article:last-child {border:0}
.mail-list article.unread{background:#f5f9fe}.mail-list article[data-mail-id]{cursor:pointer}.mail-list article[data-mail-id]:hover,.mail-list article[data-mail-id]:focus-visible{background:#f1f7fc;outline:none}.loading-state{padding:40px;text-align:center;color:var(--muted)}
.sender,.mail-list article strong {font-size:1rem;font-weight:600}
.mail-list article p {margin:4px 0 0;color:var(--muted)}
.mail-list time {font-size:.875rem;color:var(--muted)}
.mail-list article[data-mail-id]{cursor:pointer}.mail-list article[data-mail-id]:hover{background:#f1f7fc}.mail-detail-dialog{width:min(760px,calc(100vw - 32px))}.mail-detail-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:-6px 0 20px;color:var(--muted)}.mail-detail-dialog pre{max-height:min(58vh,620px);margin:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font:inherit;line-height:1.6;white-space:pre-wrap;overflow:auto}
.card-grid,.house-module-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project-card,.note-card,.room-card,.damage-card,.contact-card,.routine-card {min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.project-card h3,.note-card strong,.room-card h3,.damage-card h3,.contact-card h3,.routine-card h3 {display:block;margin:16px 0 8px;font-size:1.125rem;font-weight:600}
.project-card p,.note-card p,.room-card p,.damage-card p,.contact-card p,.routine-card p {margin:0;font-size:1rem;color:var(--muted)}
.project-card small,.note-card small,.contact-card small {display:block;margin-top:14px;font-size:.875rem;color:var(--muted)}
.tag,.badge,.status {display:inline-flex;align-items:center;gap:6px;padding:4px 9px;min-height:28px;border-radius:5px;font-size:.8125rem;font-weight:500;line-height:1.4}
.badge {background:#edf0f4;color:#505967}
.status.ok {background:#e8f4ee;color:#267557}
.status.warn {background:#fff3df;color:#8d5709}
.progress {height:6px;margin-top:20px;border-radius:6px;background:#e9edf2;overflow:hidden}
.progress i {display:block;height:100%;background:var(--accent);border-radius:inherit}
.damage-card .meta {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:.875rem;color:var(--muted)}
.contact-card {text-align:center}
.table-scroll {overflow-x:auto;max-width:100%;border-radius:8px}
table {width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem}
th {padding:14px 16px;border-bottom:1px solid var(--line);background:#f8f9fb;color:var(--muted);font-size:.8125rem;font-weight:600;white-space:nowrap}
td {padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td {border-bottom:0}
td strong {display:block;font-size:1rem;font-weight:600}
td small {display:block;margin-top:4px;font-size:.875rem;color:var(--muted)}
.table-toolbar {display:flex;gap:12px;margin-bottom:20px}
.table-toolbar input {flex:1}
.house-module-grid button {min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-align:left;box-shadow:var(--shadow)}
.house-module-grid button:hover {border-color:#b7d2ed;background:#f8fbff}
.house-module-grid button>span {display:grid;place-items:center;width:40px;height:40px;background:var(--accent-soft);color:var(--accent);border-radius:8px;margin-bottom:16px}
.house-module-grid strong {display:block;font-size:1.125rem;font-weight:600}
.house-module-grid small {display:block;margin-top:6px;font-size:.875rem;color:var(--muted)}
.simple-list>div {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.simple-list strong {font-size:1rem;font-weight:600}
.simple-list span {color:var(--muted);font-size:.9375rem}
.maintenance-cards {display:grid;gap:12px}
.maintenance-cards article {display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px}
.datebox {display:grid;place-items:center;align-content:center;min-height:60px;border:1px solid var(--line);border-radius:8px;background:#f8f9fb}
.datebox strong {font-size:1.375rem;font-weight:600}
.datebox small {font-size:.8125rem;color:var(--muted)}
.maintenance-cards article>div strong {font-size:1rem;font-weight:600}
.maintenance-cards article p {margin:4px 0 0;color:var(--muted);font-size:.875rem}
.chart-placeholder {min-height:280px;display:grid;place-items:center;text-align:center}
.chart-placeholder div {display:grid;gap:8px}
.chart-placeholder span {color:var(--muted)}
.settings-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.settings-integrations-panel{margin-top:20px}.settings-integrations-panel>p{margin:0;color:var(--muted)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.integration-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.integration-card.connected{border-color:#b9ddca}.integration-card>div{display:flex;align-items:center;gap:12px;min-width:0}.integration-card>div>div{display:grid;min-width:0}.integration-card small{color:var(--muted);overflow-wrap:anywhere}.integration-logo{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:700}
.user-list{display:grid}.user-row{display:grid;grid-template-columns:44px minmax(150px,1fr) minmax(150px,190px) auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0}.user-row.inactive{opacity:.62}.user-row>div{display:grid;min-width:0}.user-row small{color:var(--muted)}.user-row select{width:100%}
.setting-card h3 {font-size:1.125rem;font-weight:600;margin:0 0 8px}
.setting-card p {color:var(--muted);margin:0 0 24px;font-size:1rem}
.backup-card {display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-height:280px}
.backup-icon {margin-bottom:20px}
.backup-card h3 {font-size:1.125rem;margin:0}
.backup-card>strong {font-size:1.5rem;font-weight:600;margin-top:8px}
.backup-card p {font-size:1rem;color:var(--muted);margin:8px 0 24px}
.backup-card .btn {margin-top:auto}
.cleaning-summary {display:grid;grid-template-columns:1fr 1.25fr auto;gap:28px;align-items:center;margin-bottom:24px}
.cleaning-summary>div:first-child>strong {font-size:2.25rem;font-weight:600;letter-spacing:-.03em}
.cleaning-summary p {margin:2px 0 0;font-size:.9375rem;color:var(--muted)}
.progress.large {height:8px;margin:0}
.cleaning-stats {display:flex;gap:24px}
.cleaning-stats span {display:grid;text-align:center;color:var(--muted);font-size:.875rem}
.cleaning-stats strong {font-size:1.5rem;color:var(--text);font-weight:600}
.cleaning-plan {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}
.cleaning-card {min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.cleaning-card.complete {border-color:#adcbeb}
.cleaning-card-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.cleaning-card h3 {margin:0;font-size:1.125rem;font-weight:600}
.duration {padding:4px 8px;background:#f0f2f5;border-radius:5px;font-size:.8125rem;white-space:nowrap;color:var(--muted)}
.cleaning-card ul {list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cleaning-card li {min-height:44px;display:flex;align-items:center;gap:12px;font-size:1rem}
.cleaning-card li label {display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 0;cursor:pointer}
.cleaning-card input {width:22px;height:22px;flex:none;margin:0;accent-color:var(--accent)}
.cleaning-card input:checked+span {color:var(--muted);text-decoration:line-through}
.plan-bullet {width:5px;height:5px;flex:none;border-radius:50%;background:var(--muted)}
.movement-top-grid {display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:20px;margin-bottom:20px}
.movement-entry-card {align-self:stretch}
.movement-panel-icon {width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.movement-form {display:grid;gap:18px}
.movement-form label {display:grid;gap:8px;color:#394150;font-size:.9375rem;font-weight:600}
.movement-form input {width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line2);border-radius:7px;background:#fff;color:var(--text);font-size:1rem}
.movement-form input:focus {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:0}
.movement-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.input-unit {position:relative;display:block}.input-unit input{padding-right:54px}.input-unit>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.875rem;font-weight:500;pointer-events:none}
.movement-form-note {margin:-2px 0 0;color:var(--muted);font-size:.875rem}
.movement-save {width:100%;min-height:48px}.movement-save .ui-icon{width:19px;height:19px}
.movement-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.movement-stat {min-width:0;display:flex;align-items:flex-start;gap:14px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.movement-stat.wide {grid-column:1/-1;align-items:center}
.stat-icon {width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:9px}.stat-icon .ui-icon{width:23px;height:23px}
.movement-stat>div {display:grid;min-width:0}.movement-stat small{color:var(--muted);font-size:.875rem}.movement-stat strong{margin-top:5px;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.2;font-weight:600;letter-spacing:-.03em;overflow-wrap:anywhere}.movement-stat>div>span{margin-top:5px;color:var(--muted);font-size:.8125rem}
.movement-chart-panel {margin-bottom:20px;overflow:hidden}
.movement-chart-head {align-items:flex-start}.movement-ranges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.movement-ranges .chip{min-height:40px;padding:8px 13px;font-size:.875rem}
.movement-legend {display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:0 0 4px;color:var(--muted);font-size:.875rem}.movement-legend span{display:flex;align-items:center;gap:8px}.movement-legend i{width:20px;height:3px;border-radius:2px;background:var(--accent)}.movement-legend i.calories{background:#c66a16}
.movement-chart {width:100%;min-height:300px;display:grid;place-items:center;overflow:hidden}
.movement-svg {display:block;width:100%;height:auto;overflow:visible}
.movement-grid-line {stroke:#e7eaf0;stroke-width:1;vector-effect:non-scaling-stroke}
.movement-axis-label {fill:#707986;font-family:inherit;font-size:12px}.movement-axis-title{fill:#596373;font-family:inherit;font-size:12px;font-weight:600}
.movement-steps-area {fill:rgb(15 108 189 / 8%)}
.movement-line {fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.movement-line.steps{stroke:var(--accent)}.movement-line.calories{stroke:#c66a16}
.movement-point {stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.movement-point.steps{fill:var(--accent)}.movement-point.calories{fill:#c66a16}
.movement-chart-empty {min-height:280px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.movement-chart-empty .ui-icon{width:34px;height:34px;color:var(--accent);margin-bottom:6px}.movement-chart-empty strong{color:var(--text);font-size:1rem}.movement-chart-empty p{max-width:420px;margin:0;font-size:.9375rem}
.movement-history {display:grid}
.movement-history-row {display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(130px,1fr)) auto;gap:18px;align-items:center;min-height:76px;padding:14px 0;border-bottom:1px solid var(--line)}.movement-history-row:last-child{border-bottom:0}
.movement-history-date,.movement-history-value {display:grid;min-width:0}.movement-history-date strong,.movement-history-value strong{font-size:1rem;font-weight:600;overflow-wrap:anywhere}.movement-history-date small,.movement-history-value small{color:var(--muted);font-size:.8125rem}.movement-history-date small{margin-top:2px}.movement-history-actions{display:flex;gap:4px}.movement-history-actions .icon-btn{width:40px;min-height:40px}.movement-history-actions .ui-icon{width:19px;height:19px}.movement-history-actions .danger-icon{color:var(--red)}.movement-history-actions .danger-icon:hover{background:#fcecef}
.nutrition-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.nutrition-kpis article{display:grid;min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.nutrition-kpis small,.nutrition-kpis span{color:var(--muted);font-size:.8125rem}.nutrition-kpis strong{margin:5px 0 2px;font-size:1.75rem;font-weight:650;letter-spacing:-.03em}.nutrition-kpis i{height:6px;margin-top:14px;border-radius:999px;background:#e8ebef;overflow:hidden}.nutrition-kpis b{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s}
.nutrition-diary-panel{margin-bottom:28px}.nutrition-diary-head>div:last-child{display:flex;gap:10px}.nutrition-diary-head input{min-height:44px;padding:8px 10px;border:1px solid var(--line2);border-radius:7px}.nutrition-meals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nutrition-meal{min-width:0;padding:18px;border:1px solid var(--line);border-radius:9px}.nutrition-meal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.nutrition-meal h3{margin:0;font-size:1rem}.nutrition-meal-head span{color:var(--muted);font-size:.8125rem}.nutrition-entry{display:grid;grid-template-columns:minmax(0,1fr) auto 38px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.nutrition-entry>div{display:grid;min-width:0}.nutrition-entry strong{font-size:.9375rem}.nutrition-entry small,.meal-empty{color:var(--muted);font-size:.8125rem}.nutrition-entry>b{font-size:.875rem;white-space:nowrap}.nutrition-entry .icon-btn{width:38px;min-height:38px}.meal-empty{margin:12px 0 0}
.recipe-section-head{margin-top:6px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recipe-grid>.empty-state{grid-column:1/-1}.recipe-card{min-width:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);text-align:left;overflow:hidden}.recipe-card:hover{border-color:#b7d2ed;transform:translateY(-1px)}.recipe-image{height:160px;display:grid;place-items:center;background:var(--panel2);color:var(--accent)}.recipe-image img{width:100%;height:100%;object-fit:cover}.recipe-image .ui-icon{width:42px;height:42px}.recipe-copy{display:grid;padding:18px}.recipe-copy strong{font-size:1.05rem}.recipe-copy small{margin-top:5px;color:var(--muted)}.recipe-owner{margin:14px 0 0;color:var(--muted);font-size:.875rem}
.nutrition-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nutrition-mini>div{display:grid;padding:12px;border-radius:8px;background:var(--panel2)}.nutrition-mini strong{font-size:1.15rem}.nutrition-mini span{color:var(--muted);font-size:.75rem}
.form-dialog{display:grid;gap:16px}.form-dialog label{display:grid;gap:7px;color:#394150;font-size:.875rem;font-weight:600}.form-dialog input,.form-dialog select,.form-dialog textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line2);border-radius:7px;background:#fff}.form-dialog textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-dialog fieldset{margin:0;padding:16px;border:1px solid var(--line);border-radius:9px}.form-dialog legend{padding:0 7px;font-weight:600}.wide-dialog{width:min(900px,calc(100vw - 36px))}.check-label{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.check-label input{width:20px!important;min-height:20px!important}.dialog-spacer{flex:1}
.dynamic-form-list{display:grid;gap:10px}.dynamic-form-row{display:grid;gap:8px;align-items:start}.ingredient-row{grid-template-columns:110px 110px minmax(0,1fr) 44px}.step-row{grid-template-columns:minmax(0,1fr) 44px}.dynamic-form-row .icon-btn{width:44px;min-height:44px}.dynamic-form-row textarea{min-height:70px}
.recipe-detail>p{color:var(--muted)}.recipe-detail-image{width:100%;max-height:300px;object-fit:cover;border-radius:10px}.portion-control{display:flex;align-items:end;gap:16px;padding:14px;border-radius:9px;background:var(--panel2)}.portion-control label{display:grid;gap:5px;font-weight:600}.portion-control input{width:120px;min-height:44px;padding:8px;border:1px solid var(--line2);border-radius:7px}.portion-control span{color:var(--muted)}.recipe-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.recipe-macros span{display:grid;padding:12px;border-radius:8px;background:var(--accent-soft);color:var(--muted);font-size:.8125rem}.recipe-macros b{color:var(--text);font-size:1.1rem}.recipe-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.recipe-detail-grid h3{font-size:1.05rem}.recipe-detail-grid ul,.recipe-detail-grid ol{margin:0;padding-left:22px}.recipe-detail-grid li{padding:7px 0}.recipe-detail-grid ul{padding:0;list-style:none}.recipe-detail-grid ul li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--line)}
.system-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.system-live-indicator{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;border:1px solid #bbd9c9;border-radius:999px;background:#edf7f2;color:#0e6b45;font-size:.875rem;font-weight:600;white-space:nowrap}
.system-live-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#107c41;box-shadow:0 0 0 4px rgb(16 124 65 / 10%)}
.system-live-indicator.is-loading{border-color:#bfd7ef;background:var(--accent-soft);color:var(--accent)}.system-live-indicator.is-loading:before{background:var(--accent);animation:systemPulse 1.1s ease-in-out infinite}
.system-live-indicator.is-error{border-color:#edc4ca;background:#fcecef;color:var(--red)}.system-live-indicator.is-error:before{background:var(--red);box-shadow:0 0 0 4px rgb(180 35 50 / 9%)}
@keyframes systemPulse{50%{opacity:.35;transform:scale(.75)}}
.system-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.system-overview-card{--status-color:#7b8491;--status-soft:#f0f2f5;position:relative;min-width:0;min-height:190px;display:block;padding:24px;border:1px solid var(--line);border-top:3px solid var(--status-color);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.system-overview-card:after{content:"";position:absolute;right:-52px;bottom:-74px;width:150px;height:150px;border-radius:50%;background:var(--status-soft);opacity:.72;pointer-events:none}
.system-overview-icon{position:absolute;z-index:1;right:20px;top:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:var(--status-soft);color:var(--status-color)}
.system-overview-icon .ui-icon{width:25px;height:25px}
.system-overview-card>div{position:relative;z-index:1;display:grid;min-width:0;flex:1}
.system-overview-card small{padding-right:58px;color:var(--muted);font-size:.875rem;font-weight:600}
.system-overview-card strong{margin-top:20px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.15;font-weight:650;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal}
.system-overview-card p{min-height:42px;margin:8px 0 16px;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.system-meter{height:6px;border-radius:999px;background:#e8ebef;overflow:hidden}.system-meter>i{display:block;width:0;height:100%;border-radius:inherit;background:var(--status-color);transition:width .35s ease}
.system-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.system-status-card{--status-color:#7b8491;--status-soft:#f0f2f5;min-width:0;min-height:216px;padding:22px;border:1px solid var(--line);border-left:3px solid var(--status-color);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.system-status-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.system-status-card-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--status-soft);color:var(--status-color)}.system-status-card-head .ui-icon{width:23px;height:23px}.system-status-card-head>i{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--status-color);box-shadow:0 0 0 3px var(--status-soft)}
.system-status-card>small{display:block;color:var(--muted);font-size:.8125rem}.system-status-card>h2{margin:2px 0 14px;font-size:1.125rem;font-weight:600}.system-status-card>strong{display:block;font-size:1.125rem;font-weight:650;overflow-wrap:normal;word-break:normal}.system-status-card>p{margin:5px 0 0;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.system-backup-card{grid-column:span 2}.system-backup-card>h2{margin-bottom:12px}.system-backup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-backup-list>div{display:grid;min-width:0;padding:12px;border-radius:8px;background:var(--panel2)}.system-backup-list span{color:var(--muted);font-size:.8125rem}.system-backup-list strong{margin:3px 0;font-size:1rem;font-weight:650;overflow-wrap:anywhere}.system-backup-list small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.status-good{--status-color:#107c41;--status-soft:#e8f5ee}.status-warning{--status-color:#9a5d00;--status-soft:#fff3df}.status-critical{--status-color:#b42332;--status-soft:#fcecef}.status-unknown{--status-color:#7b8491;--status-soft:#f0f2f5}
.system-details-panel{margin-bottom:20px}.system-checked{color:var(--muted);font-size:.875rem;text-align:right}.system-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:9px;background:var(--line);overflow:hidden}.system-detail-grid>div{display:grid;min-width:0;padding:18px;background:#fff}.system-detail-grid small{color:var(--muted);font-size:.8125rem}.system-detail-grid strong{margin-top:5px;font-size:1.05rem;font-weight:650;overflow-wrap:anywhere}
.empty-state {padding:32px;display:grid;place-items:center;gap:12px;color:var(--muted);text-align:center}
.empty-state>span {color:var(--accent);font-size:1.5rem}
.empty-state p {margin:0;font-size:1rem}
.file-button {position:relative;overflow:hidden}
.file-button input {position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}
.file-button:focus-within {outline:3px solid var(--accent);outline-offset:3px}
.danger-zone {display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e6c9cf;background:#fff;padding:24px;border-radius:var(--radius)}
.danger-zone strong {font-size:1rem;font-weight:600}
.danger-zone p {font-size:.9375rem;color:var(--muted);margin:4px 0 0}
dialog {max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line2);border-radius:14px;background:#fff;color:var(--text);box-shadow:0 24px 80px rgb(0 0 0 / 20%)}
dialog::backdrop {background:rgb(24 32 48 / 30%);backdrop-filter:blur(4px)}
.dialog-card {width:min(520px,calc(100vw - 36px));padding:28px}
.dialog-head {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.dialog-head h2 {font-size:1.5rem;margin:0;font-weight:600}
.dialog-head button {width:44px;height:44px;border:0;border-radius:7px;background:transparent;font-size:1.5rem;color:var(--muted)}
.dialog-card select {width:100%;margin-top:12px}
.dialog-actions {display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.toast {position:fixed;right:24px;bottom:24px;z-index:120;max-width:min(440px,calc(100vw - 32px));padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:#fff;color:var(--text);box-shadow:0 8px 40px rgb(0 0 0 / 12%);font-size:.9375rem;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show {opacity:1;transform:translateY(0);pointer-events:auto}
.toast[data-tone="warning"] {border-left-color:var(--amber)}
.toast[data-tone="error"] {border-left-color:var(--red)}
.toast[data-tone="mail"] {border-left-color:var(--violet)}
.toast-inner {display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:12px}
.toast-symbol {width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}
.toast[data-tone="warning"] .toast-symbol {background:#fff3df;color:var(--amber)}
.toast[data-tone="error"] .toast-symbol {background:#fcecef;color:var(--red)}
.toast[data-tone="mail"] .toast-symbol {background:#f0edfb;color:var(--violet)}
.toast-copy {display:grid;gap:2px;min-width:0}.toast-copy strong{font-size:.9375rem}.toast-copy span{color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.toast-close {width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted)}
.toast-close:hover {background:#f0f2f5}
.toast-close svg {width:18px;height:18px}
.notification-panel {position:fixed;z-index:110;top:68px;right:24px;width:min(400px,calc(100vw - 32px));max-height:min(660px,calc(100dvh - 88px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 64px rgb(25 37 57 / 18%);overflow:hidden}
.notification-panel[hidden] {display:none}
.notification-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 14px}
.notification-head h2 {margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.notification-head .eyebrow{margin-bottom:2px}
.notification-toolbar {display:flex;justify-content:flex-end;padding:0 12px 8px;border-bottom:1px solid var(--line)}
.notification-toolbar .text-btn {font-size:.875rem}
.notification-list {min-height:140px;overflow-y:auto;padding:6px 12px}
.notification-item {width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 8px;border:0;border-bottom:1px solid #edf0f3;background:transparent;text-align:left}
.notification-item:last-child {border-bottom:0}.notification-item:hover{background:#f7f9fb}.notification-item.unread{background:#f4f8fd}.notification-item.unread:hover{background:#edf5fd}
.notification-icon {width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.notification-item[data-tone="warning"] .notification-icon{background:#fff3df;color:var(--amber)}.notification-item[data-tone="error"] .notification-icon{background:#fcecef;color:var(--red)}.notification-item[data-tone="mail"] .notification-icon{background:#f0edfb;color:var(--violet)}
.notification-copy {display:grid;gap:3px;min-width:0}.notification-copy strong{font-size:.9375rem;font-weight:600}.notification-copy span{color:var(--muted);font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.notification-item time{padding-top:2px;color:var(--muted);font-size:.75rem;white-space:nowrap}
.notification-empty {min-height:160px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.notification-empty .ui-icon{width:28px;height:28px}.notification-empty p{margin:0;font-size:.9375rem}
.notification-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-top:1px solid var(--line);background:#fafbfc}
.sound-toggle {min-height:40px;padding:7px 11px}.sound-toggle .ui-icon{width:19px;height:19px}.notification-footer .text-btn{font-size:.875rem}
.overlay {display:none}
body.auth-locked .app,body.auth-locked .mobile-nav {display:none}
body.authenticated .login-screen {display:none}
.login-screen {min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:#f2f4f8}
.login-orbit {display:none}
.login-card {width:min(460px,100%);padding:40px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 48px rgb(26 44 72 / 8%)}
.login-brand {display:flex;align-items:center;gap:12px;margin-bottom:36px}
.login-brand strong {font-size:1.25rem;font-weight:600;letter-spacing:-.025em}
.login-brand>span:last-child {margin-left:auto;padding:4px 8px;background:#f2f4f7;border-radius:5px;font-size:.8125rem;color:var(--muted)}
.login-card h1 {margin:0;font-size:2rem;line-height:1.25;letter-spacing:-.03em;font-weight:600}
.login-card>p {color:var(--muted);margin:12px 0 0;font-size:1rem}
.login-form {display:grid;gap:20px;margin-top:28px}
.login-form label {display:grid;gap:8px;font-size:.9375rem;font-weight:500}
.login-form input {width:100%;height:48px;border:1px solid var(--line2);border-radius:6px;padding:0 12px;background:#fff;font-size:1rem}
.login-submit {width:100%;min-height:48px}
.form-error:empty {display:none}
.form-error {margin:0;color:var(--red);font-size:.9375rem}
.login-card .security-note {border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:.8125rem;line-height:1.6}
@media(min-width:1600px) {.content{padding-top:44px}.kpi{padding:24px}.panel{padding:28px}}
@media(max-width:1400px) {
  .system-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1250px) {
  :root{--sidebar-w:224px}
  .content{padding:28px 24px 40px}
  .topbar{padding:14px 24px}
  .page-head{align-items:flex-start;flex-wrap:wrap}
  .kpi{padding:18px 16px;gap:10px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-backup-card{grid-column:span 2}
  .system-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nutrition-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cleaning-summary{grid-template-columns:1fr 1fr}
  .cleaning-stats{grid-column:1/-1}
  .card-grid,.house-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px) {
  .grid.two,#view-today>.grid.two{grid-template-columns:1fr}
  .cleaning-plan{grid-template-columns:1fr}
  .movement-top-grid{grid-template-columns:1fr}
  .system-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nutrition-meals{grid-template-columns:1fr}
  .user-row{grid-template-columns:44px minmax(0,1fr) minmax(140px,180px)}.user-row .btn{grid-column:auto}.user-row>button:last-child{grid-column:2/-1}
  .profile>div:last-child{display:none}
  .topbar-actions{gap:8px}
}
@media(max-width:900px) {
  .app{grid-template-columns:minmax(0,1fr)}
  .main{grid-column:1}
  .sidebar{width:min(320px,calc(100vw - 32px));transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s}
  .sidebar.open{visibility:visible;transform:translateX(0);box-shadow:16px 0 48px rgb(0 0 0 / 15%)}
  .icon-btn.sidebar-close{display:grid;margin-left:auto}
  .brand{padding-right:0}
  .brand span{font-size:.75rem}
  .mobile-only{display:grid}
  .overlay.show{display:block;position:fixed;inset:0;z-index:45;background:rgb(23 33 51 / 32%);backdrop-filter:blur(3px)}
  body.nav-open{overflow:hidden}
  .content{padding:28px 24px 104px}
  .topbar{padding:12px 20px;gap:12px;min-height:68px}
  .global-search{max-width:none;flex:1}
  .mobile-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgb(255 255 255 / 97%);backdrop-filter:blur(16px)}
  .mobile-nav button{min-width:0;min-height:56px;padding:6px 2px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-radius:8px;background:transparent;color:#596373;font-size:.8125rem}
  .mobile-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
  .mobile-nav svg.ui-icon{width:23px;height:23px}
  .toast{bottom:88px}
}
@media(min-width:701px) and (max-width:900px) {
  .grid.two,#view-today>.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .content{padding:24px 16px 100px}
  .topbar{gap:8px;padding:10px 12px}
  .topbar-actions{gap:4px}
  .topbar .profile,.topbar .logout-btn,.global-search kbd{display:none}
  .global-search{padding:0 10px;gap:8px}
  .global-search input{font-size:1rem}
  .page-head{gap:20px;margin-bottom:24px}
  .page-head h1{font-size:1.875rem}
  .page-head p{font-size:1rem}
  .page-actions{width:100%;gap:10px}
  .page-actions .btn{flex:1;padding-inline:12px}
  .kpi-grid{gap:12px;margin-bottom:20px}
  .kpi{padding:16px;display:block}
  .kpi .icon{width:32px;height:32px;border-radius:7px;margin-bottom:10px}
  .kpi .icon svg{width:20px;height:20px}
  .kpi small{font-size:.875rem}
  .kpi strong{font-size:1.75rem}
  .kpi p{font-size:.8125rem;margin-top:4px}
  .panel{padding:20px}
  .panel-head{gap:8px}
  .panel-head h2{font-size:1.25rem}
  .task-item{column-gap:8px}
  .task-item time{font-size:.8125rem;max-width:64px;text-align:right}
  .task-item strong{font-size:1rem}
  .timeline>div{gap:10px}
  .card-grid,.house-module-grid,.settings-grid{grid-template-columns:1fr}
  .cleaning-summary{grid-template-columns:1fr;gap:18px}
  .cleaning-stats{grid-column:auto;justify-content:space-between}
  .cleaning-card{padding:20px}
  .cleaning-card-head{flex-wrap:wrap}
  .cleaning-tabs{gap:6px}
  .cleaning-tabs .chip{flex:1;padding:10px 8px;font-size:.875rem}
  .movement-fields{grid-template-columns:1fr}
  .movement-stats{grid-template-columns:1fr}.movement-stat.wide{grid-column:auto}
  .movement-chart-head{display:grid;justify-content:stretch}.movement-ranges{justify-content:flex-start}.movement-ranges .chip{flex:1}
  .movement-chart{min-height:260px;margin-inline:-8px;width:calc(100% + 16px)}
  .movement-history-row{grid-template-columns:1fr 1fr auto;gap:12px;padding:16px 0}.movement-history-date{grid-column:1/-1}.movement-history-actions{grid-column:3;grid-row:2}
  .integration-grid,.recipe-grid,.nutrition-kpis{grid-template-columns:1fr}.nutrition-diary-head{align-items:flex-start;display:grid}.nutrition-diary-head>div:last-child{width:100%;display:grid;grid-template-columns:1fr}.nutrition-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid,.form-grid.three,.form-grid.four,.recipe-macros,.recipe-detail-grid{grid-template-columns:1fr}.ingredient-row{grid-template-columns:80px 90px minmax(0,1fr) 44px}.recipe-detail-grid ul li{grid-template-columns:100px minmax(0,1fr)}
  .calendar-day{min-height:82px;padding:7px}.calendar-day .event-pill{height:7px;padding:0;font-size:0}.calendar-weekdays span{padding-inline:4px}.calendar-agenda-item{grid-template-columns:64px minmax(0,1fr) auto}
  .user-row{grid-template-columns:44px minmax(0,1fr)}.user-row select,.user-row .btn,.user-row>button:last-child{grid-column:2}
  .system-page-actions{width:100%;justify-content:flex-start}.system-page-actions .btn{flex:1}.system-live-indicator{flex:1;justify-content:center}
  .system-overview-grid,.system-service-grid{grid-template-columns:1fr;gap:12px}.system-backup-card{grid-column:auto}.system-overview-card{min-height:176px;padding:20px}.system-status-card{min-height:0;padding:20px}.system-status-card-head{margin-bottom:16px}
  .system-backup-list{grid-template-columns:1fr}.system-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-checked{text-align:left}
  .table-toolbar{flex-direction:column}
  .table-scroll{overflow:visible}
  .table-scroll table,.table-scroll tbody{display:block;width:100%;min-width:0}
  .table-scroll thead{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .table-scroll tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0;gap:16px;border-bottom:1px solid var(--line)}
  .table-scroll tbody tr:first-child{padding-top:0}
  .table-scroll tbody tr:last-child{border-bottom:0;padding-bottom:0}
  .table-scroll td{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0;border:0;overflow-wrap:anywhere;font-size:.9375rem}
  .table-scroll td:before{content:attr(data-label);color:var(--muted);font-size:.8125rem;margin-bottom:4px}
  .table-scroll td:first-child{grid-column:1/-1}
  .table-scroll td:first-child:before{display:none}
  .table-scroll td:first-child{font-size:1rem;font-weight:600}
  .table-scroll td small{font-weight:400}
  .mail-list article{grid-template-columns:1fr auto;gap:8px}
  .mail-list article>div{grid-column:1/-1;grid-row:2}
  .integration-banner{padding:20px;align-items:flex-start;flex-direction:column}
  .maintenance-cards article{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}
  .maintenance-cards article>.badge{grid-column:2;justify-self:start}
  .danger-zone{align-items:flex-start;flex-direction:column}
  .calendar-day{min-height:92px;padding:6px}
  .event-pill{font-size:.75rem;padding:3px}
  .login-card{padding:28px 24px}
  .login-card h1{font-size:1.75rem}
  .dialog-card{padding:20px}
  .notification-panel{top:64px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 144px)}
  .notification-head{padding:16px 16px 12px}.notification-list{padding-inline:8px}.notification-footer{align-items:stretch;flex-direction:column}.notification-footer .btn,.notification-footer .text-btn{width:100%}
}
@media(max-width:360px) {
  .content{padding-inline:12px}
  .panel,.cleaning-card{padding:16px}
  .kpi{padding:14px}
  .task-item{grid-template-columns:44px minmax(0,1fr)}
  .task-item time{grid-column:2;max-width:none;text-align:left;margin-top:-8px}
  .global-search>span{display:none}
}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}