:root{--bg: #eef2f4;--bg-strong: #dce6eb;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--line: rgba(21, 41, 55, .1);--line-strong: rgba(21, 41, 55, .18);--text: #13222d;--muted: #60707e;--muted-strong: #425260;--accent: #00a86b;--accent-deep: #0e7d57;--accent-soft: rgba(0, 168, 107, .12);--warn: #f0a23a;--warn-soft: rgba(240, 162, 58, .14);--danger: #cf4d47;--danger-soft: rgba(207, 77, 71, .12);--shadow-lg: 0 24px 64px rgba(16, 33, 44, .12);--shadow-md: 0 14px 36px rgba(16, 33, 44, .08);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}html,body{margin:0;min-height:100%}body{font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(18,136,108,.18),transparent 22%),radial-gradient(circle at 82% 4%,rgba(240,162,58,.18),transparent 22%),linear-gradient(180deg,#eef3f4,#e7edf1 42%,#edf1f4);color:var(--text)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,input,select,textarea{border:0}.page-shell{display:grid;gap:1.5rem}.page-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.page-hero h1,.page-hero h2,.page-hero h3,.panel h2,.panel h3,.panel h4{margin:0}.hero-copy{display:grid;gap:.55rem;max-width:760px}.hero-copy p:last-child,.hero-meta p:last-child,.panel p:last-child{margin-bottom:0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent-deep);font-weight:700}.hero-copy .lead,.hero-meta,.muted{color:var(--muted)}.hero-meta{display:grid;gap:.65rem;min-width:260px;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.55);background:linear-gradient(180deg,#ffffffa8,#fff6);box-shadow:inset 0 1px #ffffffa6}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card,.panel{border-radius:var(--radius-xl);background:var(--panel);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card{display:grid;gap:.55rem;padding:1.25rem 1.35rem}.stat-card span{color:var(--muted);font-size:.92rem}.stat-card strong{font-size:2rem;line-height:1}.stat-card small{color:var(--muted-strong)}.workspace-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(300px,360px);gap:1rem;align-items:start}.panel{padding:1.25rem}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.panel-head p,.panel-subtitle,.inline-meta,.list-meta,.detail-meta,.detail-section p,.timeline-item p,.soft-list li,.tagline{color:var(--muted)}.panel-subtitle,.tagline{margin:.35rem 0 0}.pill,.status-pill,.soft-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1}.pill,.soft-badge{padding:.45rem .7rem;background:#13222d0f;color:var(--muted-strong)}.status-pill{padding:.42rem .68rem;background:var(--accent-soft);color:var(--accent-deep)}.status-pill.inactive,.status-pill.warn{background:var(--warn-soft);color:#8d5a10}.status-pill.offline,.status-pill.alert{background:var(--danger-soft);color:#96302b}.soft-badge.action{background:#0c845914;color:var(--accent-deep)}.soft-badge.warn{background:var(--warn-soft);color:#8d5a10}.soft-badge.alert{background:var(--danger-soft);color:#96302b}.summary-row,.inline-meta,.detail-metrics,.timeline{display:flex;gap:.75rem;flex-wrap:wrap}.summary-row{margin-top:.9rem}.data-list{display:grid;gap:.75rem}.list-row{width:100%;display:grid;gap:.75rem;padding:1rem;border-radius:20px;background:#f3f7f8e6;border:1px solid transparent;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.list-row:hover,.list-row.active{transform:translateY(-1px);border-color:#00a86b3d;box-shadow:0 10px 28px #12263217}.list-row-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.list-row-title h4,.detail-header h3,.detail-section h4,.composer-card h3{margin:0}.detail-card{display:grid;gap:1rem}.detail-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.detail-meta{margin-top:.45rem}.detail-section{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid var(--line)}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.kv-grid div{padding:.85rem .9rem;border-radius:16px;background:#f1f5f7f2}.kv-grid dt{margin:0 0 .35rem;color:var(--muted);font-size:.82rem}.kv-grid dd{margin:0;font-weight:600}.soft-list{display:grid;gap:.75rem;padding-left:1.2rem;margin:0}.composer-card,.filter-card{display:grid;gap:1rem}.form-grid{display:grid;gap:.85rem}.form-grid label{display:grid;gap:.35rem;color:var(--muted-strong);font-weight:600}.form-grid input[type=text],.form-grid input[type=number],.form-grid select,.form-grid textarea{width:100%;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--line);background:#f7fafbeb;color:var(--text)}.form-grid textarea{resize:vertical;min-height:110px}.checkbox-row{display:flex;align-items:center;gap:.65rem;font-weight:600}.checkbox-row input{inline-size:18px;block-size:18px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1rem;border-radius:16px;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;box-shadow:0 14px 28px #0e7d5738}.secondary-button{background:#13222d0f;color:var(--text)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.6;transform:none;box-shadow:none}.timeline{margin-top:.4rem}.timeline-item{display:grid;gap:.3rem;padding:.9rem .95rem;border-radius:16px;background:#f2f6f7eb}.error{margin:0;color:#96302b;font-weight:600}.empty-state{min-height:320px;display:grid;place-items:center;text-align:center;color:var(--muted)}@media (max-width: 1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media (max-width: 780px){.page-hero{flex-direction:column}.stat-grid,.kv-grid{grid-template-columns:1fr}}