:root{--bg: #f3f6f3;--bg-soft: #eef3ef;--card: #ffffff;--ink: #10231e;--ink-2: #29443b;--muted: #6f837b;--muted-2: #92a39c;--line: #e5ece7;--line-strong: #d7e2dc;--brand: #0f766e;--brand-2: #0d9488;--brand-soft: #e7f4f0;--lime: #84cc16;--lime-soft: #f1f9df;--cyan: #06b6d4;--amber: #f59e0b;--amber-soft: #fef4e2;--red: #e64949;--red-soft: #fdeeee;--violet: #8b5cf6;--shadow-sm: 0 1px 2px rgba(16, 35, 30, .03), 0 4px 16px rgba(16, 35, 30, .03);--shadow-md: 0 12px 34px rgba(16, 35, 30, .07);--shadow-lg: 0 24px 70px rgba(9, 35, 30, .18);--radius: 18px;--radius-sm: 12px;--sidebar: 254px;--font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 75% -10%,rgba(132,204,22,.055),transparent 65%),radial-gradient(800px 500px at 5% 10%,rgba(15,118,110,.045),transparent 60%);pointer-events:none}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}svg{flex:none}::selection{background:#84cc1647}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd8d2;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#aebfb7}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:22px 16px 16px;background:radial-gradient(320px 260px at 15% 0%,rgba(132,204,22,.11),transparent 68%),linear-gradient(180deg,#082320,#071b19 62%,#061714);color:#d9e9e4;z-index:40;overflow:hidden}.sidebar:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.055) .6px,transparent .6px);background-size:18px 18px;opacity:.35;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 65%);mask-image:linear-gradient(to bottom,#000,transparent 65%)}.sidebar>*{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand__mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#a3e635,#65a30d 55%,#4d7c0f);color:#0c2618;display:grid;place-items:center;box-shadow:0 8px 22px #84cc1640,inset 0 1px #ffffff73}.brand__text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand__text strong{font-size:16px;letter-spacing:.04em;color:#f3faf6;font-weight:700}.brand__text span{font-size:9px;letter-spacing:.08em;color:#7f9f95;margin-top:3px;white-space:nowrap}.sidebar__mobile-close{display:none;margin-left:auto;border:0;background:transparent;color:#9ab4ab}.site-chip{display:flex;align-items:center;gap:10px;margin:0 4px 20px;padding:11px 12px;border:1px solid rgba(151,190,176,.15);border-radius:13px;background:#ffffff09}.site-chip__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#84cc1621;color:#b7e46a}.site-chip div{display:flex;flex-direction:column;min-width:0;flex:1}.site-chip strong{font-size:12px;color:#dcece7;font-weight:600;white-space:nowrap}.site-chip span:not(.site-chip__icon){font-size:10px;color:#719087;margin-top:1px}.site-chip>svg{color:#587a6f}.nav{flex:1;overflow-y:auto;padding:0 2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav__group{margin-bottom:19px}.nav__label{display:block;padding:0 12px 7px;font-size:9.5px;letter-spacing:.14em;color:#5d7d72;font-weight:600}.nav__item{position:relative;display:flex;align-items:center;gap:11px;height:41px;padding:0 12px;margin:2px 0;border-radius:10px;color:#93afa6;font-size:13px;transition:color .2s ease,background .2s ease,transform .2s ease}.nav__item:hover{color:#e2f0eb;background:#ffffff0b}.nav__item.is-active{color:#effbe3;background:linear-gradient(90deg,#84cc1629,#84cc160b);box-shadow:inset 0 0 0 1px #84cc1621}.nav__item.is-active:before{content:"";position:absolute;left:-2px;top:12px;bottom:12px;width:3px;border-radius:4px;background:#a3e635;box-shadow:0 0 14px #a3e63599}.nav__item.is-active svg{color:#b7e46a}.nav__item span{flex:1}.nav__badge{font-style:normal;font-size:10px;line-height:1;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#ef4444;color:#fff;display:grid;place-items:center}.sidebar__foot{padding:12px 2px 0;border-top:1px solid rgba(151,190,176,.11)}.health-card{padding:12px 13px;border-radius:13px;background:#ffffff09;border:1px solid rgba(151,190,176,.1)}.health-card__head{display:flex;align-items:center;gap:8px}.health-card__head strong{font-size:11.5px;font-weight:600;color:#cfe3dc}.health-card p{margin-top:7px;font-size:10px;color:#6f8d84}.health-card p b{color:#b7d0c7;font-weight:600}.health-card p span{margin:0 6px;color:#426157}.health-card__bar{height:3px;background:#ffffff12;border-radius:4px;margin-top:10px;overflow:hidden}.health-card__bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#65a30d,#a3e635);transition:width .5s}.sidebar__help{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#6f8d84;font-size:11px;padding:12px 8px 6px;cursor:pointer}.sidebar__help span{flex:1;text-align:left}.sidebar__help:hover{color:#b7d0c7}.sidebar__version{font-size:9px;color:#48675d;padding:4px 8px 0}.sidebar__version span{margin:0 3px}.shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:74px;display:flex;align-items:center;gap:14px;padding:0 28px;background:#f7faf7db;border-bottom:1px solid rgba(215,226,220,.7);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.topbar__menu{display:none!important}.topbar__title{display:flex;flex-direction:column;justify-content:center;min-width:150px}.topbar__title span{font-size:8.5px;letter-spacing:.17em;color:var(--muted-2);font-weight:600}.topbar__title h1{font-size:20px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.topbar__spacer{flex:1}.search-trigger{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted-2);font-size:11.5px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.search-trigger:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.search-trigger kbd{font-family:var(--font);font-size:9px;color:#94a39d;padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:#f7faf8}.live-pill{display:flex;align-items:center;gap:7px;height:31px;padding:0 11px;border-radius:30px;border:1px solid #d7ecdf;background:#f1faf4;color:#39725b;font-size:10.5px;font-weight:500;white-space:nowrap}.live-pill.is-offline{border-color:#f4dfc0;background:#fff8ec;color:#9a6a1a}.topbar__time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-width:112px}.topbar__time-main{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:.03em}.topbar__time-date{font-size:9.5px;color:var(--muted-2)}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);cursor:pointer;transition:.18s ease}.icon-btn:hover{border-color:#cbd8d2;background:#f8fbf9;transform:translateY(-1px)}.topbar__bell{position:relative}.topbar__bell em{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:20px;background:#ef4444;color:#fff;font-style:normal;font-size:9px;display:grid;place-items:center;border:2px solid #f7faf7}.user-chip{display:flex;align-items:center;gap:9px;padding-left:2px}.user-chip__avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0f766e,#115e59);color:#ecfdf5;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff2e}.user-chip div{display:flex;flex-direction:column;line-height:1.25}.user-chip strong{font-size:11px;font-weight:600}.user-chip small{font-size:9px;color:var(--muted-2)}.main{flex:1;padding:26px 28px 24px;max-width:1720px;width:100%;margin:0 auto}.app-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 30px 22px;color:#98a9a2;font-size:9.5px;letter-spacing:.02em}.page-loading{min-height:55vh;display:grid;place-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;cursor:pointer;font-weight:600;white-space:nowrap;transition:.18s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--md{height:37px;padding:0 14px;font-size:12px}.btn--sm{height:30px;padding:0 10px;font-size:11px;border-radius:8px}.btn--lg{height:43px;padding:0 18px;font-size:13px}.btn--icon{width:34px;height:34px;padding:0}.btn--primary{background:linear-gradient(180deg,#12857b,#0f766e);color:#fff;box-shadow:0 6px 14px #0f766e2e}.btn--primary:hover{background:#0b6961;box-shadow:0 8px 20px #0f766e3d;transform:translateY(-1px)}.btn--lime{background:linear-gradient(180deg,#9be22f,#84cc16);color:#17310e;box-shadow:0 6px 16px #84cc163d}.btn--lime:hover{background:#78bd0f;transform:translateY(-1px)}.btn--secondary{background:#fff;border-color:var(--line-strong);color:var(--ink-2)}.btn--secondary:hover{background:#f8fbf9;border-color:#c3d2ca}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{background:#f0f5f2;color:var(--ink)}.btn--danger{background:#fff1f1;border-color:#f5cece;color:#c03434}.btn--danger:hover{background:#fde7e7}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}.badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge--success{background:#eaf8ef;color:#277a50}.badge--warning{background:#fdf4e3;color:#a3690d}.badge--danger{background:#fdeeee;color:#c43c3c}.badge--info{background:#e9f6fb;color:#237598}.badge--neutral{background:#f0f4f2;color:#64776f}.badge--brand{background:var(--brand-soft);color:var(--brand)}.status-dot{width:7px;height:7px;border-radius:50%;flex:none}.status-dot--success{background:#22c55e;box-shadow:0 0 0 3px #22c55e1c}.status-dot--warning{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.status-dot--danger{background:#ef4444;box-shadow:0 0 0 3px #ef44441f}.status-dot--info{background:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.status-dot--muted{background:#9ca3af;box-shadow:0 0 0 3px #9ca3af1f}.status-dot--pulse{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e1a}50%{box-shadow:0 0 0 6px #22c55e05}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 21px 0}.card__titles{min-width:0}.card__title{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.card__subtitle{margin-top:3px;font-size:10.5px;color:var(--muted-2)}.card__action{display:flex;align-items:center;gap:8px;flex:none}.card__body{padding:18px 21px 20px}.card__body--flush{padding:0}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:11px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:5px}.field__label em{color:#dc2626;font-style:normal}.field__label small{color:var(--muted-2);font-weight:400;font-size:10px}.input,.select,.textarea{width:100%;height:38px;padding:0 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fcfdfc;color:var(--ink);font-size:12px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.textarea{height:auto;padding-top:9px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#74b9ae;background:#fff;box-shadow:0 0 0 3px #0f766e14}.input::placeholder,.textarea::placeholder{color:#a5b3ad}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2374877f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px;cursor:pointer}.input-icon{position:relative}.input-icon>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted-2);pointer-events:none}.input-icon .input{padding-left:34px}.toggle{width:42px;height:24px;border-radius:30px;border:0;background:#dce5e0;padding:3px;cursor:pointer;transition:background .2s;flex:none}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle.is-on{background:var(--brand)}.toggle.is-on span{transform:translate(18px)}.toggle:disabled{opacity:.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.checkline{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.checkline input{accent-color:var(--brand);width:14px;height:14px}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:9px;background:#f0f5f2;border:1px solid #ebf1ed}.segmented__item{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:500;padding:5px 10px;border-radius:7px;cursor:pointer;transition:.16s;white-space:nowrap}.segmented__item:hover{color:var(--ink)}.segmented__item.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #10231e14;font-weight:600}.segmented--sm .segmented__item{padding:4px 8px;font-size:10px}.progress{width:100%;background:#edf3ef;border-radius:99px;overflow:hidden}.progress__fill{display:block;height:100%;border-radius:99px;transition:width .5s ease}.progress__fill--brand{background:linear-gradient(90deg,#0f766e,#14b8a6)}.progress__fill--lime{background:linear-gradient(90deg,#65a30d,#a3e635)}.progress__fill--amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.progress__fill--red{background:linear-gradient(90deg,#dc2626,#f87171)}.progress__fill--cyan{background:linear-gradient(90deg,#0891b2,#22d3ee)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:7px}.empty__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--bg-soft);color:var(--muted);margin-bottom:4px}.empty h4{font-size:13px;font-weight:600}.empty p{font-size:11px;color:var(--muted-2);max-width:320px}.loader{display:flex;align-items:center;justify-content:center;gap:9px;padding:40px;color:var(--muted);font-size:12px}.skeleton{display:block;border-radius:7px;background:linear-gradient(90deg,#eef3ef 20%,#f7faf8,#eef3ef 60%);background-size:300% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.chart{width:100%;min-height:120px}.sparkline{display:block;overflow:visible}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.text-up{color:#15803d}.text-down{color:#c24141}.text-neutral{color:var(--muted)}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--line);margin:14px 0}.modal-layer,.drawer-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-backdrop,.drawer-backdrop{position:absolute;inset:0;background:#0517147a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .18s ease}.modal{position:relative;width:min(92vw,560px);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);animation:modal-in .2s cubic-bezier(.2,.7,.2,1)}.modal--sm{width:min(92vw,430px)}.modal--lg{width:min(92vw,760px)}.modal--xl{width:min(94vw,980px)}.modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal__head h2{font-size:17px;letter-spacing:-.02em}.modal__head p{color:var(--muted-2);font-size:11px;margin-top:4px}.modal__body{padding:20px 24px;overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 24px;border-top:1px solid var(--line);background:#fbfcfb;border-radius:0 0 20px 20px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes fade-in{0%{opacity:0}}.drawer-layer{place-items:stretch end}.drawer{position:relative;height:100vh;max-width:96vw;background:#fff;box-shadow:-20px 0 60px #0519162e;display:flex;flex-direction:column;animation:drawer-in .24s cubic-bezier(.2,.7,.2,1)}.drawer__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.drawer__head h2{font-size:17px;letter-spacing:-.02em}.drawer__head p{color:var(--muted-2);font-size:11px;margin-top:4px}.drawer__body{padding:20px 24px 30px;overflow-y:auto;flex:1}@keyframes drawer-in{0%{transform:translate(40px);opacity:.6}}.toast-stack{position:fixed;top:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:9px;width:320px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 13px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);animation:toast-in .25s ease}.toast__icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none}.toast--success .toast__icon{background:#eaf8ef;color:#16a34a}.toast--error .toast__icon{background:#fdeeee;color:#dc2626}.toast--info .toast__icon{background:#e9f6fb;color:#0284c7}.toast--warning .toast__icon{background:#fdf4e3;color:#d97706}.toast div{flex:1;min-width:0}.toast strong{display:block;font-size:11.5px;font-weight:600;margin-top:2px}.toast p{font-size:10.5px;color:var(--muted);margin-top:2px}.toast__close{border:0;background:transparent;color:var(--muted-2);cursor:pointer;padding:3px}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}.search-layer{position:fixed;inset:0;z-index:90;background:#081c186b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh}.search-panel{width:min(90vw,520px);background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-in .18s ease}.search-panel__input{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--line);color:var(--muted)}.search-panel__input input{flex:1;border:0;outline:0;font-size:13px;background:transparent}.search-panel__input kbd{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted-2)}.search-panel__list{padding:8px;max-height:320px;overflow:auto}.search-panel__list button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:10px 11px;border-radius:9px;font-size:12px;cursor:pointer;text-align:left}.search-panel__list button:hover{background:var(--bg-soft)}.search-panel__flow{margin-left:auto;color:var(--muted-2)}.search-panel__path{margin-left:auto;color:var(--muted-2);font-size:9.5px;font-family:var(--mono)}.search-panel__foot{display:flex;justify-content:space-between;gap:12px;padding:10px 17px;border-top:1px solid var(--line);background:#fbfcfb;color:var(--muted-2);font-size:9.5px}.search-panel__foot span{display:flex;align-items:center;gap:5px}.page{display:flex;flex-direction:column;gap:18px;animation:page-in .28s ease}@keyframes page-in{0%{transform:translateY(6px)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px 2px}.page-head__main{min-width:0}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;font-weight:700;color:#7e948b;text-transform:uppercase;margin-bottom:7px}.eyebrow:before{content:"";width:17px;height:1.5px;background:var(--brand);opacity:.7}.page-title{font-size:clamp(22px,2.1vw,27px);line-height:1.18;letter-spacing:-.035em;font-weight:700;color:var(--ink)}.page-sub{margin-top:5px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-sub .dot{width:3px;height:3px;border-radius:50%;background:#b3c2bb}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.page-hero-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:20px;background:var(--brand-soft);color:var(--brand);font-size:9.5px;font-weight:600}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar__spacer{flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{position:relative;padding:17px 18px 15px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:after{content:"";position:absolute;width:120px;height:120px;right:-60px;top:-60px;border-radius:50%;background:var(--accent-soft, #eef7f3)}.kpi-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.kpi-card__label{font-size:10.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.kpi-card__icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft, #eef7f3);color:var(--accent, var(--brand))}.kpi-card__value{position:relative;z-index:1;margin-top:11px;display:flex;align-items:baseline;gap:4px}.kpi-card__value strong{font-size:27px;line-height:1;letter-spacing:-.04em;font-weight:700;font-variant-numeric:tabular-nums}.kpi-card__value span{color:var(--muted-2);font-size:10px;font-weight:500}.kpi-card__foot{display:flex;align-items:center;gap:7px;margin-top:12px;position:relative;z-index:1}.kpi-card__change{display:inline-flex;align-items:center;gap:2px;font-size:9.5px;font-weight:600;padding:2px 5px;border-radius:5px}.kpi-card__change.up{color:#15803d;background:#eef9f1}.kpi-card__change.down{color:#c24141;background:#fdf0f0}.kpi-card__change.neutral{color:var(--muted);background:#f2f5f3}.kpi-card__compare{font-size:9px;color:var(--muted-2)}.kpi-card__spark{position:absolute;right:10px;bottom:8px;opacity:.9;pointer-events:none}.kpi-card__extra{position:relative;z-index:1;margin-top:9px;display:flex;align-items:center;gap:5px;font-size:9.5px;color:var(--muted)}.kpi-card__extra b{color:var(--ink-2);font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.chart-head-stats{display:flex;gap:18px}.chart-head-stat{display:flex;flex-direction:column;gap:1px}.chart-head-stat span{font-size:8.5px;color:var(--muted-2)}.chart-head-stat strong{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.chart-legend{display:flex;align-items:center;gap:13px;font-size:9.5px;color:var(--muted);flex-wrap:wrap}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:2px;display:inline-block}.efficiency-card{position:relative;background:linear-gradient(150deg,#0c3d37,#082923 58%,#071f1c);border:0;color:#e7f3ef}.efficiency-card:before{content:"";position:absolute;inset:0;background:radial-gradient(300px 180px at 90% 5%,rgba(163,230,53,.16),transparent 70%),radial-gradient(220px 200px at 0% 100%,rgba(20,184,166,.14),transparent 70%)}.efficiency-card .card__head{position:relative;z-index:1}.efficiency-card .card__title{color:#f1f9f5}.efficiency-card .card__subtitle{color:#7fa49a}.efficiency-card .card__body{position:relative;z-index:1}.eff-gauge{display:flex;align-items:center;gap:18px}.eff-score{display:flex;flex-direction:column}.eff-score strong{font-size:42px;line-height:1;letter-spacing:-.05em;font-weight:700;color:#f7fdf9;font-variant-numeric:tabular-nums}.eff-score span{font-size:9.5px;color:#8fb2a7;margin-top:5px}.eff-level{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:9.5px;color:#b9e279;background:#a3e63517;border:1px solid rgba(163,230,53,.17);border-radius:20px;padding:3px 8px;width:fit-content}.eff-details{flex:1;display:grid;gap:10px}.eff-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9.5px;color:#90b1a7}.eff-row b{color:#e5f2ed;font-size:10.5px;font-weight:600}.eff-mini-bar{height:4px;border-radius:4px;background:#ffffff17;overflow:hidden;margin-top:5px}.eff-mini-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#14b8a6,#a3e635)}.eff-note{margin-top:14px;padding:10px 11px;border-radius:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06);font-size:9.5px;line-height:1.65;color:#9cbbb1}.eff-note b{color:#d7f0a5}.flow-wrap{position:relative;min-height:210px}.flow-svg{width:100%;height:210px;display:block}.flow-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;transform:translate(-50%,-50%)}.flow-node__icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#f1f8f4;color:var(--brand);border:1px solid #e0ece5;box-shadow:0 4px 12px #0f231e0d}.flow-node strong{font-size:9.5px;font-weight:650}.flow-node span{font-size:8.5px;color:var(--muted-2);font-variant-numeric:tabular-nums}.flow-center{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#11695f,#0a3b34);color:#e8f8f1;border:1px solid rgba(163,230,53,.25);box-shadow:0 0 0 8px #0f766e0f,0 12px 30px #092d2633}.flow-center b{font-size:21px;line-height:1;letter-spacing:-.04em}.flow-center small{font-size:7.5px;color:#9dbdb4;margin-top:3px}.flow-center em{font-style:normal;font-size:7.5px;color:#b9e279;margin-top:2px}.flow-legend{display:flex;justify-content:center;gap:14px;font-size:8.5px;color:var(--muted-2);flex-wrap:wrap;padding-top:2px}.flow-legend span{display:flex;align-items:center;gap:5px}.flow-legend i{width:12px;height:1.5px;background:#0f9f8f}.flow-legend i.dash{background:repeating-linear-gradient(90deg,#84cc16 0 4px,transparent 4px 7px)}.rank-list{display:flex;flex-direction:column;gap:13px}.rank-item{display:flex;flex-direction:column;gap:6px}.rank-item__top{display:flex;align-items:center;gap:8px;font-size:10.5px}.rank-item__top i{width:7px;height:7px;border-radius:2px;flex:none}.rank-item__top strong{font-weight:550;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-item__top b{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}.rank-item__top em{font-style:normal;font-size:8.5px;color:var(--muted-2);width:43px;text-align:right}.rank-bar{height:5px;background:#eff4f1;border-radius:20px;overflow:hidden;display:flex}.rank-bar span{height:100%;border-radius:20px}.alert-list{display:flex;flex-direction:column}.alert-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #f0f4f1}.alert-item:last-child{border-bottom:0;padding-bottom:0}.alert-item:first-child{padding-top:0}.alert-item__dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none}.alert-item__main{flex:1;min-width:0}.alert-item__title{font-size:10.5px;font-weight:550;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.alert-item__meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:8.5px;color:var(--muted-2);flex-wrap:wrap}.alert-item__meta .dot{width:2px;height:2px;border-radius:50%;background:#c3cec8}.alert-item__status{flex:none;font-size:8px}.alarm-foot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;margin-top:2px;border-top:1px solid var(--line)}.alarm-foot a{font-size:9.5px;color:var(--brand);font-weight:600;display:flex;align-items:center;gap:3px}.budget-card__num{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.budget-card__num strong{font-size:24px;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums}.budget-card__num span{font-size:9.5px;color:var(--muted-2)}.budget-card__bar{margin-top:11px}.budget-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:8.5px;color:var(--muted-2)}.device-health{display:flex;align-items:center;gap:16px;margin-top:13px}.device-health__ring{width:62px;height:62px;flex:none}.device-health__legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px;flex:1}.device-health__legend span{display:flex;align-items:center;gap:5px;font-size:8.5px;color:var(--muted)}.device-health__legend i{width:5px;height:5px;border-radius:50%}.device-health__legend b{margin-left:auto;color:var(--ink-2);font-weight:600;font-size:9px}.dashboard-insight{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #deeee3;border-radius:13px;background:linear-gradient(100deg,#f2faf3,#fbfdf8)}.dashboard-insight__icon{width:27px;height:27px;border-radius:8px;background:#e5f4e8;color:#2f7d4a;display:grid;place-items:center;flex:none}.dashboard-insight p{font-size:10px;line-height:1.6;color:#517063}.dashboard-insight strong{color:#1f5e42;font-weight:650}.realtime-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.live-power-card{background:linear-gradient(135deg,#0a332d,#08251f 55%,#0a2b24);border:0;color:#e9f6f0;position:relative;overflow:hidden}.live-power-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 240px at 90% 0%,rgba(132,204,22,.16),transparent 70%),radial-gradient(300px 200px at 0 100%,rgba(13,148,136,.15),transparent 70%)}.live-power-card .card__head,.live-power-card .card__body{position:relative;z-index:1}.live-power-card .card__title{color:#f0faf6}.live-power-card .card__subtitle{color:#7da59a}.live-power-main{display:flex;align-items:flex-end;gap:12px}.live-power-main strong{font-size:clamp(44px,5vw,60px);line-height:.95;font-weight:700;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#f7fdf9}.live-power-main span{font-size:13px;color:#8fb2a7;margin-bottom:5px}.live-power-delta{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px;color:#91b2a7}.live-power-delta em{font-style:normal;color:#b9e279;font-weight:600}.live-power-chart{margin-top:14px}.live-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-metric{padding:14px 15px;border-radius:13px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}.live-metric__top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9.5px}.live-metric__icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--bg-soft);color:var(--brand)}.live-metric strong{display:block;margin-top:9px;font-size:22px;line-height:1;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums}.live-metric strong small{font-size:10px;color:var(--muted-2);font-weight:500;letter-spacing:0;margin-left:3px}.live-metric__sub{margin-top:7px;font-size:9px;color:var(--muted-2);display:flex;align-items:center;gap:5px}.live-metric__bar{margin-top:8px}.area-live-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.area-live{padding:11px 12px;border-radius:11px;background:#fafcfb;border:1px solid #edf2ef}.area-live__top{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.area-live__top i{width:6px;height:6px;border-radius:2px}.area-live strong{display:block;margin-top:7px;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.area-live strong small{font-size:8px;color:var(--muted-2);font-weight:400;margin-left:2px}.area-live__bar{margin-top:7px}.realtime-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.realtime-toolbar .input-icon{width:230px}.live-table-wrap{overflow-x:auto}.live-table{width:100%;border-collapse:collapse;font-size:10.5px}.live-table th{text-align:left;font-size:8.5px;letter-spacing:.06em;color:var(--muted-2);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfb;white-space:nowrap}.live-table td{padding:11px 12px;border-bottom:1px solid #f1f5f2;white-space:nowrap}.live-table tr:last-child td{border-bottom:0}.live-table tbody tr{cursor:pointer;transition:background .15s}.live-table tbody tr:hover{background:#f9fcfa}.live-device-name{display:flex;align-items:center;gap:9px}.live-device-name__icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);flex:none}.live-device-name strong{display:block;font-size:10.5px;font-weight:600}.live-device-name span{display:block;font-size:8.5px;color:var(--muted-2);margin-top:1px}.live-power{display:flex;align-items:center;gap:5px;font-weight:650;font-variant-numeric:tabular-nums}.live-power-bar{width:55px;height:4px;border-radius:4px;background:#eef3ef;overflow:hidden}.live-power-bar span{display:block;height:100%;border-radius:4px;background:var(--brand)}.live-freq{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.live-freq b{color:var(--ink-2);font-weight:600;font-family:var(--mono)}.live-freq-bar{width:46px;height:3px;background:#eef3ef;border-radius:3px;position:relative}.live-freq-bar i{position:absolute;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #0f766e1f}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{text-align:left;padding:10px 13px;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);font-weight:650;background:#fbfcfb;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px 13px;border-bottom:1px solid #f1f5f2;vertical-align:middle}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:#fbfdfc}.table tbody tr:last-child td{border-bottom:0}.table .cell-main{display:flex;align-items:center;gap:9px}.table .cell-main strong{font-weight:600;font-size:11px}.table .cell-main small{display:block;color:var(--muted-2);font-size:8.5px;margin-top:1px}.table .actions{display:flex;gap:5px;justify-content:flex-end}.table .mono{font-family:var(--mono);font-size:9.5px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border-top:1px solid var(--line);font-size:9.5px;color:var(--muted-2)}.pagination__buttons{display:flex;align-items:center;gap:5px}.pagination__buttons button{min-width:28px;height:27px;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:9.5px;color:var(--muted);cursor:pointer}.pagination__buttons button.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.pagination__buttons button:disabled{opacity:.4;cursor:not-allowed}.filter-bar{display:flex;align-items:center;gap:9px;padding:12px 14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}.filter-bar .input,.filter-bar .select{height:34px;font-size:11px;background:#fbfcfb}.filter-bar .input-icon{width:210px}.filter-bar__spacer{flex:1}.analysis-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-panel{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.metric-panel__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft, var(--bg-soft));color:var(--accent, var(--brand));flex:none}.metric-panel small{font-size:9px;color:var(--muted);display:block}.metric-panel strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.03em;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.metric-panel strong span{font-size:9px;color:var(--muted-2);font-weight:500;letter-spacing:0;margin-left:2px}.metric-panel__change{margin-left:auto;text-align:right;font-size:9px}.metric-panel__change b{display:block;font-size:10px}.analysis-main{display:grid;grid-template-columns:2.05fr 1fr;gap:14px}.analysis-secondary{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.tariff-bars{display:flex;flex-direction:column;gap:13px}.tariff-row{display:grid;grid-template-columns:36px 1fr 68px;align-items:center;gap:9px;font-size:9.5px}.tariff-row__label{font-weight:600}.tariff-row__track{height:8px;border-radius:6px;background:#f1f5f2;overflow:hidden}.tariff-row__track span{display:block;height:100%;border-radius:6px}.tariff-row__value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.tariff-summary{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.tariff-summary div{flex:1;padding:9px 10px;border-radius:9px;background:#fafcfb;border:1px solid #edf2ef}.tariff-summary span{display:block;font-size:8px;color:var(--muted-2)}.tariff-summary strong{display:block;font-size:12px;margin-top:3px;font-weight:650}.tariff-summary strong em{font-style:normal;font-size:8px;color:var(--muted-2);font-weight:400}.top-device-list{display:flex;flex-direction:column;gap:11px}.top-device{display:flex;align-items:center;gap:9px;font-size:10px}.top-device__rank{width:17px;height:17px;border-radius:5px;background:#f1f5f2;color:var(--muted);font-size:8px;font-weight:700;display:grid;place-items:center;flex:none}.top-device:nth-child(1) .top-device__rank{background:#e9f6d9;color:#56830d}.top-device:nth-child(2) .top-device__rank{background:#edf7f2;color:#2c7a63}.top-device__main{flex:1;min-width:0}.top-device__main strong{display:block;font-size:9.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-device__main span{display:block;font-size:8px;color:var(--muted-2);margin-top:1px}.top-device__bar{width:60px;height:3px;border-radius:3px;background:#f0f4f1;overflow:hidden}.top-device__bar span{display:block;height:100%;background:var(--brand);border-radius:3px}.top-device b{width:44px;text-align:right;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}.comparison-banner{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:13px;border:1px solid #dfeee4;background:linear-gradient(100deg,#f4fbf5,#fdfefb)}.comparison-banner__icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e7f5e9;color:#3b8a54;flex:none}.comparison-banner p{font-size:10px;color:#557265;line-height:1.55;flex:1}.comparison-banner p b{color:#256b40}.comparison-banner__stats{display:flex;gap:17px}.comparison-banner__stats span{display:flex;flex-direction:column;gap:1px;font-size:8px;color:var(--muted-2)}.comparison-banner__stats strong{font-size:13px;color:var(--ink);font-weight:650}.insight-line{display:flex;gap:8px;padding:11px 13px;border-radius:10px;background:#f7faf6;border:1px dashed #dbe8df;font-size:9.5px;color:#5c756b;line-height:1.65}.insight-line svg{color:#7ba35c;margin-top:1px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-box{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px}.stat-box__icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft, var(--bg-soft));color:var(--accent, var(--brand));display:grid;place-items:center;flex:none}.stat-box small{display:block;font-size:9px;color:var(--muted)}.stat-box strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:700;margin-top:1px}.stat-box strong em{font-style:normal;font-size:9px;color:var(--muted-2);font-weight:500;margin-left:2px}.stat-box__side{margin-left:auto}.asset-table .device-code{font-family:var(--mono);font-size:8.5px;color:var(--muted-2);letter-spacing:-.02em}.load-cell{display:flex;align-items:center;gap:7px}.load-cell div{width:50px}.detail-hero{display:flex;align-items:center;gap:13px;padding:15px;border-radius:13px;background:linear-gradient(120deg,#f3faf6,#fbfdf9);border:1px solid #e4efe7}.detail-hero__icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid #e2ece5;color:var(--brand);box-shadow:var(--shadow-sm)}.detail-hero h3{font-size:14px;font-weight:650}.detail-hero p{font-size:9px;color:var(--muted-2);margin-top:3px}.detail-hero__badge{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.detail-cell{padding:10px 11px;border-radius:9px;background:#fafcfb;border:1px solid #eef3f0}.detail-cell span{display:block;font-size:8.5px;color:var(--muted-2)}.detail-cell strong{display:block;font-size:11.5px;font-weight:600;margin-top:3px}.detail-section{margin-top:18px}.detail-section__title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;color:var(--ink-2);margin-bottom:8px}.detail-live{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-live div{padding:9px;border-radius:8px;background:#f8fbf9;border:1px solid #eef3f0;text-align:center}.detail-live span{display:block;font-size:8px;color:var(--muted-2)}.detail-live strong{display:block;font-size:13px;margin-top:3px;font-weight:650}.detail-alarm{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #f1f5f2}.detail-alarm:last-child{border-bottom:0}.detail-alarm div{flex:1}.detail-alarm strong{display:block;font-size:9.5px;font-weight:550}.detail-alarm span{display:block;font-size:8px;color:var(--muted-2);margin-top:2px}.alarm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.alarm-stat{padding:15px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.alarm-stat__top{display:flex;align-items:center;justify-content:space-between}.alarm-stat__top span{font-size:9px;color:var(--muted)}.alarm-stat__icon{width:27px;height:27px;border-radius:8px;background:var(--accent-soft, var(--bg-soft));color:var(--accent, var(--brand));display:grid;place-items:center}.alarm-stat strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:700;margin-top:6px}.alarm-stat strong em{font-style:normal;font-size:9px;color:var(--muted-2);font-weight:500;margin-left:3px;letter-spacing:0}.alarm-stat small{display:block;font-size:8.5px;color:var(--muted-2);margin-top:3px}.alarm-layout{display:grid;grid-template-columns:1fr 310px;gap:14px;align-items:start}.alarm-list{display:flex;flex-direction:column}.alarm-row{display:flex;gap:13px;padding:15px 17px;border-bottom:1px solid #f1f5f2;transition:background .15s}.alarm-row:hover{background:#fbfdfc}.alarm-row:last-child{border-bottom:0}.alarm-row__severity{width:3px;border-radius:4px;background:var(--dot, #f59e0b);flex:none}.alarm-row__main{flex:1;min-width:0}.alarm-row__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alarm-row__head strong{font-size:11px;font-weight:600}.alarm-row__msg{font-size:9.5px;color:var(--muted);line-height:1.6;margin-top:4px;max-width:720px}.alarm-row__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:8.5px;color:var(--muted-2)}.alarm-row__meta .dot{width:2px;height:2px;background:#c3cec8;border-radius:50%}.alarm-row__meta b{font-weight:550;color:var(--muted)}.alarm-row__actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex:none}.alarm-tabs{display:flex;align-items:center;gap:4px}.alarm-tab{border:0;background:transparent;font-size:10px;color:var(--muted);padding:6px 10px;border-radius:7px;cursor:pointer}.alarm-tab.is-active{background:var(--bg-soft);color:var(--ink);font-weight:600}.alarm-tab em{font-style:normal;margin-left:5px;font-size:8.5px;color:var(--muted-2)}.trend-panel__bars{display:flex;align-items:flex-end;gap:8px;height:84px;margin-top:12px}.trend-panel__bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%}.trend-panel__bar span{display:block;width:100%;border-radius:3px 3px 0 0;background:#dbe9e1;min-height:2px}.trend-panel__bar em{font-style:normal;font-size:7.5px;color:var(--muted-2);text-align:center;margin-top:3px}.trend-panel__legend{display:flex;gap:11px;font-size:8px;color:var(--muted-2);margin-top:8px}.trend-panel__legend span{display:flex;align-items:center;gap:4px}.trend-panel__legend i{width:6px;height:6px;border-radius:2px}.rule-list{display:flex;flex-direction:column;gap:7px}.rule-item{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;border:1px solid #edf2ef;background:#fbfcfb}.rule-item__main{flex:1;min-width:0}.rule-item__main strong{display:block;font-size:9.5px;font-weight:550}.rule-item__main span{display:block;font-size:8px;color:var(--muted-2);margin-top:2px}.rule-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.opt-hero{position:relative;overflow:hidden;border-radius:20px;padding:25px 27px;background:linear-gradient(120deg,#0a332c,#08241f 55%,#122e23);color:#e7f4ed}.opt-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(460px 260px at 87% 0%,rgba(163,230,53,.18),transparent 70%),radial-gradient(320px 220px at 4% 100%,rgba(20,184,166,.17),transparent 70%)}.opt-hero:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(163,230,53,.1);border-radius:50%;right:7%;top:-150px;box-shadow:0 0 0 44px #a3e63505,0 0 0 88px #a3e63504}.opt-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}.opt-hero__eyebrow{display:flex;align-items:center;gap:7px;font-size:8.5px;letter-spacing:.16em;color:#8fb8a8;font-weight:600;margin-bottom:11px}.opt-hero h2{font-size:23px;letter-spacing:-.03em;line-height:1.3;max-width:480px}.opt-hero h2 em{color:#b9e279;font-style:normal}.opt-hero__desc{margin-top:8px;font-size:10.5px;color:#91afa4;max-width:500px;line-height:1.7}.opt-hero__actions{display:flex;gap:9px;margin-top:17px}.opt-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt-hero__stat{padding:14px 15px;border-radius:13px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.opt-hero__stat span{display:block;font-size:8.5px;color:#8fb0a5}.opt-hero__stat strong{display:block;margin-top:6px;font-size:20px;letter-spacing:-.04em;font-weight:700;color:#f2fbf7}.opt-hero__stat strong em{font-style:normal;font-size:9px;color:#a6c3b8;font-weight:500;margin-left:3px;letter-spacing:0}.opt-hero__stat small{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:8px;color:#a3c184}.opt-layout{display:grid;grid-template-columns:1fr 305px;gap:14px;align-items:start}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt-card{padding:16px 17px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.opt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.opt-card__head{display:flex;align-items:center;gap:7px}.opt-card__category{font-size:8.5px;color:var(--brand);background:var(--brand-soft);border-radius:5px;padding:3px 6px;font-weight:600}.opt-card__priority{margin-left:auto;font-size:8px}.opt-card h3{margin-top:10px;font-size:12px;font-weight:650;letter-spacing:-.01em}.opt-card p{margin-top:5px;font-size:9px;line-height:1.65;color:var(--muted);flex:1}.opt-card__numbers{display:flex;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #f0f4f1}.opt-card__numbers div{flex:1}.opt-card__numbers span{display:block;font-size:7.5px;color:var(--muted-2)}.opt-card__numbers strong{display:block;margin-top:2px;font-size:13px;font-weight:650;letter-spacing:-.02em}.opt-card__numbers strong em{font-style:normal;font-size:7.5px;color:var(--muted-2);font-weight:400}.opt-card__foot{display:flex;align-items:center;gap:6px;margin-top:11px}.opt-card__foot span{font-size:8px;color:var(--muted-2)}.opt-card__foot .btn{margin-left:auto}.roadmap{display:flex;flex-direction:column;gap:0}.roadmap__item{display:flex;gap:12px}.roadmap__rail{display:flex;flex-direction:column;align-items:center;width:18px;flex:none}.roadmap__dot{width:9px;height:9px;border-radius:50%;background:var(--brand);margin-top:4px;box-shadow:0 0 0 4px var(--brand-soft);flex:none}.roadmap__line{width:1px;flex:1;background:#e2ebe5;margin:5px 0}.roadmap__body{padding-bottom:17px;flex:1}.roadmap__body span{font-size:8px;color:var(--muted-2)}.roadmap__body strong{display:block;font-size:10px;font-weight:600;margin-top:2px}.roadmap__body p{font-size:8.5px;color:var(--muted);margin-top:3px;line-height:1.6}.roadmap__body b{display:inline-block;margin-top:5px;font-size:9px;color:#3f7b49;background:#eef8ee;border-radius:5px;padding:2px 6px}.tariff-spread{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.tariff-spread div{padding:9px;border-radius:8px;background:#fafcfb;border:1px solid #edf2ef;text-align:center}.tariff-spread span{display:block;font-size:7.5px;color:var(--muted-2)}.tariff-spread strong{display:block;font-size:14px;margin-top:2px;font-weight:700}.tariff-spread strong em{font-size:7px;color:var(--muted-2);font-style:normal;font-weight:400}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-card__cover{position:relative;height:116px;padding:15px 17px;background:linear-gradient(135deg,#0e4a41,#0a322b);color:#ecf8f2;overflow:hidden}.report-card__cover:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(163,230,53,.13);border-radius:50%;right:-40px;top:-70px;box-shadow:0 0 0 28px #a3e63506}.report-card__cover span{position:relative;z-index:1;font-size:8px;letter-spacing:.13em;color:#9fc0b5;font-weight:600}.report-card__cover h3{position:relative;z-index:1;font-size:13px;font-weight:650;margin-top:7px;max-width:90%;line-height:1.45}.report-card__cover em{position:relative;z-index:1;display:inline-flex;margin-top:9px;font-style:normal;font-size:8px;color:#c7e0d6;background:#ffffff14;border-radius:4px;padding:2px 6px}.report-card__body{padding:14px 17px;flex:1}.report-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-card__metrics span{display:block;font-size:7.5px;color:var(--muted-2)}.report-card__metrics strong{display:block;font-size:13px;font-weight:650;margin-top:2px;letter-spacing:-.02em}.report-card__metrics strong em{font-size:7.5px;color:var(--muted-2);font-style:normal;font-weight:400}.report-card__foot{display:flex;align-items:center;gap:7px;padding:10px 17px;border-top:1px solid var(--line);background:#fbfcfb}.report-card__foot span{font-size:8px;color:var(--muted-2)}.report-card__actions{margin-left:auto;display:flex;gap:4px}.report-preview__banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-radius:13px;background:linear-gradient(120deg,#f3faf5,#fcfdf9);border:1px solid #e3efe6}.report-preview__banner h3{font-size:15px;letter-spacing:-.02em}.report-preview__banner p{font-size:9px;color:var(--muted-2);margin-top:4px}.report-preview__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.report-preview__kpi{padding:11px 12px;border-radius:9px;background:#fafcfb;border:1px solid #edf2ef}.report-preview__kpi span{display:block;font-size:8px;color:var(--muted-2)}.report-preview__kpi strong{display:block;font-size:16px;margin-top:3px;font-weight:700;letter-spacing:-.03em}.report-preview__kpi strong em{font-size:8px;font-style:normal;color:var(--muted-2);font-weight:400}.report-preview__section{margin-top:18px}.report-preview__section h4{font-size:10.5px;font-weight:650;margin-bottom:8px;display:flex;align-items:center;gap:6px}.report-preview__section h4:before{content:"";width:3px;height:12px;border-radius:3px;background:var(--brand)}.report-preview__list{display:flex;flex-direction:column;gap:7px}.report-preview__list p{font-size:9.5px;color:var(--muted);line-height:1.6;padding-left:11px;position:relative}.report-preview__list p:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#84cc16}.area-bar-list{display:flex;flex-direction:column;gap:8px}.area-bar{display:grid;grid-template-columns:84px 1fr 58px 42px;gap:8px;align-items:center;font-size:9px}.area-bar__track{height:5px;border-radius:4px;background:#f0f4f1;overflow:hidden}.area-bar__track span{display:block;height:100%;border-radius:4px}.area-bar b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.area-bar em{font-style:normal;text-align:right;color:var(--muted-2);font-size:8px}.settings-layout{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}.settings-stack{display:flex;flex-direction:column;gap:14px}.settings-list{display:flex;flex-direction:column}.setting-row{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #f1f5f2}.setting-row:last-child{border-bottom:0}.setting-row__label{flex:1;min-width:0}.setting-row__label strong{display:block;font-size:10.5px;font-weight:600}.setting-row__label span{display:block;font-size:8.5px;color:var(--muted-2);margin-top:2px;line-height:1.5}.setting-row__control{flex:none;width:190px}.setting-row__control .input,.setting-row__control .select{height:34px;font-size:11px}.tariff-editor{display:flex;flex-direction:column;gap:7px}.tariff-edit-row{display:grid;grid-template-columns:1.3fr .8fr .7fr .7fr .9fr 30px;gap:8px;align-items:center}.tariff-edit-row .input,.tariff-edit-row .select{height:33px;font-size:10.5px}.tariff-edit-row__color{width:26px;height:26px;border-radius:7px;border:1px solid var(--line-strong)}.tariff-legend{display:flex;gap:10px;font-size:8px;color:var(--muted-2);margin-bottom:10px;align-items:center;flex-wrap:wrap}.tariff-legend span{display:flex;align-items:center;gap:4px}.tariff-legend i{width:7px;height:7px;border-radius:2px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-tile{padding:12px 13px;border-radius:10px;background:#fafcfb;border:1px solid #edf2ef}.system-tile__head{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--muted)}.system-tile strong{display:block;font-size:14px;margin-top:5px;font-weight:650;letter-spacing:-.02em}.system-tile span{display:block;font-size:8px;color:var(--muted-2);margin-top:2px}.sim-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;background:#f9fcfa;border:1px solid #e9f0eb}.sim-card__icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}.sim-card__main{flex:1}.sim-card__main strong{display:block;font-size:10.5px;font-weight:600}.sim-card__main span{display:block;font-size:8.5px;color:var(--muted-2);margin-top:2px}.env-list{display:flex;flex-direction:column;gap:8px}.env-list div{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);padding-bottom:8px;border-bottom:1px solid #f1f5f2}.env-list div:last-child{border-bottom:0;padding-bottom:0}.env-list b{color:var(--ink-2);font-weight:600;text-align:right}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}.switch-line strong{font-size:10px;font-weight:550}.switch-line span{display:block;font-size:8px;color:var(--muted-2);margin-top:2px}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.not-found span{font-size:74px;font-weight:800;letter-spacing:-.08em;color:#dce8e1;line-height:1}.not-found h2{font-size:20px}.not-found p{font-size:11px;color:var(--muted);margin-bottom:8px}@media(max-width:1440px){.sidebar{width:238px}:root{--sidebar: 238px}.main{padding:24px}.topbar{padding:0 24px}.user-chip div{display:none}}@media(max-width:1240px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.live-pill span{display:none}.live-pill{padding:0 9px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{width:36px;padding:0;justify-content:center}.realtime-hero,.opt-layout,.alarm-layout,.settings-layout{grid-template-columns:1fr}.area-live-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1180px){.span-3,.span-4,.span-5,.span-7,.span-8,.span-9{grid-column:span 12}.span-6{grid-column:span 6}.analysis-main{grid-template-columns:1fr}.analysis-secondary .span-4,.analysis-secondary .span-5,.analysis-secondary .span-6,.analysis-secondary .span-7,.analysis-secondary .span-8{grid-column:span 12}.opt-grid,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}@media(max-width:1024px){:root{--sidebar: 0px}.sidebar{width:254px;transform:translate(-100%);transition:transform .25s ease;box-shadow:20px 0 60px #00000040}.sidebar.is-open{transform:translate(0)}.sidebar__mobile-close{display:block}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:35;background:#0517146b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar-overlay.is-open{display:block}.topbar__menu{display:inline-grid!important}.shell{margin-left:0}.topbar__time-date{display:none}.topbar__time{min-width:76px}.main{padding:22px}.topbar{padding:0 20px;height:68px}.page-head{flex-direction:column;align-items:flex-start;gap:13px}.page-actions{justify-content:flex-start}.analysis-kpis,.stat-strip,.alarm-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{gap:12px}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.main{padding:17px 15px 20px}.topbar{padding:0 15px;gap:9px}.topbar__title h1{font-size:17px}.topbar__title span{font-size:7.5px}.topbar__title{min-width:0;flex:1}.topbar__spacer,.topbar__time,.user-chip,.live-pill{display:none}.app-footer{flex-direction:column;gap:4px;padding:14px 18px 18px}.kpi-grid,.analysis-kpis,.stat-strip,.alarm-stats,.report-grid{grid-template-columns:1fr}.span-6{grid-column:span 12}.area-live-grid,.live-metric-grid{grid-template-columns:1fr 1fr}.realtime-toolbar .input-icon{width:100%}.report-preview__kpis{grid-template-columns:1fr 1fr}.comparison-banner{flex-direction:column;align-items:flex-start}.comparison-banner__stats{width:100%;justify-content:space-between}.opt-hero{padding:21px 19px}.opt-hero__content{grid-template-columns:1fr;gap:18px}.opt-hero h2{font-size:20px}.opt-hero__stats,.tariff-edit-row{grid-template-columns:1fr 1fr}.tariff-edit-row__color{display:none}.form-grid{grid-template-columns:1fr}.modal{width:94vw;max-height:92vh}.modal__body{padding:16px 18px}.modal__head{padding:18px 18px 14px}.drawer{width:100%!important}.detail-grid{grid-template-columns:1fr}.chart-head-stats{display:none}.page-title{font-size:22px}.live-power-main strong{font-size:43px}.table th:nth-child(n+5),.table td:nth-child(n+5){display:none}}@media(max-width:480px){.live-metric-grid,.area-live-grid,.opt-hero__stats{grid-template-columns:1fr}.page-actions .btn span.optional{display:none}.filter-bar .input-icon{width:100%}}@media print{.sidebar,.topbar,.app-footer,.page-actions,.modal__head .icon-btn,.modal__foot,.toast-stack{display:none!important}.modal-layer{position:static;background:#fff}.modal-backdrop{display:none}.modal{box-shadow:none;width:100%;max-height:none}.modal__body{overflow:visible}.app,.shell{margin:0}.main{padding:0}}.badge--on-dark{background:#a3e6351f;color:#b9e279;border:1px solid rgba(163,230,53,.17)}.card-link{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;color:var(--brand);font-weight:600}.card-link:hover{color:var(--brand-2)}.eff-ring{width:104px;height:104px;border-radius:50%;padding:7px;display:grid;place-items:center;flex:none;box-shadow:0 0 30px #a3e6351a}.eff-ring__inner{width:100%;height:100%;border-radius:50%;background:#0a2c26;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06)}.eff-ring__inner strong{font-size:25px;line-height:1;letter-spacing:-.04em;color:#f4fcf8}.eff-ring__inner span{font-size:8px;color:#83a79b;margin-top:3px}.eff-score strong{font-size:23px!important;letter-spacing:-.03em}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insight-tile{padding:12px 13px;border-radius:11px;border:1px solid #eef3f0;background:#fbfcfb}.insight-tile__icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;margin-bottom:8px}.insight-tile strong{display:block;font-size:10px;font-weight:650}.insight-tile p{margin-top:4px;font-size:8.8px;line-height:1.65;color:var(--muted)}.insight-tile p b{color:var(--ink-2);font-weight:600}.flow-path{stroke-dasharray:5 7;animation:flow-dash 1.4s linear infinite}.flow-path--slow{animation-duration:2.4s}@keyframes flow-dash{to{stroke-dashoffset:-12}}@media(max-width:1180px){.insight-grid{grid-template-columns:1fr}}.energy-mix-list{display:flex;flex-direction:column;gap:7px;margin-top:7px}.energy-mix-row{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);padding:4px 1px}.energy-mix-row span{display:flex;align-items:center;gap:5px;flex:1}.energy-mix-row span i{width:6px;height:6px;border-radius:2px}.energy-mix-row b{font-size:9px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}.energy-mix-row b em{font-style:normal;font-size:7.5px;font-weight:400;color:var(--muted-2);margin-left:1px}.energy-mix-row>em{font-style:normal;width:40px;text-align:right;color:var(--muted-2);font-size:8.5px}.area-dot{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:5px;vertical-align:1px}.form-error{display:flex;align-items:center;gap:6px;margin-top:13px;padding:9px 11px;border-radius:8px;background:#fdeeee;border:1px solid #f6d2d2;color:#b93b3b;font-size:10px}.tariff-timeline{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:10px}.tariff-hour{height:29px;border:1px solid transparent;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.tariff-hour span{font-size:7.5px;font-weight:650;font-family:var(--mono)}.tariff-hour em{font-style:normal;font-size:6px;color:#ef4444}.tariff-hour.is-empty{border-style:dashed}@media(max-width:760px){.tariff-timeline{grid-template-columns:repeat(12,1fr)}}.gateway-tabs-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gateway-live-note{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--muted-2)}.gateway-live-note span:not(.pulse-dot){color:#c3cec8}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1c;animation:pulse-dot 2s infinite}.gateway-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gateway-stat{padding:15px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.gateway-stat__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.gateway-stat__head>span:first-child{font-size:9px;color:var(--muted)}.gateway-stat__icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.gateway-stat__icon.is-teal{background:#e8f5f1;color:#0f766e}.gateway-stat__icon.is-blue{background:#eaf7fa;color:#0e7490}.gateway-stat__icon.is-violet{background:#f4efff;color:#7c3aed}.gateway-stat__icon.is-lime{background:#f4fae8;color:#65a30d}.gateway-stat__icon.is-amber{background:#fef6e8;color:#d97706}.gateway-stat>strong{display:block;margin-top:7px;font-size:25px;line-height:1.15;letter-spacing:-.04em;font-weight:700;font-variant-numeric:tabular-nums}.gateway-stat>strong em{font-style:normal;font-size:9px;color:var(--muted-2);font-weight:500;letter-spacing:0;margin-left:3px}.gateway-stat>small{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:8.5px;color:var(--muted-2)}.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gateway-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.gateway-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2.5px;background:linear-gradient(90deg,var(--protocol-color, #0f9f8f),transparent 85%);opacity:.8}.gateway-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gateway-card__head{display:flex;align-items:flex-start;gap:11px;padding:18px 18px 0}.gateway-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;border:1px solid rgba(15,118,110,.06)}.gateway-icon--sm{width:28px;height:28px;border-radius:8px}.gateway-card__title{flex:1;min-width:0}.gateway-card__title h3{font-size:13px;font-weight:650;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gateway-card__title span{display:block;margin-top:3px;font-size:8.5px;color:var(--muted-2)}.gateway-card__switch{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.gateway-endpoint{display:flex;align-items:center;gap:6px;margin:13px 18px 0;padding:8px 10px;border-radius:7px;background:#f8fbf9;border:1px solid #edf2ef;color:var(--muted)}.gateway-endpoint span{font-family:var(--mono);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gateway-endpoint em{margin-left:auto;font-style:normal;font-size:7.5px;color:var(--muted-2);white-space:nowrap}.gateway-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 18px 0}.gateway-metrics div{padding:8px 9px;border-radius:8px;background:#fbfcfb;border:1px solid #eff4f1}.gateway-metrics span{display:block;font-size:7.5px;color:var(--muted-2);white-space:nowrap}.gateway-metrics strong{display:block;margin-top:3px;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.gateway-metrics strong em{font-style:normal;font-size:8px;color:var(--muted-2);font-weight:400}.gateway-spark{margin:12px 18px 0}.gateway-spark__label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7.5px;color:var(--muted-2);margin-bottom:2px}.gateway-spark__label em{font-style:normal}.gateway-devices{display:flex;flex-wrap:wrap;gap:4px;margin:10px 18px 0;min-height:20px}.gateway-devices span{padding:3px 6px;border-radius:4px;background:#f2f6f3;color:var(--muted);font-family:var(--mono);font-size:7.5px;border:1px solid #e9efeb}.gateway-devices .is-more{background:var(--protocol-soft, #e8f5f1);color:var(--protocol-color, #0f766e);border-color:transparent;font-family:var(--font);font-weight:600}.gateway-devices .is-empty{background:transparent;border:1px dashed #dfe8e2;color:var(--muted-2);font-family:var(--font)}.gateway-card__foot{display:flex;align-items:center;gap:3px;margin-top:13px;padding:9px 12px;border-top:1px solid var(--line);background:#fbfcfb}.gateway-card__last{margin-left:auto;font-size:7.5px;color:var(--muted-2);white-space:nowrap}.gateway-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.global-strategy__hero{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}.strategy-orb{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.strategy-orb.is-on{background:#eaf8ef;color:#16a34a}.strategy-orb.is-off{background:#fdf4e3;color:#d97706}.global-strategy__hero div{flex:1;min-width:0}.global-strategy__hero strong{display:block;font-size:10.5px;font-weight:650}.global-strategy__hero span:not(.strategy-orb){display:block;font-size:8.5px;color:var(--muted-2);margin-top:2px;line-height:1.5}.global-strategy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.global-strategy__grid>div{padding:8px 9px;border-radius:8px;background:#fafcfb;border:1px solid #eef3f0}.global-strategy__grid span{display:block;font-size:7.5px;color:var(--muted-2)}.global-strategy__grid strong{display:block;margin-top:3px;font-size:11.5px;font-weight:650}.global-strategy__grid strong em{font-style:normal;font-size:7.5px;color:var(--muted-2);font-weight:400}.gateway-log-preview{display:flex;flex-direction:column}.gateway-log-preview__item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #f2f5f3;background:transparent;padding:9px 16px;cursor:pointer;transition:background .15s}.gateway-log-preview__item:last-child{border-bottom:0}.gateway-log-preview__item:hover{background:#fbfdfc}.gateway-log-preview__dot{width:6px;height:6px;border-radius:50%;flex:none}.gateway-log-preview__protocol{flex:none;width:58px;text-align:center;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:600}.gateway-log-preview__item div{flex:1;min-width:0}.gateway-log-preview__item strong{display:block;font-size:8.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gateway-log-preview__item div span{display:block;font-size:7.5px;color:var(--muted-2);margin-top:2px}.gateway-log-preview__item em{font-style:normal;font-family:var(--mono);font-size:7.5px;color:var(--muted-2)}.gateway-chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.gateway-level-list{display:flex;flex-direction:column;gap:5px;margin-top:4px}.gateway-level-list div{display:flex;align-items:center;gap:7px;font-size:8.5px;color:var(--muted);padding:3px 1px;border-top:1px solid #f4f7f5}.gateway-level-list span{display:flex;align-items:center;gap:5px;flex:1}.gateway-level-list i{width:5px;height:5px;border-radius:2px}.gateway-level-list b{font-weight:600;color:var(--ink-2)}.gateway-level-list em{font-style:normal;width:38px;text-align:right;color:var(--muted-2);font-size:7.5px}.gateway-log-layout{display:grid;grid-template-columns:1fr 315px;gap:14px;align-items:start}.gateway-log-actions{display:flex;align-items:center;gap:8px}.gateway-live-note.is-live{color:#2f8a57}.gateway-log-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--line);background:#fff}.gateway-log-filters .input-icon{width:220px}.gateway-log-filters .input,.gateway-log-filters .select{height:32px;font-size:10px}.gateway-log-gateway{display:flex;align-items:center;gap:7px}.gateway-log-gateway>span{flex:none;padding:2px 5px;border-radius:3px;font-size:7px;font-weight:600}.gateway-log-gateway div{display:flex;flex-direction:column}.gateway-log-gateway strong{font-size:9px;font-weight:550;white-space:nowrap}.gateway-log-gateway small{font-size:7px;color:var(--muted-2)}.log-level{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2.5px 5px;border-radius:4px;font-size:7.5px;font-weight:600}.log-direction{display:inline-flex;align-items:center;justify-content:center;padding:2.5px 5px;border-radius:4px;background:#f2f5f3;color:var(--muted);font-size:7.5px}.log-topic{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:7.5px;color:var(--muted)}.log-message{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;color:var(--ink-2)}.gateway-log-table td{padding-top:9px;padding-bottom:9px}.gateway-quality-list{display:flex;flex-direction:column;gap:14px}.gateway-quality__head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.gateway-quality__head span{font-weight:600}.gateway-quality__head b{font-size:10px;font-weight:650}.gateway-quality__bar{height:4px;border-radius:4px;background:#f0f4f1;overflow:hidden;margin-top:5px}.gateway-quality__bar span{display:block;height:100%;border-radius:4px}.gateway-quality__meta{display:flex;gap:10px;margin-top:4px;font-size:7.5px;color:var(--muted-2)}.gateway-error-list{display:flex;flex-direction:column}.gateway-error-list button{display:flex;align-items:flex-start;gap:8px;width:100%;border:0;border-bottom:1px solid #f2f5f3;background:transparent;padding:9px 14px;text-align:left;cursor:pointer}.gateway-error-list button:last-child{border-bottom:0}.gateway-error-list button:hover{background:#fdfafa}.gateway-error-list__icon{width:23px;height:23px;border-radius:6px;background:#fdeeee;color:#dc2626;display:grid;place-items:center;flex:none}.gateway-error-list strong{display:block;font-size:7.8px;line-height:1.45;font-weight:500;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gateway-error-list span{display:block;font-size:7px;color:var(--muted-2);margin-top:3px}.gateway-empty-small{padding:18px 14px;font-size:8.5px;color:var(--muted-2)}.global-settings__hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:#f8fbf9;border:1px solid #e9f0eb;margin-bottom:16px}.global-settings__switch{display:flex;align-items:center;gap:10px}.global-settings__switch>div{display:flex;flex-direction:column}.global-settings__switch strong{font-size:10.5px;font-weight:650}.global-settings__switch span:not(.strategy-orb){font-size:8px;color:var(--muted-2);margin-top:2px}.global-settings .switch-line{border-top:1px solid var(--line);margin-top:2px}.log-detail-status{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:8px;background:#fbfcfb;border:1px solid #edf2ef;margin-bottom:14px}.log-payload{margin:0;padding:10px 12px;border-radius:8px;background:#0b2722;color:#bee4d6;font-family:var(--mono);font-size:9px;line-height:1.7;white-space:pre-wrap;word-break:break-all}.log-message-box{padding:10px 12px;border-radius:8px;background:#fbfcfb;border:1px solid #edf2ef;font-size:9.5px;line-height:1.65;color:var(--ink-2)}@media(max-width:1300px){.gateway-grid{grid-template-columns:1fr 1fr}.gateway-grid .gateway-card:last-child{grid-column:span 2}}@media(max-width:1180px){.gateway-stat-grid{grid-template-columns:repeat(2,1fr)}.gateway-lower-grid,.gateway-chart-grid,.gateway-log-layout{grid-template-columns:1fr}.gateway-grid .gateway-card:last-child{grid-column:auto}}@media(max-width:800px){.gateway-grid{grid-template-columns:1fr}.gateway-metrics{grid-template-columns:1fr 1fr}.gateway-stat-grid{grid-template-columns:1fr}.gateway-card__last{display:none}.gateway-log-filters .input-icon{width:100%}.gateway-tabs-row{gap:8px}.gateway-log-chart,.gateway-chart-grid{gap:12px}}.park-page{gap:14px}.park-page-head{padding-bottom:0}.park-viewport{position:relative;height:calc(100vh - 212px);min-height:630px;border-radius:20px;overflow:hidden;isolation:isolate;background:radial-gradient(900px 500px at 68% 20%,rgba(13,148,136,.12),transparent 70%),radial-gradient(700px 400px at 20% 80%,rgba(132,204,22,.05),transparent 70%),#061815;border:1px solid rgba(78,149,132,.2);box-shadow:0 24px 70px #0419153d,inset 0 1px #ffffff08}.park-viewport:fullscreen{border-radius:0;height:100vh;min-height:100vh;border:0}.park-canvas{position:absolute;inset:0;z-index:0}.park-webgl{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}.park-label-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.park-building-label{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:#031713c7;border:1px solid rgba(94,234,212,.17);color:#d9f5ec;font-size:8.5px;font-weight:600;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 5px 15px #0000002e;transform:translate(-50%,-50%)}.park-building-label i{width:5px;height:5px;border-radius:50%;flex:none}.park-building-label em{font-style:normal;font-size:7px;font-weight:400;color:#7fa99b;margin-left:2px}.park-core-label{display:inline-flex;align-items:center;gap:5px;color:#a3e6359e;font-family:var(--mono);font-size:7px;letter-spacing:.14em;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%)}.park-core-label i{width:4px;height:4px;border-radius:50%;background:#a3e635;box-shadow:0 0 8px #a3e635}.park-scene-intro{position:absolute;top:24px;left:26px;z-index:5;pointer-events:none;max-width:420px;text-shadow:0 2px 16px rgba(0,0,0,.35)}.park-eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.16em;font-weight:600;color:#8fc7b7}.park-live-dot{width:6px;height:6px;border-radius:50%;background:#a3e635;box-shadow:0 0 0 3px #a3e6351f,0 0 12px #a3e6358c;animation:pulse-dot 2s infinite}.park-scene-intro h2{margin-top:8px;color:#f2fbf7;font-size:25px;letter-spacing:-.035em;line-height:1.15;font-weight:700}.park-scene-intro p{margin-top:5px;color:#82a69a;font-size:9.5px}.park-scene-stats{display:flex;gap:16px;margin-top:14px}.park-scene-stats span{display:flex;align-items:baseline;gap:4px;font-size:8.5px;color:#7e9f94}.park-scene-stats strong{font-size:14px;color:#dff6ec;font-weight:650;letter-spacing:-.02em}.park-tools{position:absolute;top:24px;right:366px;z-index:8;display:flex;align-items:center;gap:6px}.park-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(161,211,195,.16);background:#051c17b8;color:#a8c8bd;font-size:9px;font-weight:550;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.18s ease}.park-tool:hover{color:#e8f8f2;border-color:#a3e63547;background:#082720e0}.park-tool.is-active{color:#d8f6a8;border-color:#a3e63540;background:#84cc161f}.park-tool--icon{width:34px;padding:0;justify-content:center}.park-legend{position:absolute;left:26px;bottom:58px;z-index:6;display:flex;align-items:center;gap:12px;padding:8px 11px;border-radius:8px;background:#051b17ad;border:1px solid rgba(161,211,195,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.park-legend span{display:flex;align-items:center;gap:5px;font-size:8px;color:#90b2a6}.park-legend i{width:5px;height:5px;border-radius:50%}.park-hint{position:absolute;left:26px;bottom:18px;z-index:6;display:flex;align-items:center;gap:12px;color:#5f8278;font-size:8px}.park-hint span{display:flex;align-items:center;gap:4px}.park-hint__divider{width:1px;height:10px;background:#a1d3c32e}.park-sync{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px;background:#051b17d1;color:#9fbfb3;font-size:9px;border:1px solid rgba(161,211,195,.12)}.park-panel{position:absolute;top:18px;right:18px;bottom:18px;z-index:10;width:330px;display:flex;flex-direction:column;background:#051915d1;border:1px solid rgba(154,211,194,.16);border-radius:16px;color:#dcefe7;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 20px 50px #010f0c47;overflow:hidden}.park-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px 17px 0}.park-panel__eyebrow{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.15em;color:#659186;font-weight:600}.park-panel__head h3{margin-top:5px;font-size:17px;letter-spacing:-.03em;color:#f2fbf7;font-weight:650}.park-panel__count{font-size:23px;line-height:1;font-weight:700;letter-spacing:-.04em;color:#dff6e9}.park-panel__count em{font-style:normal;font-size:9px;color:#5e8679;font-weight:400;letter-spacing:0}.park-panel__live{display:flex;align-items:center;gap:6px;padding:8px 17px 11px;font-size:8.5px;color:#7da397}.park-panel__live span{margin-left:auto;font-size:7.5px;color:#5d7d72}.park-search{display:flex;align-items:center;gap:7px;margin:0 14px;height:34px;padding:0 10px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(154,211,194,.12);color:#6f9588}.park-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e4f3ec;font-size:10px}.park-search input::placeholder{color:#5e7d72}.park-search button{border:0;background:transparent;color:#6f9588;cursor:pointer;padding:2px}.park-chips{display:flex;gap:4px;padding:9px 14px 6px;flex-wrap:wrap}.park-chips button{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px;border-radius:5px;border:1px solid transparent;background:#ffffff0a;color:#7fa296;font-size:8px;cursor:pointer}.park-chips button em{font-style:normal;font-size:7px;color:#57766b}.park-chips button:hover{color:#c7e5da}.park-chips button.is-active{color:#dcf9a8;background:#84cc161f;border-color:#a3e63529}.park-chips button.is-active em{color:#9fc36d}.park-device-list{flex:1;overflow-y:auto;padding:4px 8px 9px;scrollbar-width:thin}.park-device-list::-webkit-scrollbar{width:5px}.park-device-list::-webkit-scrollbar-thumb{background:#78ae9e33;border:0;border-radius:5px}.park-device-group{margin-top:9px}.park-device-group__title{display:flex;align-items:center;justify-content:space-between;padding:0 9px 5px;color:#5f8377;font-size:7.5px;letter-spacing:.08em}.park-device-group__title em{font-style:normal;font-size:7px;color:#4d6d63}.park-device-row{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;border-radius:8px;padding:6px 8px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.15s ease}.park-device-row:hover{background:#ffffff0b}.park-device-row.is-selected{background:#a3e63517;border-color:#a3e63526}.park-device-row__icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;flex:none}.park-device-row__main{flex:1;min-width:0}.park-device-row__main strong{display:block;font-size:9px;font-weight:550;color:#cfe6dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-device-row__main span{display:block;margin-top:1px;font-size:7px;color:#58786d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-device-row__side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.park-device-row__side em{font-style:normal;font-size:8px;color:#92afa4;font-variant-numeric:tabular-nums}.park-status{width:5px;height:5px;border-radius:50%}.park-status.is-online{background:#84cc16;box-shadow:0 0 6px #84cc1673}.park-status.is-alarm{background:#f87171;box-shadow:0 0 6px #f8717180}.park-status.is-offline{background:#64748b}.park-panel__foot{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-top:1px solid rgba(154,211,194,.1);color:#5c7e72;font-size:7.5px}.park-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 10px;color:#5d7d72;font-size:8.5px}.park-info{position:absolute;top:0;left:0;z-index:20;width:266px;padding:13px 14px 11px;border-radius:11px;background:#fffffff7;color:var(--ink);box-shadow:0 18px 48px #000c0959,0 2px 10px #00000024;border-top:3px solid var(--park-color, #0f9f8f);opacity:0;transform:translate(-50%,-100%);pointer-events:auto;transition:opacity .16s ease}.park-info:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:2px;box-shadow:5px 5px 12px #000c091a}.park-info__close{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:6px;background:#f2f6f3;color:var(--muted);display:grid;place-items:center;cursor:pointer;z-index:1}.park-info__close:hover{background:#e7efeb;color:var(--ink)}.park-info__head{display:flex;align-items:center;gap:9px;padding-right:24px}.park-info__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}.park-info__head strong{display:block;font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-info__head span{display:block;font-size:8px;color:var(--muted-2);margin-top:2px}.park-info__badges{display:flex;gap:5px;margin-top:9px}.park-info__metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.park-info__metrics div{padding:7px 8px;border-radius:6px;background:#f7faf8;border:1px solid #edf3ef}.park-info__metrics span{display:block;font-size:7px;color:var(--muted-2);white-space:nowrap}.park-info__metrics strong{display:block;margin-top:2px;font-size:10px;font-weight:650;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-info__metrics strong em{font-style:normal;font-size:7px;color:var(--muted-2);font-weight:400;margin-left:2px}.park-info__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #eef3f0;font-size:7.5px;color:var(--muted-2)}.park-info__foot span{display:flex;align-items:center;gap:4px}@media(max-width:1280px){.park-panel{width:300px}.park-tools{right:334px}}@media(max-width:1024px){.park-viewport{height:calc(100vh - 190px);min-height:600px}.park-panel{width:292px}.park-tools{right:322px}.park-tool span{display:none}.park-tool{width:32px;padding:0;justify-content:center}}@media(max-width:760px){.park-viewport{height:calc(100dvh - 168px);min-height:580px;border-radius:14px}.park-scene-intro{top:14px;left:14px;max-width:230px}.park-scene-intro h2{font-size:18px}.park-scene-intro p{display:none}.park-scene-stats{gap:9px;margin-top:8px}.park-scene-stats strong{font-size:11px}.park-scene-stats span{font-size:7.5px}.park-tools{top:12px;right:12px;gap:4px}.park-panel{inset:auto 10px 10px;width:auto;height:38%;border-radius:13px}.park-panel__head{padding:12px 13px 0}.park-panel__head h3{font-size:14px}.park-panel__count{font-size:19px}.park-panel__live{padding:5px 13px 8px}.park-search{height:30px}.park-chips{padding:6px 12px 3px}.park-device-row{padding:5px 7px}.park-device-group{margin-top:5px}.park-device-row__main strong{font-size:8.5px}.park-legend,.park-hint,.park-core-label{display:none}.park-info{width:225px}.park-sync{bottom:calc(38% + 20px)}}.park-note{display:flex;align-items:flex-start;gap:12px;padding:14px 17px;border-radius:14px;border:1px solid #e3ece6;background:linear-gradient(105deg,#f5faf6,#fbfdf9 62%,#f4f9ee);box-shadow:var(--shadow-sm)}.park-note__icon{width:30px;height:30px;border-radius:9px;background:#e8f4ee;color:#0f766e;display:grid;place-items:center;flex:none}.park-note__text{flex:1;min-width:0}.park-note__text strong{display:block;font-size:10.5px;font-weight:650;color:var(--ink-2);letter-spacing:.01em}.park-note__text p{margin-top:3px;font-size:9.5px;line-height:1.7;color:#647a70}.park-note__badge{flex:none}@media(max-width:760px){.park-note{padding:12px 13px;gap:9px;flex-wrap:wrap}.park-note__badge{margin-left:39px}.park-note__text p{font-size:9px}}.park-page-head{align-items:center;gap:26px}.park-page-head .park-note{flex:1;max-width:880px;margin-left:auto;padding:11px 15px;border-radius:12px}.park-page-head .park-note__icon{width:28px;height:28px;border-radius:8px}.park-page-head .park-note__text strong{font-size:10px}.park-page-head .park-note__text p{font-size:9px;line-height:1.6}.park-page-head .park-note__badge{align-self:center}@media(max-width:1024px){.park-page-head{align-items:flex-start}.park-page-head .park-note{width:100%;max-width:none;margin-left:0}}@media(max-width:760px){.park-page-head .park-note__text p{font-size:8.8px;line-height:1.6}.park-page-head .park-note__badge{margin-left:37px}}@media(max-width:760px){.park-page-head .park-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px 9px;padding:10px 12px}.park-page-head .park-note__icon{grid-column:1;grid-row:1;width:26px;height:26px}.park-page-head .park-note__text{grid-column:2}.park-page-head .park-note__text p{font-size:8.4px;line-height:1.55}.park-page-head .park-note__badge{display:none}}