#core-demo{--cb:#f4f7f5;--cc:#fff;--ct:#12211f;--cm:#646464;--cl:#e5e5e5;--ca:#e1efeb;--cp:#123f3a;background:var(--cb);color:var(--ct);min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}#core-demo[data-dark]{--cb:#111b19;--cc:#192622;--ct:#edf5f2;--cm:#adc0b8;--cl:#34463f;--ca:#24443b;--cp:#8bc9b9}#core-demo[hidden],#core-tour[hidden]{display:none}#core-demo *{box-sizing:border-box;min-width:0}#core-demo button,#core-demo input,#core-demo select,#core-demo textarea{font:inherit}#core-demo button{cursor:pointer;border:1px solid var(--cl);border-radius:7px;background:var(--cc);color:var(--ct);padding:8px 13px;font-size:14px;font-weight:600}#core-demo button:disabled{opacity:.5;cursor:default}#core-demo button:focus-visible,#core-demo a:focus-visible,#core-demo summary:focus-visible{outline:3px solid #dbad58;outline-offset:3px}#core-demo .primary{background:#123f3a;color:white;border-color:#123f3a}#core-demo h2{font:700 30px/1.2 Arial;margin:0}#core-demo h3{font:700 18px/1.35 Arial;margin:0 0 10px}#core-demo p{margin:8px 0 16px}#core-demo small{font-size:13px;color:var(--cm)}#core-demo .muted{color:var(--cm);font-size:14px}#core-demo .core-sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#102d2a;color:#eaf4f1;padding:20px 12px 110px;display:flex;flex-direction:column;z-index:60;overflow:auto}.core-brand{display:flex;gap:12px;align-items:center;padding:0 4px 22px}.core-brand>span{background:#dbad58;color:#102d2a;border-radius:12px;width:40px;height:40px;display:grid;place-items:center}.core-brand b,.core-brand small{display:block}#core-demo .core-sidebar small{color:#a8bdb6}.core-nav-label{font-size:12px;color:#a8bdb6;padding:0 8px}#core-demo .core-sidebar nav{display:grid;gap:4px}#core-demo .core-sidebar nav button{border:0;text-align:left;background:transparent;color:#d7e7e1;padding:10px 12px;display:flex;gap:12px;align-items:center}#core-demo .core-sidebar nav button.active,#core-demo .core-sidebar nav button:hover{background:#1c4842;color:white}.core-sidebar nav svg{width:18px;height:18px;flex-shrink:0}.core-owner{margin-top:auto;border:1px solid #29514c;border-radius:12px;padding:12px;margin-bottom:12px}.core-owner b,.core-owner small{display:block;font-size:14px}#core-demo .core-sidebar>button{background:transparent;color:#d7e7e1;border-color:#29514c}.core-main{margin-left:256px;padding-bottom:100px}.core-header{height:64px;position:sticky;top:0;background:var(--cc);border-bottom:1px solid var(--cl);display:flex;justify-content:space-between;align-items:center;padding:0 28px;z-index:40}.core-header>div{display:flex;gap:12px;align-items:center}.core-header b,.core-header small{display:block}.core-header b{font-size:18px}#core-menu{display:none}.core-badge,.tag{font-size:13px;border:1px solid var(--cl);padding:3px 9px;border-radius:7px;display:inline-block}.tag{margin:0 5px 5px 0}.tag.good{background:var(--ca);color:var(--cp)}.tag.warn{background:#fff0cd;color:#805500}.tag.bad{background:#ffe4e9;color:#971e36}#core-content{padding:28px;max-width:1400px;margin:auto}.core-hero{background:#123f3a;color:white;border-radius:16px;padding:32px;display:grid;grid-template-columns:1fr 330px;gap:28px}.core-hero h2{font-size:36px;max-width:700px}.core-hero p{color:#d0e0da;font-size:14px}.core-hero .primary{background:#dbad58!important;color:#102d2a!important;border:0!important}.core-ready{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.core-ready .bar{height:8px;background:#ffffff26;border-radius:10px;margin:14px 0}.core-ready .bar i{display:block;height:100%;background:#dbad58;width:75%;border-radius:10px}.core-ready button{background:transparent!important;color:#f2ce88!important;border:0!important}.core-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.core-metric,.core-panel,.core-record{background:var(--cc);border:1px solid var(--cl);border-radius:12px;padding:20px}.core-metric b{display:block;font-size:28px;margin:6px 0}.core-panel{margin:20px 0}.core-panel-head,.core-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.core-page-head{margin-bottom:24px}.core-page-head>div>small{letter-spacing:1px;color:var(--cp);font-weight:700}.core-page-head p{color:var(--cm);font-size:14px;max-width:760px}.core-alert{border:1px solid #e6c37b;background:#fff2d7;color:#704812;border-radius:12px;padding:16px;margin:20px 0;font-size:14px}.core-row{border-bottom:1px solid var(--cl);padding:14px 0;display:flex;align-items:center;gap:14px}.core-row:last-child{border-bottom:0}.core-row>div{flex:1}.core-row p{margin:0}.core-row small{display:block}.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.core-record{margin:12px 0}.core-record h3{margin-top:10px}.core-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.core-search{display:grid;grid-template-columns:180px 1fr 170px auto;gap:12px;align-items:end}#core-demo label{display:block;font-size:14px;font-weight:600}#core-demo input:not([type=checkbox]),#core-demo textarea,#core-demo select{display:block;width:100%;border:1px solid var(--cl);background:var(--cc);color:var(--ct);border-radius:6px;padding:9px;margin-top:6px}#core-demo textarea{resize:vertical;min-height:70px}#core-demo details{border:1px solid var(--cl);border-radius:10px;padding:14px;margin:12px 0;font-size:14px}#core-demo summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}#core-demo .core-inset{background:var(--cb);padding:14px;border-radius:8px;margin:12px 0;font-size:14px}.core-banner{position:fixed;bottom:0;left:0;right:0;background:#102d2a;color:#eaf4f1;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:80;font-size:13px}.core-banner>div{display:flex;gap:12px;align-items:center}#core-demo .core-banner button{background:transparent;border-color:#45665c;color:white}#core-demo .core-banner a{color:#f2ce88;font-size:14px}#core-tour{position:fixed;bottom:100px;right:20px;width:min(390px,calc(100vw - 40px));background:var(--cc);border:1px solid var(--cl);border-top:4px solid #dbad58;border-radius:12px;padding:20px;box-shadow:0 15px 45px #0003;z-index:85}#core-tour b,#core-tour small{display:block}#core-tour p{font-size:14px;color:var(--cm)}#core-tour>div{display:flex;gap:8px;flex-wrap:wrap}#core-dialog{border:1px solid var(--cl);border-radius:16px;background:var(--cc);color:var(--ct);width:min(600px,calc(100vw - 32px));padding:24px;max-height:85vh;overflow:auto}#core-dialog::backdrop{background:#102d2a99}.core-dialog-close{float:right}.core-profile{display:grid;grid-template-columns:1fr 1fr;gap:16px}#core-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 Arial}body.demo-mode>.demo-toast{z-index:100}.preview-window{background:#f4f7f5}.preview-window header,.preview-window aside{background:#123f3a;color:white}.preview-window article i{display:none}.preview-window article{display:flex;gap:12px}.preview-window article small{font-size:14px}
@media(max-width:1000px){.core-hero{grid-template-columns:1fr}.core-metrics{grid-template-columns:1fr 1fr}.core-search{grid-template-columns:1fr 1fr}}
@media(max-width:800px){#core-demo .core-sidebar{transform:translateX(-100%);width:256px}#core-demo .core-sidebar.open{transform:none;box-shadow:0 0 0 100vmax #0005}.core-main{margin-left:0}#core-menu{display:block}.core-header{padding:0 16px}#core-content{padding:16px}.core-grid{grid-template-columns:1fr}.core-hero{padding:24px}.core-hero h2{font-size:30px}.core-banner{flex-wrap:wrap;padding:10px 14px}.core-banner>div{flex-wrap:wrap;gap:8px}.core-banner>span{width:100%}.core-banner a{display:none}.core-page-head{flex-direction:column}.core-profile{grid-template-columns:1fr}.core-main{padding-bottom:140px}#core-tour{bottom:130px}.core-row{flex-wrap:wrap}}
@media(max-width:450px){.core-search{grid-template-columns:1fr}.core-metrics{gap:10px}.core-metric{padding:14px}.core-badge{display:none}}