/* Rules imported from the approved v40 preview; scoped to its presentation components. */
html[data-panel-ui="glass-v1"]{--panel-reference-ready:1}
/* inline */
/* style.css?v=40 */
@font-face { font-family: Geist; src: url("/assets/panel-reference/geist.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.ui-ref{color-scheme: dark; --text: #f1f1f1; --muted: #a7a7a7; --faint: #848484; --blue: #aaaaaa; --line: rgba(255,255,255,.085); --ease: cubic-bezier(.2,.7,.2,1);}
.ui-ref *{box-sizing: border-box;}
.ui-ref button,.ui-ref input{font: inherit;}
.ui-ref button,.ui-ref a,.ui-ref input{-webkit-tap-highlight-color: transparent;}
.ui-ref button{color: inherit; cursor: pointer; border: 0px; background: none;}
.ui-ref button{transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;}
.ui-ref button:hover{color: rgb(255, 255, 255);}
.ui-ref button:active{transform: translateY(1px);}
.ui-ref button:focus-visible,.ui-ref a:focus-visible,.ui-ref input:focus-visible{outline: 2px solid var(--blue); outline-offset: 4px;}
.ui-ref a{color: inherit;}
.ui-ref svg{width: 20px; height: 20px; display: block;}
.ui-ref i[data-icon]{display: inline-flex; flex: 0 0 auto; font-style: normal;}
.ui-ref .ambient{position: fixed; inset: 0px; z-index: -1; overflow: hidden; background: radial-gradient(at 80% -10%, rgb(60, 60, 60) 0px, transparent 50%), radial-gradient(at 10% 90%, rgb(52, 52, 52), transparent 60%), rgb(34, 34, 34);}
.ui-ref .ribbon{position: absolute; border-radius: 50%; transform: rotate(-32deg); pointer-events: none;}
.ui-ref .ribbon-a{width: 145vw; height: 590px; left: -8vw; top: 40vh; background: repeating-linear-gradient(0deg, rgba(214, 224, 239, 0.024) 0px, rgba(214, 224, 239, 0.024) 1px, transparent 1px, transparent 5px); border-top: 1px solid rgba(255, 255, 255, 0.043); box-shadow: rgba(229, 229, 229, 0.01) 0px -26px 75px, rgba(255, 255, 255, 0.008) 0px 50px 70px inset;}
.ui-ref .ribbon-b{width: 140vw; height: 400px; left: -55vw; top: 15vh; background: linear-gradient(rgba(255, 255, 255, 0.016), transparent 30%); border-top: 1px solid rgba(255, 255, 255, 0.027); filter: blur(1px);}
.ui-ref .grain{position: absolute; inset: 0px; opacity: 0.13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.22' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");}
.ui-ref .glass{background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.024) 50%, rgba(255, 255, 255, 0.055)); border: 1px solid rgba(255, 255, 255, 0.11); backdrop-filter: blur(28px) saturate(130%); box-shadow: rgba(255, 255, 255, 0.086) 0px 1px 0px inset, rgba(255, 255, 255, 0.016) 0px -1px 0px inset, rgba(0, 0, 0, 0.082) 0px 8px 24px;}
.ui-ref .floating-header{height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0px 30px; position: sticky; top: 0px; z-index: 40; isolation: isolate;}
.ui-ref .brand{display: flex; align-items: center; gap: 11px; font-size: 23px; font-weight: 650; letter-spacing: -0.8px; text-align: left; padding: 0px;}
.ui-ref .brand img{width: 38px; height: 38px; object-fit: contain;}
.ui-ref .top-nav{display: flex; align-items: center; padding: 5px; border-radius: 30px; gap: 3px; position: absolute; left: 50%; transform: translateX(-50%);}
.ui-ref .top-nav button{font-size: 12px; color: rgb(185, 185, 185); padding: 10px 19px; border-radius: 24px; white-space: nowrap;}
.ui-ref .top-nav button.active{color: rgb(255, 255, 255); background: linear-gradient(rgba(255, 255, 255, 0.125), rgba(255, 255, 255, 0.047)); box-shadow: rgba(255, 255, 255, 0.145) 0px 1px 1px inset, rgba(0, 0, 0, 0.133) 0px 3px 9px;}
.ui-ref .top-nav button:hover:not(.active){background: rgba(255, 255, 255, 0.024);}
.ui-ref .utility{display: flex; align-items: center; padding: 6px; gap: 5px; border-radius: 30px;}
.ui-ref .icon-btn{width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: rgb(202, 202, 202);}
.ui-ref .icon-btn:hover{background: rgba(255, 255, 255, 0.05);}
.ui-ref .icon-btn svg{width: 18px; height: 18px;}
.ui-ref .divider{height: 17px; width: 1px; background: var(--line); margin: 0px 2px;}
.ui-ref .notification{position: relative;}
.ui-ref .notification b{width: 4px; height: 4px; background: var(--blue); position: absolute; top: 8px; right: 9px; border-radius: 50%;}
.ui-ref .avatar{width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, rgb(120, 120, 120), rgb(71, 71, 71)); font-size: 10px; font-weight: 650; letter-spacing: 0.6px; border: 1px solid rgba(255, 255, 255, 0.125);}
.ui-ref .rail{position: fixed; top: 121px; left: 26px; bottom: 26px; width: 68px; max-height: 780px; border-radius: 28px; padding: 12px 9px; display: flex; flex-direction: column; justify-content: space-between; z-index: 30;}
.ui-ref .rail-items,.ui-ref .rail-bottom{display: flex; flex-direction: column; align-items: center; gap: 8px;}
.ui-ref .rail-btn{width: 46px; height: 44px; display: flex; align-items: center; justify-content: center; color: rgb(159, 159, 159); border-radius: 15px; position: relative;}
.ui-ref .rail-btn:hover{background: rgba(255, 255, 255, 0.035); color: rgb(230, 230, 230);}
.ui-ref .rail-btn.active{background: linear-gradient(135deg, rgba(255, 255, 255, 0.125), rgba(255, 255, 255, 0.035)); color: rgb(244, 244, 244); box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 4px 10px;}
.ui-ref .rail-btn.active::before{content: ""; position: absolute; left: -10px; top: 17px; height: 12px; width: 2px; background: var(--blue); border-radius: 2px; box-shadow: rgba(153, 153, 153, 0.467) 0px 0px 12px;}
.ui-ref .rail-btn svg{width: 20px; height: 20px; stroke-width: 1.6;}
.ui-ref .rail-btn::after{content: attr(data-tip); position: absolute; left: 58px; top: 7px; background: rgb(60, 60, 60); border: 1px solid rgba(255, 255, 255, 0.098); border-radius: 9px; padding: 7px 11px; color: rgb(255, 255, 255); font-size: 11px; white-space: nowrap; opacity: 0; transform: translateX(-4px); transition: 0.15s; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px;}
.ui-ref .rail-btn:hover::after,.ui-ref .rail-btn:focus-visible::after{opacity: 1; transform: none;}
.ui-ref .rail-line{height: 1px; width: 23px; background: rgba(255, 255, 255, 0.07); margin: 6px 0px;}
html[data-panel-ui-ready] .main{margin: 21px 34px 0px 132px; max-width: 1620px;}
.ui-ref .page-heading{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px;}
.ui-ref .eyebrow{font-size: 9px; letter-spacing: 1.7px; font-weight: 600; color: rgb(181, 181, 181); display: flex; align-items: center; gap: 8px;}
.ui-ref .workspace-dot{width: 5px; height: 5px; background: rgb(220, 220, 220); border-radius: 50%;}
.ui-ref .slash{color: rgb(104, 104, 104); margin: 0px 2px;}
.ui-ref #breadcrumb{color: rgb(139, 139, 139);}
.ui-ref h1{font-size: 34px; letter-spacing: -1.3px; font-weight: 500; line-height: 1.2; margin: 12px 0px 8px;}
.ui-ref .title-dot{color: var(--blue);}
.ui-ref .page-heading p{margin: 0px; color: rgb(167, 167, 167); font-size: 12px;}
.ui-ref .heading-actions{display: flex; align-items: center; gap: 10px; padding-top: 20px;}
.ui-ref .date-button{display: flex; align-items: center; gap: 10px; padding: 11px 15px; border-radius: 13px; font-size: 11px; color: rgb(208, 208, 208); white-space: nowrap;}
.ui-ref .date-button svg{width: 15px; height: 15px;}
.ui-ref .date-button i:last-child{margin-left: 4px; color: rgb(157, 157, 157);}
.ui-ref .primary-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(rgb(230, 230, 230), rgb(205, 205, 205)); color: rgb(42, 42, 42); font-size: 11px; font-weight: 650; border-radius: 12px; padding: 12px 16px; box-shadow: rgba(255, 255, 255, 0.533) 0px 1px 0px inset, rgba(0, 0, 0, 0.133) 0px 4px 15px; white-space: nowrap;}
.ui-ref .primary-btn:hover{color: rgb(20, 20, 20); background: rgb(242, 242, 242); box-shadow: rgba(211, 211, 211, 0.082) 0px 5px 20px;}
.ui-ref .panel{border-radius: 22px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: rgba(255, 255, 255, 0.02) 0px 1px 0px inset, rgba(0, 0, 0, 0.03) 0px 10px 30px; position: relative; overflow: hidden; backdrop-filter: blur(10px);}
.ui-ref .stats{display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; margin-bottom: 20px;}
.ui-ref .stat{padding: 21px 24px 19px; min-height: 150px;}
.ui-ref .stat-top{display: flex; align-items: center; justify-content: space-between; color: rgb(180, 180, 180); font-size: 11px;}
.ui-ref .stat-top svg{width: 17px; height: 17px; opacity: 0.65;}
.ui-ref .stat-value{font-size: 34px; font-weight: 450; letter-spacing: -1.6px; line-height: 1.2; margin: 14px 0px 11px; display: flex; align-items: baseline; gap: 7px;}
.ui-ref .stat-value small{font-size: 17px; color: rgb(174, 174, 174); letter-spacing: -0.5px; font-weight: 400;}
.ui-ref .stat-foot{display: flex; align-items: center; gap: 7px; font-size: 10px; color: rgb(157, 157, 157);}
.ui-ref .trend{display: inline-flex; align-items: center; gap: 3px; color: rgb(166, 207, 184);}
.ui-ref .trend svg{width: 12px; height: 12px;}
.ui-ref .stat-spark{position: absolute; right: 23px; bottom: 29px; width: 106px; height: 37px; opacity: 0.8;}
.ui-ref .stat-spark svg{width: 100%; height: 100%;}
.ui-ref .saved-line{display: flex; gap: 4px; position: absolute; right: 24px; bottom: 36px;}
.ui-ref .saved-line span{width: 4px; height: 17px; background: rgb(193, 193, 193); border-radius: 3px; opacity: 0.17;}
.ui-ref .saved-line span:nth-child(-n+9){opacity: 0.7;}
.ui-ref .stat.highlight{background: radial-gradient(at 95% 10%, rgba(184, 184, 184, 0.08), transparent 70%), linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01));}
.ui-ref .dashboard-grid{display: grid; grid-template-columns: minmax(0px, 1.8fr) minmax(290px, 1fr); gap: 20px;}
.ui-ref .chart-panel{padding: 24px 25px 18px;}
.ui-ref .panel-heading{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;}
.ui-ref .panel-heading h2{font-size: 14px; font-weight: 550; letter-spacing: -0.2px; margin: 0px;}
.ui-ref .panel-heading p{color: rgb(156, 156, 156); font-size: 10px; margin: 5px 0px 0px;}
.ui-ref .chart-tabs{display: flex; gap: 2px; background: rgba(0, 0, 0, 0.07); border: 1px solid rgba(255, 255, 255, 0.024); padding: 3px; border-radius: 9px;}
.ui-ref .chart-tabs button{padding: 5px 9px; border-radius: 6px; color: rgb(152, 152, 152); font-size: 10px;}
.ui-ref .chart-tabs button.active{background: rgba(255, 255, 255, 0.05); color: rgb(231, 231, 231); box-shadow: rgba(0, 0, 0, 0.067) 0px 2px 4px;}
.ui-ref .chart-meta{display: flex; align-items: baseline; gap: 9px; margin-top: 22px;}
.ui-ref .chart-meta strong{font-size: 28px; font-weight: 450; letter-spacing: -1px;}
.ui-ref .chart-meta span{font-size: 11px; color: rgb(166, 166, 166);}
.ui-ref .chart-legend{display: flex; align-items: center; gap: 15px; margin-left: auto !important; font-size: 9px !important;}
.ui-ref .legend-key{display: flex; align-items: center; gap: 6px;}
.ui-ref .legend-key::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgb(166, 166, 166);}
.ui-ref .legend-key.blue::before{background: var(--blue);}
.ui-ref .chart{height: 176px; position: relative; margin-top: 6px;}
.ui-ref .chart svg{width: 100%; height: 100%; overflow: visible;}
.ui-ref .chart-grid{stroke: rgba(255, 255, 255, 0.035); stroke-dasharray: 3, 5;}
.ui-ref .chart-hint{position: absolute; left: 63%; top: 19px; background: linear-gradient(135deg, rgba(79, 79, 79, 0.94), rgba(57, 57, 57, 0.933)); border: 1px solid rgba(255, 255, 255, 0.094); backdrop-filter: blur(12px); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.133) 0px 7px 18px; padding: 8px 11px; line-height: 1.7; pointer-events: none;}
.ui-ref .chart-hint small{font-size: 9px; color: rgb(181, 181, 181); display: block;}
.ui-ref .chart-hint strong{font-size: 11px; font-weight: 500;}
.ui-ref .chart-foot{border-top: 1px solid rgba(255, 255, 255, 0.027); padding-top: 12px; display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: rgb(158, 158, 158);}
.ui-ref .chart-foot span{display: flex; align-items: center; gap: 6px;}
.ui-ref .chart-foot svg{width: 12px; height: 12px;}
.ui-ref .text-button{display: flex; gap: 6px; align-items: center; font-size: 10px; color: rgb(210, 210, 210); padding: 0px;}
.ui-ref .text-button svg{width: 13px; height: 13px;}
.ui-ref .text-button:hover{color: var(--blue);}
.ui-ref .next-panel{padding: 23px 24px; background: radial-gradient(at 95% 10%, rgba(255, 255, 255, 0.04), transparent 60%), linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));}
.ui-ref .next-panel::after{content: ""; position: absolute; width: 250px; height: 250px; border: 1px solid rgba(255, 255, 255, 0.016); border-radius: 50%; right: -105px; top: 110px; box-shadow: rgba(255, 255, 255, 0.008) 0px 0px 0px 25px, rgba(255, 255, 255, 0.004) 0px 0px 0px 50px; pointer-events: none;}
.ui-ref .tiny-badge{font-size: 9px; color: rgb(202, 202, 202); border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.02); border-radius: 6px; padding: 3px 7px;}
.ui-ref .next-date{font-size: 9px; letter-spacing: 1.3px; color: rgb(179, 179, 179); margin: 28px 0px 17px; display: flex; gap: 6px; align-items: center;}
.ui-ref .next-date::before{content: ""; width: 5px; height: 5px; background: var(--blue); border-radius: 50%; box-shadow: rgba(170, 170, 170, 0.314) 0px 0px 8px;}
.ui-ref .client-avatar{width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(145deg, rgba(102, 125, 121, 0.314), rgba(59, 81, 75, 0.333)); border: 1px solid rgba(255, 255, 255, 0.043); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; letter-spacing: 0.6px; font-weight: 500; color: rgb(197, 220, 213); flex-shrink: 0;}
.ui-ref .client-avatar.lilac{background: linear-gradient(145deg, rgba(118, 104, 132, 0.333), rgba(70, 60, 82, 0.333)); color: rgb(214, 199, 229);}
.ui-ref .client-avatar.sand{background: linear-gradient(145deg, rgba(138, 120, 100, 0.333), rgba(89, 77, 62, 0.333)); color: rgb(226, 211, 187);}
.ui-ref .next-client{display: flex; align-items: center; gap: 12px;}
.ui-ref .next-client .client-avatar{width: 46px; height: 46px; border-radius: 15px; font-size: 13px;}
.ui-ref .next-client h3{font-size: 21px; letter-spacing: -0.7px; font-weight: 500; margin: 0px 0px 3px;}
.ui-ref .next-client p{font-size: 10px; color: rgb(167, 167, 167); margin: 0px;}
.ui-ref .next-info{display: flex; align-items: center; gap: 7px; font-size: 10px; color: rgb(177, 177, 177); margin-top: 21px;}
.ui-ref .platform-icon{width: 21px; height: 21px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.024); border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;}
.ui-ref .platform-icon img{width: 14px; height: 14px; object-fit: contain;}
.ui-ref .next-progress{height: 3px; background: rgba(255, 255, 255, 0.03); border-radius: 4px; overflow: hidden; margin-top: 18px;}
.ui-ref .next-progress span{display: block; height: 100%; width: 78%; background: linear-gradient(90deg, rgb(112, 112, 112), rgb(198, 198, 198)); border-radius: 4px;}
.ui-ref .next-caption{display: flex; justify-content: space-between; margin: 9px 0px 21px; font-size: 9px; color: rgb(156, 156, 156);}
.ui-ref .ghost-btn{display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 11px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); padding: 10px 12px; border-radius: 10px; width: 100%; position: relative; z-index: 1;}
.ui-ref .ghost-btn:hover{background: rgba(255, 255, 255, 0.047);}
.ui-ref .ghost-btn svg{width: 14px; height: 14px;}
.ui-ref .clients-panel,.ui-ref .connections-panel{padding: 22px 24px;}
.ui-ref .clients-table{width: 100%; border-collapse: collapse; margin-top: 14px;}
.ui-ref .clients-table th{color: rgb(150, 150, 150); font-size: 9px; font-weight: 400; text-align: left; padding: 0px 0px 10px;}
.ui-ref .clients-table td{padding: 10px 0px; border-top: 1px solid rgba(255, 255, 255, 0.024); font-size: 10px; color: rgb(174, 174, 174);}
.ui-ref .clients-table th:last-child,.ui-ref .clients-table td:last-child{text-align: right;}
.ui-ref .client-cell{display: flex; align-items: center; gap: 10px; color: rgb(230, 230, 230);}
.ui-ref .client-cell strong{font-weight: 500; font-size: 11px; display: block;}
.ui-ref .client-cell small{color: rgb(155, 155, 155); font-size: 9px;}
.ui-ref .status{display: inline-flex; align-items: center; gap: 5px; font-size: 9px; color: rgb(169, 195, 182);}
.ui-ref .status::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentcolor;}
.ui-ref .status.pending{color: rgb(206, 187, 148);}
.ui-ref .row-open{width: 25px; height: 25px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: rgb(178, 178, 178);}
.ui-ref .row-open:hover{background: rgba(255, 255, 255, 0.04); color: rgb(255, 255, 255);}
.ui-ref .row-open svg{width: 14px; height: 14px;}
.ui-ref .connection{display: flex; align-items: center; gap: 11px; margin-top: 19px;}
.ui-ref .connection-icon{width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.01); border-radius: 11px;}
.ui-ref .connection-icon img{width: 21px; height: 21px; object-fit: contain;}
.ui-ref .connection-icon svg{width: 19px; height: 19px; color: rgb(159, 184, 169);}
.ui-ref .connection-name{font-size: 11px; flex: 1 1 0%;}
.ui-ref .connection-name small{display: block; font-size: 9px; color: rgb(157, 157, 157); margin-top: 2px;}
.ui-ref .connection-check{width: 18px; height: 18px; background: rgba(170, 198, 182, 0.067); border-radius: 50%; color: rgb(161, 195, 174); display: flex; align-items: center; justify-content: center;}
.ui-ref .connection-check svg{width: 11px; height: 11px;}
.ui-ref .connections-foot{margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.027); padding-top: 12px; font-size: 9px; color: rgb(155, 155, 155); display: flex; justify-content: space-between; align-items: center;}
.ui-ref footer{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 24px 2px; color: rgb(139, 139, 139); font-size: 9px; letter-spacing: 0.2px;}
.ui-ref footer > span:first-child{display: flex; align-items: center; gap: 7px;}
.ui-ref .preview-dot{height: 4px; width: 4px; background: rgb(161, 161, 161); border-radius: 50%;}
.ui-ref .rail-menu{position: fixed; z-index: 60; border-radius: 18px; padding: 12px; background-color: rgba(46, 46, 46, 0.91); box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 50px; animation: popover-in .18s var(--ease);}
.ui-ref .rail-menu[hidden],.ui-ref [hidden]{display: none !important;}
.ui-ref .rail-menu{left: 108px; top: 170px; width: 245px;}
.ui-ref dialog{padding: 0px; border: 0px; max-width: min(600px, -32px + 100vw); width: 560px; background: none; color: var(--text); overflow: visible;}
.ui-ref dialog::backdrop{background: rgba(18, 18, 18, 0.61); backdrop-filter: blur(8px);}
.ui-ref .cards-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
@keyframes popover-in {
  0% { opacity: 0; translate: 0px 5px; }
  100% { opacity: 1; translate: 0px; }
}
@keyframes view-in {
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (min-width: 1750px){
html[data-panel-ui-ready] .main{margin-left: auto; margin-right: auto; padding-left: 64px;}
.ui-ref .floating-header{padding-left: 38px; padding-right: 38px;}
.ui-ref .stat{min-height: 164px;}
.ui-ref .chart{height: 210px;}
}
@media (max-width: 1200px){
.ui-ref .top-nav button{padding: 9px 13px;}
.ui-ref .floating-header{padding: 0px 23px;}
.ui-ref .brand{font-size: 21px;}
html[data-panel-ui-ready] .main{margin-right: 24px; margin-left: 117px;}
.ui-ref .rail{left: 22px; width: 64px;}
.ui-ref .stats{gap: 12px;}
.ui-ref .stat{padding: 19px;}
.ui-ref .stat-value{font-size: 29px;}
.ui-ref .stat-spark{width: 76px; right: 15px;}
.ui-ref .saved-line{right: 17px; gap: 3px;}
.ui-ref .dashboard-grid{grid-template-columns: minmax(0px, 1.6fr) minmax(275px, 1fr); gap: 16px;}
.ui-ref .chart-panel,.ui-ref .next-panel,.ui-ref .clients-panel,.ui-ref .connections-panel{padding: 21px;}
.ui-ref .heading-actions{gap: 8px;}
.ui-ref .date-button{padding: 11px; font-size: 10px;}
.ui-ref .page-heading h1{font-size: 30px;}
.ui-ref .page-heading p{font-size: 11px;}
.ui-ref .chart-legend{gap: 7px;}
.ui-ref .chart-tabs button{font-size: 9px;}
.ui-ref .stat-foot{font-size: 9px;}
.ui-ref .chart-hint{left: 60%;}
}
@media (max-width: 980px){
.ui-ref .top-nav{position: static; transform: none; margin-left: auto;}
.ui-ref .brand span{display: none;}
.ui-ref .floating-header{gap: 16px;}
.ui-ref .brand img{width: 33px; height: 33px;}
.ui-ref .heading-actions{padding: 0px;}
.ui-ref .page-heading{align-items: flex-start; flex-wrap: wrap;}
.ui-ref .dashboard-grid{grid-template-columns: minmax(0px, 1fr) minmax(245px, 0.85fr);}
.ui-ref .chart-tabs{display: none;}
.ui-ref .chart-legend{display: none;}
.ui-ref .stat-spark,.ui-ref .saved-line{display: none;}
.ui-ref .stat-value{font-size: 27px;}
.ui-ref .stat-value small{font-size: 13px;}
.ui-ref .stat{min-height: 140px;}
.ui-ref .clients-table th:nth-child(2),.ui-ref .clients-table td:nth-child(2){display: none;}
.ui-ref .cards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 760px){
.ui-ref .floating-header{height: 85px; padding: 0px 20px;}
.ui-ref .brand span{display: block;}
.ui-ref .brand img{width: 33px; height: 33px;}
.ui-ref .brand{font-size: 20px;}
.ui-ref .top-nav{display: none;}
.ui-ref .utility{padding: 4px;}
.ui-ref .utility .divider{display: none;}
.ui-ref .utility > .icon-btn:first-child{display: none;}
.ui-ref .rail{left: 50%; transform: translateX(-50%); top: auto; bottom: 15px; width: auto; max-width: calc(-26px + 100vw); height: 65px; border-radius: 23px; padding: 8px 10px; background-color: rgba(57, 57, 57, 0.72); display: block;}
.ui-ref .rail-items{flex-direction: row; gap: 6px;}
.ui-ref .rail-btn{height: 46px; width: 48px; border-radius: 14px;}
.ui-ref .rail-btn:nth-of-type(n+6),.ui-ref .rail-line,.ui-ref .rail-bottom{display: none;}
.ui-ref .rail-btn.active::before{left: 21px; top: auto; bottom: -6px; width: 9px; height: 2px;}
.ui-ref .rail-btn::after{display: none;}
html[data-panel-ui-ready] .main{margin: 13px 20px 0px;}
.ui-ref .page-heading{gap: 21px; margin-bottom: 22px;}
.ui-ref .page-heading h1{font-size: 31px; margin-top: 13px;}
.ui-ref .page-heading p{font-size: 11px;}
.ui-ref .eyebrow{font-size: 8px; letter-spacing: 1.5px;}
.ui-ref .heading-actions{width: 100%; justify-content: space-between; gap: 8px;}
.ui-ref .date-button{font-size: 10px; padding: 11px 12px;}
.ui-ref .primary-btn{font-size: 10px; padding: 12px 14px;}
.ui-ref .stats{grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px;}
.ui-ref .stat{padding: 17px; min-height: 132px; border-radius: 18px;}
.ui-ref .stat:first-child{grid-column: span 2; min-height: 131px;}
.ui-ref .stat:first-child .stat-spark{display: block; width: 115px; right: 22px; bottom: 32px;}
.ui-ref .stat-top{font-size: 10px;}
.ui-ref .stat-value{font-size: 30px; margin: 11px 0px 8px;}
.ui-ref .stat:not(:first-child) .stat-value{font-size: 29px;}
.ui-ref .stat-foot{font-size: 9px; flex-wrap: wrap; gap: 4px;}
.ui-ref .dashboard-grid{grid-template-columns: 1fr; gap: 16px;}
.ui-ref .panel{border-radius: 20px;}
.ui-ref .chart-panel,.ui-ref .next-panel,.ui-ref .clients-panel,.ui-ref .connections-panel{padding: 21px;}
.ui-ref .chart{height: 190px;}
.ui-ref .chart-meta{margin-top: 20px;}
.ui-ref .chart-meta strong{font-size: 28px;}
.ui-ref .chart-tabs{display: flex;}
.ui-ref .chart-tabs button{padding: 5px 7px;}
.ui-ref .panel-heading h2{font-size: 13px;}
.ui-ref .panel-heading p{font-size: 9px;}
.ui-ref .chart-hint{left: 58%; top: 19px;}
.ui-ref .chart-foot{font-size: 9px;}
.ui-ref .chart-foot .text-button{font-size: 9px;}
.ui-ref .next-date{margin: 23px 0px 17px;}
.ui-ref .next-panel{min-height: 330px;}
.ui-ref .next-client h3{font-size: 23px;}
.ui-ref .next-progress{margin-top: 22px;}
.ui-ref .clients-table th:nth-child(2),.ui-ref .clients-table td:nth-child(2){display: table-cell;}
.ui-ref .clients-table th{font-size: 8px;}
.ui-ref .client-cell strong{font-size: 10px;}
.ui-ref .client-cell small{font-size: 8px;}
.ui-ref .clients-table td{font-size: 9px;}
.ui-ref .status{font-size: 8px;}
.ui-ref .connections-panel{padding-bottom: 22px;}
.ui-ref footer{padding: 24px 2px 110px; justify-content: center; font-size: 8px;}
.ui-ref footer > span:first-child{gap: 5px; flex-wrap: wrap; justify-content: center;}
.ui-ref .rail-menu{left: 15px; right: 15px; width: auto; bottom: 93px; max-height: 65vh; overflow: auto; top: auto !important;}
.ui-ref .cards-grid{grid-template-columns: 1fr;}
.ui-ref .ribbon-a{top: 50vh; width: 280vw; left: -110vw; opacity: 0.8;}
.ui-ref .ribbon-b{width: 250vw; left: -160vw; top: 25vh;}
}
.ui-ref .grain{opacity: 0.08;}
.ui-ref .ribbon-a{opacity: 0.65;}
.ui-ref .stat-top{font-size: 12px;}
.ui-ref .panel-heading h2{font-size: 15px;}
.ui-ref .client-cell strong{font-size: 12px;}
.ui-ref .client-cell small{font-size: 10px;}
.ui-ref .connection-name{font-size: 12px;}
.ui-ref .chart-foot,.ui-ref .text-button{font-size: 11px;}
.ui-ref .stat-foot{font-size: 11px;}
.ui-ref .panel::before{content: ""; position: absolute; top: 0px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent); pointer-events: none;}
.ui-ref .sr-only{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
@media (max-width: 1200px){
.ui-ref .stat-foot{font-size: 10px;}
.ui-ref .stat-top{font-size: 11px;}
}
@media (max-width: 760px){
.ui-ref .stat-top{font-size: 11px;}
.ui-ref .stat-foot{font-size: 10px;}
.ui-ref .panel-heading h2{font-size: 14px;}
.ui-ref .chart-foot,.ui-ref .text-button{font-size: 10px;}
.ui-ref .client-cell strong{font-size: 11px;}
.ui-ref .client-cell small{font-size: 9px;}
.ui-ref .clients-table th:nth-child(2),.ui-ref .clients-table td:nth-child(2){display: none;}
.ui-ref .clients-table td:nth-child(3),.ui-ref .clients-table th:nth-child(3){text-align: right; padding-right: 8px;}
.ui-ref .clients-table .status{font-size: 9px;}
.ui-ref .connection-name{font-size: 12px;}
}
.ui-ref .chart-x-labels{position: absolute; left: 0px; right: 7%; bottom: 0px; display: flex; justify-content: space-between; color: rgb(148, 148, 148); font-size: 9px; pointer-events: none;}
.ui-ref .chart-y-labels{position: absolute; top: 12%; bottom: 15%; right: 0px; width: 25px; display: flex; flex-direction: column; justify-content: space-between; color: rgb(148, 148, 148); font-size: 9px; pointer-events: none;}
.ui-ref .chart svg{padding-bottom: 10px;}
.ui-ref .rail-menu[hidden]{animation: auto ease 0s 1 normal none running none;}
@media (max-width: 760px){
.ui-ref .chart-x-labels{font-size: 9px;}
.ui-ref .chart-y-labels{font-size: 9px;}
}
@media (prefers-reduced-motion: reduce){
.ui-ref *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
@media (min-width: 761px){
.ui-ref .floating-header::before{content: ""; position: absolute; inset: 0px 0px -18px; z-index: -1; background: linear-gradient(rgba(15, 15, 15, 0.96), rgba(15, 15, 15, 0.9) 70%, rgba(15, 15, 15, 0)); pointer-events: none;}
}
/* refinement.css?v=40 */
.ui-ref{--blue: #8b8b8b; --text: #f1f1f1; --muted: #a5a5a5; --faint: #838383; --line: rgba(133,163,194,.13);}
.ui-ref .ambient{background: radial-gradient(at 90% -15%, rgb(35, 35, 35) 0px, transparent 55%), radial-gradient(at -10% 85%, rgb(25, 25, 25), transparent 60%), rgb(15, 15, 15);}
.ui-ref .ribbon-a{opacity: 0.3;}
.ui-ref .ribbon-b{opacity: 0.35;}
.ui-ref .grain{opacity: 0.04;}
.ui-ref .glass{background: linear-gradient(130deg, rgba(49, 49, 49, 0.44), rgba(26, 26, 26, 0.686) 60%, rgba(39, 39, 39, 0.443)); border-color: rgba(192, 192, 192, 0.1); box-shadow: rgba(229, 229, 229, 0.086) 0px 1px 0px inset, rgba(255, 255, 255, 0.016) 0px -1px 0px inset, rgba(0, 0, 0, 0.267) 0px 12px 35px; backdrop-filter: blur(28px) saturate(125%);}
.ui-ref .floating-header{height: 94px;}
.ui-ref .top-nav button{font-size: 12px;}
.ui-ref .top-nav button.active{background: linear-gradient(135deg, rgba(139, 139, 139, 0.157), rgba(102, 102, 102, 0.067)); color: rgb(204, 204, 204); box-shadow: rgba(139, 139, 139, 0.22) 0px 0px 0px 1px inset, rgba(101, 101, 101, 0.07) 0px 4px 14px;}
.ui-ref .top-nav button:hover:not(.active){color: rgb(195, 195, 195); background: rgba(139, 139, 139, 0.04);}
.ui-ref .avatar{background: linear-gradient(135deg, rgb(54, 54, 54), rgb(37, 37, 37)); border-color: rgba(139, 139, 139, 0.19); color: rgb(212, 212, 212);}
.ui-ref .utility .notification b{background: rgb(139, 139, 139);}
.ui-ref .title-dot{color: rgb(139, 139, 139);}
.ui-ref .rail{top: 112px; bottom: 22px; max-height: none; width: 70px; padding: 12px 8px; gap: 8px; overflow: visible; background: linear-gradient(120deg, rgba(43, 43, 43, 0.61), rgba(22, 22, 22, 0.79) 60%, rgba(37, 37, 37, 0.5));}
.ui-ref .rail-items{flex: 1 1 0%; min-height: 0px; overflow: hidden auto; width: 100%; scrollbar-width: none; gap: 7px; padding: 1px 0px 5px;}
.ui-ref .rail-items::-webkit-scrollbar{display: none;}
.ui-ref .rail-bottom{flex: 0 0 auto; padding-top: 9px; border-top: 1px solid rgba(192, 192, 192, 0.08); width: 100%; gap: 7px;}
.ui-ref .rail-btn{flex: 0 0 auto; width: 46px; height: 43px; color: rgb(154, 154, 154);}
.ui-ref .rail-btn.active{color: rgb(179, 179, 179); background: linear-gradient(135deg, rgba(139, 139, 139, 0.14), rgba(99, 99, 99, 0.055)); box-shadow: rgba(139, 139, 139, 0.22) 0px 0px 0px 1px inset, rgba(139, 139, 139, 0.04) 0px 0px 24px;}
.ui-ref .rail-btn.active::before{left: -2px; background: rgb(139, 139, 139);}
.ui-ref .rail-btn::after{display: none !important;}
.ui-ref .rail-line{flex: 0 0 auto; margin: 5px 0px;}
.ui-ref .rail-btn:hover{color: rgb(193, 193, 193); background: rgba(139, 139, 139, 0.067);}
.ui-ref .rail .mobile-more{display: none;}
.ui-ref #rail-tooltip{position: fixed; z-index: 75; background: rgba(31, 31, 31, 0.96); border: 1px solid rgba(148, 148, 148, 0.19); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.333) 0px 7px 20px; padding: 8px 12px; color: rgb(229, 229, 229); font-size: 11px; white-space: nowrap; pointer-events: none;}
.ui-ref .rail-menu{background: linear-gradient(135deg, rgba(39, 39, 39, 0.95), rgba(23, 23, 23, 0.96)); border-color: rgba(177, 177, 177, 0.14); overflow: auto; max-height: calc(100dvh - 36px); overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(72, 72, 72) transparent; z-index: 70; box-shadow: rgba(0, 0, 0, 0.533) 0px 18px 50px, rgba(255, 255, 255, 0.043) 0px 1px 0px inset;}
html[data-panel-ui-ready] .main{margin-top: 25px;}
.ui-ref .page-heading{margin-bottom: 26px;}
.ui-ref .page-heading p{color: rgb(150, 150, 150); font-size: 12px;}
.ui-ref h1{font-weight: 550; letter-spacing: -1.2px;}
.ui-ref .workspace-dot,.ui-ref .preview-dot{background: rgb(139, 139, 139); box-shadow: rgba(139, 139, 139, 0.19) 0px 0px 9px;}
.ui-ref .eyebrow{color: rgb(164, 164, 164);}
.ui-ref #breadcrumb{color: rgb(124, 124, 124);}
.ui-ref .primary-btn{background: linear-gradient(150deg, rgb(142, 142, 142), rgb(110, 110, 110)); border: 1px solid rgba(170, 170, 170, 0.27); color: rgb(255, 255, 255); box-shadow: rgba(216, 216, 216, 0.145) 0px 1px 0px inset, rgba(116, 116, 116, 0.13) 0px 6px 20px; font-size: 12px;}
.ui-ref .primary-btn:hover{background: linear-gradient(150deg, rgb(160, 160, 160), rgb(129, 129, 129)); color: rgb(255, 255, 255); box-shadow: rgba(116, 116, 116, 0.196) 0px 7px 26px;}
.ui-ref .date-button{color: rgb(195, 195, 195); background-color: rgba(24, 24, 24, 0.333); border-color: rgba(146, 146, 146, 0.125);}
.ui-ref .panel{background: radial-gradient(at 0px 0px, rgba(112, 112, 112, 0.035), transparent 55%), linear-gradient(145deg, rgb(21, 21, 21), rgb(29, 29, 29)); border-color: rgba(156, 156, 156, 0.1); backdrop-filter: blur(12px); box-shadow: rgba(0, 0, 0, 0.082) 0px 8px 25px, rgba(255, 255, 255, 0.01) 0px 1px 0px inset;}
.ui-ref .panel::before{background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.133), transparent);}
.ui-ref .stat.highlight{background: radial-gradient(at 0px 0px, rgba(114, 114, 114, 0.106), transparent 70%), linear-gradient(135deg, rgb(24, 24, 24), rgb(29, 29, 29)); border-color: rgba(139, 139, 139, 0.16);}
.ui-ref .stat-top{color: rgb(170, 170, 170);}
.ui-ref .stat-top i{color: rgb(158, 158, 158);}
.ui-ref .stat-value{font-weight: 500;}
.ui-ref .stat-value small{color: rgb(146, 146, 146);}
.ui-ref .stat-foot{color: rgb(141, 141, 141);}
.ui-ref .trend{color: rgb(116, 211, 176);}
.ui-ref .stat-spark path:first-child{stroke: rgb(139, 139, 139);}
.ui-ref .saved-line span{background: rgb(139, 139, 139);}
.ui-ref .next-panel{background: radial-gradient(at 90% 0px, rgba(139, 139, 139, 0.063), transparent 55%), linear-gradient(150deg, rgb(24, 24, 24), rgb(28, 28, 28));}
.ui-ref .next-progress span{background: linear-gradient(90deg, rgb(103, 103, 103), rgb(150, 150, 150)); box-shadow: rgba(139, 139, 139, 0.208) 0px 0px 12px;}
.ui-ref .chart-meta strong{color: rgb(242, 242, 242);}
.ui-ref .chart-hint{background: linear-gradient(130deg, rgba(41, 41, 41, 0.933), rgba(33, 33, 33, 0.957)); border-color: rgba(139, 139, 139, 0.2);}
.ui-ref .tiny-badge{background: rgba(139, 139, 139, 0.04); border-color: rgba(139, 139, 139, 0.133); color: rgb(201, 201, 201);}
.ui-ref .text-button{color: rgb(173, 173, 173);}
.ui-ref .text-button:hover{color: rgb(216, 216, 216);}
.ui-ref .ghost-btn{background: rgba(139, 139, 139, 0.035); border-color: rgba(139, 139, 139, 0.14); color: rgb(197, 197, 197);}
.ui-ref .ghost-btn:hover{background: rgba(139, 139, 139, 0.098); border-color: rgba(139, 139, 139, 0.29);}
.ui-ref .status{color: rgb(129, 201, 172);}
.ui-ref .status.pending{color: rgb(217, 183, 121);}
.ui-ref .client-avatar{background: linear-gradient(135deg, rgb(70, 70, 70), rgb(40, 40, 40)); border-color: rgba(170, 170, 170, 0.15); color: rgb(212, 212, 212);}
.ui-ref .client-avatar.lilac{background: linear-gradient(135deg, rgb(54, 54, 54), rgb(38, 38, 38)); border-color: rgba(159, 159, 159, 0.153); color: rgb(201, 201, 201);}
.ui-ref .client-avatar.sand{background: linear-gradient(135deg, rgb(74, 60, 39), rgb(41, 42, 40)); border-color: rgba(202, 176, 119, 0.133); color: rgb(220, 202, 156);}
.ui-ref .connection-icon{background: rgb(33, 33, 33); border-color: rgba(82, 82, 82, 0.27);}
.ui-ref .connection-check{background: rgba(96, 206, 160, 0.075); color: rgb(112, 216, 172);}
.ui-ref .connections-foot{color: rgb(129, 129, 129);}
.ui-ref .collection-tools{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.ui-ref .collection-count{font-size: 12px; color: rgb(144, 144, 144); margin: 0px !important;}
.ui-ref .collection-count strong{color: rgb(210, 210, 210); font-weight: 500;}
.ui-ref .view-selector{display: flex; align-items: center; gap: 3px; padding: 4px; background: rgb(15, 15, 15); border: 1px solid rgba(87, 87, 87, 0.18); border-radius: 11px; flex: 0 0 auto;}
.ui-ref .view-selector button{display: flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 7px; font-size: 11px; color: rgb(145, 145, 145);}
.ui-ref .view-selector button svg{width: 15px; height: 15px;}
.ui-ref .view-selector button.active{color: rgb(175, 175, 175); background: rgba(139, 139, 139, 0.082); box-shadow: rgba(139, 139, 139, 0.176) 0px 0px 0px 1px inset;}
.ui-ref .view-selector button:hover{color: rgb(212, 212, 212);}
.ui-ref .collection-search{display: flex; align-items: center; gap: 8px; border: 1px solid rgba(87, 87, 87, 0.23); border-radius: 11px; background: rgb(19, 19, 19); padding: 9px 12px; width: 220px;}
.ui-ref .collection-search svg{width: 15px; height: 15px; color: rgb(124, 124, 124);}
.ui-ref .collection-search input{width: 100%; min-width: 0px; border: 0px; background: none; outline: none; color: rgb(228, 228, 228); font-size: 11px;}
.ui-ref .collection-search input::placeholder{color: rgb(126, 126, 126);}
.ui-ref .cards-grid{grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); gap: 18px; align-items: start;}
.ui-ref .small-action{display: inline-flex; width: 33px; height: 33px; align-items: center; justify-content: center; border: 1px solid rgba(108, 108, 108, 0.16); border-radius: 9px; color: rgb(164, 164, 164); background: rgba(187, 187, 187, 0.027); flex: 0 0 auto;}
.ui-ref .small-action svg{width: 15px; height: 15px;}
.ui-ref .small-action:hover{color: rgb(166, 166, 166); border-color: rgba(139, 139, 139, 0.376); background: rgba(139, 139, 139, 0.063);}
.ui-ref .collection-table-wrap{border: 1px solid rgb(57, 57, 57); border-radius: 17px; overflow: auto; background: linear-gradient(140deg, rgb(18, 18, 18), rgb(26, 26, 26)); scrollbar-width: thin; scrollbar-color: rgb(68, 68, 68) transparent; max-width: 100%;}
.ui-ref .collection-table{width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; min-width: 690px;}
.ui-ref .collection-table caption{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
.ui-ref .collection-table th{font-size: 10px; letter-spacing: 0.6px; font-weight: 550; color: rgb(143, 143, 143); background: rgba(30, 30, 30, 0.533); border-bottom: 1px solid rgba(64, 64, 64, 0.333); padding: 14px 18px;}
.ui-ref .collection-table td{font-size: 12px; color: rgb(184, 184, 184); padding: 17px 18px; border-bottom: 1px solid rgba(89, 89, 89, 0.11);}
.ui-ref .collection-table tr:last-child td{border-bottom: 0px;}
.ui-ref .collection-table tbody tr:hover{background: rgba(139, 139, 139, 0.024);}
.ui-ref .collection-table .identity{display: flex; align-items: center; gap: 11px; white-space: normal; min-width: 180px;}
.ui-ref .collection-table .identity small{display: block; font-size: 10px; color: rgb(127, 127, 127); margin-top: 3px;}
.ui-ref .collection-table .platforms{gap: 5px;}
.ui-ref .collection-table .platform-badge{font-size: 11px;}
.ui-ref .collection-table .platform-badge img{width: 15px; height: 15px;}
.ui-ref .collection-table .money{font-variant-numeric: tabular-nums; color: rgb(229, 229, 229); font-size: 13px;}
.ui-ref .collection-table .card-actions{justify-content: flex-end;}
.ui-ref .collection-table th:last-child{text-align: right;}
.ui-ref .collection-table .status{font-size: 10px;}
.ui-ref .collection-empty{padding: 45px 20px; text-align: center; color: rgb(165, 165, 165); border: 1px dashed rgb(87, 87, 87); border-radius: 16px;}
.ui-ref .collection-empty svg{margin: 0px auto 13px; color: rgb(139, 139, 139);}
@media (min-width: 1600px){
.ui-ref .cards-grid{grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));}
}
@media (max-height: 750px) and (min-width: 761px){
.ui-ref .rail{top: 100px; bottom: 16px; padding-top: 9px; padding-bottom: 9px;}
.ui-ref .rail-items{gap: 4px;}
.ui-ref .rail-btn{height: 38px;}
.ui-ref .rail-line{margin: 3px 0px;}
.ui-ref .rail-bottom{gap: 4px; padding-top: 6px;}
}
@media (max-width: 1050px){
.ui-ref .collection-tools{gap: 8px;}
.ui-ref .collection-search{width: 185px;}
.ui-ref .cards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 760px){
.ui-ref .floating-header{height: 80px;}
.ui-ref .rail{top: auto; bottom: max(12px,env(safe-area-inset-bottom)); left: 50%; width: auto; padding: 8px 9px; height: 64px; border-radius: 23px; background: linear-gradient(130deg, rgba(49, 49, 49, 0.733), rgba(26, 26, 26, 0.89)); max-width: calc(-24px + 100vw);}
.ui-ref .rail-items{overflow: visible; gap: 5px; padding: 0px; display: flex; flex-direction: row;}
.ui-ref .rail .rail-items > .rail-btn{display: flex; width: 47px; height: 46px;}
.ui-ref .rail .rail-items > .rail-btn:nth-of-type(n+5){display: none;}
.ui-ref .rail .rail-items > .mobile-more{display: flex !important;}
.ui-ref .rail .rail-line,.ui-ref .rail .rail-bottom{display: none;}
.ui-ref .rail-btn.active::before{left: 20px; top: auto; bottom: -5px; width: 9px; height: 2px;}
.ui-ref .rail-menu{width: auto; left: 13px; right: 13px; bottom: 91px; max-height: calc(100dvh - 120px); border-radius: 20px; padding: 14px; top: auto !important;}
.ui-ref .collection-tools{width: 100%; justify-content: space-between; gap: 10px;}
.ui-ref .collection-search{width: 100%; order: 3;}
.ui-ref .view-selector{margin-left: auto;}
.ui-ref .view-selector button{padding: 8px 10px; font-size: 11px;}
.ui-ref .collection-count{font-size: 11px;}
.ui-ref .cards-grid{grid-template-columns: 1fr;}
.ui-ref .collection-table{min-width: 670px;}
.ui-ref .collection-table th,.ui-ref .collection-table td{padding-left: 14px; padding-right: 14px;}
.ui-ref .collection-table-wrap{border-radius: 14px;}
.ui-ref .page-heading{gap: 20px;}
.ui-ref .page-heading h1{font-size: 30px;}
.ui-ref .primary-btn{font-size: 11px;}
.ui-ref #rail-tooltip{display: none !important;}
}
/* mobile.css?v=40 */
.ui-ref .mobile-header-actions,.ui-ref .mobile-dock{display: none;}
.ui-ref #mobile-menu{position: fixed; inset: 10px; margin: auto; width: min(430px, 100% - 20px); max-width: none; height: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 0px; overflow: hidden; border-radius: 25px;}
.ui-ref #mobile-menu::backdrop{background: rgba(7, 7, 7, 0.72); backdrop-filter: blur(9px);}
.ui-ref .mobile-sheet{height: 100%; display: flex; flex-direction: column; background: linear-gradient(150deg, rgba(40, 40, 40, 0.95), rgba(23, 23, 23, 0.98) 65%); border-radius: 25px; padding: 22px 16px 12px; overflow: hidden;}
.ui-ref .mobile-sheet-header{display: flex; align-items: center; justify-content: space-between; padding: 0px 5px 18px; gap: 12px;}
.ui-ref .mobile-sheet-header h2{font-size: 23px; line-height: 1.3; letter-spacing: -0.7px; margin: 7px 0px 0px; font-weight: 550;}
.ui-ref .mobile-sheet-header .eyebrow{font-size: 9px; color: rgb(176, 176, 176);}
.ui-ref .mobile-close.icon-btn{width: 44px; height: 44px; border: 1px solid rgba(177, 177, 177, 0.157); background: rgba(191, 191, 191, 0.03); flex: 0 0 auto;}
.ui-ref .mobile-menu-search{display: flex; align-items: center; gap: 10px; border: 1px solid rgba(119, 119, 119, 0.27); background: rgba(16, 16, 16, 0.533); border-radius: 13px; padding: 0px 13px; min-height: 46px; margin-bottom: 16px; color: rgb(143, 143, 143);}
.ui-ref .mobile-menu-search input{width: 100%; min-width: 0px; font-size: 16px; color: rgb(235, 235, 235); border: 0px; outline: 0px; background: none; padding: 12px 0px;}
.ui-ref .mobile-menu-search input::placeholder{color: rgb(149, 149, 149); font-size: 13px;}
.ui-ref .mobile-menu-search svg{width: 17px; height: 17px; flex: 0 0 auto;}
.ui-ref #mobile-menu-pages{flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(81, 81, 81) transparent; padding: 2px 4px 20px;}
.ui-ref .mobile-nav-label{font-size: 9px; letter-spacing: 1.6px; color: rgb(137, 137, 137); margin: 8px 11px 10px;}
.ui-ref .mobile-nav-link{display: flex; align-items: center; gap: 13px; width: 100%; min-height: 46px; padding: 11px 13px; border-radius: 12px; text-align: left; font-size: 14px; color: rgb(211, 211, 211); line-height: 1.3;}
.ui-ref .mobile-nav-link i{display: flex; color: rgb(144, 144, 144); flex: 0 0 auto;}
.ui-ref .mobile-nav-link svg{width: 19px; height: 19px; stroke-width: 1.7;}
.ui-ref .mobile-nav-link.active{color: rgb(195, 195, 195); background: rgba(139, 139, 139, 0.09); box-shadow: rgba(139, 139, 139, 0.157) 0px 0px 0px 1px inset;}
.ui-ref .mobile-nav-link.active i{color: rgb(139, 139, 139);}
.ui-ref .mobile-nav-link.active::after{content: ""; width: 5px; height: 5px; background: rgb(139, 139, 139); border-radius: 50%; margin-left: auto; flex: 0 0 auto;}
.ui-ref .mobile-nav-group{border-top: 1px solid rgba(179, 179, 179, 0.08); margin-top: 10px; padding-top: 5px;}
.ui-ref .mobile-nav-group summary{display: flex; align-items: center; min-height: 50px; gap: 13px; cursor: pointer; padding: 11px 13px; color: rgb(211, 211, 211); font-size: 14px; list-style: none; border-radius: 12px;}
.ui-ref .mobile-nav-group summary::-webkit-details-marker{display: none;}
.ui-ref .mobile-nav-group summary > i:first-child{color: rgb(146, 146, 146);}
.ui-ref .mobile-nav-group summary > i:last-child{margin-left: auto; transition: transform 0.18s; color: rgb(132, 132, 132);}
.ui-ref .mobile-nav-group summary svg{width: 19px; height: 19px;}
.ui-ref .mobile-nav-group summary:focus-visible{outline: rgb(139, 139, 139) solid 2px; outline-offset: -2px;}
.ui-ref .mobile-nav-group .mobile-nav-link{padding-left: 23px; font-size: 13px; min-height: 46px;}
.ui-ref .mobile-nav-group .mobile-nav-link svg{width: 16px; height: 16px;}
.ui-ref .mobile-sheet-footer{display: flex; align-items: center; gap: 11px; border-top: 1px solid rgba(162, 162, 162, 0.12); padding: 16px 4px 4px; flex: 0 0 auto;}
.ui-ref .mobile-sheet-footer > div{flex: 1 1 0%; min-width: 0px;}
.ui-ref .mobile-sheet-footer strong{display: block; font-size: 12px; font-weight: 550;}
.ui-ref .mobile-sheet-footer > div > span{display: block; font-size: 10px; color: rgb(142, 142, 142); margin-top: 2px;}
.ui-ref .mobile-sheet-footer button{width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(139, 139, 139, 0.05); color: rgb(170, 170, 170);}
.ui-ref .mobile-sheet-footer button svg{width: 18px; height: 18px;}
.ui-ref .mobile-menu-empty{font-size: 13px; color: rgb(176, 176, 176); text-align: center; margin: 30px 0px;}
@media (max-width: 980px){
.ui-ref .rail{display: none !important;}
.ui-ref .floating-header .top-nav,.ui-ref .floating-header .utility{display: none !important;}
.ui-ref .floating-header{position: sticky; top: 0px; height: 78px; padding: 0px 16px; gap: 12px; z-index: 40; isolation: isolate; background: linear-gradient(rgba(17, 17, 17, 0.96), rgba(19, 19, 19, 0.91)); border-bottom: 1px solid rgba(93, 93, 93, 0.1); backdrop-filter: blur(24px);}
.ui-ref .floating-header .brand{gap: 8px; font-size: 21px; min-width: 0px; flex: 0 0 auto;}
.ui-ref .floating-header .brand img{width: 31px; height: 31px;}
.ui-ref .mobile-header-actions{display: flex; gap: 7px; align-items: center;}
.ui-ref .mobile-header-actions > .icon-btn{height: 44px; width: 40px; color: rgb(175, 175, 175);}
.ui-ref .mobile-dock{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 2px; position: fixed; left: max(10px,env(safe-area-inset-left)); right: max(10px,env(safe-area-inset-right)); bottom: calc(10px + env(safe-area-inset-bottom)); padding: 6px; border-radius: 22px; z-index: 50; background: linear-gradient(125deg, rgba(50, 50, 50, 0.91), rgba(27, 27, 27, 0.94)); border-color: rgba(151, 151, 151, 0.2); box-shadow: rgba(217, 217, 217, 0.09) 0px 1px 0px inset, rgba(0, 0, 0, 0.6) 0px 12px 35px; backdrop-filter: blur(24px);}
.ui-ref .mobile-dock button{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 53px; min-width: 0px; border-radius: 15px; color: rgb(153, 153, 153); padding: 5px 0px;}
.ui-ref .mobile-dock button span{font-size: 10px; line-height: 1.2;}
.ui-ref .mobile-dock button svg{width: 20px; height: 20px; stroke-width: 1.7;}
.ui-ref .mobile-dock button.active{color: rgb(193, 193, 193); background: linear-gradient(140deg, rgba(139, 139, 139, 0.157), rgba(139, 139, 139, 0.035)); box-shadow: rgba(139, 139, 139, 0.133) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .main{margin: 24px 16px 0px; max-width: none; min-width: 0px;}
.ui-ref .page-heading{display: block; margin-bottom: 20px; min-width: 0px;}
.ui-ref .page-heading > div:first-child{min-width: 0px;}
.ui-ref .page-heading h1{font-size: clamp(26px, 7.5vw, 33px); line-height: 1.2; overflow-wrap: anywhere;}
.ui-ref .page-heading p{font-size: 12px; line-height: 1.6; max-width: 100%;}
.ui-ref .eyebrow{font-size: 8px; gap: 6px; letter-spacing: 1.2px; flex-wrap: wrap;}
.ui-ref .heading-actions{display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; padding: 0px; margin-top: 20px; width: 100%; min-width: 0px;}
.ui-ref .heading-actions .date-wrap{min-width: 0px; flex: 1 1 160px;}
.ui-ref .heading-actions > .primary-btn{min-width: 0px; flex: 1 1 140px; white-space: normal; min-height: 44px; font-size: 12px; padding: 11px;}
.ui-ref .date-button{width: 100%; justify-content: center; min-width: 0px; min-height: 44px; font-size: 11px; padding: 10px;}
.ui-ref .date-button > span{min-width: 0px;}
.ui-ref .date-button > i:last-child{margin-left: auto;}
.ui-ref .date-button > i:first-child{margin-right: auto;}
.ui-ref .stats{grid-template-columns: minmax(0px, 1fr); gap: 12px;}
.ui-ref .stat{min-width: 0px; min-height: 112px; padding: 19px 20px;}
.ui-ref .stat:first-child{grid-column: auto; min-height: 146px;}
.ui-ref .stat-top{font-size: 12px; gap: 10px;}
.ui-ref .stat-value{font-size: 34px; gap: 5px;}
.ui-ref .stat:first-child .stat-spark{width: 76px; bottom: 22px; right: 20px;}
.ui-ref .stat:first-child .stat-foot{max-width: calc(100% - 78px); font-size: 10px; line-height: 1.5;}
.ui-ref .stat:not(:first-child){display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 10px 12px; min-height: 110px;}
.ui-ref .stat:not(:first-child) .stat-top{font-size: 12px; max-width: 145px; line-height: 1.5;}
.ui-ref .stat:not(:first-child) .stat-top > i{display: none;}
.ui-ref .stat:not(:first-child) .stat-value{font-size: 29px; margin: 0px; gap: 5px;}
.ui-ref .stat:not(:first-child) .stat-value small{font-size: 11px;}
.ui-ref .stat:not(:first-child) .stat-foot{grid-column: 1 / -1; font-size: 11px;}
.ui-ref .stat-spark,.ui-ref .saved-line{pointer-events: none;}
.ui-ref .dashboard-grid{grid-template-columns: minmax(0px, 1fr);}
.ui-ref .dashboard-grid > *{min-width: 0px;}
.ui-ref .chart-panel,.ui-ref .next-panel,.ui-ref .clients-panel,.ui-ref .connections-panel{padding: 20px;}
.ui-ref .panel-heading{flex-wrap: wrap; gap: 12px;}
.ui-ref .panel-heading h2{font-size: 15px;}
.ui-ref .panel-heading p{font-size: 11px; line-height: 1.6;}
.ui-ref .chart-tabs{display: flex; max-width: 100%; flex: 0 0 auto;}
.ui-ref .chart-tabs button{font-size: 11px; min-height: 38px; padding: 7px 11px;}
.ui-ref .chart{height: 175px; min-width: 0px;}
.ui-ref .chart-hint{display: none;}
.ui-ref .chart-meta{gap: 8px; flex-wrap: wrap; margin-top: 16px;}
.ui-ref .chart-meta span{font-size: 11px;}
.ui-ref .chart-foot{flex-wrap: wrap; gap: 12px; line-height: 1.5;}
.ui-ref .chart-foot .text-button{min-height: 36px;}
.ui-ref .next-panel{min-height: 0px;}
.ui-ref .next-info{flex-wrap: wrap; gap: 7px;}
.ui-ref .next-client > div{min-width: 0px;}
.ui-ref .next-client h3{font-size: 22px; overflow-wrap: anywhere;}
.ui-ref .next-client p{font-size: 11px;}
.ui-ref .clients-panel .panel-heading > .text-button{min-height: 32px;}
.ui-ref .clients-table{table-layout: fixed;}
.ui-ref .clients-table th:first-child{width: 58%;}
.ui-ref .clients-table th:last-child{width: 30px;}
.ui-ref .client-cell{gap: 8px; min-width: 0px;}
.ui-ref .client-cell > div{min-width: 0px;}
.ui-ref .client-cell strong{overflow-wrap: anywhere; font-size: 11px;}
.ui-ref .clients-table .status{font-size: 9px; white-space: normal; line-height: 1.5;}
.ui-ref .client-cell .client-avatar{width: 29px; height: 29px; flex: 0 0 auto;}
.ui-ref .row-open{width: 30px; height: 44px;}
.ui-ref .collection-tools{display: flex; flex-wrap: wrap; gap: 12px; min-width: 0px;}
.ui-ref .collection-count{font-size: 12px;}
.ui-ref .collection-search{order: 2; min-height: 46px; padding: 10px 13px;}
.ui-ref .collection-search input{font-size: 16px;}
.ui-ref .collection-search input::placeholder{font-size: 12px;}
.ui-ref .view-selector{order: 1; margin: 0px; flex: 1 1 0%; justify-content: stretch; padding: 4px;}
.ui-ref .view-selector button{flex: 1 1 0%; min-height: 40px; font-size: 12px; justify-content: center;}
.ui-ref .small-action{width: 40px; height: 44px;}
.ui-ref .collection-table-wrap{overscroll-behavior-inline: contain;}
.ui-ref .collection-table .small-action{height: 44px;}
.ui-ref .module-panel .collection-table-wrap{margin-top: 16px;}
.ui-ref footer{padding-bottom: calc(110px + env(safe-area-inset-bottom)); line-height: 1.6;}
}
@media (max-width: 350px){
.ui-ref .floating-header{padding: 0px 12px; height: 72px; gap: 8px;}
.ui-ref .floating-header .brand{font-size: 19px; gap: 6px;}
.ui-ref .floating-header .brand img{width: 27px; height: 27px;}
.ui-ref .mobile-header-actions{gap: 3px;}
.ui-ref .mobile-header-actions > .icon-btn{width: 34px;}
html[data-panel-ui-ready] .main{margin: 20px 12px 0px;}
.ui-ref .page-heading h1{font-size: 27px;}
.ui-ref .stat,.ui-ref .chart-panel,.ui-ref .next-panel,.ui-ref .clients-panel,.ui-ref .connections-panel{padding: 17px;}
.ui-ref .stat:first-child .stat-spark{width: 55px; right: 17px; bottom: 22px;}
.ui-ref .stat:first-child .stat-foot{max-width: calc(100% - 62px);}
.ui-ref .stat:not(:first-child) .stat-value{font-size: 26px;}
.ui-ref .stat:not(:first-child) .stat-value small{font-size: 10px;}
.ui-ref .stat:not(:first-child) .stat-top{font-size: 11px;}
.ui-ref .mobile-dock{left: 7px; right: 7px; padding: 5px; gap: 0px;}
.ui-ref .mobile-dock button span{font-size: 9px;}
.ui-ref .small-action{width: 38px;}
.ui-ref .mobile-sheet{padding: 18px 12px 10px;}
.ui-ref .mobile-sheet-header h2{font-size: 21px;}
}
@media (max-width: 980px) and (max-height: 500px){
.ui-ref .floating-header{height: 64px;}
html[data-panel-ui-ready] .main{margin-top: 16px;}
.ui-ref .page-heading h1{font-size: 27px; margin-top: 8px;}
.ui-ref .page-heading p{font-size: 11px;}
.ui-ref .heading-actions{margin-top: 14px;}
.ui-ref .mobile-dock button{height: 47px;}
.ui-ref .mobile-dock{padding: 5px; border-radius: 19px;}
.ui-ref .mobile-sheet{padding: 10px 14px 6px;}
.ui-ref .mobile-sheet-header{padding: 0px 2px 8px; min-height: 44px;}
.ui-ref .mobile-sheet-header .eyebrow{display: none;}
.ui-ref .mobile-sheet-header h2{font-size: 19px; margin: 0px;}
.ui-ref .mobile-menu-search{min-height: 44px; margin-bottom: 7px;}
.ui-ref .mobile-menu-search input{padding: 8px 0px;}
.ui-ref .mobile-sheet-footer{padding: 6px 2px 0px; gap: 9px;}
.ui-ref .mobile-sheet-footer .avatar{width: 30px; height: 30px;}
.ui-ref .mobile-sheet-footer > div > span{display: none;}
.ui-ref .mobile-nav-label{margin-top: 5px;}
.ui-ref #mobile-menu-pages{padding-bottom: 12px;}
}
/* workspace.css?v=40 */
.ui-ref .ws-panel{padding: 24px; min-width: 0px; overflow: visible;}
.ui-ref .ws-panel > .panel-heading{margin-bottom: 20px;}
.ui-ref .ws-panel h2{font-size: 16px; letter-spacing: -0.3px; font-weight: 560; margin: 0px 0px 8px;}
.ui-ref .ws-two-col{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin-bottom: 20px;}
.ui-ref .ws-toolbar .collection-search{margin-left: auto;}
.ui-ref .ws-settings-row{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(138, 138, 138, 0.098); min-width: 0px; font-size: 12px; color: rgb(151, 151, 151);}
.ui-ref .ws-settings-row:last-child{border-bottom: 0px;}
.ui-ref .ws-settings-row > div{flex: 1 1 0%; min-width: 0px;}
.ui-ref .ws-settings-row strong{display: block; color: rgb(216, 216, 216); font-size: 12px; font-weight: 500; overflow-wrap: anywhere;}
.ui-ref .ws-settings-row small{display: block; margin-top: 5px; font-size: 10px; line-height: 1.6; color: rgb(137, 137, 137);}
.ui-ref .ws-settings-row > button{flex: 0 0 auto; width: auto;}
.ui-ref .ws-settings-row .small-action > span{display: none;}
.ui-ref .ws-progress{height: 4px; background: rgb(42, 42, 42); border-radius: 5px; overflow: hidden; margin-bottom: 15px;}
.ui-ref .ws-progress > span{height: 100%; display: block; background: linear-gradient(90deg, rgb(110, 110, 110), rgb(166, 166, 166));}
.ui-ref .ws-panel .collection-table-wrap{margin-top: 10px;}
.ui-ref .ws-panel .collection-table{min-width: 570px;}
.ui-ref .collection-table .small-action > span{display: none;}
.ui-ref .collection-table .text-action{min-height: 36px;}
@media (max-width: 1100px){
.ui-ref .ws-two-col{gap: 16px;}
.ui-ref .ws-panel{padding: 20px;}
}
@media (max-width: 760px){
.ui-ref .ws-two-col{grid-template-columns: minmax(0px, 1fr);}
.ui-ref .ws-panel{padding: 20px;}
.ui-ref .ws-panel > .panel-heading{margin-bottom: 17px;}
.ui-ref .ws-toolbar > .collection-search{width: 100%; margin: 0px;}
.ui-ref .ws-settings-row{gap: 10px; flex-wrap: wrap;}
.ui-ref .ws-settings-row strong{font-size: 12px;}
.ui-ref .ws-settings-row > span{max-width: 100%;}
}
@media (max-width: 350px){
.ui-ref .ws-panel{padding: 17px;}
}
.ui-ref .ws-home-extra{margin-top: 24px;}
.ui-ref .ws-channel{display: flex; align-items: center; gap: 14px; padding: 24px 0px;}
.ui-ref .ws-channel img{width: 28px; height: 24px; object-fit: contain;}
.ui-ref .ws-channel strong,.ui-ref .ws-channel small{display: block;}
.ui-ref .ws-channel small{color: rgb(165, 165, 165); margin-top: 6px;}
.ui-ref .ws-channel .ws-progress{flex: 1 1 0%;}
.ui-ref .ws-calendar-day{display: grid; text-align: center; min-width: 42px; padding: 6px; background: rgba(139, 139, 139, 0.07); border: 1px solid rgba(139, 139, 139, 0.145); border-radius: 8px; color: rgb(184, 184, 184); font-size: 21px;}
.ui-ref .ws-calendar-day small{font-size: 8px; letter-spacing: 0.14em;}
@media (max-width: 760px){
.ui-ref .ws-channel{flex-wrap: wrap;}
.ui-ref .ws-channel .ws-progress{flex-basis: 100%;}
}
/* gray-glass.css?v=40 */
.ui-ref{--text: #f0f1f3; --muted: #a8abb1; --faint: #858991; --blue: #00a8ff; --line: rgba(230,232,236,.1); --glass-fill: linear-gradient(135deg,rgba(114,114,118,.19),rgba(40,40,43,.42) 58%,rgba(84,84,88,.19)); --glass-edge: rgba(232,234,240,.13); --glass-shadow: inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.13); --selected-fill: linear-gradient(145deg,rgba(238,239,242,.17),rgba(155,157,162,.055)); --selected-edge: inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(233,235,241,.13),0 3px 8px rgba(0,0,0,.13);}
.ui-ref .ambient{background: radial-gradient(at 92% 0%, rgba(0, 168, 255, 0.18), transparent 56%), radial-gradient(at 9% 90%, rgba(0, 168, 255, 0.12), transparent 57%), linear-gradient(140deg, rgb(8, 9, 11), rgb(8, 18, 28) 62%, rgb(8, 9, 11));}
.ui-ref .ribbon-a{opacity: 0.45; border-color: rgba(0, 168, 255, 0.12); background: repeating-linear-gradient(0deg, rgba(0, 168, 255, 0.035) 0px, rgba(0, 168, 255, 0.035) 1px, transparent 1px, transparent 5px); box-shadow: rgba(0, 168, 255, 0.055) 0px -22px 75px, rgba(0, 168, 255, 0.043) 0px 32px 80px inset;}
.ui-ref .ribbon-b{opacity: 0.3; border-color: rgba(0, 168, 255, 0.1); background: linear-gradient(rgba(0, 168, 255, 0.04), transparent 35%);}
.ui-ref .grain{opacity: 0.045;}
.ui-ref .glass,.ui-ref .rail,.ui-ref .panel,.ui-ref .stat.highlight,.ui-ref .next-panel{background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px) saturate(100%);}
.ui-ref .panel::before{background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.13), transparent);}
html[data-panel-ui-ready] .main :is(.panel, .entity-card, .stat, .ws-featured, .collection-table-wrap, .integration-card-v2, .account-section, .tmpl-card){backdrop-filter: none;}
.ui-ref .top-nav button.active,.ui-ref .rail-btn.active,.ui-ref .view-selector button.active,.ui-ref .chart-tabs button.active,.ui-ref .mobile-dock button.active,.ui-ref .mobile-nav-link.active{color: rgb(245, 245, 247); background: var(--selected-fill); box-shadow: var(--selected-edge);}
.ui-ref .rail-btn.active::before,.ui-ref .mobile-nav-link.active::after{display: none;}
.ui-ref .rail-btn,.ui-ref .mobile-dock button{color: rgb(164, 168, 175);}
.ui-ref .rail-btn:hover,.ui-ref .top-nav button:hover:not(.active){color: rgb(242, 243, 245); background: rgba(235, 237, 242, 0.06);}
.ui-ref .top-nav button:focus-visible,.ui-ref .rail-btn:focus-visible,.ui-ref button:focus-visible,.ui-ref summary:focus-visible,.ui-ref a:focus-visible{outline: rgb(191, 197, 205) solid 2px; outline-offset: 3px;}
.ui-ref .avatar,.ui-ref .client-avatar,.ui-ref .client-avatar.lilac,.ui-ref .client-avatar.sand,.ui-ref .connection-icon,.ui-ref .ws-calendar-day{background: linear-gradient(135deg, rgba(220, 222, 229, 0.12), rgba(146, 148, 156, 0.035)); border-color: rgba(232, 234, 241, 0.13); color: rgb(210, 213, 220);}
.ui-ref .workspace-dot,.ui-ref .preview-dot,.ui-ref .utility .notification b{background: rgb(184, 193, 205); box-shadow: none;}
.ui-ref .title-dot{color: rgb(184, 193, 205);}
.ui-ref .primary-btn{background: linear-gradient(145deg, rgb(224, 226, 230), rgb(191, 196, 204)); border-color: rgba(244, 245, 247, 0.18); color: rgb(37, 41, 49); box-shadow: rgba(255, 255, 255, 0.44) 0px 1px 0px inset, rgba(0, 0, 0, 0.133) 0px 5px 15px;}
.ui-ref .primary-btn:hover{background: linear-gradient(145deg, rgb(242, 243, 245), rgb(213, 217, 223)); color: rgb(32, 36, 42); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px;}
.ui-ref .ghost-btn{background: var(--selected-fill); border-color: var(--glass-edge); color: rgb(213, 217, 224); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset;}
.ui-ref .ghost-btn:hover,.ui-ref .small-action:hover{color: rgb(240, 241, 244); background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.19);}
.ui-ref .text-button,.ui-ref .text-button:hover{color: rgb(194, 205, 216);}
.ui-ref .stat-top i{color: rgb(182, 186, 194);}
.ui-ref .stat.highlight{border-color: var(--glass-edge);}
.ui-ref .stat-spark path:first-child{stroke: var(--blue);}
.ui-ref .stat-spark stop{stop-color: var(--blue);}
.ui-ref .saved-line span{background: rgb(157, 170, 185);}
.ui-ref .chart [stroke="#00a8ff"]{stroke: var(--blue);}
.ui-ref .chart stop[stop-color="#00a8ff"]{stop-color: var(--blue);}
.ui-ref .chart-line-current{stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;}
.ui-ref .chart-line-previous{stroke: rgb(120, 207, 255); stroke-opacity: 0.55; stroke-dasharray: 4, 5; stroke-linecap: round; vector-effect: non-scaling-stroke;}
.ui-ref .chart .chart-grid{stroke: rgba(255, 255, 255, 0.047);}
.ui-ref .connection-icon .brand-whatsapp{color: rgb(195, 202, 211);}
.ui-ref .next-progress span,.ui-ref .ws-progress > span{background: linear-gradient(90deg, rgb(127, 151, 173), rgb(180, 196, 212)); box-shadow: none;}
.ui-ref .chart-hint{background: linear-gradient(135deg, rgba(55, 57, 60, 0.93), rgba(38, 41, 45, 0.933)); border-color: rgba(216, 221, 227, 0.157); backdrop-filter: blur(18px);}
.ui-ref .tiny-badge{color: rgb(192, 199, 208); border-color: rgba(216, 221, 227, 0.153); background: rgba(216, 221, 227, 0.035);}
.ui-ref .view-selector,.ui-ref .collection-search,.ui-ref .date-button{background: rgba(30, 31, 34, 0.36); border-color: rgba(220, 224, 231, 0.12); color: rgb(192, 197, 205);}
.ui-ref .collection-table-wrap{background: rgba(37, 38, 41, 0.35); border-color: var(--glass-edge); backdrop-filter: blur(22px);}
.ui-ref .collection-table th{background: rgba(212, 215, 221, 0.02); color: rgb(166, 171, 179); border-bottom-color: rgba(225, 228, 234, 0.09);}
.ui-ref .collection-table tbody tr:hover{background: rgba(225, 228, 234, 0.016);}
.ui-ref .rail-menu,.ui-ref #rail-tooltip{background: linear-gradient(135deg, rgba(53, 55, 59, 0.94), rgba(29, 31, 35, 0.94)); border-color: rgba(220, 225, 233, 0.15); color: rgb(217, 220, 227); backdrop-filter: blur(26px);}
.ui-ref .mobile-sheet{background: linear-gradient(135deg, rgba(49, 50, 54, 0.96), rgba(30, 31, 35, 0.97)); border-color: var(--glass-edge);}
.ui-ref #mobile-menu{background: rgb(34, 37, 42); border-color: var(--glass-edge);}
.ui-ref .mobile-menu-search{background: rgba(24, 25, 28, 0.5); border-color: rgba(225, 227, 233, 0.14); color: rgb(217, 220, 226);}
.ui-ref .mobile-nav-link.active i,.ui-ref .mobile-sheet-header .eyebrow{color: rgb(224, 226, 231);}
.ui-ref .mobile-sheet-footer button{background: rgba(224, 228, 237, 0.04); color: rgb(198, 203, 213);}
@media (min-width: 761px){
.ui-ref .rail{bottom: auto; height: max-content; max-height: calc(100dvh - 134px);}
.ui-ref .rail-items{flex: 0 1 auto; padding-bottom: 0px;}
.ui-ref .rail-bottom{padding-top: 9px; gap: 7px;}
.ui-ref .floating-header::before{background: linear-gradient(rgba(8, 9, 11, 0.96), rgba(8, 9, 11, 0.898) 65%, rgba(8, 9, 11, 0));}
}
@media (max-height: 750px) and (min-width: 761px){
.ui-ref .rail{top: 100px; bottom: auto; max-height: calc(100dvh - 116px);}
.ui-ref .rail-bottom{gap: 4px; padding-top: 6px;}
}
@media (max-width: 760px){
.ui-ref .floating-header{background: linear-gradient(rgba(12, 24, 35, 0.93), rgba(16, 26, 36, 0.85)); border-color: rgba(224, 228, 237, 0.063); backdrop-filter: blur(25px);}
.ui-ref .mobile-dock{background: linear-gradient(135deg, rgba(64, 65, 69, 0.72), rgba(30, 31, 35, 0.85)); border-color: var(--glass-edge); box-shadow: var(--glass-shadow),0 12px 30px #0006;}
}
/* brand-header.css?v=40 */
@font-face { font-family: "Crizol Brand"; src: url("/assets/panel-reference/dm-sans-brand.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; }
.ui-ref .floating-header .brand{display: flex; align-items: center; gap: 14px; flex: 0 0 auto; min-width: 0px; font-family: "Crizol Brand", "DM Sans", sans-serif; font-weight: 300; font-size: 22px; letter-spacing: 0.12em; line-height: 1; white-space: nowrap; color: rgba(255, 255, 255, 0.9);}
.ui-ref .floating-header .brand img{width: 48px; height: 48px; object-fit: contain; flex: 0 0 auto;}
.ui-ref .floating-header .brand .brand-wordmark{display: block; white-space: nowrap; font: inherit; letter-spacing: inherit;}
.ui-ref .floating-header{background: transparent; border-bottom: 0px; backdrop-filter: none;}
.ui-ref .floating-header::before{content: ""; position: absolute; inset: 0px 0px -48px; z-index: -1; pointer-events: none; background: rgba(20, 23, 27, 0.46); backdrop-filter: blur(14px); mask-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.85) 25%, rgba(0, 0, 0, 0.4) 62%, transparent);}
.ui-ref .top-nav.glass,.ui-ref .utility.glass{box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(255, 255, 255, 0.024) 0px -1px 0px inset, rgba(0, 0, 0, 0.08) 0px 4px 16px;}
@media (max-width: 1200px){
.ui-ref .floating-header .brand{font-size: 19px; gap: 12px;}
.ui-ref .floating-header .brand img{width: 42px; height: 42px;}
}
@media (min-width: 761px) and (max-width: 980px){
.ui-ref .floating-header .brand{font-size: 16px; gap: 10px;}
.ui-ref .floating-header .brand img{width: 35px; height: 35px;}
.ui-ref .utility{padding: 5px; gap: 2px;}
.ui-ref .utility .icon-btn{width: 30px; height: 32px;}
.ui-ref .utility .avatar{width: 30px; height: 30px;}
.ui-ref .top-nav button{padding-left: 11px; padding-right: 11px;}
}
@media (max-width: 760px){
.ui-ref .floating-header .brand{font-size: 17px; gap: 10px;}
.ui-ref .floating-header .brand img{width: 34px; height: 34px;}
.ui-ref .floating-header::before{inset: 0px 0px -26px; background: rgba(20, 23, 27, 0.58);}
}
@media (max-width: 380px){
.ui-ref .floating-header .brand{font-size: 14px; gap: 8px;}
.ui-ref .floating-header .brand img{width: 29px; height: 29px;}
.ui-ref .mobile-header-actions > .icon-btn{display: none;}
}
@media (max-width: 300px){
.ui-ref .floating-header .brand{font-size: 12.5px; gap: 7px;}
.ui-ref .floating-header .brand img{width: 25px; height: 25px;}
}
/* panel-cards.css?v=40 */
.ui-ref .panel-source-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: stretch;}
.ui-ref .panel-card-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
.ui-ref .panel-card-top h2,.ui-ref .panel-client-card h2{margin: 0px; min-width: 0px; color: var(--text); font-size: 23px; line-height: 1.16; font-weight: 650; letter-spacing: -0.7px; overflow-wrap: anywhere;}
.ui-ref .panel-card-top h2{flex: 1 1 0%;}
.ui-ref .panel-card-account{margin: 0px 0px 15px; color: rgb(227, 229, 232); font-size: 16px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere;}
.ui-ref .panel-card-meta{display: grid; gap: 8px; margin: 0px 0px 28px; font-size: 14px; line-height: 1.35;}
.ui-ref .panel-card-meta > div{display: grid; grid-template-columns: auto minmax(0px, 1fr); column-gap: 14px; align-items: baseline;}
.ui-ref .panel-card-meta dt{color: rgb(167, 170, 177); font-weight: 400;}
.ui-ref .panel-card-meta dd{margin: 0px; color: rgb(232, 233, 236); text-align: right; font-weight: 600; overflow-wrap: anywhere;}
.ui-ref .panel-card-foot{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 18px; margin-top: auto; border-top: 1px solid rgba(222, 227, 238, 0.1);}
.ui-ref .panel-card-actions{display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0px;}
.ui-ref .panel-client-card{padding: 25px 25px 20px; min-height: 217px; border-radius: 25px; cursor: pointer; display: flex; flex-direction: column; gap: 22px;}
.ui-ref .panel-client-card .platform-badges{margin-top: 0px;}
.ui-ref .panel-client-card .entity-card-footer{margin-top: auto; padding-top: 18px; gap: 12px;}
.ui-ref .panel-client-card .entity-card-footer > span{font-size: 12px; flex-wrap: wrap;}
.ui-ref .panel-client-card .entity-card-footer .card-actions{flex: 0 0 auto;}
.ui-ref .panel-client-card .entity-card-footer svg{width: 17px; height: 17px;}
.ui-ref .panel-collection-toolbar{display: flex; align-items: end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 24px;}
.ui-ref .panel-search-group .collection-search{max-width: 235px; min-width: 130px; flex: 1 1 0%;}
.ui-ref .panel-search-group .collection-count{white-space: nowrap; margin: 0px; font-size: 12px;}
.ui-ref .panel-collection-filters{display: flex; align-items: end; gap: 12px; flex-wrap: wrap;}
.ui-ref .panel-collection-filters .ws-field{width: 162px;}
.ui-ref .panel-collection-filters .ws-sort .ws-field{width: 174px;}
.ui-ref .panel-collection-filters .ws-field > span{font-size: 12px; color: rgb(167, 170, 177);}
.ui-ref .panel-collection-filters .ws-picker summary{min-height: 40px; font-size: 12px;}
.ui-ref .panel-collection-filters .view-selector{min-height: 40px;}
.ui-ref .panel-collection-toolbar .ws-options{z-index: 32; min-width: 100%; width: 230px; max-width: calc(-38px + 100vw); left: auto; right: 0px;}
@media (min-width: 1600px){
.ui-ref .panel-card-top h2{font-size: 25px;}
.ui-ref .panel-card-account{font-size: 17px;}
.ui-ref .panel-card-meta{font-size: 15px;}
}
@media (max-width: 1199px){
.ui-ref .panel-source-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ui-ref .panel-collection-filters{flex: 1 1 0%; justify-content: flex-start;}
.ui-ref .panel-collection-filters .ws-field{width: 155px;}
.ui-ref .panel-collection-filters .ws-sort .ws-field{width: 165px;}
}
@media (max-width: 760px){
.ui-ref .panel-source-grid{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
.ui-ref .panel-card-top h2{font-size: 23px;}
.ui-ref .panel-card-account{font-size: 15px;}
.ui-ref .panel-card-meta{font-size: 14px;}
.ui-ref .panel-collection-toolbar{gap: 16px;}
.ui-ref .panel-collection-filters{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; min-width: 0px;}
.ui-ref .panel-collection-filters > *{min-width: 0px;}
.ui-ref .panel-collection-filters .view-selector{align-self: end; justify-content: center;}
.ui-ref .panel-collection-filters .ws-field,.ui-ref .panel-collection-filters .ws-sort .ws-field{width: auto; min-width: 0px;}
.ui-ref .panel-client-card{padding: 23px 21px 20px;}
.ui-ref .panel-collection-toolbar .ws-picker summary{padding: 10px; font-size: 12px;}
}
@media (max-width: 360px){
.ui-ref .panel-client-card{padding: 20px 16px 18px;}
.ui-ref .panel-card-top{gap: 9px;}
.ui-ref .panel-card-top h2{font-size: 21px;}
.ui-ref .panel-card-account{font-size: 14px;}
.ui-ref .panel-card-meta{font-size: 12px;}
.ui-ref .panel-card-actions{gap: 4px;}
.ui-ref .panel-card-foot{gap: 9px;}
.ui-ref .panel-search-group .collection-count{font-size: 11px;}
.ui-ref .panel-client-card .card-actions{gap: 4px;}
.ui-ref .panel-client-card .small-action{width: 30px; height: 32px;}
}
@media (max-width: 300px){
.ui-ref .panel-card-actions{gap: 3px;}
.ui-ref .panel-card-foot{gap: 8px;}
.ui-ref .panel-collection-filters{grid-template-columns: 1fr;}
.ui-ref .panel-collection-filters .view-selector{justify-self: start;}
.ui-ref .panel-card-meta > div{column-gap: 8px;}
}
.ui-ref .source-dashboard-row,.ui-ref .source-dashboard-grid{--dashboard-columns: 4; --dashboard-gap: 18px;}
.ui-ref .source-dashboard-row{display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--dashboard-gap); width: 100%;}
.ui-ref .entity-card.source-dashboard-card{width: calc((100% - (var(--dashboard-columns) - 1)*var(--dashboard-gap))/var(--dashboard-columns)); flex: 0 1 auto; height: 280px; min-height: 280px; box-sizing: border-box; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; padding: 0px; gap: 0px;}
.ui-ref .source-dashboard-head{flex: 0 0 auto; padding: 14px 15px 11px; display: flex; flex-direction: column; gap: 5px; min-width: 0px;}
.ui-ref .source-dashboard-head h2{font-size: 16px; font-weight: 650; line-height: 1.2; letter-spacing: -0.25px; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(232, 234, 238);}
.ui-ref .source-dashboard-head p{display: flex; align-items: center; gap: 5px; margin: 0px; font-size: 11px; font-weight: 500; line-height: 1.35; color: rgb(174, 179, 188);}
.ui-ref .source-dashboard-head svg{width: 12px; height: 12px; flex: 0 0 auto;}
.ui-ref .source-dashboard-preview{flex: 1 1 auto; min-height: 0px; overflow: hidden; border-block: 1px solid rgba(220, 226, 239, 0.075); background: linear-gradient(145deg, rgba(23, 27, 32, 0.25), rgba(23, 25, 29, 0.333));}
.ui-ref .source-dashboard-preview-top{height: 22px; display: flex; align-items: center; padding: 0px 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.047); background: rgba(255, 255, 255, 0.008); box-sizing: border-box;}
.ui-ref .source-dashboard-preview-top > i{width: 13px; height: 13px; border-radius: 4px; background: linear-gradient(135deg, rgba(179, 190, 203, 0.467), rgba(214, 220, 225, 0.17));}
.ui-ref .source-dashboard-preview-body{height: calc(100% - 22px); display: grid; grid-template-columns: 28px minmax(0px, 1fr);}
.ui-ref .source-dashboard-sidebar{border-right: 1px solid rgba(255, 255, 255, 0.047); padding: 12px 7px; display: flex; flex-direction: column; gap: 8px;}
.ui-ref .source-dashboard-sidebar > i{height: 7px; border-radius: 7px; background: rgba(166, 180, 191, 0.16);}
.ui-ref .source-dashboard-sidebar > i.active{background: rgba(193, 203, 210, 0.5);}
.ui-ref .source-dashboard-panel{padding: 10px; display: grid; grid-template-rows: 30px minmax(0px, 1fr); gap: 8px; min-width: 0px; min-height: 0px;}
.ui-ref .source-dashboard-kpis{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 5px;}
.ui-ref .source-dashboard-kpis > i{display: block; border-radius: 5px; border: 1px solid rgba(214, 223, 235, 0.086); background: linear-gradient(135deg, rgba(255, 255, 255, 0.063), rgba(255, 255, 255, 0.016));}
.ui-ref .source-dashboard-chart{border-radius: 8px; border: 1px solid rgba(214, 223, 235, 0.07); background: linear-gradient(rgba(171, 188, 209, 0.035), rgba(255, 255, 255, 0.008)); overflow: hidden; position: relative;}
.ui-ref .source-dashboard-chart::after{content: ""; position: absolute; inset: 9px 8px 7px; background: repeating-linear-gradient(transparent 0px, transparent 17px, rgba(185, 201, 212, 0.05) 18px); pointer-events: none;}
.ui-ref .source-dashboard-chart svg{position: absolute; inset: 0px; width: 100%; height: 100%;}
.ui-ref .source-dashboard-chart path{stroke-linecap: round; stroke-linejoin: round;}
.ui-ref .source-dashboard-footer{flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; margin-top: auto; min-width: 0px;}
.ui-ref .source-dashboard-owner{display: flex; align-items: center; gap: 8px; min-width: 0px; flex: 1 1 0%;}
.ui-ref .source-dashboard-owner .client-avatar{width: 28px; height: 28px; border-radius: 50%; flex: 0 0 auto; font-size: 10px; font-weight: 600;}
.ui-ref .source-dashboard-owner > span:last-child{font-size: 12px; font-weight: 500; line-height: 1.3; color: rgb(199, 203, 211); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px;}
.ui-ref .source-dashboard-footer .card-actions{display: flex; gap: 5px; flex: 0 0 auto;}
.ui-ref .source-dashboard-footer .small-action{width: 30px; height: 30px; min-height: 30px; border-radius: 8px; padding: 0px; flex: 0 0 auto;}
.ui-ref .source-dashboard-footer .small-action svg{width: 15px; height: 15px;}
.ui-ref .source-dashboard-grid{display: grid; grid-template-columns: repeat(var(--dashboard-columns),minmax(0,1fr)); gap: var(--dashboard-gap); align-items: start;}
.ui-ref .source-dashboard-grid .source-dashboard-card{width: 100%; max-width: none; flex: 0 0 auto;}
.ui-ref .source-dashboard-create{height: 42px; min-height: 42px; align-self: flex-start; margin-left: auto; font-size: 12px; padding: 0px 15px; border-radius: 10px; white-space: nowrap;}
@media (max-width: 1199px){
.ui-ref .source-dashboard-row,.ui-ref .source-dashboard-grid{--dashboard-columns: 3;}
}
@media (max-width: 1050px){
.ui-ref .source-dashboard-row,.ui-ref .source-dashboard-grid{--dashboard-columns: 2;}
}
@media (max-width: 760px){
.ui-ref .source-dashboard-row,.ui-ref .source-dashboard-grid{--dashboard-columns: 1;}
.ui-ref .source-dashboard-row{flex-direction: column; gap: 12px;}
.ui-ref .source-dashboard-row .source-dashboard-card{width: 100%; flex: 0 0 auto;}
.ui-ref .source-dashboard-create{width: 100%; margin-left: 0px;}
}
/* dashboard-editor.css?v=40 */
/* source-menus.css?v=40 */
.ui-ref .source-menu .new-client-trigger,.ui-ref .source-control .new-client-trigger{display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-width: 0px; min-height: 44px; padding: 9px 12px; border: 1px solid rgba(196, 214, 227, 0.18); border-radius: 10px; background: rgba(24, 34, 43, 0.4); color: rgb(220, 231, 244); font-family: inherit; text-align: left; cursor: pointer; font-size: 12px;}
.ui-ref .source-menu .new-client-trigger-main,.ui-ref .source-control .new-client-trigger-main{display: flex; align-items: center; gap: 10px; min-width: 0px; flex: 1 1 0%;}
.ui-ref .source-menu .new-client-trigger > svg,.ui-ref .source-control .new-client-trigger > svg{flex: 0 0 auto; width: 14px; height: 14px; color: rgb(159, 179, 201);}
.ui-ref .source-control .new-client-trigger{min-height: 44px; border-color: var(--glass-edge,#d1dbe32b); background: rgba(25, 33, 42, 0.4);}
.ui-ref .date-button #date-label{display: flex; align-items: center; gap: 7px; min-width: 0px;}
.ui-ref .date-button #date-label strong{font-size: 12px; font-weight: 650; color: rgb(232, 236, 240);}
.ui-ref .date-button .period-separator{color: rgb(148, 155, 168); font-weight: 400;}
@media (max-width: 760px){
.ui-ref .date-button #date-label{gap: 4px;}
.ui-ref .date-button #date-label strong{font-size: 11px;}
.ui-ref .date-button .period-year{display: none;}
.ui-ref .date-button i:last-child{display: none;}
.ui-ref .date-button{gap: 7px;}
}
/* native-templates.css?v=40 */
.ui-ref .native-template-collection .tmpl-card{background: linear-gradient(160deg, rgba(45, 50, 58, 0.93), rgba(27, 32, 39, 0.96)); border-color: rgba(213, 225, 240, 0.157);}
.ui-ref .native-template-collection .tmpl-card:hover{border-color: rgba(196, 213, 227, 0.3); box-shadow: rgba(180, 204, 224, 0.043) 0px 0px 20px;}
.ui-ref .native-template-collection .tmpl-grid.collection-list-view{grid-template-columns: minmax(0px, 1fr); gap: 0px; width: 100%; justify-content: stretch;}
.ui-ref .native-template-toolbar > .collection-search{margin-left: 0px; margin-right: auto;}
.ui-ref .native-template-toolbar .view-selector{margin-left: 0px;}
.ui-ref .native-template-toolbar .ws-sort .new-client-trigger{width: 210px;}
.ui-ref .native-template-picker #s3-tmpl-list .tmpl-card{width: 100%; flex-shrink: 0; height: 322px;}
@media (max-width: 900px){
.ui-ref .native-template-toolbar .view-selector{margin-left: 0px;}
}
@media (max-width: 760px){
.ui-ref .native-template-toolbar .ws-sort .new-client-trigger{width: 100%;}
.ui-ref .native-template-toolbar > .collection-search{flex-basis: 100%; margin-right: 0px;}
.ui-ref .native-template-collection .tmpl-grid:not(.collection-list-view){grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px;}
}
/* native-account.css?v=40 */
/* native-onboarding.css?v=40 */
/* native-menu-parity.css?v=40 */
/* native-dialog-adapter.css?v=40 */
.ui-ref #dialog-content > .source-menu .native-alert-settings-open{display: block;}
.ui-ref #dialog[data-source-kind="alert"] :is(.new-client-input, .new-client-trigger, .alert-money-wrap, .alert-type-tabs, .alert-receiver-tabs, #alert-wa-card){background: var(--bg1); border-color: var(--border);}
/* native-connections-adapter.css?v=40 */
/* report-cards-responsive.css?v=40 */
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]){--collection-card-min: 340px; --collection-card-max: 400px; --collection-card-height: 280px; --collection-gap: 20px; max-width: none; padding-left: 0px; margin-left: 132px; margin-right: 34px;}
.ui-ref .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 340px; --collection-gap: 20px;}
.ui-ref .cards-grid.panel-report-grid,.ui-ref .cards-grid.native-alert-grid,.ui-ref .cards-grid.native-notification-grid,html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) #collection-content > .cards-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,var(--collection-card-min)),1fr)); gap: var(--collection-gap); align-items: stretch;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) #collection-content > .cards-grid > article{width: 100%; max-width: var(--collection-card-max); min-width: 0px; justify-self: start;}
html[data-panel-ui-ready] .main[data-source-page="clients"] #collection-content .panel-client-card{min-height: var(--collection-card-height);}
html[data-panel-ui-ready] .main[data-source-page="dashboards"] #collection-content .source-dashboard-card{height: var(--collection-card-height); min-height: var(--collection-card-height);}
.ui-ref .panel-report-grid .panel-record-card{width: 100%; max-width: 400px; min-width: 0px; min-height: 280px; padding: 21px 21px 18px; border-radius: 22px; justify-self: start; container: report-card / inline-size;}
.ui-ref .panel-report-grid .panel-card-top{gap: 10px; margin-bottom: 14px;}
.ui-ref .panel-report-grid .panel-card-top h2{font-size: 22px; line-height: 1.17; letter-spacing: -0.55px;}
.ui-ref .panel-report-grid .panel-status{font-size: 11px; padding: 3px 9px;}
.ui-ref .panel-report-grid .panel-card-account{font-size: 15px; line-height: 1.35; margin-bottom: 10px;}
.ui-ref .panel-report-grid .panel-card-meta{font-size: 13px; line-height: 1.35; gap: 6px; margin-bottom: 20px;}
.ui-ref .panel-report-grid .panel-card-foot{padding-top: 14px; gap: 12px;}
.ui-ref .panel-report-grid .panel-icon-btn{width: 32px; height: 34px; border-radius: 9px;}
.ui-ref .panel-report-grid .panel-card-actions{gap: 5px;}
.ui-ref .panel-report-grid .panel-provider{width: 26px; height: 28px; margin-right: 2px;}
@media (max-width: 1100px){
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]){--collection-card-min: 290px; --collection-gap: 16px;}
.ui-ref .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 290px; --collection-gap: 16px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]){margin-left: 16px; margin-right: 16px; padding-left: 0px; --collection-card-max: none;}
.ui-ref .panel-report-grid .panel-record-card{max-width: none;}
}
@media (max-width: 360px){
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]){margin-left: 12px; margin-right: 12px;}
}
@media (min-width: 1101px){
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]){--collection-card-min: 272px; --collection-card-max: 336px; --collection-card-height: 252px; --collection-gap: 18px; margin: 17px 28.8px 0px 112.4px; font-size: 12.6px; line-height: 18.9px;}
.ui-ref .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 272px; --collection-gap: 18px;}
.ui-ref .panel-report-grid .panel-record-card{max-width: 336px; min-height: 252px; border-width: 0.8px; padding: 18.9px 18.9px 16.2px; border-radius: 19.8px;}
.ui-ref .panel-report-grid .panel-card-top{gap: 9px; margin-bottom: 12.6px;}
.ui-ref .panel-report-grid .panel-card-top h2{font-size: 19.8px; letter-spacing: -0.495px;}
.ui-ref .panel-report-grid .panel-status{font-size: 9.9px; padding: 2.7px 8.1px;}
.ui-ref .panel-report-grid .panel-card-account{font-size: 13.5px; margin-bottom: 9px;}
.ui-ref .panel-report-grid .panel-card-meta{font-size: 11.7px; gap: 5.4px; margin-bottom: 18px;}
.ui-ref .panel-report-grid .panel-card-foot{padding-top: 12.6px; gap: 10.8px;}
.ui-ref .panel-report-grid .panel-toggle{width: 41.4px; height: 24.3px; padding: 2.7px;}
.ui-ref .panel-report-grid .panel-toggle > span{width: 18.9px; height: 18.9px;}
.ui-ref .panel-report-grid .panel-toggle[aria-checked="true"] > span{transform: translateX(17.1px);}
.ui-ref .panel-report-grid .panel-card-actions{gap: 4.5px;}
.ui-ref .panel-report-grid .panel-provider{width: 23.4px; height: 25.2px; margin-right: 1.8px;}
.ui-ref .panel-report-grid .panel-icon-btn{width: 28.8px; height: 30.6px; border-radius: 8.1px;}
.ui-ref .panel-report-grid .panel-icon-btn svg{width: 15.3px; height: 15.3px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .page-heading{gap: 18px; margin-bottom: 23.4px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .page-heading .eyebrow{font-size: 8.1px; line-height: 12.15px; gap: 7.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .workspace-dot{width: 4.5px; height: 4.5px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .page-heading h1{font-size: 30.6px; line-height: 36.72px; margin: 10.8px 0px 7.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .page-heading p{font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .heading-actions{align-self: flex-start; padding-top: 29.7px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) .heading-actions > .primary-btn{min-height: 39.6px; padding: 10.8px 14.4px; font-size: 10.8px; line-height: 16.2px; gap: 7.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-toolbar{gap: 18px; margin-bottom: 21.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-filter-label{font-size: 10.8px; line-height: 16.2px; margin-bottom: 8.1px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-search-group > div{gap: 10.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-search-group .collection-search{max-width: 211.5px; height: 34.65px; min-height: 34.65px; padding: 8.1px 10.8px; border-width: 0.8px; font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-search-group .collection-search input{font-size: 9.9px; line-height: 14.85px; min-height: 0px; padding: 0px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-search-group .collection-search svg{width: 12.6px; height: 12.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-search-group .collection-count{font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters{gap: 10.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .ws-field{width: 145.8px; gap: 7.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .ws-sort .ws-field{width: 156.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .ws-field > span{font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .new-client-trigger{min-height: 39.6px; padding: 10.8px 12.6px; border-width: 0.8px; font-size: 10.8px; line-height: 16.2px; gap: 9px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters :is(.new-client-trigger-main, .source-trigger-copy, .source-trigger-name){font-size: inherit; line-height: inherit;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .new-client-trigger > svg,html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .new-client-trigger > i,html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .new-client-trigger > i svg{width: 14.4px; height: 14.4px; flex: 0 0 auto;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .view-selector{width: max-content; height: 36.45px; min-height: 36.45px; padding: 3.6px; gap: 2.7px; border-width: 0.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .view-selector button{font-size: 9.9px; line-height: 14.85px; height: 27.65px; padding: 5.4px 8.1px; gap: 5.4px; border-width: 0.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="alertas"]) .panel-collection-filters .view-selector button svg{width: 12.6px; height: 12.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="reports"], [data-source-page="clients"], [data-source-page="dashboards"], [data-source-page="alertas"], [data-source-page="notificacoes"]) :is(.panel-collection-toolbar, .secondary-toolbar){min-height: 63.2px; align-items: end; gap: 18px; margin-bottom: 21.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools{gap: 10.8px; align-items: end;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-count{font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .view-selector{width: max-content; height: 36.45px; min-height: 36.45px; padding: 3.6px; gap: 2.7px; border-width: 0.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .view-selector button{font-size: 9.9px; line-height: 14.85px; height: 27.65px; padding: 5.4px 8.1px; gap: 5.4px; border-width: 0.8px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .view-selector button svg{width: 12.6px; height: 12.6px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .collection-search{width: 211.5px; height: 34.65px; min-height: 34.65px; padding: 8.1px 10.8px; border-width: 0.8px; font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .collection-search input{font-size: 9.9px; line-height: 14.85px; min-height: 0px; padding: 0px;}
html[data-panel-ui-ready] .main:is([data-source-page="clients"], [data-source-page="dashboards"]) .collection-tools .collection-search svg{width: 12.6px; height: 12.6px;}
html[data-panel-ui-ready] .main[data-source-page="clients"] #collection-content .panel-client-card{padding: 18.9px 18.9px 16.2px; border-radius: 19.8px; gap: 19.8px;}
html[data-panel-ui-ready] .main[data-source-page="clients"] #collection-content .panel-client-card h2{font-size: 19.8px; letter-spacing: -0.495px;}
html[data-panel-ui-ready] .main[data-source-page="clients"] #collection-content .panel-client-card .entity-card-footer{padding-top: 12.6px; gap: 10.8px;}
html[data-panel-ui-ready] .main[data-source-page="dashboards"] #collection-content .source-dashboard-card{border-radius: 19.8px;}
}
.ui-ref .native-alert-collection,.ui-ref .native-notifications-page{--t: .18s; --text2: var(--muted); --text3: var(--faint); --border: var(--glass-edge); --teal: var(--blue); --teal-border: rgba(0,168,255,.25); min-width: 0px;}
.ui-ref .native-alert-grid .alert-card,.ui-ref .native-notification-grid .notif-ic{box-sizing: border-box; border-radius: 22px; background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px); justify-self: start; width: 100% !important; max-width: var(--collection-card-max,400px) !important; min-width: 0px !important; height: var(--collection-card-height,280px) !important; min-height: var(--collection-card-height,280px) !important; padding: 21px 21px 18px !important;}
.ui-ref .native-alert-grid .alert-card-top{gap: 10px;}
.ui-ref .native-alert-grid .alert-card-title{font-size: 22px;}
.ui-ref .native-alert-grid .alert-card-account{font-size: 15px;}
.ui-ref .native-alert-grid .alert-card-meta{font-size: 13px;}
.ui-ref .native-alert-grid .alert-balance-label,.ui-ref .native-alert-grid .alert-balance-value{white-space: nowrap;}
.ui-ref .native-alert-grid .alert-card-actions{flex: 0 0 auto;}
.ui-ref .native-notification-grid .notif-ic-name{font-size: 22px;}
.ui-ref .native-notification-grid .notif-ic-icon svg{width: 28px; height: 28px;}
.ui-ref .native-notification-grid .notif-ic-desc{color: var(--text); font-size: 12px; line-height: 1.5;}
.ui-ref .native-notification-grid .integ-connect-btn{margin-top: 0px; align-self: end;}
.ui-ref .native-notification-tools-bar{margin-bottom: 20px;}
.ui-ref .native-notification-tools-bar .panel-filter-label{margin: 0px; text-transform: uppercase; letter-spacing: 0.06em;}
@media (min-width: 1101px){
.ui-ref .native-alert-grid .alert-card,.ui-ref .native-notification-grid .notif-ic{border-width: 0.8px; border-radius: 19.8px; max-width: var(--collection-card-max,336px) !important; height: var(--collection-card-height,252px) !important; min-height: var(--collection-card-height,252px) !important; padding: 18.9px 18.9px 16.2px !important;}
.ui-ref .native-alert-grid .alert-card-top{gap: 9px; margin-bottom: 12.6px;}
.ui-ref .native-alert-grid .alert-card-title,.ui-ref .native-notification-grid .notif-ic-name{font-size: 19.8px; letter-spacing: -0.495px;}
.ui-ref .native-alert-grid .alert-card-account{font-size: 13.5px; line-height: 1.35; margin-bottom: 9px;}
.ui-ref .native-alert-grid .alert-card-meta{font-size: 11.7px; line-height: 1.35; gap: 5.4px; margin-bottom: 18px;}
.ui-ref .native-alert-grid .alert-card-foot{padding-top: 12.6px; gap: 10.8px;}
.ui-ref .native-alert-grid .alert-balance-label{font-size: 9.9px;}
.ui-ref .native-alert-grid .alert-balance-value{font-size: 11.7px;}
.ui-ref .native-alert-grid .alert-card-actions{gap: 4.5px;}
.ui-ref .native-alert-grid .alert-provider-mark{width: 23.4px; height: 25.2px; margin-right: 1.8px;}
.ui-ref .native-alert-grid .alert-icon-btn{width: 28.8px; height: 30.6px; border-radius: 8.1px;}
.ui-ref .native-alert-grid .alert-icon-btn svg{width: 15.3px; height: 15.3px;}
.ui-ref .native-alert-grid .alert-toggle{width: 41.4px; height: 24.3px; padding: 2.7px; flex: 0 0 41.4px;}
.ui-ref .native-alert-grid .alert-toggle::after{width: 18.9px; height: 18.9px;}
.ui-ref .native-alert-grid .alert-toggle.active::after{transform: translateX(17.1px);}
.ui-ref .native-notification-grid .notif-ic-desc{font-size: 10.8px; line-height: 16.2px;}
.ui-ref .native-notification-grid .integ-connect-btn{font-size: 10.8px; line-height: 16.2px; min-height: 38px;}
.ui-ref .native-notification-tools-bar{min-height: 63.2px; display: flex; align-items: end; margin-bottom: 21.6px;}
.ui-ref .native-notification-tools-bar .panel-filter-label{font-size: 10.8px; line-height: 16.2px;}
}
@media (max-width: 760px){
.ui-ref .native-alert-grid .alert-card,.ui-ref .native-notification-grid .notif-ic{max-width: none !important;}
}
/* responsive-layout.css?v=40 */
html[data-panel-ui-ready] .main,.ui-ref #view-content{min-inline-size: 0px;}
.ui-ref .mobile-navigation{display: none;}
@media (max-width: 980px){
.ui-ref .floating-header{position: fixed; inset: var(--mobile-visible-top,0px) 0 auto; width: 100%; max-width: 100%; height: calc(var(--mobile-header-height) + env(safe-area-inset-top)); padding: env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left)); gap: 10px; transform: none;}
.ui-ref .floating-header .brand{flex: 1 1 auto; min-width: 0px; gap: 8px; font-size: clamp(12.5px, 3.8vw, 17px);}
.ui-ref .floating-header .brand img{width: 32px; height: 32px;}
.ui-ref .mobile-header-actions{flex: 0 0 auto; min-width: 0px; margin-left: auto;}
.ui-ref .mobile-menu-trigger{min-width: 44px;}
.ui-ref .mobile-navigation{--mobile-nav-size: 56px; --mobile-menu-size: 56px; position: fixed; left: max(12px,env(safe-area-inset-left)); right: max(12px,env(safe-area-inset-right)); bottom: calc(12px + env(safe-area-inset-bottom) + var(--mobile-visible-bottom,0px)); z-index: 50; display: flex; align-items: center; gap: 10px; max-width: 340px; margin-inline: auto; pointer-events: none;}
.ui-ref .mobile-navigation > *{pointer-events: auto; box-sizing: border-box;}
.ui-ref .mobile-navigation .mobile-dock{position: static; inset: auto; display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0px; width: auto; max-width: none; height: var(--mobile-nav-size); margin: 0px; padding: 5px; border-radius: 999px; transform: none; background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px);}
.ui-ref .mobile-navigation .mobile-dock > button{display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 44px; min-width: 44px; height: 44px; gap: 6px; padding: 0px; border-radius: 999px; color: var(--muted); white-space: nowrap;}
.ui-ref .mobile-navigation .mobile-dock > button > span{display: none; font-size: 11.5px; line-height: 1.2; white-space: nowrap;}
.ui-ref .mobile-navigation .mobile-dock > button.active{flex: 0 1 auto; padding-inline: 10px; color: var(--text); background: var(--selected-fill); box-shadow: var(--selected-edge);}
.ui-ref .mobile-navigation .mobile-dock > button.active > span{display: inline;}
.ui-ref .mobile-navigation .mobile-dock > button svg{width: 20px; height: 20px; flex: 0 0 auto;}
.ui-ref .mobile-menu-fab{display: grid; place-items: center; flex: 0 0 var(--mobile-menu-size); width: var(--mobile-menu-size); height: var(--mobile-menu-size); padding: 0px; border: 1px solid var(--glass-edge); border-radius: 50%; background: var(--glass-fill); color: rgb(215, 225, 235); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px);}
.ui-ref .mobile-menu-fab svg{width: 22px; height: 22px; stroke-width: 1.7;}
.ui-ref .mobile-menu-fab.active,.ui-ref .mobile-menu-fab[aria-expanded="true"]{color: var(--text); background: var(--selected-fill); box-shadow: var(--selected-edge);}
html[data-panel-ui-ready] .main#main{margin: 24px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left)); max-width: none; padding-left: 0px;}
.ui-ref #view-content{max-width: 100%;}
.ui-ref .page-heading,.ui-ref .heading-actions,.ui-ref .secondary-toolbar,.ui-ref .collection-tools,.ui-ref .ws-toolbar{min-width: 0px; max-width: 100%;}
.ui-ref .heading-actions > *,.ui-ref .ws-toolbar > *{min-width: 0px;}
.ui-ref .native-template-collection .tmpl-grid:not(.collection-list-view){grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));}
.ui-ref .ws-two-col,.ui-ref .ws-metrics,.ui-ref .ws-plans,.ui-ref .panel-source-grid{min-width: 0px;}
.ui-ref .ws-two-col > *,.ui-ref .ws-metrics > *,.ui-ref .ws-plans > *,.ui-ref .panel-source-grid > *{min-width: 0px; max-width: 100%;}
.ui-ref .collection-table-wrap,.ui-ref .native-table-panel{max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain;}
.ui-ref .ws-tabs,.ui-ref .account-tabs{max-width: 100%; min-width: 0px;}
.ui-ref input,.ui-ref textarea,.ui-ref select{min-width: 0px; max-width: 100%; font-size: 16px !important;}
.ui-ref dialog{max-width: calc(100% - 20px); max-height: calc(100dvh - 20px);}
.ui-ref footer{padding-bottom: calc(110px + env(safe-area-inset-bottom));}
}
@media (max-width: 380px){
.ui-ref .mobile-menu-trigger > span{display: none;}
.ui-ref .mobile-menu-trigger{width: 44px; padding: 0px;}
.ui-ref .floating-header .brand img{width: 29px; height: 29px;}
}
@media (max-width: 350px){
html[data-panel-ui-ready] .main#main{margin-left: max(12px,env(safe-area-inset-left)); margin-right: max(12px,env(safe-area-inset-right));}
}
@media (max-width: 359px){
.ui-ref .mobile-navigation{--mobile-nav-size: 54px; --mobile-menu-size: 54px; gap: 8px;}
.ui-ref .mobile-navigation .mobile-dock{padding: 4px;}
.ui-ref .mobile-navigation .mobile-dock > button.active{padding-inline: 6px; gap: 5px;}
.ui-ref .mobile-navigation .mobile-dock > button > span{font-size: 10.5px;}
.ui-ref .mobile-navigation .mobile-dock > button svg{width: 18px; height: 18px;}
}
@media (max-width: 319px){
.ui-ref .mobile-navigation{--mobile-nav-size: 52px; --mobile-menu-size: 48px;}
.ui-ref .mobile-navigation .mobile-dock{padding: 3px;}
.ui-ref .mobile-navigation .mobile-dock > button.active{flex: 1 1 44px; padding-inline: 0px;}
.ui-ref .mobile-navigation .mobile-dock > button.active > span{display: none;}
}
@media (max-width: 980px) and (max-height: 500px){
html[data-panel-ui-ready] .main#main{margin-top: 16px;}
}
@media (min-width: 600px) and (max-width: 980px){
.ui-ref .stats{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ui-ref .stat:first-child{grid-column: 1 / -1;}
}

.ui-ref{font:14px/1.5 Geist,Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}
.ui-shell{display:contents}

/* Client interior rules from v40. */

.ui-ref .entity-card-footer{border-top: 1px solid rgba(122, 122, 122, 0.094); margin: 0px 21px; padding: 14px 0px; display: flex; align-items: center; gap: 7px;}
.ui-ref .entity-card-footer > span{flex: 1 1 0%; font-size: 11px; color: rgb(146, 146, 146); display: flex; align-items: center; gap: 6px; min-width: 0px;}
.ui-ref .entity-card-footer > span svg{width: 14px; height: 14px; color: rgb(123, 123, 123);}
.ui-ref .card-actions{display: flex; gap: 6px;}
.ui-ref .small-action{display: inline-flex; width: 33px; height: 33px; align-items: center; justify-content: center; border: 1px solid rgba(108, 108, 108, 0.16); border-radius: 9px; color: rgb(164, 164, 164); background: rgba(187, 187, 187, 0.027); flex: 0 0 auto;}
.ui-ref .small-action svg{width: 15px; height: 15px;}
.ui-ref .small-action:hover{color: rgb(166, 166, 166); border-color: rgba(139, 139, 139, 0.376); background: rgba(139, 139, 139, 0.063);}
.ui-ref .small-action.featured{background: rgba(139, 139, 139, 0.08); border-color: rgba(139, 139, 139, 0.208); color: rgb(172, 172, 172);}
.ui-ref .text-action{font-size: 12px; font-weight: 550; text-align: left; color: rgb(231, 231, 231); display: block; max-width: 100%;}
.ui-ref .text-action:hover{color: rgb(165, 165, 165);}
.ui-ref .entity-card .text-action{font-size: 19px; letter-spacing: -0.55px; line-height: 1.25; font-weight: 620; padding: 0px; overflow-wrap: anywhere;}
.ui-ref .dashboard-card .text-action{font-size: 15px; letter-spacing: -0.2px;}
.ui-ref .dashboard-card .entity-card-footer{margin: 0px 17px; padding: 12px 0px; border-top: 0px;}
.ui-ref .dashboard-card .entity-card-footer .client-avatar{width: 27px; height: 27px; font-size: 9px; border-radius: 50%; flex: 0 0 auto;}
.ui-ref .dashboard-card .entity-card-footer > span{color: rgb(211, 211, 211); font-size: 11px;}
.ui-ref .collection-table .card-actions{justify-content: flex-end;}
.ui-ref .report-card .entity-card-footer{font-size: 10px;}
@media (max-width: 1050px){
.ui-ref .entity-card .text-action{font-size: 18px;}
.ui-ref .dashboard-card .text-action{font-size: 14px;}
}
@media (max-width: 760px){
.ui-ref .entity-card .text-action{font-size: 20px;}
.ui-ref .dashboard-card .text-action{font-size: 16px;}
.ui-ref .entity-card-footer{margin-left: 20px; margin-right: 20px;}
}

@media (max-width: 980px){
.ui-ref .entity-card-footer{margin: 0px 18px; gap: 8px; min-width: 0px;}
.ui-ref .small-action{width: 40px; height: 44px;}
.ui-ref .entity-card .text-action{font-size: 20px;}
.ui-ref .dashboard-card .text-action{font-size: 16px;}
.ui-ref .entity-card-footer .card-actions{gap: 4px;}
.ui-ref .entity-card-footer > span{font-size: 10px;}
.ui-ref .collection-table .small-action{height: 44px;}
}
@media (max-width: 350px){
.ui-ref .entity-card .text-action{font-size: 18px;}
.ui-ref .entity-card-footer{margin-left: 15px; margin-right: 15px; flex-wrap: wrap;}
.ui-ref .entity-card-footer .card-actions{margin-left: auto;}
.ui-ref .small-action{width: 38px;}
}

.ui-ref .ws-record .entity-card-footer > .small-action{width: auto; padding: 0px 11px; gap: 7px; font-size: 11px;}
.ui-ref .ws-record .entity-card-footer > .small-action i{display: flex;}
.ui-ref .ws-settings-row .small-action > span{display: none;}
.ui-ref .ws-row-actions .small-action > span{display: none;}
.ui-ref .collection-table .small-action > span{display: none;}
.ui-ref .collection-table .text-action{min-height: 36px;}
@media (max-width: 760px){
.ui-ref .ws-row-actions .small-action{width: 44px; height: 44px;}
.ui-ref .ws-record .entity-card-footer > .small-action{min-height: 44px;}
}

.ui-ref .small-action.featured{background: var(--selected-fill); border-color: var(--glass-edge); color: rgb(213, 217, 224); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset;}
.ui-ref .small-action:hover{color: rgb(240, 241, 244); background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.19);}
.ui-ref .card-actions .small-action > span{display: none;}

.ui-ref .panel-client-card .entity-card-footer{margin-top: auto; padding-top: 18px; gap: 12px;}
.ui-ref .panel-client-card .entity-card-footer > span{font-size: 12px; flex-wrap: wrap;}
.ui-ref .panel-client-card .entity-card-footer .card-actions{flex: 0 0 auto;}
.ui-ref .panel-client-card .entity-card-footer svg{width: 17px; height: 17px;}
.ui-ref .dashboard-card .entity-card-footer{gap: 10px;}
.ui-ref .dashboard-card .entity-card-footer > span{min-width: 0px; overflow-wrap: anywhere; line-height: 1.35;}
.ui-ref .dashboard-card .card-actions{flex: 0 0 auto;}
@media (max-width: 360px){
.ui-ref .panel-client-card .card-actions{gap: 4px;}
.ui-ref .panel-client-card .small-action{width: 30px; height: 32px;}
}
.ui-ref .source-dashboard-footer .card-actions{display: flex; gap: 5px; flex: 0 0 auto;}
.ui-ref .source-dashboard-footer .small-action{width: 30px; height: 30px; min-height: 30px; border-radius: 8px; padding: 0px; flex: 0 0 auto;}
.ui-ref .source-dashboard-footer .small-action svg{width: 15px; height: 15px;}

/* A pending or unavailable check is not a successful connection. */
.ui-ref .connection-check:not(.is-connected){background:rgba(180,190,205,.07);color:#9aa5b4;}