.int-demo{--surf: #FFFFFF;--bg-2: #F4F8FE;--line: rgba(20,70,120,.13);--line-2: rgba(20,70,120,.08);--ink: var(--navy);--ink-2: var(--ink-2-lab, rgba(7,26,70,.78));--mut: rgba(7,26,70,.54);--mut-2: rgba(7,26,70,.44);--muted: rgba(7,26,70,.54);--d-surf: #FFFFFF;--d-line: rgba(20,70,120,.13);--d-ink-2: rgba(7,26,70,.78);--d-mut: rgba(7,26,70,.54);--blue: var(--blue-lab, #1677FF);--blue-2: #0B5BD3;--blue-050: #F2F7FF;--blue-100: #E2EDFF;--blue-600: #1677FF;--blue-700: #0B5BD3;--ok: #0E8A47;--ok-bg: #EAF7F0;--ok-line: rgba(14,138,71,.28);--warn: #9A6100;--warn-bg: #FDF4E4;--warn-line: rgba(154,97,0,.26);--bad: #C8322F;--bad-bg: #FDEDEC;--bad-line: rgba(200,50,47,.26);--r-s: 10px;--sh-3: var(--sh-float);--gutter: 0px;--maxw: 100%;display:block;font-size:13.5px;color:var(--ink)}.int-demo .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.int-demo h2.-wide{max-width:30ch}.int-demo .note{font-size:12.5px;line-height:1.55;color:var(--d-mut)}.int-demo .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:var(--r-s);border:1px solid rgba(36,157,255,.5);background:#1677ff1a;color:#dcebf8;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .22s,border-color .22s,color .22s,box-shadow .22s,transform .22s;white-space:nowrap}.int-demo .btn svg{width:16px;height:16px;flex:0 0 auto}.int-demo .btn:hover{border-color:#39c6d8bf;background:#1677ff42;color:#fff}.int-demo .btn.-solid{background:linear-gradient(180deg,#248bff,#1677ff 52%,#0f62db);border-color:transparent;color:#fff;box-shadow:0 12px 30px -14px #1677ffb3,inset 0 1px #fff3}.int-demo .btn.-solid:hover{filter:brightness(1.08);border-color:transparent;color:#fff;transform:translateY(-1px)}.int-demo .btn.-lg{min-height:52px;padding:0 26px;font-size:14px}.int-demo .btn.-sm{min-height:38px;padding:0 14px;font-size:12.5px}.int-demo .btn:disabled{opacity:.5;cursor:not-allowed}.int-demo .app .btn,.int-demo .drawer .btn,.int-demo .modal .btn{border-color:var(--line);background:var(--surf);color:var(--ink);box-shadow:none}.int-demo .app .btn:hover,.int-demo .drawer .btn:hover,.int-demo .modal .btn:hover{border-color:var(--blue-100);background:var(--blue-050);color:var(--blue-700)}.int-demo .app .btn.-solid,.int-demo .drawer .btn.-solid,.int-demo .modal .btn.-solid{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px -10px #1677ffb3}.int-demo .app .btn.-solid:hover,.int-demo .drawer .btn.-solid:hover,.int-demo .modal .btn.-solid:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff;filter:none}.int-demo .dropbtn[aria-expanded=true],.int-demo .dropbtn.is-on{color:#fff}.int-demo .dropbtn.is-on:after{content:"";display:block;position:absolute;left:.75em;right:.75em;bottom:2px;height:2px;border-radius:2px;background:var(--blue-2)}.int-demo .app,.int-demo .drawer,.int-demo .modal,.int-demo .app h2,.int-demo .app h3,.int-demo .drawer h3,.int-demo .modal h3{color:var(--ink)}.int-demo .app{background:var(--surf);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-3);overflow:hidden}.int-demo .app__top{display:flex;align-items:center;gap:10px;padding:11px 14px;background:linear-gradient(180deg,#fbfcfe,#f4f7fa);border-bottom:1px solid var(--line)}.int-demo .dots{display:flex;gap:5px}.int-demo .dots i{width:8px;height:8px;border-radius:50%;background:#d8e0e9;display:block}.int-demo .app__ttl{font-family:Space Grotesk,sans-serif;font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:-.01em;min-width:0}.int-demo .app__tag{margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-2);border:1px solid var(--line);border-radius:99px;padding:3px 9px;background:var(--surf);white-space:nowrap}.int-demo .kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.int-demo .kpi{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 11px;background:var(--bg-2);min-width:0}.int-demo .kpi b{display:block;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;line-height:1.05;letter-spacing:-.03em}.int-demo .kpi span{display:block;font-size:11.5px;color:var(--mut);margin-top:3px;line-height:1.25}.int-demo .kpi.-ok b{color:var(--ok)}.int-demo .kpi.-ok{background:var(--ok-bg);border-color:var(--ok-line)}.int-demo .kpi.-blue b{color:var(--blue-700)}.int-demo .kpi.-blue{background:var(--blue-050);border-color:var(--blue-100)}.int-demo .kpi.-warn b{color:var(--warn)}.int-demo .kpi.-warn{background:var(--warn-bg);border-color:var(--warn-line)}.int-demo .kpi.-bad b{color:var(--bad)}.int-demo .kpi.-bad{background:var(--bad-bg);border-color:var(--bad-line)}.int-demo .att{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.int-demo .att__h{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2)}.int-demo .att__h svg{width:14px;height:14px;color:var(--warn)}.int-demo .att__h b{margin-left:auto;font-size:11px;font-weight:600;color:var(--mut-2)}.int-demo .att li{display:flex;gap:11px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line-2)}.int-demo .att li:last-child{border-bottom:0}.int-demo .att__i{width:30px;height:30px;border-radius:var(--r-s);display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent}.int-demo .att__i svg{width:15px;height:15px}.int-demo .att__i.-bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.int-demo .att__i.-warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.int-demo .att__i.-blue{background:var(--blue-050);border-color:var(--blue-100);color:var(--blue-700)}.int-demo .att__t{min-width:0;flex:1}.int-demo .att__t b{display:block;font-size:13px;font-weight:600;line-height:1.3}.int-demo .att__t span{display:block;font-size:12px;color:var(--ink-2);line-height:1.4;margin-top:1px}.int-demo .att__t em{display:block;font-style:normal;font-size:11.5px;color:var(--mut-2);margin-top:2px}.int-demo .pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1;padding:5px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);white-space:nowrap}.int-demo .pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.int-demo .pill.-ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}.int-demo .pill.-blue{background:var(--blue-050);border-color:var(--blue-100);color:var(--blue-700)}.int-demo .pill.-warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.int-demo .pill.-bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.int-demo .pill.-plain:before{display:none}.int-demo .tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--mut);border:1px solid var(--line);background:var(--bg-2);border-radius:var(--r-s);padding:3px 7px;white-space:nowrap}.int-demo .tag svg{width:13px;height:13px;color:var(--mut-2)}.int-demo .dash{color:var(--mut-2)}.int-demo .demo-note{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.5;color:var(--mut);background:var(--bg-2);border:1px dashed var(--line);border-radius:var(--r-s);padding:8px 11px;margin-top:12px}.int-demo .demo-note svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px;color:var(--mut-2)}.int-demo.is-focus .app{box-shadow:0 0 0 3px #1677ff47,var(--sh-3)}.int-demo .sys{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:560px}.int-demo .sys__side{border-right:1px solid var(--line);background:var(--bg-2);padding:12px 10px;display:flex;flex-direction:column;gap:2px}.int-demo .sys__lbl{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mut-2);padding:6px 10px 8px}.int-demo .sys__side button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;border:0;background:none;border-radius:var(--r-s);font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .18s,color .18s}.int-demo .sys__side button svg{width:16px;height:16px;flex:0 0 auto;color:var(--mut-2);transition:color .18s}.int-demo .sys__side button:hover{background:#edf1f6;color:var(--ink)}.int-demo .sys__side button[aria-selected=true]{background:var(--blue-050);color:var(--blue-700);font-weight:600}.int-demo .sys__side button[aria-selected=true] svg{color:var(--blue)}.int-demo .sys__side button b{margin-left:auto;font-size:11px;font-weight:700;color:var(--bad);background:var(--bad-bg);border:1px solid var(--bad-line);border-radius:99px;padding:1px 6px;min-width:20px;text-align:center}.int-demo .sys__main{padding:16px;min-width:0;background:var(--surf)}.int-demo .sys__hd{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.int-demo .sys__hd h3{margin:0;font-size:16px}.int-demo .sys__hd p{font-size:12.5px;color:var(--mut);margin-top:3px;max-width:56ch}.int-demo .sys__hd .btn{margin-left:auto}.int-demo .pane[hidden]{display:none}.int-demo .filters{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.int-demo .fgroup{min-width:0}.int-demo .fgroup__l{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-2);margin-bottom:6px}.int-demo .chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.int-demo .chips::-webkit-scrollbar{display:none}.int-demo .chip{flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--surf);font-size:12.5px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .18s,border-color .18s,color .18s;display:inline-flex;align-items:center;gap:6px}.int-demo .chip:hover{border-color:var(--blue-100);background:var(--blue-050)}.int-demo .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.int-demo .chip[aria-pressed=true]:hover{background:var(--ink)}.int-demo .chip i{font-style:normal;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.int-demo .tbl-w{border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.int-demo .tbl{font-size:13.5px}.int-demo .tbl th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);background:var(--bg-2);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.int-demo .tbl td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle;color:var(--ink-2)}.int-demo .tbl tr:last-child td{border-bottom:0}.int-demo .tbl tbody tr{cursor:pointer;transition:background .16s}.int-demo .tbl tbody tr:hover{background:var(--bg-2)}.int-demo .tbl tbody tr:not([data-u]){cursor:default}.int-demo .tbl tbody tr:not([data-u]):hover{background:transparent}.int-demo .tbl tbody tr:focus-visible{background:var(--blue-050);outline:2px solid var(--blue);outline-offset:-2px}.int-demo .tbl .u{display:flex;align-items:center;gap:9px;min-width:0}.int-demo .tbl .u b{font-weight:600;color:var(--ink);font-size:13.5px;white-space:nowrap}.int-demo .tbl .u em{font-style:normal;font-size:11.5px;color:var(--mut-2);display:block;line-height:1.25}.int-demo .uicon{width:30px;height:30px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--bg-2);display:grid;place-items:center;flex:0 0 auto}.int-demo .uicon svg{width:17px;height:17px;color:var(--ink-2)}.int-demo .tbl .who{font-weight:500;color:var(--ink)}.int-demo .tbl .who.-none{color:var(--mut-2);font-weight:400;font-style:italic}.int-demo .empty{padding:34px 16px;text-align:center;color:var(--mut);font-size:13.5px}.int-demo .empty svg{width:26px;height:26px;margin:0 auto 8px;color:var(--mut-2)}.int-demo .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.int-demo .grid2.-sp{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.int-demo .card{border:1px solid var(--line);border-radius:var(--r-s);background:var(--surf);padding:13px 14px}.int-demo .card.-flat{background:var(--bg-2)}.int-demo .card.-shell{background:var(--d-surf);border-color:var(--d-line)}.int-demo .card.-shell .card__h b{color:#fff}.int-demo .card.-shell .uicon{background:#ffffff0d;border-color:var(--d-line)}.int-demo .card.-shell .uicon svg{color:var(--blue-2)}.int-demo .card.-shell .note{font-size:13px;color:var(--d-ink-2)}.int-demo .card__h .pill{margin-left:auto}.int-demo .asg{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-2)}.int-demo .asg:last-child{border-bottom:0}.int-demo .asg__b{flex:1;min-width:0}.int-demo .asg__b b{font-size:13.5px;font-weight:600;display:block}.int-demo .asg__b span{font-size:12.5px;color:var(--ink-2);display:block;line-height:1.45}.int-demo .asg__b em{font-style:normal;font-size:11.5px;color:var(--mut-2);display:block;margin-top:2px}.int-demo .asg .btn{flex:0 0 auto}.int-demo .inc{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surf);margin-bottom:8px}.int-demo .inc:last-child{margin-bottom:0}.int-demo .inc__b{flex:1;min-width:0}.int-demo .inc__t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.int-demo .inc__t b{font-size:13.5px;font-weight:600}.int-demo .inc__d{font-size:13px;color:var(--ink-2);line-height:1.45}.int-demo .inc__m{font-size:11.5px;color:var(--mut-2);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.int-demo .inc__m i{font-style:normal}.int-demo .inc__a{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.int-demo .flow-st{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.int-demo .flow-st span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2)}.int-demo .flow-st svg{width:13px;height:13px;color:var(--mut-2)}.int-demo .tl{position:relative;padding-left:22px}.int-demo .tl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}.int-demo .tl li{position:relative;padding:0 0 16px}.int-demo .tl li:last-child{padding-bottom:0}.int-demo .tl li:before{content:"";position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--surf);border:2px solid var(--line-2);box-shadow:0 0 0 2px var(--surf)}.int-demo .tl li.-blue:before{border-color:var(--blue)}.int-demo .tl li.-ok:before{border-color:var(--ok)}.int-demo .tl li.-bad:before{border-color:var(--bad)}.int-demo .tl li.-warn:before{border-color:var(--warn)}.int-demo .tl time{display:block;font-size:11.5px;font-weight:600;color:var(--mut-2);letter-spacing:.02em;font-variant-numeric:tabular-nums}.int-demo .tl p{font-size:13.5px;color:var(--ink);line-height:1.45;margin-top:2px}.int-demo .tl em{font-style:normal;font-size:12px;color:var(--mut);display:block;margin-top:1px}.int-demo .sel{min-height:38px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surf);padding:0 30px 0 11px;font-size:13px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657A8B' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:14px}.int-demo .scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141e6b;opacity:0;pointer-events:none;transition:opacity .26s;z-index:90;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.int-demo .scrim.is-on{opacity:1;pointer-events:auto}.int-demo .drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--surf);border-left:1px solid var(--line);box-shadow:-24px 0 60px -30px #0e1c2880;z-index:95;transform:translate(102%);transition:transform .3s cubic-bezier(.22,.7,.3,1);display:flex;flex-direction:column}.int-demo .drawer.is-on{transform:none}.int-demo .drawer__h{display:flex;align-items:flex-start;gap:10px;padding:16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.int-demo .drawer__h h3{margin:0;font-size:17px}.int-demo .drawer__h p{font-size:12.5px;color:var(--mut);margin-top:2px}.int-demo .x{width:36px;height:36px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--surf);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;margin-left:auto;transition:background .18s,border-color .18s}.int-demo .x:hover{background:var(--bad-bg);border-color:var(--bad-line)}.int-demo .x svg{width:16px;height:16px;color:var(--ink-2)}.int-demo .drawer__b{padding:16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.int-demo .drawer__f{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;background:var(--bg-2)}.int-demo .drawer__f .btn{flex:1 1 auto}.int-demo .blk{margin-bottom:14px}.int-demo .blk__l{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-2);margin-bottom:6px}.int-demo .big{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--ink)}.int-demo .alert{border:1px solid var(--bad-line);background:var(--bad-bg);border-radius:var(--r-s);padding:11px 12px;display:flex;gap:9px}.int-demo .alert svg{width:16px;height:16px;flex:0 0 auto;color:var(--bad);margin-top:1px}.int-demo .alert b{display:block;font-size:13px;color:var(--bad);font-weight:600}.int-demo .alert span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.45;margin-top:2px}.int-demo .alert.-warn{border-color:var(--warn-line);background:var(--warn-bg)}.int-demo .alert.-warn svg,.int-demo .alert.-warn b{color:var(--warn)}.int-demo .alert.-ok{border-color:var(--ok-line);background:var(--ok-bg)}.int-demo .alert.-ok svg,.int-demo .alert.-ok b{color:var(--ok)}.int-demo .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(560px,calc(100% - 28px));max-height:min(86vh,760px);background:var(--surf);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-3);z-index:96;opacity:0;pointer-events:none;transition:opacity .2s,transform .24s cubic-bezier(.22,.7,.3,1);display:flex;flex-direction:column}.int-demo .modal.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.int-demo .modal__h{display:flex;align-items:flex-start;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line)}.int-demo .modal__h h3{margin:0;font-size:16.5px}.int-demo .modal__h p{font-size:12.5px;color:var(--mut);margin-top:2px}.int-demo .modal__b{padding:16px;overflow-y:auto;flex:1}.int-demo .modal__f{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;background:var(--bg-2)}.int-demo .f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.int-demo .f label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.int-demo .f .full{grid-column:1/-1}.int-demo .f input,.int-demo .f select,.int-demo .f textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surf);padding:10px 11px;font-size:14px;transition:border-color .18s,box-shadow .18s}.int-demo .f select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657A8B' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.int-demo .f textarea{min-height:76px;resize:vertical;line-height:1.5}.int-demo .f input:focus,.int-demo .f select:focus,.int-demo .f textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #1677ff24}.int-demo .f .hint{font-size:11.5px;color:var(--mut-2);margin-top:4px;line-height:1.4}.int-demo .f .err{font-size:11.5px;color:var(--bad);margin-top:4px;font-weight:600;display:none}.int-demo .f .is-bad input,.int-demo .f .is-bad select{border-color:var(--bad)}.int-demo .f .is-bad .err{display:block}.int-demo .toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:110;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100% - 24px));pointer-events:none}.int-demo .toast{display:flex;align-items:flex-start;gap:10px;background:var(--ink);color:#fff;border-radius:var(--r-s);padding:11px 13px;box-shadow:0 16px 40px -18px #0e1c28cc;font-size:13.5px;line-height:1.4;opacity:0;transform:translateY(10px);transition:opacity .22s,transform .22s}.int-demo .toast.is-on{opacity:1;transform:none}.int-demo .toast svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:#63d89a}.int-demo .toast b{display:block;font-weight:600}.int-demo .toast span{display:block;color:#ffffffc2;font-size:12.5px}.int-demo .final .btn{border-color:#249dff80;background:#1677ff1a;color:#dcebf8}.int-demo .final .btn:hover{background:#1677ff42;border-color:#39c6d8bf;color:#fff}.int-demo .final .btn.-solid{background:linear-gradient(180deg,#248bff,#1677ff 52%,#0f62db);border-color:transparent;color:#fff}.int-demo .final .btn.-solid:hover{filter:brightness(1.08);border-color:transparent}.int-demo .fab{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;gap:8px;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s;pointer-events:none}.int-demo .fab.is-on{opacity:1;transform:none;pointer-events:auto}.int-demo .fab .btn{flex:1;box-shadow:0 12px 30px -12px #0e1c288c}.int-demo .fab .btn:not(.-solid){background:#0c1d28;border-color:#ffffff29;color:#dcebf8}.int-demo .rv.in{opacity:1;transform:none}@media(max-width:1080px){.int-demo .sys{grid-template-columns:164px minmax(0,1fr)}}@media(max-width:820px){.int-demo .fab{display:flex}}@media(max-width:760px){.int-demo .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.int-demo .grid2,.int-demo .grid2.-sp{grid-template-columns:1fr}.int-demo .sys{grid-template-columns:1fr;min-height:0}.int-demo .sys__side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px;gap:6px;scrollbar-width:none}.int-demo .sys__side::-webkit-scrollbar{display:none}.int-demo .sys__lbl{display:none}.int-demo .sys__side button{width:auto;flex:0 0 auto;white-space:nowrap;padding:0 13px;min-height:42px;border:1px solid var(--line);background:var(--surf)}.int-demo .sys__side button[aria-selected=true]{border-color:var(--blue-100)}.int-demo .sys__main{padding:13px}.int-demo .sys__hd .btn{margin-left:0;width:100%}.int-demo .tbl-w{border:0;border-radius:0}.int-demo .tbl thead{display:none}.int-demo .tbl,.int-demo .tbl tbody,.int-demo .tbl tr,.int-demo .tbl td{display:block;width:100%}.int-demo .tbl tr{border:1px solid var(--line);border-radius:var(--r-s);margin-bottom:8px;padding:4px 0;background:var(--surf)}.int-demo .tbl tr:last-child{margin-bottom:0}.int-demo .tbl td{border-bottom:1px solid var(--line-2);padding:8px 12px;display:flex;align-items:center;gap:12px;min-height:42px}.int-demo .tbl tr td:last-child{border-bottom:0}.int-demo .tbl td:before{content:attr(data-l);flex:0 0 40%;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-2)}.int-demo .tbl td.-main{background:var(--bg-2);border-radius:4px 4px 0 0}.int-demo .tbl td.-main:before{display:none}.int-demo .tbl td.-main .u{flex:1}.int-demo .drawer{top:auto;left:0;right:0;width:100%;height:92vh;max-height:92vh;border-left:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0;transform:translateY(102%);box-shadow:0 -24px 60px -30px #0e1c288c}.int-demo .drawer.is-on{transform:none}.int-demo .drawer:before{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:99px;background:var(--line)}.int-demo .drawer__h{padding-top:20px}.int-demo .drawer__f .btn{flex:1 1 100%}.int-demo .modal{top:auto;bottom:0;left:0;transform:translateY(102%);width:100%;max-width:none;max-height:92vh;border-radius:14px 14px 0 0;border-left:0;border-right:0;border-bottom:0}.int-demo .modal.is-on{transform:none}.int-demo .f{grid-template-columns:1fr}.int-demo .modal__f .btn{flex:1}.int-demo .toasts{bottom:78px}body.has-layer .toasts{top:calc(var(--nav-h) + 8px);bottom:auto}}@media(max-width:600px){.int-demo .hero .acts .btn{min-height:48px;flex:1 1 100%}.int-demo .hero .app{margin-top:2px}}@media(max-width:480px){.int-demo .kpi b{font-size:21px}.int-demo .dots{display:none}.int-demo .app__tag{font-size:9.5px;padding:3px 7px}.int-demo .att li{padding:9px 10px}}.int-demo,.int-demo .app,.int-demo .drawer,.int-demo .modal{font-family:var(--f-text)}.int-demo button,.int-demo input,.int-demo select,.int-demo textarea{font:inherit;color:inherit}.int-demo h3,.int-demo .app h3,.int-demo .drawer h3,.int-demo .modal h3{font-family:var(--f-display);letter-spacing:-.02em;color:var(--navy)}.int-demo .sys__lbl,.int-demo .fgroup__l,.int-demo .blk__l,.int-demo .tbl th,.int-demo .app__tag{font-family:var(--f-label)}.int-demo .btn{min-height:40px;border-radius:var(--r-sm);font-family:var(--f-label);border:1px solid var(--line);background:var(--paper);color:var(--navy);box-shadow:none}.int-demo .btn:hover{border-color:var(--line-blue);background:var(--blue-soft);color:var(--blue-deep)}.int-demo .btn.-solid,.int-demo .app .btn.-solid,.int-demo .drawer .btn.-solid,.int-demo .modal .btn.-solid{background:var(--blue);border-color:transparent;color:#fff;box-shadow:var(--sh-blue)}.int-demo .btn.-solid:hover,.int-demo .app .btn.-solid:hover,.int-demo .drawer .btn.-solid:hover,.int-demo .modal .btn.-solid:hover{background:var(--blue-bright);color:#fff;transform:none;filter:none}.int-demo .app{border-radius:var(--r-card);border-color:var(--line);box-shadow:var(--sh-float)}.int-demo .app__top{background:linear-gradient(180deg,#eef4fc,#e6effa)}.int-demo .app__ttl{color:var(--ink-2)}.int-demo .app__tag{color:var(--blue)}.int-demo .sys__side{background:#f4f8fe}.int-demo .sys__side button[aria-selected=true]{background:var(--blue);color:#fff}.int-demo .sys__side button[aria-selected=true] svg{color:#fff}.int-demo .sys__side button[aria-selected=true] b{background:#ffffff38;color:#fff}.int-demo .modal,.int-demo .drawer{border-radius:var(--r-card);box-shadow:var(--sh-deck)}.int-demo .drawer{border-radius:0}.int-demo .chip[aria-pressed=true]{background:var(--blue);border-color:transparent;color:#fff}.int-demo .chip[aria-pressed=true] i{background:#ffffff38;color:#fff}.int-demo .toast{background:var(--navy);border-radius:var(--r-sm)}