@-webkit-keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

@keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
@keyframes spFadeUp{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes spLivePulse{50%{opacity:.35;transform:scale(.76)}}@keyframes spinvspin{to{transform:rotate(360deg)}}@keyframes spspin{to{transform:rotate(360deg)}}
app-dashboard.castles-dashboard{--sd-bg:#03111f;--sd-card:#061c32;--sd-card2:#041629;--sd-border:#14517e;--sd-text:#f6fbff;--sd-muted:#a1b7ca;overflow-x:hidden!important;background:#03111f!important}app-dashboard.castles-dashboard .spd{position:relative;max-width:1920px;margin:0 auto;color:var(--sd-text);font-family:var(--spx-font,"Poppins","Segoe UI",sans-serif);padding-bottom:24px}
app-dashboard.castles-dashboard .spd-toolbar{display:grid;grid-template-columns:minmax(265px,.8fr) minmax(720px,2.2fr);gap:13px;align-items:center;margin-bottom:8px}app-dashboard.castles-dashboard .spd-title h1{margin:0;font-size:26px;font-weight:900;letter-spacing:-.45px}app-dashboard.castles-dashboard .spd-title h1 span{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:5px 10px;border-radius:7px;background:#08ad59;color:#fff;font-size:9px;vertical-align:middle;box-shadow:0 0 13px rgba(0,255,120,.22)}app-dashboard.castles-dashboard .spd-title h1 span i{width:7px;height:7px;border-radius:50%;background:white}app-dashboard.castles-dashboard .spd-title p{margin:2px 0 0;color:#a9bfd3;font-size:10px}app-dashboard.castles-dashboard .spd-filters{display:grid;grid-template-columns:150px minmax(375px,1fr) minmax(230px,270px) 105px;gap:7px;align-items:center;justify-content:end}
app-dashboard.castles-dashboard .spd-outlet-wrap{position:relative}app-dashboard.castles-dashboard .spd-outlet-wrap>button,app-dashboard.castles-dashboard .spd-range button,app-dashboard.castles-dashboard .spd-date,app-dashboard.castles-dashboard .spd-refresh{height:39px;border:1px solid #185483;background:#06213c;color:#eef7ff;border-radius:7px}app-dashboard.castles-dashboard .spd-outlet-wrap>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;font-weight:700}app-dashboard.castles-dashboard .spd-outlet-wrap>div{position:absolute;right:0;top:44px;z-index:90;min-width:235px;max-height:310px;overflow:auto;padding:7px;border:1px solid #1a557f;border-radius:10px;background:#071d33;box-shadow:0 15px 35px rgba(0,0,0,.38)}app-dashboard.castles-dashboard .spd-outlet-wrap>div label{display:flex;gap:8px;align-items:center;padding:8px;border-radius:7px;font-size:9px}app-dashboard.castles-dashboard .spd-outlet-wrap>div label:hover{background:#0b2b49}app-dashboard.castles-dashboard .spd-outlet-wrap input{accent-color:#168bff}app-dashboard.castles-dashboard .spd-range{display:flex;min-width:0}app-dashboard.castles-dashboard .spd-range button{flex:1;margin-left:-1px;border-radius:0;padding:0 11px;font-size:9px}app-dashboard.castles-dashboard .spd-range button:first-child{border-radius:7px 0 0 7px}app-dashboard.castles-dashboard .spd-range button:last-child{border-radius:0 7px 7px 0}app-dashboard.castles-dashboard .spd-range button.active{background:linear-gradient(#168fff,#0869e7);border-color:#168fff;box-shadow:0 0 12px rgba(22,143,255,.25)}app-dashboard.castles-dashboard .spd-date{display:flex;align-items:center;gap:4px;padding:0 9px}app-dashboard.castles-dashboard .spd-date input{width:94px;border:0;background:transparent;color:#dbeaf8;font-size:9px;outline:0;color-scheme:dark}app-dashboard.castles-dashboard .spd-refresh{background:linear-gradient(#168fff,#0869e7);border-color:#219cff;font-weight:800;font-size:10px}app-dashboard.castles-dashboard .spd-refresh i{margin-right:5px}

app-dashboard.castles-dashboard .spd-card{background:linear-gradient(155deg,#061f38,#041527);border:1px solid #15517d;border-radius:9px;box-shadow:0 7px 21px rgba(0,0,0,.22);overflow:hidden;min-width:0}app-dashboard.castles-dashboard .spd-head{min-height:39px;padding:7px 10px;border-bottom:1px solid #103e62;display:flex;align-items:center;justify-content:space-between;gap:8px}app-dashboard.castles-dashboard .spd-head h2{margin:0;font-size:12px;color:#f7fbff;font-weight:850}app-dashboard.castles-dashboard .spd-head h2 i{margin-right:6px}app-dashboard.castles-dashboard .spd-head h2 i.orange{color:#ff8b16}app-dashboard.castles-dashboard .spd-head h2 i.blue{color:#18a6ff}app-dashboard.castles-dashboard .spd-head h2 small{font-size:9px;color:#b1c7da;font-weight:500}app-dashboard.castles-dashboard .spd-head>span,app-dashboard.castles-dashboard .spd-head>button,app-dashboard.castles-dashboard .spd-head select{border:1px solid #1c537c;background:#08233d;color:#d7e7f5;border-radius:6px;padding:4px 7px;font-size:8px}app-dashboard.castles-dashboard .spd-head>button{cursor:pointer}app-dashboard.castles-dashboard .spd-head-controls{display:flex;align-items:center;gap:7px;color:#d3e7f8;font-size:8px}app-dashboard.castles-dashboard .spd-head-controls label{display:flex;align-items:center;gap:4px}app-dashboard.castles-dashboard .spd-head-controls input{accent-color:#13a6ff}app-dashboard.castles-dashboard .spd-head-controls select{height:27px}

app-dashboard.castles-dashboard .spd-outlet-top{display:grid;grid-template-columns:minmax(0,1.47fr) minmax(475px,.95fr);gap:8px;margin-bottom:7px}app-dashboard.castles-dashboard .spd-chart{height:165px;padding:4px 9px 7px}app-dashboard.castles-dashboard .spd-outlet-table{padding:4px 7px 7px;overflow:auto}app-dashboard.castles-dashboard .spd-outlet-table>div{display:grid;grid-template-columns:22px minmax(95px,1.25fr) minmax(78px,.8fr) minmax(78px,.8fr) 45px 58px minmax(95px,1fr);gap:5px;align-items:center;min-width:620px;min-height:24px;border-bottom:1px solid #103856;font-size:8px}app-dashboard.castles-dashboard .spd-outlet-table .head{color:#a8bfd2;font-weight:750}app-dashboard.castles-dashboard .spd-outlet-table b{color:#eff8ff;font-size:8px}app-dashboard.castles-dashboard .spd-outlet-table em{font-style:normal;text-align:right}app-dashboard.castles-dashboard .spd-outlet-table em i{font-style:normal;border-radius:5px;padding:3px 5px;background:#0e7c68;color:#eafff9}app-dashboard.castles-dashboard .spd-outlet-table strong{display:grid;grid-template-columns:1fr 34px;gap:5px;align-items:center}app-dashboard.castles-dashboard .spd-outlet-table strong u{height:8px;background:#0c3554;border-radius:8px;overflow:hidden;text-decoration:none}app-dashboard.castles-dashboard .spd-outlet-table strong u i{display:block;height:100%;border-radius:8px}

app-dashboard.castles-dashboard .spd-kpis{display:grid;gap:7px;margin-bottom:7px}app-dashboard.castles-dashboard .spd-kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))}app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(8,minmax(0,1fr))}app-dashboard.castles-dashboard .spd-kpi{position:relative;min-height:91px;border:1px solid #13547e;border-radius:8px;overflow:hidden;padding:10px;background:linear-gradient(145deg,#06213a,#041526);box-shadow:inset 0 0 20px rgba(0,130,255,.05)}app-dashboard.castles-dashboard .spd-kpi.blue{background:linear-gradient(145deg,#07315b,#06172e)}app-dashboard.castles-dashboard .spd-kpi.green{background:linear-gradient(145deg,#073f38,#071a2e)}app-dashboard.castles-dashboard .spd-kpi.pink{background:linear-gradient(145deg,#5a143c,#1c1730)}app-dashboard.castles-dashboard .spd-kpi.orange{background:linear-gradient(145deg,#4f3211,#1c1a29)}app-dashboard.castles-dashboard .spd-kpi.purple{background:linear-gradient(145deg,#3a1f6f,#171b3a)}app-dashboard.castles-dashboard .spd-kpi.cyan{background:linear-gradient(145deg,#063b4d,#051b30)}app-dashboard.castles-dashboard .spd-kpi-icon{position:absolute;left:10px;top:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 0 0 6px rgba(255,255,255,.05),0 0 14px currentColor}app-dashboard.castles-dashboard .spd-kpi.blue .spd-kpi-icon{background:#067eef;color:#7cd1ff}app-dashboard.castles-dashboard .spd-kpi.green .spd-kpi-icon{background:#00b979;color:#8dffda}app-dashboard.castles-dashboard .spd-kpi.pink .spd-kpi-icon{background:#e91567;color:#ffc2da}app-dashboard.castles-dashboard .spd-kpi.orange .spd-kpi-icon{background:#ff8b0e;color:#ffe0ac}app-dashboard.castles-dashboard .spd-kpi.purple .spd-kpi-icon{background:#8744f3;color:#e0c7ff}app-dashboard.castles-dashboard .spd-kpi.cyan .spd-kpi-icon{background:#08a9d9;color:#bdedff}app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:46px;display:flex;flex-direction:column;min-width:0}app-dashboard.castles-dashboard .spd-kpi small{font-size:8px;color:#e2edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-dashboard.castles-dashboard .spd-kpi b{font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-dashboard.castles-dashboard .spd-kpi em{font-size:7px;font-style:normal;font-weight:800}app-dashboard.castles-dashboard .spd-kpi em.up{color:#00ec92}app-dashboard.castles-dashboard .spd-kpi em.down{color:#ff455f}app-dashboard.castles-dashboard .spd-kpi>span{position:absolute;right:8px;top:52px;color:#a0b4c7;font-size:7px}app-dashboard.castles-dashboard .spd-spark{position:absolute;left:8px;right:8px;bottom:3px;width:calc(100% - 16px);height:21px}app-dashboard.castles-dashboard .spd-spark polyline{fill:none;stroke-width:1.2;filter:drop-shadow(0 0 3px currentColor)}

app-dashboard.castles-dashboard .spd-kpis-small .spd-kpi,app-dashboard.castles-dashboard .spd-mini{min-height:66px}app-dashboard.castles-dashboard .spd-mini{position:relative;border:1px solid #144c75;border-radius:8px;background:linear-gradient(145deg,#061f38,#041527);padding:7px 8px;overflow:hidden}app-dashboard.castles-dashboard .spd-mini-icon{position:absolute;left:8px;top:8px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:14px}app-dashboard.castles-dashboard .spd-mini.blue .spd-mini-icon{background:#0b5fac;color:#76caff}app-dashboard.castles-dashboard .spd-mini.cyan .spd-mini-icon{background:#086980;color:#6cecff}app-dashboard.castles-dashboard .spd-mini.pink .spd-mini-icon{background:#9a174e;color:#ff99bd}app-dashboard.castles-dashboard .spd-mini.orange .spd-mini-icon{background:#a45a00;color:#ffc46d}app-dashboard.castles-dashboard .spd-mini.purple .spd-mini-icon{background:#6430ab;color:#d5a7ff}app-dashboard.castles-dashboard .spd-mini.green .spd-mini-icon{background:#087b54;color:#69ffc5}app-dashboard.castles-dashboard .spd-mini>div:nth-child(2){margin-left:37px;display:flex;flex-direction:column}app-dashboard.castles-dashboard .spd-mini small{font-size:7px;color:#ceddea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-dashboard.castles-dashboard .spd-mini b{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-dashboard.castles-dashboard .spd-mini em{font-size:7px;font-style:normal;font-weight:750}app-dashboard.castles-dashboard .spd-mini em.up{color:#00ec92}app-dashboard.castles-dashboard .spd-mini em.down{color:#ff455f}app-dashboard.castles-dashboard .spd-mini .spd-spark{left:45%;width:53%;height:15px;bottom:3px}
app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{min-height:62px}app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini b{font-size:11px}

app-dashboard.castles-dashboard .spd-analysis{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr) minmax(285px,.7fr);gap:8px;margin-bottom:7px}app-dashboard.castles-dashboard .spd-daily-chart{height:165px;padding:4px 8px 8px}app-dashboard.castles-dashboard .dot{width:7px;height:7px;border-radius:50%;display:inline-block}app-dashboard.castles-dashboard .blue-dot{background:#12a8ff}app-dashboard.castles-dashboard .green-dot{background:#1fe0a2}app-dashboard.castles-dashboard .spd-order-body{height:165px;display:grid;grid-template-columns:125px 1fr;align-items:center;gap:10px;padding:9px}app-dashboard.castles-dashboard .spd-donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#22dd91 0 43%,#1597ff 43% 71%,#ff9417 71% 88%,#9654ee 88% 100%);display:grid;place-items:center;position:relative}app-dashboard.castles-dashboard .spd-donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#071a2d;border:1px solid #174664}app-dashboard.castles-dashboard .spd-donut>div{position:relative;z-index:2;text-align:center}app-dashboard.castles-dashboard .spd-donut b{display:block;font-size:18px}app-dashboard.castles-dashboard .spd-donut span{font-size:7px}app-dashboard.castles-dashboard .spd-order-legend{display:grid;gap:7px}app-dashboard.castles-dashboard .spd-order-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center}app-dashboard.castles-dashboard .spd-order-legend>div>i{width:8px;height:8px;border-radius:3px}app-dashboard.castles-dashboard .spd-order-legend b{display:block;font-size:8px}app-dashboard.castles-dashboard .spd-order-legend small{display:block;color:#9db4c8;font-size:7px}app-dashboard.castles-dashboard .spd-order-legend em{font-style:normal;border:1px solid currentColor;border-radius:11px;padding:3px 5px;font-size:8px}
app-dashboard.castles-dashboard .spd-payments{padding:8px 9px;display:grid;gap:6px;min-height:122px}app-dashboard.castles-dashboard .spd-payments>div{display:grid;grid-template-columns:20px 52px 1fr 68px 27px;gap:5px;align-items:center;font-size:7px}app-dashboard.castles-dashboard .spd-payments>div>i{width:19px;height:19px;border-radius:5px}app-dashboard.castles-dashboard .spd-payments b{font-size:8px}app-dashboard.castles-dashboard .spd-payments em{height:6px;background:#11334e;border-radius:6px;overflow:hidden}app-dashboard.castles-dashboard .spd-payments em u{display:block;height:100%;border-radius:6px}app-dashboard.castles-dashboard .spd-payments strong{text-align:right}app-dashboard.castles-dashboard .spd-payments small{text-align:right;color:#a9bdd0}app-dashboard.castles-dashboard .spd-collection{margin:0 8px 8px;min-height:42px;border:1px solid #087758;border-radius:7px;background:linear-gradient(90deg,#004d39,#00342a);display:grid;grid-template-columns:28px 1fr;gap:5px;align-items:center;padding:5px 8px;color:#29f4a3}app-dashboard.castles-dashboard .spd-collection>i{font-size:20px}app-dashboard.castles-dashboard .spd-collection>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px}app-dashboard.castles-dashboard .spd-collection span{font-size:7px}app-dashboard.castles-dashboard .spd-collection b{font-size:8px;color:#44ffad}

app-dashboard.castles-dashboard .spd-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}app-dashboard.castles-dashboard .spd-data-table{padding:4px 8px 7px;overflow:auto}app-dashboard.castles-dashboard .spd-data-table>div{display:grid;gap:5px;align-items:center;min-width:600px;min-height:21px;border-bottom:1px solid #0f3754;font-size:7px}app-dashboard.castles-dashboard .spd-data-table .head{color:#9db5ca;font-weight:750}app-dashboard.castles-dashboard .spd-data-table.recent>div{grid-template-columns:22px 60px 65px 1fr 74px 65px 85px}app-dashboard.castles-dashboard .spd-data-table.top>div{grid-template-columns:22px 1.25fr 50px 75px 125px}app-dashboard.castles-dashboard .spd-data-table b,app-dashboard.castles-dashboard .spd-data-table strong{font-size:8px;color:#eef8ff}app-dashboard.castles-dashboard .spd-data-table em,app-dashboard.castles-dashboard .spd-data-table u,app-dashboard.castles-dashboard .spd-data-table i,app-dashboard.castles-dashboard .spd-data-table mark{font-style:normal;text-decoration:none;background:transparent;color:#c9dcec;padding:0}app-dashboard.castles-dashboard .spd-data-table mark{color:#22e7a1}app-dashboard.castles-dashboard .spd-data-table .type{border-radius:10px;text-align:center;padding:2px 5px}app-dashboard.castles-dashboard .spd-data-table .type.dinein{background:#087d58;color:#59ffc5}app-dashboard.castles-dashboard .spd-data-table .type.takeaway{background:#0a5fae;color:#9ad7ff}app-dashboard.castles-dashboard .spd-data-table .type.delivery{background:#9e5000;color:#ffd29e}app-dashboard.castles-dashboard .spd-data-table.top u{display:grid;grid-template-columns:1fr 35px;gap:5px;align-items:center}app-dashboard.castles-dashboard .spd-data-table.top u>i{height:7px;border-radius:7px;background:#103651;overflow:hidden}app-dashboard.castles-dashboard .spd-data-table.top u>i>s{display:block;height:100%;border-radius:7px}app-dashboard.castles-dashboard .spd-empty{padding:14px!important;text-align:center!important;color:#8aa4bc!important;font-size:8px!important}
app-dashboard.castles-dashboard .spd-loading{position:fixed;inset:65px 0 0 0;z-index:100;background:rgba(2,10,18,.48);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:70px;gap:8px}app-dashboard.castles-dashboard .spd-loading[hidden]{display:none}app-dashboard.castles-dashboard .spd-loading>span{width:19px;height:19px;border:2px solid #54718d;border-top-color:#16a2ff;border-radius:50%;animation:spdspin .8s linear infinite}app-dashboard.castles-dashboard .spd-loading b{font-size:9px}@keyframes spdspin{to{transform:rotate(360deg)}}
app-dashboard.castles-dashboard,app-dashboard.castles-dashboard .spd{height:auto!important;max-height:none!important;overflow-y:visible!important}
@media(max-width:1550px){app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-filters{grid-template-columns:155px minmax(360px,1fr) 245px 105px}app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(4,1fr)}app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1.35fr 1fr}app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1.4fr .8fr}app-dashboard.castles-dashboard .spd-analysis>article:last-child{grid-column:1/-1}app-dashboard.castles-dashboard .spd-payments{grid-template-columns:1fr 1fr}app-dashboard.castles-dashboard .spd-kpis-6 .spd-kpi b{font-size:13px}}
@media(max-width:1180px){app-dashboard.castles-dashboard .spd-filters{grid-template-columns:150px minmax(320px,1fr) 230px 48px}app-dashboard.castles-dashboard .spd-refresh{width:48px}app-dashboard.castles-dashboard .spd-refresh span{display:none}app-dashboard.castles-dashboard .spd-refresh i{margin:0}app-dashboard.castles-dashboard .spd-outlet-top,app-dashboard.castles-dashboard .spd-analysis,app-dashboard.castles-dashboard .spd-bottom{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-kpis-6{grid-template-columns:repeat(3,1fr)}app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(4,1fr)}app-dashboard.castles-dashboard .spd-analysis>article:last-child{grid-column:auto}app-dashboard.castles-dashboard .spd-payments{grid-template-columns:1fr 1fr}app-dashboard.castles-dashboard .spd-chart{height:210px}}
@media(max-width:760px){app-dashboard.castles-dashboard .spd-title h1{font-size:22px}app-dashboard.castles-dashboard .spd-toolbar{gap:8px}app-dashboard.castles-dashboard .spd-filters{grid-template-columns:1fr 48px}app-dashboard.castles-dashboard .spd-outlet-wrap,app-dashboard.castles-dashboard .spd-range{grid-column:1/-1}app-dashboard.castles-dashboard .spd-range{overflow-x:auto;scrollbar-width:none}app-dashboard.castles-dashboard .spd-range::-webkit-scrollbar{display:none}app-dashboard.castles-dashboard .spd-range button{min-width:72px;flex:1 0 auto}app-dashboard.castles-dashboard .spd-date{grid-column:1/2;justify-content:center}app-dashboard.castles-dashboard .spd-date input{width:min(31vw,105px)}app-dashboard.castles-dashboard .spd-refresh{grid-column:2}app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-kpis-6,app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:1fr 1fr}app-dashboard.castles-dashboard .spd-kpi{min-height:86px}app-dashboard.castles-dashboard .spd-kpi b{font-size:14px}app-dashboard.castles-dashboard .spd-mini{min-height:64px}app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:120px 1fr}app-dashboard.castles-dashboard .spd-payments{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-bottom{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-data-table>div{min-width:0!important}app-dashboard.castles-dashboard .spd-data-table .head{display:none}app-dashboard.castles-dashboard .spd-data-table>div:not(.head){display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid #14476e;border-radius:8px;background:#061c32;margin:6px 0;padding:8px;min-height:0}app-dashboard.castles-dashboard .spd-data-table>div:not(.head)>*{min-width:0;overflow:hidden;text-overflow:ellipsis}app-dashboard.castles-dashboard .spd-outlet-table>div{min-width:610px}}
@media(max-width:430px){app-dashboard.castles-dashboard .spd-kpis-6,app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:1fr}app-dashboard.castles-dashboard .spd-donut{margin:auto}app-dashboard.castles-dashboard .spd-date{padding:0 5px}app-dashboard.castles-dashboard .spd-title h1{font-size:20px}}
app-dashboard.castles-dashboard{
  --spd-sidebar:244px;
  --spd-header:72px;
  background:#03111f!important;
  color:#f7fbff!important;
  overflow-x:hidden!important;
}
app-dashboard.castles-dashboard .spd{height:auto!important;max-height:none!important;overflow:visible!important}
app-dashboard.castles-dashboard .spd{
  width:100%!important;max-width:none!important;margin:0!important;padding:0 0 24px!important;
  color:#f7fbff!important;-webkit-text-fill-color:initial!important;
  background:transparent!important;
}
app-dashboard.castles-dashboard .spd *{box-sizing:border-box}
app-dashboard.castles-dashboard .spd button,
app-dashboard.castles-dashboard .spd select,
app-dashboard.castles-dashboard .spd input{font-family:inherit!important}
app-dashboard.castles-dashboard .spd-toolbar{
  display:grid!important;grid-template-columns:minmax(330px,.78fr) minmax(760px,2.25fr)!important;
  gap:12px!important;align-items:center!important;min-height:66px!important;margin:0 0 6px!important;
}
app-dashboard.castles-dashboard .spd-title h1{
  margin:0!important;font-size:25px!important;line-height:1.04!important;font-weight:900!important;
  letter-spacing:-.4px!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  text-shadow:0 1px 0 rgba(255,255,255,.02)!important;white-space:nowrap!important;
}
app-dashboard.castles-dashboard .spd-title h1 span{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  margin-left:7px!important;padding:5px 10px!important;border-radius:7px!important;
  background:linear-gradient(#17bf67,#079a48)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:9px!important;vertical-align:middle!important;box-shadow:0 0 13px rgba(0,255,120,.25)!important;
}
app-dashboard.castles-dashboard .spd-title p{
  margin:3px 0 0!important;font-size:10px!important;color:#b5c9db!important;-webkit-text-fill-color:#b5c9db!important;
}
app-dashboard.castles-dashboard .spd-filters{
  display:grid!important;grid-template-columns:160px minmax(390px,1fr) 250px 105px!important;
  gap:7px!important;align-items:center!important;min-width:0!important;
}
app-dashboard.castles-dashboard .spd-outlet-wrap>button,
app-dashboard.castles-dashboard .spd-range button,
app-dashboard.castles-dashboard .spd-date,
app-dashboard.castles-dashboard .spd-refresh{
  height:39px!important;border:1px solid #1a5685!important;border-radius:7px!important;
  background:#061f39!important;color:#f0f8ff!important;-webkit-text-fill-color:#f0f8ff!important;
}
app-dashboard.castles-dashboard .spd-outlet-wrap>button{font-size:10px!important;font-weight:750!important;padding:0 12px!important}
app-dashboard.castles-dashboard .spd-range{display:flex!important;min-width:0!important}
app-dashboard.castles-dashboard .spd-range button{
  flex:1 1 0!important;min-width:0!important;margin-left:-1px!important;border-radius:0!important;
  padding:0 8px!important;font-size:9px!important;background:#061b31!important;
}
app-dashboard.castles-dashboard .spd-range button:first-child{border-radius:7px 0 0 7px!important}
app-dashboard.castles-dashboard .spd-range button:last-child{border-radius:0 7px 7px 0!important}
app-dashboard.castles-dashboard .spd-range button.active{
  background:linear-gradient(#168fff,#0869e7)!important;border-color:#168fff!important;
  box-shadow:0 0 14px rgba(22,143,255,.25)!important;
}
app-dashboard.castles-dashboard .spd-date{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 9px!important;
}
app-dashboard.castles-dashboard .spd-date,
app-dashboard.castles-dashboard .spd-date *{color:#dfefff!important;-webkit-text-fill-color:#dfefff!important}
app-dashboard.castles-dashboard .spd-date input[type="date"]{
  width:101px!important;height:31px!important;padding:0 2px!important;
  border:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;
  box-shadow:none!important;color:#eaf5ff!important;-webkit-text-fill-color:#eaf5ff!important;
  color-scheme:dark!important;font-size:9px!important;
}
app-dashboard.castles-dashboard .spd-date input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8)!important;opacity:.8!important}
app-dashboard.castles-dashboard .spd-refresh{
  background:linear-gradient(#168fff,#0869e7)!important;border-color:#1d9cff!important;
  font-size:10px!important;font-weight:800!important;box-shadow:0 0 12px rgba(0,130,255,.2)!important;
}
app-dashboard.castles-dashboard .spd-card{
  min-width:0!important;background:linear-gradient(155deg,#061f38,#041527)!important;
  border:1px solid #14517e!important;border-radius:8px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.018)!important;
  overflow:hidden!important;
}
app-dashboard.castles-dashboard .spd-card,
app-dashboard.castles-dashboard .spd-card h1,
app-dashboard.castles-dashboard .spd-card h2,
app-dashboard.castles-dashboard .spd-card b,
app-dashboard.castles-dashboard .spd-card strong{
  color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
}
app-dashboard.castles-dashboard .spd-head{
  height:38px!important;min-height:38px!important;padding:5px 9px!important;
  border-bottom:1px solid #124163!important;background:rgba(5,27,47,.28)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
}
app-dashboard.castles-dashboard .spd-head h2{
  margin:0!important;font-size:11px!important;line-height:1.1!important;font-weight:850!important;
  color:#f6fbff!important;-webkit-text-fill-color:#f6fbff!important;opacity:1!important;
}
app-dashboard.castles-dashboard .spd-head h2 small{font-size:8px!important;color:#b7cbdd!important;-webkit-text-fill-color:#b7cbdd!important}
app-dashboard.castles-dashboard .spd-head>span,
app-dashboard.castles-dashboard .spd-head>button,
app-dashboard.castles-dashboard .spd-head select{
  color:#dcecff!important;-webkit-text-fill-color:#dcecff!important;
  background:#08243e!important;border:1px solid #1a527b!important;border-radius:6px!important;
  font-size:8px!important;padding:4px 7px!important;
}
app-dashboard.castles-dashboard .spd-head-controls,
app-dashboard.castles-dashboard .spd-head-controls *{color:#d9eaf8!important;-webkit-text-fill-color:#d9eaf8!important;opacity:1!important}
app-dashboard.castles-dashboard .spd-outlet-top{
  display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)!important;
  gap:7px!important;margin-bottom:7px!important;align-items:stretch!important;
}
app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:183px!important}
app-dashboard.castles-dashboard .spd-chart{height:145px!important;padding:0 8px 5px!important}
app-dashboard.castles-dashboard .spd-outlet-table{height:145px!important;padding:3px 7px 5px!important;overflow:auto!important}
app-dashboard.castles-dashboard .spd-outlet-table>div{
  display:grid!important;grid-template-columns:20px minmax(88px,1.2fr) minmax(70px,.8fr) minmax(70px,.8fr) 38px 52px minmax(86px,1fr)!important;
  gap:4px!important;align-items:center!important;min-width:585px!important;min-height:21px!important;
  border-bottom:1px solid #103a59!important;font-size:7px!important;
  color:#dfefff!important;-webkit-text-fill-color:#dfefff!important;
}
app-dashboard.castles-dashboard .spd-outlet-table .head,
app-dashboard.castles-dashboard .spd-outlet-table .head *{
  color:#c5d8e8!important;-webkit-text-fill-color:#c5d8e8!important;font-weight:750!important;
}
app-dashboard.castles-dashboard .spd-outlet-table b{font-size:7.5px!important;color:#f4faff!important;-webkit-text-fill-color:#f4faff!important}
app-dashboard.castles-dashboard .spd-outlet-table em{color:#dbeaf6!important;-webkit-text-fill-color:#dbeaf6!important}
app-dashboard.castles-dashboard .spd-outlet-table em i{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:7px!important}
app-dashboard.castles-dashboard .spd-outlet-table strong{color:#e8f4ff!important;-webkit-text-fill-color:#e8f4ff!important}
app-dashboard.castles-dashboard .spd-kpis{display:grid!important;gap:7px!important;margin:0 0 7px!important}
app-dashboard.castles-dashboard .spd-kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}
app-dashboard.castles-dashboard .spd-kpi{
  position:relative!important;height:89px!important;min-height:89px!important;padding:9px!important;
  border:1px solid #14517d!important;border-radius:8px!important;overflow:hidden!important;
}
app-dashboard.castles-dashboard .spd-kpi.blue{background:linear-gradient(145deg,#073968,#071c3c)!important}
app-dashboard.castles-dashboard .spd-kpi.green{background:linear-gradient(145deg,#06483f,#071d37)!important}
app-dashboard.castles-dashboard .spd-kpi.pink{background:linear-gradient(145deg,#641440,#23152e)!important}
app-dashboard.castles-dashboard .spd-kpi.orange{background:linear-gradient(145deg,#563211,#21192a)!important}
app-dashboard.castles-dashboard .spd-kpi.purple{background:linear-gradient(145deg,#41217b,#191d45)!important}
app-dashboard.castles-dashboard .spd-kpi.cyan{background:linear-gradient(145deg,#064359,#061b35)!important}
app-dashboard.castles-dashboard .spd-kpi-icon{
  left:9px!important;top:9px!important;width:36px!important;height:36px!important;
  font-size:16px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:45px!important;display:flex!important;flex-direction:column!important;min-width:0!important}
app-dashboard.castles-dashboard .spd-kpi small{font-size:7.5px!important;color:#e4eef7!important;-webkit-text-fill-color:#e4eef7!important;opacity:1!important}
app-dashboard.castles-dashboard .spd-kpi b{
  font-size:14px!important;line-height:1.24!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
app-dashboard.castles-dashboard .spd-kpi em{font-size:7px!important;font-style:normal!important;font-weight:850!important}
app-dashboard.castles-dashboard .spd-kpi em.up{color:#00f29a!important;-webkit-text-fill-color:#00f29a!important}
app-dashboard.castles-dashboard .spd-kpi em.down{color:#ff4c63!important;-webkit-text-fill-color:#ff4c63!important}
app-dashboard.castles-dashboard .spd-kpi>span{top:48px!important;right:7px!important;font-size:6.5px!important;color:#a9bfd1!important;-webkit-text-fill-color:#a9bfd1!important}
app-dashboard.castles-dashboard .spd-spark{bottom:2px!important;height:18px!important;opacity:1!important}
app-dashboard.castles-dashboard .spd-kpis-small .spd-mini{height:65px!important;min-height:65px!important}
app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{height:62px!important;min-height:62px!important}
app-dashboard.castles-dashboard .spd-mini{
  position:relative!important;padding:7px 8px!important;border:1px solid #144d75!important;border-radius:8px!important;
  background:linear-gradient(145deg,#061f38,#041527)!important;overflow:hidden!important;
}
app-dashboard.castles-dashboard .spd-mini small{font-size:7px!important;color:#d9e7f3!important;-webkit-text-fill-color:#d9e7f3!important;opacity:1!important}
app-dashboard.castles-dashboard .spd-mini b{font-size:11px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
app-dashboard.castles-dashboard .spd-mini em{font-size:6.5px!important}
app-dashboard.castles-dashboard .spd-mini em.up{color:#00ef97!important;-webkit-text-fill-color:#00ef97!important}
app-dashboard.castles-dashboard .spd-mini em.down{color:#ff4960!important;-webkit-text-fill-color:#ff4960!important}
app-dashboard.castles-dashboard .spd-analysis{
  display:grid!important;grid-template-columns:minmax(0,1.68fr) minmax(285px,.76fr) minmax(270px,.69fr)!important;
  gap:7px!important;margin:0 0 7px!important;align-items:stretch!important;
}
app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:178px!important}
app-dashboard.castles-dashboard .spd-daily-chart{height:140px!important;padding:1px 7px 5px!important}
app-dashboard.castles-dashboard .spd-order-body{
  height:140px!important;display:grid!important;grid-template-columns:113px minmax(130px,1fr)!important;
  gap:8px!important;align-items:center!important;padding:7px!important;
}
app-dashboard.castles-dashboard .spd-donut{width:108px!important;height:108px!important}
app-dashboard.castles-dashboard .spd-donut:after{inset:23px!important;background:#071a2d!important}
app-dashboard.castles-dashboard .spd-donut b{font-size:17px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
app-dashboard.castles-dashboard .spd-donut span{font-size:7px!important;color:#d7e6f3!important;-webkit-text-fill-color:#d7e6f3!important}
app-dashboard.castles-dashboard .spd-order-legend{display:grid!important;gap:6px!important;min-width:0!important}
app-dashboard.castles-dashboard .spd-order-legend>div{display:grid!important;grid-template-columns:8px minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important}
app-dashboard.castles-dashboard .spd-order-legend b{font-size:8px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
app-dashboard.castles-dashboard .spd-order-legend small{font-size:6.5px!important;color:#9eb7ca!important;-webkit-text-fill-color:#9eb7ca!important}
app-dashboard.castles-dashboard .spd-order-legend em{font-size:7px!important;-webkit-text-fill-color:currentColor!important}
app-dashboard.castles-dashboard .spd-order-empty{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:7px!important;
  padding:10px!important;border:1px dashed #245479!important;border-radius:7px!important;
  color:#a9bfd1!important;-webkit-text-fill-color:#a9bfd1!important;font-size:7px!important;line-height:1.25!important;
}
app-dashboard.castles-dashboard .spd-payments{height:100px!important;min-height:100px!important;padding:7px 8px!important;display:grid!important;gap:5px!important}
app-dashboard.castles-dashboard .spd-payments>div{color:#eaf5ff!important;-webkit-text-fill-color:#eaf5ff!important}
app-dashboard.castles-dashboard .spd-payments b{font-size:7.5px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
app-dashboard.castles-dashboard .spd-payments strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
app-dashboard.castles-dashboard .spd-payment-empty{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  color:#9fb6c9!important;-webkit-text-fill-color:#9fb6c9!important;font-size:7px!important;
}
app-dashboard.castles-dashboard .spd-payment-empty i{font-size:18px!important;color:#1aa7ff!important}
app-dashboard.castles-dashboard .spd-collection{
  min-height:34px!important;height:34px!important;margin:0 7px 6px!important;padding:3px 7px!important;
}
app-dashboard.castles-dashboard .spd-collection span{font-size:6.5px!important;color:#7fffc1!important;-webkit-text-fill-color:#7fffc1!important}
app-dashboard.castles-dashboard .spd-collection b{font-size:7.5px!important;color:#40ffad!important;-webkit-text-fill-color:#40ffad!important}
app-dashboard.castles-dashboard .spd-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;align-items:stretch!important}
app-dashboard.castles-dashboard .spd-bottom>.spd-card{min-height:120px!important}
app-dashboard.castles-dashboard .spd-data-table{padding:3px 8px 6px!important;overflow:auto!important}
app-dashboard.castles-dashboard .spd-data-table>div{
  min-height:19px!important;border-bottom:1px solid #0f3855!important;
  color:#e6f2fc!important;-webkit-text-fill-color:#e6f2fc!important;font-size:7px!important;
}
app-dashboard.castles-dashboard .spd-data-table .head,
app-dashboard.castles-dashboard .spd-data-table .head *{
  color:#c7d9e8!important;-webkit-text-fill-color:#c7d9e8!important;font-weight:750!important;opacity:1!important;
}
app-dashboard.castles-dashboard .spd-data-table b,
app-dashboard.castles-dashboard .spd-data-table strong{
  color:#f5fbff!important;-webkit-text-fill-color:#f5fbff!important;font-size:7.5px!important;opacity:1!important;
}
app-dashboard.castles-dashboard .spd-data-table em,
app-dashboard.castles-dashboard .spd-data-table i,
app-dashboard.castles-dashboard .spd-data-table u{
  color:#d9e8f5!important;-webkit-text-fill-color:#d9e8f5!important;opacity:1!important;
}
app-dashboard.castles-dashboard .spd-data-table mark{color:#27eaa5!important;-webkit-text-fill-color:#27eaa5!important;opacity:1!important}
app-dashboard.castles-dashboard .spd-data-table.recent>div{grid-template-columns:20px 58px 62px 1fr 73px 62px 76px!important;min-width:565px!important}
app-dashboard.castles-dashboard .spd-data-table.top>div{grid-template-columns:20px 1.35fr 46px 70px 118px!important;min-width:510px!important}
app-dashboard.castles-dashboard .spd-data-table.top b{display:flex!important;align-items:center!important;gap:6px!important}
app-dashboard.castles-dashboard .spd-item-thumb{
  width:23px!important;height:23px!important;flex:0 0 23px!important;border-radius:6px!important;
  display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--thumb) 32%,#081c31)!important;
  border:1px solid color-mix(in srgb,var(--thumb) 65%,#0c2945)!important;color:var(--thumb)!important;
  -webkit-text-fill-color:var(--thumb)!important;box-shadow:inset 0 0 8px rgba(255,255,255,.03)!important;
}
app-dashboard.castles-dashboard .spd-item-thumb>i{font-size:12px!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
app-dashboard.castles-dashboard .spd-data-table.top u>i{height:7px!important;background:#103651!important}
app-dashboard.castles-dashboard .spd-data-table .type{font-size:6.5px!important}
app-dashboard.castles-dashboard .spd [class*="spd-"]{opacity:1!important}
app-dashboard.castles-dashboard .spd canvas{filter:none!important;opacity:1!important}
app-dashboard.castles-dashboard .spd select option{background:#061b31!important;color:#fff!important}
app-dashboard.castles-dashboard .spd-loading{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(min-width:1200px) and (max-width:1499px){
  app-dashboard.castles-dashboard{--spd-sidebar:220px}
  app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:1fr!important;min-height:0!important;gap:6px!important}
  app-dashboard.castles-dashboard .spd-filters{grid-template-columns:155px minmax(345px,1fr) 235px 96px!important}
  app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1.12fr 1fr!important}
  app-dashboard.castles-dashboard .spd-kpis{gap:5px!important}
  app-dashboard.castles-dashboard .spd-kpi{padding:7px!important}
  app-dashboard.castles-dashboard .spd-kpi-icon{left:7px!important;top:8px!important;width:32px!important;height:32px!important;font-size:14px!important}
  app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:38px!important}
  app-dashboard.castles-dashboard .spd-kpi b{font-size:12px!important}
  app-dashboard.castles-dashboard .spd-kpi small{font-size:6.8px!important}
  app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1.55fr .78fr .72fr!important}
}
@media(max-width:1199px){
  app-dashboard.castles-dashboard{--spd-header:64px}
  app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:1fr!important;gap:7px!important}
  app-dashboard.castles-dashboard .spd-filters{grid-template-columns:150px minmax(330px,1fr) 225px 48px!important}
  app-dashboard.castles-dashboard .spd-refresh{width:48px!important}
  app-dashboard.castles-dashboard .spd-refresh span{display:none!important}
  app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1fr!important}
  app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:auto!important;min-height:183px!important}
  app-dashboard.castles-dashboard .spd-kpis-6{grid-template-columns:repeat(3,1fr)!important}
  app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(4,1fr)!important}
  app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1fr!important}
  app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:auto!important;min-height:178px!important}
  app-dashboard.castles-dashboard .spd-bottom{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  app-dashboard.castles-dashboard .spd-title h1{font-size:22px!important;white-space:normal!important}
  app-dashboard.castles-dashboard .spd-filters{grid-template-columns:1fr 48px!important}
  app-dashboard.castles-dashboard .spd-outlet-wrap,
  app-dashboard.castles-dashboard .spd-range{grid-column:1/-1!important}
  app-dashboard.castles-dashboard .spd-range{overflow-x:auto!important;scrollbar-width:none!important}
  app-dashboard.castles-dashboard .spd-range::-webkit-scrollbar{display:none!important}
  app-dashboard.castles-dashboard .spd-range button{min-width:70px!important;flex:1 0 auto!important}
  app-dashboard.castles-dashboard .spd-date{grid-column:1/2!important;padding:0 5px!important}
  app-dashboard.castles-dashboard .spd-date input[type="date"]{width:min(31vw,104px)!important}
  app-dashboard.castles-dashboard .spd-refresh{grid-column:2!important}
  app-dashboard.castles-dashboard .spd-kpis-6,
  app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:1fr 1fr!important}
  app-dashboard.castles-dashboard .spd-kpi{height:86px!important}
  app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1fr!important}
  app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:110px 1fr!important}
  app-dashboard.castles-dashboard .spd-payments{height:auto!important;min-height:80px!important}
  app-dashboard.castles-dashboard .spd-data-table .head{display:none!important}
  app-dashboard.castles-dashboard .spd-data-table>div:not(.head){
    min-width:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;margin:6px 0!important;padding:8px!important;border:1px solid #14476e!important;
    border-radius:8px!important;background:#061c32!important;min-height:0!important;
  }
}
@media(max-width:430px){
  app-dashboard.castles-dashboard .spd-kpis-6,
  app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:1fr!important}
  app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:1fr!important}
  app-dashboard.castles-dashboard .spd-donut{margin:auto!important}
}
app-dashboard.castles-dashboard{
  --spd-bg:#020d19;
  --spd-surface:rgba(6,27,49,.94);
  --spd-surface-2:rgba(4,19,35,.96);
  --spd-border:rgba(45,124,181,.42);
  --spd-border-soft:rgba(44,105,153,.24);
  --spd-text:#f5faff;
  --spd-muted:#93abc0;
  --spd-blue:#1aa9ff;
  --spd-green:#24e3a1;
  --spd-pink:#ff4c8b;
  --spd-orange:#ff9d23;
  --spd-purple:#9c63ff;
  --spd-cyan:#28d6ef;
  --spd-red:#ff4c63;
  background:
    radial-gradient(circle at 78% -10%,rgba(18,118,255,.12),transparent 34%),
    radial-gradient(circle at 18% 38%,rgba(0,224,179,.045),transparent 30%),
    linear-gradient(135deg,#020d19 0%,#041323 52%,#020b15 100%)!important;
  color:var(--spd-text)!important;
}
app-dashboard.castles-dashboard .spd{color:var(--spd-text)!important}
app-dashboard.castles-dashboard .spd-title h1,
app-dashboard.castles-dashboard .spd-head h2,
app-dashboard.castles-dashboard .spd-outlet-table b,
app-dashboard.castles-dashboard .spd-data-table b,
app-dashboard.castles-dashboard .spd-data-table strong{
  color:#f8fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}
app-dashboard.castles-dashboard .spd-title p,
app-dashboard.castles-dashboard .spd-head h2 small,
app-dashboard.castles-dashboard .spd-outlet-table .head,
app-dashboard.castles-dashboard .spd-data-table .head{
  color:#a8bdd0!important;
}
app-dashboard.castles-dashboard .spd-card{
  position:relative;
  background:
    linear-gradient(145deg,rgba(8,33,58,.96),rgba(4,18,33,.97))!important;
  border:1px solid rgba(42,121,178,.46)!important;
  border-radius:12px!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 30px rgba(20,112,185,.025)!important;
  backdrop-filter:blur(14px) saturate(120%);
}
app-dashboard.castles-dashboard .spd-card:before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(72,184,255,.65),transparent);
  pointer-events:none;
}
app-dashboard.castles-dashboard .spd-head{
  background:linear-gradient(180deg,rgba(9,39,68,.62),rgba(5,25,45,.18))!important;
  border-bottom:1px solid rgba(48,116,165,.30)!important;
}
app-dashboard.castles-dashboard .spd-head h2{font-weight:850!important;letter-spacing:-.08px}
app-dashboard.castles-dashboard .spd-head>span,
app-dashboard.castles-dashboard .spd-head>button,
app-dashboard.castles-dashboard .spd-head select{
  background:rgba(7,35,61,.94)!important;
  color:#d9e9f7!important;
  border-color:rgba(55,125,177,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
app-dashboard.castles-dashboard .spd-outlet-wrap>button,
app-dashboard.castles-dashboard .spd-range button,
app-dashboard.castles-dashboard .spd-date,
app-dashboard.castles-dashboard .spd-refresh{
  background:linear-gradient(180deg,rgba(8,39,68,.96),rgba(5,27,48,.96))!important;
  border-color:rgba(45,116,170,.62)!important;
  color:#eaf5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 15px rgba(0,0,0,.13);
}
app-dashboard.castles-dashboard .spd-range button.active,
app-dashboard.castles-dashboard .spd-refresh{
  background:linear-gradient(180deg,#168fff,#0869e7)!important;
  border-color:#38a6ff!important;
  box-shadow:0 0 17px rgba(22,143,255,.24),0 5px 14px rgba(0,0,0,.2)!important;
}
app-dashboard.castles-dashboard .spd-date input{
  color:#e6f2fd!important;
  background:transparent!important;
}
app-dashboard.castles-dashboard .spd-date input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.6);opacity:.72}
app-dashboard.castles-dashboard .spd-chart,
app-dashboard.castles-dashboard .spd-daily-chart{
  background:
    linear-gradient(rgba(30,85,126,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,85,126,.055) 1px,transparent 1px);
  background-size:48px 32px;
  background-position:9px 6px;
}
app-dashboard.castles-dashboard .spd-kpi,
app-dashboard.castles-dashboard .spd-mini{
  --accent:#25b1ff;
  --accent-rgb:37,177,255;
  position:relative;
  background:
    radial-gradient(circle at 12% 16%,rgba(var(--accent-rgb),.20),transparent 31%),
    linear-gradient(145deg,rgba(8,34,59,.98),rgba(4,18,34,.98))!important;
  border:1px solid rgba(var(--accent-rgb),.42)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 22px rgba(var(--accent-rgb),.035)!important;
  overflow:hidden;
  isolation:isolate;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
app-dashboard.castles-dashboard .spd-kpi:hover,
app-dashboard.castles-dashboard .spd-mini:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb),.72)!important;
  box-shadow:0 11px 28px rgba(0,0,0,.28),0 0 18px rgba(var(--accent-rgb),.09),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
app-dashboard.castles-dashboard .spd-kpi.blue,
app-dashboard.castles-dashboard .spd-mini.blue{--accent:#24aaff;--accent-rgb:36,170,255}
app-dashboard.castles-dashboard .spd-kpi.green,
app-dashboard.castles-dashboard .spd-mini.green{--accent:#24e3a1;--accent-rgb:36,227,161}
app-dashboard.castles-dashboard .spd-kpi.pink,
app-dashboard.castles-dashboard .spd-mini.pink{--accent:#ff4f93;--accent-rgb:255,79,147}
app-dashboard.castles-dashboard .spd-kpi.orange,
app-dashboard.castles-dashboard .spd-mini.orange{--accent:#ffa126;--accent-rgb:255,161,38}
app-dashboard.castles-dashboard .spd-kpi.purple,
app-dashboard.castles-dashboard .spd-mini.purple{--accent:#9d67ff;--accent-rgb:157,103,255}
app-dashboard.castles-dashboard .spd-kpi.cyan,
app-dashboard.castles-dashboard .spd-mini.cyan{--accent:#2bd8ef;--accent-rgb:43,216,239}
app-dashboard.castles-dashboard .spd-kpi.red,
app-dashboard.castles-dashboard .spd-mini.red{--accent:#ff5269;--accent-rgb:255,82,105}
app-dashboard.castles-dashboard .spd-kpi-icon,
app-dashboard.castles-dashboard .spd-mini-icon{
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 30%),
    linear-gradient(145deg,var(--accent),rgba(var(--accent-rgb),.55))!important;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    0 0 0 6px rgba(var(--accent-rgb),.065),
    0 0 19px rgba(var(--accent-rgb),.34),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
}
app-dashboard.castles-dashboard .spd-kpi small,
app-dashboard.castles-dashboard .spd-mini small{
  color:#c6d9e9!important;
  font-weight:650!important;
  letter-spacing:.01em;
}
app-dashboard.castles-dashboard .spd-kpi b,
app-dashboard.castles-dashboard .spd-mini b{
  color:#fff!important;
  font-weight:850!important;
  text-shadow:0 0 12px rgba(var(--accent-rgb),.08);
}
app-dashboard.castles-dashboard .spd-kpi em,
app-dashboard.castles-dashboard .spd-mini em{
  position:relative;z-index:3;
  font-weight:850!important;
}
app-dashboard.castles-dashboard .spd-kpi em.up,
app-dashboard.castles-dashboard .spd-mini em.up{color:#2bf0a5!important;text-shadow:0 0 10px rgba(43,240,165,.22)}
app-dashboard.castles-dashboard .spd-kpi em.down,
app-dashboard.castles-dashboard .spd-mini em.down{color:#ff5977!important;text-shadow:0 0 10px rgba(255,89,119,.20)}
app-dashboard.castles-dashboard .spd-kpi em.neutral,
app-dashboard.castles-dashboard .spd-mini em.neutral{color:#78bfff!important}
app-dashboard.castles-dashboard .spd-kpi>span{
  color:#88a3ba!important;
  font-size:6.6px!important;
  white-space:nowrap;
  letter-spacing:.005em;
}
app-dashboard.castles-dashboard .spd-mini-compare{
  position:absolute;left:45px;right:5px;top:44px;
  color:#7f99b0;font-size:5.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  z-index:3;
}
app-dashboard.castles-dashboard .spd-spark{
  z-index:1;
  pointer-events:none;
  opacity:.92;
  overflow:visible;
}
app-dashboard.castles-dashboard .spd-spark-line{
  fill:none;
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px currentColor);
}
app-dashboard.castles-dashboard .spd-spark-area{opacity:.095}
app-dashboard.castles-dashboard .spd-spark-empty{opacity:.24}
app-dashboard.castles-dashboard .spd-spark-empty path{
  fill:none;stroke-width:.8;stroke-dasharray:2.5 2.5;
}
app-dashboard.castles-dashboard .spd-kpi.is-up,
app-dashboard.castles-dashboard .spd-mini.is-up{box-shadow:0 8px 22px rgba(0,0,0,.23),inset 0 -1px 0 rgba(36,240,165,.11)!important}
app-dashboard.castles-dashboard .spd-kpi.is-down,
app-dashboard.castles-dashboard .spd-mini.is-down{box-shadow:0 8px 22px rgba(0,0,0,.23),inset 0 -1px 0 rgba(255,71,113,.12)!important}
app-dashboard.castles-dashboard .spd-kpi{min-height:98px!important}
app-dashboard.castles-dashboard .spd-mini{min-height:76px!important}
app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{min-height:74px!important}
app-dashboard.castles-dashboard .spd-kpi .spd-spark{height:23px!important;bottom:2px!important}
app-dashboard.castles-dashboard .spd-mini .spd-spark{left:42%!important;width:56%!important;height:18px!important;bottom:2px!important}
app-dashboard.castles-dashboard .spd-outlet-table>div{
  transition:background .14s ease,border-color .14s ease;
}
app-dashboard.castles-dashboard .spd-outlet-table>div:not(.head):hover{
  background:rgba(27,112,168,.105);
  border-bottom-color:rgba(63,141,196,.42);
}
app-dashboard.castles-dashboard .spd-outlet-table em,
app-dashboard.castles-dashboard .spd-outlet-table strong{color:#d9e8f4!important}
app-dashboard.castles-dashboard .spd-outlet-table em i{
  box-shadow:0 0 10px rgba(0,220,170,.13);
}
app-dashboard.castles-dashboard .spd-outlet-table strong u{background:#0b2a45!important}
app-dashboard.castles-dashboard .spd-donut{
  box-shadow:0 0 24px rgba(20,151,255,.12),inset 0 0 24px rgba(255,255,255,.025);
}
app-dashboard.castles-dashboard .spd-order-legend b{color:#f3f9ff!important;font-weight:750!important}
app-dashboard.castles-dashboard .spd-order-legend small{color:#9fb7cb!important}
app-dashboard.castles-dashboard .spd-order-legend em{
  background:rgba(5,25,44,.68);
  box-shadow:0 0 8px rgba(255,255,255,.025);
}
app-dashboard.castles-dashboard .spd-payments>div{
  min-height:26px;
  border-radius:6px;
  padding:2px 3px;
  transition:background .14s ease;
}
app-dashboard.castles-dashboard .spd-payments>div:hover{background:rgba(42,118,172,.08)}
app-dashboard.castles-dashboard .spd-pay-icon{
  width:22px!important;height:22px!important;
  display:grid!important;place-items:center!important;
  background:color-mix(in srgb,var(--pay) 74%,#071d33)!important;
  color:#fff!important;border-radius:6px!important;
  box-shadow:0 0 11px color-mix(in srgb,var(--pay) 26%,transparent);
}
app-dashboard.castles-dashboard .spd-pay-icon>i{font-size:10px}
app-dashboard.castles-dashboard .spd-payments b,
app-dashboard.castles-dashboard .spd-payments strong{color:#f1f8ff!important}
app-dashboard.castles-dashboard .spd-payments small{color:#9eb5c9!important}
app-dashboard.castles-dashboard .spd-payments em{background:#0d304c!important}
app-dashboard.castles-dashboard .spd-collection{
  background:linear-gradient(90deg,rgba(0,79,57,.92),rgba(0,53,43,.92))!important;
  border-color:rgba(35,214,151,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
app-dashboard.castles-dashboard .spd-data-table>div{
  color:#d9e8f5!important;
  border-bottom-color:rgba(45,103,147,.30)!important;
  transition:background .13s ease,transform .13s ease;
}
app-dashboard.castles-dashboard .spd-data-table>div:not(.head):hover{
  background:linear-gradient(90deg,rgba(26,124,188,.10),rgba(14,67,111,.06));
  transform:translateX(1px);
}
app-dashboard.castles-dashboard .spd-data-table .head{
  background:rgba(8,37,64,.72);
  color:#afc5d8!important;
  border-radius:5px;
}
app-dashboard.castles-dashboard .spd-data-table em,
app-dashboard.castles-dashboard .spd-data-table i{color:#d6e5f1!important}
app-dashboard.castles-dashboard .spd-data-table mark{color:#2de8a8!important;font-weight:700}
app-dashboard.castles-dashboard .spd-data-table .type{
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
app-dashboard.castles-dashboard .spd-item-thumb{
  box-shadow:0 0 10px color-mix(in srgb,var(--thumb) 24%,transparent)!important;
}
app-dashboard.castles-dashboard .spd *:not(input):not(select):not(option){
  -webkit-text-fill-color:initial;
}
app-dashboard.castles-dashboard .spd-card,
app-dashboard.castles-dashboard .spd-kpi,
app-dashboard.castles-dashboard .spd-mini{
  color:#edf7ff!important;
}
app-dashboard.castles-dashboard .spd-empty,
app-dashboard.castles-dashboard .spd-order-empty,
app-dashboard.castles-dashboard .spd-payment-empty{color:#91aabf!important}
@media(max-width:1180px){
  app-dashboard.castles-dashboard .spd-kpi{min-height:100px!important}
  app-dashboard.castles-dashboard .spd-mini{min-height:78px!important}
}
@media(max-width:760px){
  app-dashboard.castles-dashboard .spd-card{border-radius:10px!important}
  app-dashboard.castles-dashboard .spd-kpi,
  app-dashboard.castles-dashboard .spd-mini{min-height:88px!important}
  app-dashboard.castles-dashboard .spd-mini-compare{top:48px;font-size:5.6px}
  app-dashboard.castles-dashboard .spd-kpi>span{font-size:6.2px!important}
  app-dashboard.castles-dashboard .spd-data-table>div:not(.head):hover{transform:none}
}
@media(max-width:430px){
  app-dashboard.castles-dashboard .spd-kpi{min-height:102px!important}
  app-dashboard.castles-dashboard .spd-mini{min-height:82px!important}
}
app-dashboard.castles-dashboard{--spd-sidebar:230px;--spd-header:56px;font-family:Arial,'Segoe UI',sans-serif!important;background:radial-gradient(ellipse at 40% 0,#032440 0,transparent 60%),#001222!important;color:#f5f8ff!important}
app-dashboard.castles-dashboard .spd{padding-bottom:0!important}
app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:minmax(300px,1fr) auto!important;gap:10px!important;min-height:51px!important;margin-bottom:3px!important}
app-dashboard.castles-dashboard .spd-title h1{font:700 26px/1.1 Arial,sans-serif!important;letter-spacing:0!important}
app-dashboard.castles-dashboard .spd-title h1 span{font-size:11px!important;margin-left:6px!important;padding:7px 10px!important;background:linear-gradient(#00e88d,#00ad57)!important;box-shadow:0 0 14px #00f79b55!important}
app-dashboard.castles-dashboard .spd-title p{font-size:13px!important;margin-top:2px!important;color:#e9f2ff!important}
app-dashboard.castles-dashboard .spd-filters{grid-template-columns:139px 371px 220px 103px!important;gap:7px!important}
app-dashboard.castles-dashboard .spd-outlet-wrap>button,app-dashboard.castles-dashboard .spd-range button,app-dashboard.castles-dashboard .spd-date,app-dashboard.castles-dashboard .spd-refresh{height:36px!important;font-size:12px!important;border:1px solid #08608e!important;border-radius:5px!important;background:linear-gradient(180deg,#003153,#001225)!important;box-shadow:inset 0 1px 3px #098cd355,0 2px 5px #0008!important}
app-dashboard.castles-dashboard .spd-range{gap:7px!important}
app-dashboard.castles-dashboard .spd-range button{padding:0 8px!important;margin:0!important;border-radius:5px!important;white-space:nowrap}
app-dashboard.castles-dashboard .spd-range button.active,app-dashboard.castles-dashboard .spd-refresh{background:linear-gradient(180deg,#087dff,#003cff)!important;border-color:#1886ff!important;box-shadow:inset 0 1px 4px #62c0ff,0 0 12px #0066ff77!important}
app-dashboard.castles-dashboard .spd-date{gap:2px!important;padding:0 6px!important}
app-dashboard.castles-dashboard .spd-date input[type="date"]{width:93px!important;font-size:10px!important}
app-dashboard.castles-dashboard .spd-date input::-webkit-calendar-picker-indicator{width:10px;margin:0;filter:none!important}
app-dashboard.castles-dashboard .spd button:focus-visible,app-dashboard.castles-dashboard .spd input:focus-visible,app-dashboard.castles-dashboard .spd select:focus-visible{outline:2px solid #6ef5ff!important;outline-offset:3px!important}
app-dashboard.castles-dashboard .spd-card{border-radius:9px!important;border:1px solid #0077b9!important;background:linear-gradient(140deg,#001d35,#001629 60%,#00253d)!important;box-shadow:inset 0 1px 4px #0b72b655,0 0 9px #0078bc22!important;backdrop-filter:none!important}
app-dashboard.castles-dashboard .spd-head{height:35px!important;min-height:35px!important;padding:5px 9px!important;border-bottom:0!important;background:linear-gradient(#00203c99,#00132922)!important}
app-dashboard.castles-dashboard .spd-head h2{font:600 13px/1.15 Arial,sans-serif!important;display:flex;align-items:center;gap:7px;white-space:normal}
app-dashboard.castles-dashboard .spd-head h2 small{font-size:12px!important;color:#f0f7ff!important}
app-dashboard.castles-dashboard .spd-head h2>i{display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:6px;font-size:18px;color:white!important;-webkit-text-fill-color:white!important;background:linear-gradient(135deg,#00ceff,#003dff);box-shadow:0 0 10px #0088ff66,inset 0 1px 3px #8cedff}
app-dashboard.castles-dashboard .spd-head h2>i.orange{background:linear-gradient(135deg,#ffbd00,#ff7000);box-shadow:0 0 10px #ff910077,inset 0 1px 3px #ffe58c}
app-dashboard.castles-dashboard .spd-head-controls{gap:7px!important;font-size:11px!important;white-space:nowrap}
app-dashboard.castles-dashboard .spd-head>span,app-dashboard.castles-dashboard .spd-head>button,app-dashboard.castles-dashboard .spd-head select{font-size:11px!important;padding:3px 7px!important;background:#001a30!important;border:1px solid #08567d!important}
app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1.4fr 1fr!important;gap:8px!important;margin-bottom:8px!important;border:2px solid #00aeff;border-radius:8px;box-shadow:0 0 9px #00aaff44;padding:2px}
app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:180px!important;border-color:#005788!important;border-radius:5px!important}
app-dashboard.castles-dashboard .spd-chart{height:145px!important;padding:1px 10px 3px!important}
app-dashboard.castles-dashboard .spd-outlet-table{height:145px!important;padding:0 8px 3px!important;scrollbar-width:thin;scrollbar-color:#075780 #001a2e}
app-dashboard.castles-dashboard .spd-outlet-table>div{grid-template-columns:18px minmax(105px,1.3fr) minmax(64px,.8fr) minmax(66px,.8fr) 32px 53px minmax(105px,1fr)!important;min-width:520px!important;min-height:23px!important;gap:4px!important;font-size:11px!important;border:0!important}
app-dashboard.castles-dashboard .spd-outlet-table b,app-dashboard.castles-dashboard .spd-outlet-table em i{font-size:11px!important}
app-dashboard.castles-dashboard .spd-outlet-table em i{padding:3px 5px!important;border-radius:6px!important;background-image:linear-gradient(180deg,#ffffff18,#00000070)!important}
app-dashboard.castles-dashboard .spd-outlet-table strong u{height:12px!important;border-radius:6px!important}
app-dashboard.castles-dashboard .spd-outlet-table strong u i,app-dashboard.castles-dashboard .spd-payments em u,app-dashboard.castles-dashboard .spd-data-table.top u>i s{background-image:linear-gradient(90deg,#ffffff00,#ffffff55)!important;box-shadow:inset 0 1px 1px #ffffff44}
app-dashboard.castles-dashboard .spd-outlet-table>div:nth-child(even),app-dashboard.castles-dashboard .spd-data-table>div:nth-child(even){background:#06345633}
app-dashboard.castles-dashboard .spd-kpis{gap:9px!important;margin-bottom:8px!important}
app-dashboard.castles-dashboard .spd-kpi,app-dashboard.castles-dashboard .spd-mini{--accent:#006bff;--accent-rgb:0,107,255;--deep:#001e64;background:radial-gradient(ellipse at 10% 5%,rgba(var(--accent-rgb),.30),transparent 52%),radial-gradient(ellipse at 100% 110%,rgba(var(--accent-rgb),.40),transparent 55%),linear-gradient(130deg,#001629,#001025 70%,var(--deep))!important;border:1px solid rgba(var(--accent-rgb),.85)!important;border-radius:10px!important;box-shadow:inset 0 0 8px rgba(var(--accent-rgb),.46),inset 0 1px 2px #ffffff25,0 0 8px rgba(var(--accent-rgb),.18)!important;transform:none!important}
app-dashboard.castles-dashboard .spd-kpi.blue,app-dashboard.castles-dashboard .spd-mini.blue{--accent:#0067ff;--accent-rgb:0,103,255;--deep:#031f77}
app-dashboard.castles-dashboard .spd-kpi.green,app-dashboard.castles-dashboard .spd-mini.green{--accent:#00ed96;--accent-rgb:0,237,150;--deep:#003e37}
app-dashboard.castles-dashboard .spd-kpi.pink,app-dashboard.castles-dashboard .spd-mini.pink{--accent:#ff0066;--accent-rgb:255,0,102;--deep:#520736}
app-dashboard.castles-dashboard .spd-kpi.orange,app-dashboard.castles-dashboard .spd-mini.orange{--accent:#ffa700;--accent-rgb:255,167,0;--deep:#332d14}
app-dashboard.castles-dashboard .spd-kpi.purple,app-dashboard.castles-dashboard .spd-mini.purple{--accent:#972aff;--accent-rgb:151,42,255;--deep:#2c0863}
app-dashboard.castles-dashboard .spd-kpi.cyan,app-dashboard.castles-dashboard .spd-mini.cyan{--accent:#00bdff;--accent-rgb:0,189,255;--deep:#002849}
app-dashboard.castles-dashboard .spd-kpi:before,app-dashboard.castles-dashboard .spd-mini:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff10,transparent 30%);z-index:0}
app-dashboard.castles-dashboard .spd-kpi:hover,app-dashboard.castles-dashboard .spd-mini:hover{box-shadow:inset 0 0 12px rgba(var(--accent-rgb),.55),0 0 15px rgba(var(--accent-rgb),.3)!important}
app-dashboard.castles-dashboard .spd-kpi{height:91px!important;min-height:91px!important;padding:8px!important}
app-dashboard.castles-dashboard .spd-kpi-icon,app-dashboard.castles-dashboard .spd-mini-icon{left:13px!important;top:10px!important;width:43px!important;height:43px!important;border-radius:50%!important;border:1px solid rgba(var(--accent-rgb),.8)!important;color:white!important;-webkit-text-fill-color:white!important;background:radial-gradient(circle at 32% 16%,#c5ffff99,transparent 33%),linear-gradient(135deg,var(--accent),var(--accent) 42%,var(--deep))!important;box-shadow:inset 0 1px 4px #ffffff88,inset 0 -3px 6px rgba(var(--accent-rgb),.4),0 0 7px var(--accent),0 0 20px rgba(var(--accent-rgb),.75)!important;font-size:24px!important;z-index:2}
app-dashboard.castles-dashboard .spd-kpi-icon:after,app-dashboard.castles-dashboard .spd-mini-icon:after{content:'';position:absolute;inset:-3px;border:1px solid rgba(var(--accent-rgb),.30);border-radius:50%;pointer-events:none}
app-dashboard.castles-dashboard .spd-kpi-icon i,app-dashboard.castles-dashboard .spd-mini-icon i{color:white!important;-webkit-text-fill-color:white!important;filter:drop-shadow(0 1px 1px #004875)}
app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:66px!important;position:relative;z-index:2}
app-dashboard.castles-dashboard .spd-kpi small{font-size:11px!important;line-height:16px!important;white-space:normal!important;letter-spacing:0!important;color:#f4f5ff!important;font-weight:500!important}
app-dashboard.castles-dashboard .spd-kpi b{font-size:18px!important;line-height:25px!important;font-weight:700!important;font-variant-numeric:tabular-nums}
app-dashboard.castles-dashboard .spd-kpi em{font-size:11px!important;line-height:15px!important}
app-dashboard.castles-dashboard .spd-kpi>span{top:auto!important;bottom:18px!important;right:9px!important;font-size:10px!important;color:#e5eaff!important;z-index:2}
app-dashboard.castles-dashboard .spd-kpi em.up,app-dashboard.castles-dashboard .spd-mini em.up{color:#00ff82!important;-webkit-text-fill-color:#00ff82!important}
app-dashboard.castles-dashboard .spd-kpi em.down,app-dashboard.castles-dashboard .spd-mini em.down{color:#ff1763!important;-webkit-text-fill-color:#ff1763!important}
app-dashboard.castles-dashboard .spd-kpi em.neutral,app-dashboard.castles-dashboard .spd-mini em.neutral{color:#96c9ea!important;-webkit-text-fill-color:#96c9ea!important}
app-dashboard.castles-dashboard .spd-kpi .spd-spark{height:21px!important;left:7px!important;bottom:1px!important;width:calc(100% - 14px)!important}
app-dashboard.castles-dashboard .spd-spark-line{stroke-width:1.25!important;filter:drop-shadow(0 0 3px currentColor)!important;stroke-linejoin:round}
app-dashboard.castles-dashboard .spd-spark-area{opacity:.18!important}
app-dashboard.castles-dashboard .spd-spark-empty{opacity:.22!important}
app-dashboard.castles-dashboard .spd-kpis-small .spd-mini{height:68px!important;min-height:68px!important}
app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{height:72px!important;min-height:72px!important}
app-dashboard.castles-dashboard .spd-mini{padding:5px 7px!important}
app-dashboard.castles-dashboard .spd-mini-icon{width:37px!important;height:37px!important;left:11px!important;top:9px!important;font-size:21px!important}
app-dashboard.castles-dashboard .spd-mini>div:nth-child(2){margin-left:53px!important;position:relative;z-index:2}
app-dashboard.castles-dashboard .spd-mini small{font-size:10.5px!important;line-height:15px!important;white-space:normal!important;font-weight:500!important;letter-spacing:0;color:#f5f8ff!important}
app-dashboard.castles-dashboard .spd-mini b{font-size:15px!important;line-height:20px!important;font-weight:700!important}
app-dashboard.castles-dashboard .spd-mini em{font-size:11px!important;line-height:16px!important}
app-dashboard.castles-dashboard .spd-mini-compare{display:none!important}
app-dashboard.castles-dashboard .spd-mini .spd-spark{left:48%!important;width:50%!important;height:15px!important;bottom:1px!important}
app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:minmax(0,1.7fr) minmax(290px,.74fr) minmax(290px,.71fr)!important;gap:9px!important;margin-bottom:8px!important}
app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:183px!important}
app-dashboard.castles-dashboard .spd-daily-chart{height:148px!important;padding:1px 7px 3px!important}
app-dashboard.castles-dashboard .spd-order-body{height:146px!important;grid-template-columns:124px minmax(0,1fr)!important;gap:12px!important;padding:5px 12px!important}
app-dashboard.castles-dashboard .spd-donut{width:124px!important;height:124px!important;box-shadow:0 0 12px #00baff22!important}
app-dashboard.castles-dashboard .spd-donut:after{inset:20px!important;background:radial-gradient(circle at 50% 80%,#10223e,#07142b)!important;box-shadow:inset 0 0 10px #0008}
app-dashboard.castles-dashboard .spd-donut b{font-size:23px!important}
app-dashboard.castles-dashboard .spd-donut span{font-size:11px!important}
app-dashboard.castles-dashboard .spd-order-legend{gap:7px!important}
app-dashboard.castles-dashboard .spd-order-legend>div{grid-template-columns:20px minmax(0,1fr) 30px!important;gap:6px!important}
app-dashboard.castles-dashboard .spd-order-legend>div>i{width:21px;height:22px;border-radius:4px;display:grid;place-items:center;color:white;box-shadow:inset 0 1px 2px #fff7,0 0 6px #00aaff33;font-size:13px}
app-dashboard.castles-dashboard .spd-order-legend b{font-size:11px!important;font-weight:500!important;white-space:nowrap}
app-dashboard.castles-dashboard .spd-order-legend small{font-size:10px!important;color:#f3f6ff!important}
app-dashboard.castles-dashboard .spd-order-legend em{font-size:10px!important;width:30px!important;height:30px!important;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
app-dashboard.castles-dashboard .spd-payments{height:109px!important;min-height:109px!important;padding:2px 10px!important;gap:2px!important;overflow:auto}
app-dashboard.castles-dashboard .spd-payments>div{grid-template-columns:19px minmax(40px,.8fr) minmax(25px,1fr) 76px 30px!important;gap:5px!important;min-height:19px!important;padding:0!important;font-size:11px!important}
app-dashboard.castles-dashboard .spd-pay-icon{width:18px!important;height:18px!important;border-radius:4px!important}
app-dashboard.castles-dashboard .spd-payments b,app-dashboard.castles-dashboard .spd-payments small,app-dashboard.castles-dashboard .spd-payments strong{font-size:10.5px!important;font-weight:400!important;white-space:nowrap}
app-dashboard.castles-dashboard .spd-payments em{height:9px!important}
app-dashboard.castles-dashboard .spd-collection{height:34px!important;min-height:34px!important;margin:0 7px 5px!important;padding:2px 8px!important;background:linear-gradient(100deg,#00664c,#00342d)!important;box-shadow:inset 0 0 10px #00fb5c33!important}
app-dashboard.castles-dashboard .spd-collection span,app-dashboard.castles-dashboard .spd-collection b{font-size:11px!important;line-height:13px!important}
app-dashboard.castles-dashboard .spd-bottom{grid-template-columns:1.14fr 1fr!important;gap:9px!important}
app-dashboard.castles-dashboard .spd-bottom>.spd-card{min-height:140px!important}
app-dashboard.castles-dashboard .spd-data-table{padding:0 8px 5px!important}
app-dashboard.castles-dashboard .spd-data-table>div{min-height:20px!important;font-size:11px!important;border:0!important}
app-dashboard.castles-dashboard .spd-data-table b,app-dashboard.castles-dashboard .spd-data-table strong{font-size:11px!important;font-weight:400!important}
app-dashboard.castles-dashboard .spd-data-table .type{font-size:10px!important;padding:1px 6px!important;border-radius:4px!important}
app-dashboard.castles-dashboard .spd-data-table.recent>div{grid-template-columns:18px 72px 68px minmax(100px,1fr) 83px 75px 70px!important;min-width:580px!important}
app-dashboard.castles-dashboard .spd-data-table.top>div{grid-template-columns:18px minmax(100px,1fr) 45px 80px 160px!important;min-width:490px!important}
app-dashboard.castles-dashboard .spd-item-thumb{width:20px!important;height:17px!important;flex-basis:20px!important;border-radius:4px!important}
app-dashboard.castles-dashboard .spd-data-table.top u>i{height:9px!important}
@media(min-width:2000px){app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:230px!important}app-dashboard.castles-dashboard .spd-chart,app-dashboard.castles-dashboard .spd-outlet-table{height:195px!important}app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:230px!important}app-dashboard.castles-dashboard .spd-daily-chart{height:195px!important}app-dashboard.castles-dashboard .spd-order-body{height:190px!important}app-dashboard.castles-dashboard .spd-payments{height:156px!important}}
@media(min-width:1200px) and (max-width:1570px){
 app-dashboard.castles-dashboard{--spd-sidebar:208px}
 app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:1fr!important;gap:7px!important;padding:7px 0!important}
 app-dashboard.castles-dashboard .spd-filters{grid-template-columns:155px minmax(300px,1fr) 220px 103px!important}
 app-dashboard.castles-dashboard .spd-kpis{gap:7px!important}
 app-dashboard.castles-dashboard .spd-kpi-icon{left:9px!important;width:34px!important;height:34px!important;font-size:21px!important}
 app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:43px!important}
 app-dashboard.castles-dashboard .spd-kpi b{font-size:15px!important}
 app-dashboard.castles-dashboard .spd-kpi small{font-size:10px!important}
 app-dashboard.castles-dashboard .spd-kpi>span{font-size:8px!important;bottom:16px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{height:88px!important;min-height:88px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini-icon{left:7px!important;top:10px!important;width:28px!important;height:28px!important;font-size:17px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini>div:nth-child(2){margin-left:34px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini small{font-size:10px!important;min-height:28px!important;line-height:13px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini b{font-size:12px!important}
 app-dashboard.castles-dashboard .spd-mini-icon{left:8px!important;width:33px!important;height:33px!important}
 app-dashboard.castles-dashboard .spd-mini>div:nth-child(2){margin-left:42px!important}
 app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1fr 1fr!important}
 app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr) minmax(270px,1fr)!important}
 app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:100px minmax(0,1fr)!important;padding:6px 8px!important;gap:7px!important}
 app-dashboard.castles-dashboard .spd-donut{width:100px!important;height:100px!important}
 app-dashboard.castles-dashboard .spd-head h2{font-size:11px!important}
 app-dashboard.castles-dashboard .spd-daily .spd-head{flex-wrap:wrap!important;height:52px!important;gap:2px!important}
 app-dashboard.castles-dashboard .spd-daily-chart{height:131px!important}
}
@media(max-width:1199px){
 app-dashboard.castles-dashboard{--spd-header:60px}
 app-dashboard.castles-dashboard .spd-toolbar{grid-template-columns:1fr!important;gap:10px!important;margin:0 0 12px!important}
 app-dashboard.castles-dashboard .spd-filters{grid-template-columns:140px minmax(270px,1fr) 218px 94px!important;gap:5px!important}
 app-dashboard.castles-dashboard .spd-range{gap:4px!important}
 app-dashboard.castles-dashboard .spd-outlet-top{grid-template-columns:1fr!important}
 app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:218px!important}
 app-dashboard.castles-dashboard .spd-chart,app-dashboard.castles-dashboard .spd-outlet-table{height:183px!important}
 app-dashboard.castles-dashboard .spd-kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1fr 1fr!important}
 app-dashboard.castles-dashboard .spd-daily{grid-column:1/-1!important}
 app-dashboard.castles-dashboard .spd-analysis>.spd-daily{height:230px!important}
 app-dashboard.castles-dashboard .spd-daily-chart{height:195px!important}
 app-dashboard.castles-dashboard .spd-bottom{grid-template-columns:1fr!important}
}
@media(max-width:850px){
 app-dashboard.castles-dashboard .spd-filters{grid-template-columns:1fr 220px 94px!important;gap:8px!important}
 app-dashboard.castles-dashboard .spd-range{grid-column:1/-1!important;grid-row:2!important}
 app-dashboard.castles-dashboard .spd-date{grid-column:auto!important}
 app-dashboard.castles-dashboard .spd-refresh{grid-column:auto!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini>div:nth-child(2){margin-left:44px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini-icon{left:9px!important;width:31px!important;height:31px!important;font-size:19px!important}
 app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini b{font-size:13px!important}
}
@media(max-width:600px){
 app-dashboard.castles-dashboard .spd-title h1{font-size:23px!important;white-space:normal!important}
 app-dashboard.castles-dashboard .spd-title p{font-size:12px!important}
 app-dashboard.castles-dashboard .spd-title h1 span{font-size:10px!important;padding:5px 7px!important}
 app-dashboard.castles-dashboard .spd-filters{grid-template-columns:1fr 98px!important;gap:8px!important}
 app-dashboard.castles-dashboard .spd-outlet-wrap{grid-column:1/-1!important}
 app-dashboard.castles-dashboard .spd-range{grid-row:2!important;gap:5px!important;overflow:visible!important}
 app-dashboard.castles-dashboard .spd-range button{min-width:0!important;flex:1 1 0!important;padding:0 3px!important;font-size:11px!important}
 app-dashboard.castles-dashboard .spd-date{grid-column:1!important;grid-row:3!important;min-width:0!important}
 app-dashboard.castles-dashboard .spd-date input[type="date"]{width:calc((100% - 28px)/2)!important;min-width:0!important;font-size:11px!important}
 app-dashboard.castles-dashboard .spd-refresh{grid-column:2!important;grid-row:3!important}
 app-dashboard.castles-dashboard .spd-outlet-wrap>button,app-dashboard.castles-dashboard .spd-range button,app-dashboard.castles-dashboard .spd-date,app-dashboard.castles-dashboard .spd-refresh{min-height:42px!important}
 app-dashboard.castles-dashboard .spd-head{height:auto!important;min-height:40px!important;flex-wrap:wrap!important;gap:5px!important}
 app-dashboard.castles-dashboard .spd-head h2{font-size:12px!important}
 app-dashboard.castles-dashboard .spd-head-controls{flex-wrap:wrap!important;font-size:10px!important}
 app-dashboard.castles-dashboard .spd-outlet-top .spd-card{height:auto!important}
 app-dashboard.castles-dashboard .spd-outlet-chart-card .spd-head{min-height:73px!important}
 app-dashboard.castles-dashboard .spd-chart{height:192px!important}
 app-dashboard.castles-dashboard .spd-outlet-table{height:165px!important}
 app-dashboard.castles-dashboard .spd-kpis-6,app-dashboard.castles-dashboard .spd-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 app-dashboard.castles-dashboard .spd-kpi{height:105px!important;min-height:105px!important;padding:8px!important}
 app-dashboard.castles-dashboard .spd-kpi-icon{left:9px!important;top:10px!important;width:32px!important;height:32px!important;font-size:19px!important}
 app-dashboard.castles-dashboard .spd-kpi>div:nth-child(2){margin-left:40px!important}
 app-dashboard.castles-dashboard .spd-kpi small{font-size:11px!important;min-height:30px!important;line-height:14px!important}
 app-dashboard.castles-dashboard .spd-kpi b{font-size:14px!important;line-height:20px!important}
 app-dashboard.castles-dashboard .spd-kpi>span{bottom:18px!important;font-size:8px!important}
 app-dashboard.castles-dashboard .spd-kpi em{font-size:10px!important}
 app-dashboard.castles-dashboard .spd-kpis-small .spd-mini,app-dashboard.castles-dashboard .spd-kpis-mini .spd-mini{height:88px!important;min-height:88px!important}
 app-dashboard.castles-dashboard .spd-mini>div:nth-child(2){margin-left:42px!important}
 app-dashboard.castles-dashboard .spd-mini-icon{left:8px!important;top:10px!important;width:30px!important;height:30px!important;font-size:18px!important}
 app-dashboard.castles-dashboard .spd-mini small{font-size:11px!important;min-height:29px!important;line-height:14px!important}
 app-dashboard.castles-dashboard .spd-mini b{font-size:14px!important}
 app-dashboard.castles-dashboard .spd-analysis{grid-template-columns:1fr!important}
 app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:auto!important;min-height:198px!important}
 app-dashboard.castles-dashboard .spd-daily .spd-head{min-height:65px!important}
 app-dashboard.castles-dashboard .spd-daily-chart{height:190px!important}
 app-dashboard.castles-dashboard .spd-order-body{grid-template-columns:124px minmax(0,1fr)!important;height:157px!important;padding:8px 14px!important;gap:18px!important}
 app-dashboard.castles-dashboard .spd-donut{margin:0!important}
 app-dashboard.castles-dashboard .spd-payments{height:auto!important;min-height:116px!important;gap:5px!important;padding:4px 12px 7px!important}
 app-dashboard.castles-dashboard .spd-payments>div{min-height:23px!important}
 app-dashboard.castles-dashboard .spd-collection{margin-bottom:8px!important}
 app-dashboard.castles-dashboard .spd-data-table .head{display:grid!important}
 app-dashboard.castles-dashboard .spd-data-table>div:not(.head){padding:0!important;margin:0!important;border:0!important;border-radius:0!important;gap:4px!important;min-height:26px!important}
 app-dashboard.castles-dashboard .spd-data-table.recent>div:not(.head){min-width:580px!important;grid-template-columns:18px 72px 68px minmax(100px,1fr) 83px 75px 70px!important}
 app-dashboard.castles-dashboard .spd-data-table.top>div:not(.head){min-width:490px!important;grid-template-columns:18px minmax(100px,1fr) 45px 80px 160px!important}
}
app-dashboard.castles-dashboard .spd-analysis>article{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
}
app-dashboard.castles-dashboard .spd-payments{
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-content:start!important;
}
app-dashboard.castles-dashboard .spd-payments>div{
  grid-column:auto!important;
  min-width:0!important;
}
app-dashboard.castles-dashboard .spd-payments b{
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(min-width:601px) and (max-width:1199px){
  app-dashboard.castles-dashboard .spd-analysis>.spd-daily{
    grid-column:1/-1!important;
  }
}
@media(max-width:600px){
  app-dashboard.castles-dashboard .spd-analysis>.spd-daily{
    grid-column:auto!important;
  }
}
app-dashboard.castles-dashboard .spd .spd-spark-area{opacity:.12!important;stroke:none!important}
app-dashboard.castles-dashboard .spd .spd-spark-line{opacity:1!important;fill:none!important;stroke-width:1.4!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px currentColor)!important}
app-dashboard.castles-dashboard .spd .spd-spark-previous{opacity:.34!important;fill:none!important;stroke-width:1!important;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;filter:none!important}
app-dashboard.castles-dashboard .spd .spd-spark-empty{opacity:.25!important}
app-dashboard.castles-dashboard .spd .spd-spark-empty path{fill:none!important;stroke-width:1!important;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
app-dashboard.castles-dashboard .spd-kpi .spd-spark{height:24px!important;bottom:0!important}
app-dashboard.castles-dashboard .spd-mini .spd-spark{height:21px!important;bottom:0!important}
app-dashboard.castles-dashboard .spd-analysis>.spd-card{height:auto!important;min-height:183px!important}
app-dashboard.castles-dashboard .spd-order-body{height:auto!important;min-height:148px!important;display:grid!important;grid-template-columns:minmax(82px,.88fr) minmax(132px,1fr)!important;gap:10px!important;align-items:center!important;padding:8px 10px!important}
app-dashboard.castles-dashboard .spd-donut{position:relative!important;display:block!important;width:100%!important;max-width:124px!important;height:auto!important;aspect-ratio:1/1;justify-self:center;isolation:isolate;margin:0!important;flex:none!important}
app-dashboard.castles-dashboard .spd-donut:after{content:''!important;position:absolute!important;inset:19%!important;z-index:0!important;border-radius:50%!important;background:radial-gradient(circle at 50% 80%,#10223e,#07142b)!important}
app-dashboard.castles-dashboard .spd-donut>div{position:absolute!important;inset:0!important;z-index:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;text-align:center!important;line-height:1!important}
app-dashboard.castles-dashboard .spd-donut b{display:block!important;font-size:clamp(18px,1.4vw,23px)!important;line-height:1.05!important;margin:0!important;max-width:76%;overflow:hidden;text-overflow:ellipsis}
app-dashboard.castles-dashboard .spd-donut span{display:block!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap!important;margin:0!important;padding:0!important}
app-dashboard.castles-dashboard .spd-order-legend{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;align-content:center!important}
app-dashboard.castles-dashboard .spd-order-legend>div{grid-template-columns:20px minmax(0,1fr) 30px!important;min-height:28px!important;gap:6px!important;align-items:center!important}
app-dashboard.castles-dashboard .spd-order-legend b{font-size:11px!important;line-height:14px!important;white-space:normal!important}
app-dashboard.castles-dashboard .spd-order-legend small{font-size:10px!important;line-height:12px!important;display:block!important}
app-dashboard.castles-dashboard .spd-order-legend em{width:29px!important;height:29px!important;padding:0!important;line-height:1!important;justify-self:end}
app-dashboard.castles-dashboard .spd-order-legend .spd-order-empty{grid-template-columns:1fr!important;white-space:normal!important;font-size:11px!important}
@media(min-width:2000px){app-dashboard.castles-dashboard .spd-analysis>.spd-card{min-height:230px!important}app-dashboard.castles-dashboard .spd-order-body{min-height:195px!important}}
@media(min-width:601px) and (max-width:1199px){app-dashboard.castles-dashboard .spd-analysis>.spd-daily{height:auto!important;min-height:230px!important}}
@media(max-width:600px){app-dashboard.castles-dashboard .spd-analysis>.spd-card{min-height:198px!important}app-dashboard.castles-dashboard .spd-order-body{min-height:157px!important;padding:8px 14px!important;gap:14px!important}}
app-dashboard.castles-dashboard .spd-toolbar{position:relative;z-index:30}
app-dashboard.castles-dashboard .spd-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:wrap}
app-dashboard.castles-dashboard .spd-heading-row .spd-title{min-width:0;flex:1}
app-dashboard.castles-dashboard .spd-outlet-wrap{min-width:0}
app-dashboard.castles-dashboard .sp-mode-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:36px;min-width:86px;padding:7px 12px;border:1px solid #799ab9;border-radius:20px;background:#fff;color:#183956;font:600 12px/1.2 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px #23476a15}
app-dashboard.castles-dashboard .sp-mode-toggle i{color:inherit!important;-webkit-text-fill-color:currentColor!important}
app-dashboard.castles-dashboard .sp-mode-toggle:focus-visible{outline:3px solid #1787dc;outline-offset:3px}
html[data-ui-theme="dark"] app-dashboard.castles-dashboard .sp-mode-toggle{background:#132d49;color:#f1f7ff;border-color:#427397}
html[data-ui-theme="light"] app-dashboard.castles-dashboard{--sd-bg:#eff5fc;--sd-card:#fff;--sd-card2:#f6f9fe;--sd-text:#162d49;--sd-muted:#506984;--sd-border:#c5d9ed;background:#eff5fc!important;color:#162d49!important;color-scheme:light}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-title h1{color:#142f50!important;-webkit-text-fill-color:#142f50!important;text-shadow:none!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-title h1 span{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(#1fbd7d,#098653)!important;box-shadow:0 2px 8px #119c6a30!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-title p{color:#526c87!important;-webkit-text-fill-color:#526c87!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-wrap>button,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-range button,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-date{background:linear-gradient(#fff,#f0f6fe)!important;color:#254666!important;-webkit-text-fill-color:#254666!important;border-color:#b1cce7!important;box-shadow:0 2px 5px #27578512,inset 0 1px 2px #fff!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-date input{color:#254666!important;-webkit-text-fill-color:#254666!important;color-scheme:light!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-range button.active,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-refresh{background:linear-gradient(#287fff,#1251df)!important;border-color:#2067df!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 9px #2067df33!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-card{background:linear-gradient(145deg,#fff,#f9fbff)!important;border-color:#afcde9!important;box-shadow:0 3px 12px #21497412,inset 0 1px 2px #fff!important;color:#183854!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-top{border-color:#53a8eb!important;box-shadow:0 2px 10px #2986d322!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-top .spd-card{border-color:#bfd7eb!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head{background:linear-gradient(#eef5ff99,#fff0)!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head h2,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head h2 small,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head-controls,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head-controls *{color:#274662!important;-webkit-text-fill-color:#274662!important;text-shadow:none!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head>span,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head>button,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-head select{background:#f5f9ff!important;border-color:#bdd4e9!important;color:#355775!important;-webkit-text-fill-color:#355775!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table{scrollbar-color:#9ebbd9 #f4f8fd}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table>div,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table>div{color:#2c4865!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table .head *,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .head *{color:#526c87!important;-webkit-text-fill-color:#526c87!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table em,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table strong{color:#243f5c!important;-webkit-text-fill-color:#243f5c!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table>div:nth-child(even),html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table>div:nth-child(even){background:#edf4ff!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-kpi,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-mini{background:radial-gradient(ellipse at 0 0,rgba(var(--accent-rgb),.14),transparent 60%),radial-gradient(ellipse at 100% 110%,rgba(var(--accent-rgb),.16),transparent 65%),#fff!important;border-color:rgba(var(--accent-rgb),.55)!important;box-shadow:inset 0 1px 2px #fff,0 3px 10px #21457415!important;color:#183651!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-kpi small,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-mini small{color:#38516d!important;-webkit-text-fill-color:#38516d!important;text-shadow:none!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-kpi b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-mini b{color:#132f4d!important;-webkit-text-fill-color:#132f4d!important;text-shadow:none!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-kpi>span{color:#516d85!important;-webkit-text-fill-color:#516d85!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-kpi em.up,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-mini em.up{color:#08784e!important;-webkit-text-fill-color:#08784e!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-kpi em.down,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-mini em.down{color:#c12250!important;-webkit-text-fill-color:#c12250!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-kpi em.neutral,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-mini em.neutral{color:#506984!important;-webkit-text-fill-color:#506984!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-kpi,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-mini{--spark-ink:#286bb6}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .is-up{--spark-ink:#09875b}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .is-down{--spark-ink:#c12e57}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-spark path{stroke:var(--spark-ink)!important;filter:none!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-spark circle{fill:var(--spark-ink)!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .spd-spark-previous{opacity:.45!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-donut:after{background:radial-gradient(#fff,#f0f6ff)!important;border-color:#c0d5e9!important;box-shadow:inset 0 1px 6px #37639518!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-donut b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-donut span,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-order-legend b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-order-legend small{color:#2b4966!important;-webkit-text-fill-color:#2b4966!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-order-legend em{color:#3f5c76!important;-webkit-text-fill-color:#3f5c76!important;background:#f0f5fc!important;border-color:#b9cfe4!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-payments b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-payments small,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-payments strong{color:#314f6b!important;-webkit-text-fill-color:#314f6b!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-payments em,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table strong u,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table.top u>i{background:#dfeaf6!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-collection{background:linear-gradient(105deg,#dcf8eb,#f0fff7)!important;border-color:#8fcbb0!important;box-shadow:inset 0 1px 4px #fff!important;color:#08734b!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-collection span,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-collection b{color:#096342!important;-webkit-text-fill-color:#096342!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table b,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table strong,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table em,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table i,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table u,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table mark{color:#314f6b!important;-webkit-text-fill-color:#314f6b!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .type.dinein{background:#d8f4e9!important;color:#096647!important;-webkit-text-fill-color:#096647!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .type.takeaway{background:#deecff!important;color:#215ca6!important;-webkit-text-fill-color:#215ca6!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .type.delivery{background:#fff0d9!important;color:#95530a!important;-webkit-text-fill-color:#95530a!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-empty,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-order-empty,html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-payment-empty{color:#526b84!important;-webkit-text-fill-color:#526b84!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-loading{background:#eef5fcc9!important;color:#214665!important;-webkit-text-fill-color:#214665!important}
@media(max-width:600px){app-dashboard.castles-dashboard .spd-heading-row{gap:8px}app-dashboard.castles-dashboard .sp-mode-toggle{min-height:40px}html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table>div:not(.head){background:#f5f9ff!important}}
app-dashboard.castles-dashboard .spd-heading-row .spd-title{flex:1 1 320px}
html[data-ui-theme="light"] app-dashboard.castles-dashboard{--spd-text:#162d49;--spd-muted:#506984}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-date *{color:#254666!important;-webkit-text-fill-color:#254666!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-table em i{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd .sp-mode-toggle{color:#183956!important;-webkit-text-fill-color:#183956!important;background:#fff!important}
html[data-ui-theme="dark"] app-dashboard.castles-dashboard .spd .sp-mode-toggle{color:#f1f7ff!important;-webkit-text-fill-color:#f1f7ff!important;background:#132d49!important}
app-dashboard.castles-dashboard .spd-date {
  display:grid!important;grid-template-columns:minmax(0,1fr) 28px 8px minmax(0,1fr) 28px!important;
  align-items:center;gap:2px!important;padding:0 4px!important;min-width:0;
}
app-dashboard.castles-dashboard .spd-date input[type="date"] {
  width:100%!important;min-width:0!important;min-height:30px;cursor:pointer;
}
app-dashboard.castles-dashboard .spd-date input::-webkit-calendar-picker-indicator {display:none}
app-dashboard.castles-dashboard .spd-date .spd-calendar-open {
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;
  padding:0;border:0;border-radius:5px;background:transparent!important;box-shadow:none!important;
  color:inherit!important;cursor:pointer;transform:none!important;
}
app-dashboard.castles-dashboard .spd-date .spd-calendar-open i {font-size:15px!important;margin:0!important}
app-dashboard.castles-dashboard .spd-date .spd-calendar-open:hover {background:#488fe72b!important}
app-dashboard.castles-dashboard .spd-date :focus-visible {outline:2px solid #168bff;outline-offset:1px}
app-dashboard.castles-dashboard .spd-date-status {grid-column:1/-1;margin:0;font-size:12px;color:#c73343!important;-webkit-text-fill-color:#c73343!important}
app-dashboard.castles-dashboard .spd-date-status[hidden] {display:none!important}
html[data-ui-theme="dark"] app-dashboard.castles-dashboard .spd-date-status {color:#ffb1bb!important;-webkit-text-fill-color:#ffb1bb!important}
app-dashboard.castles-dashboard .sp-mode-toggle {min-width:126px;white-space:nowrap}
app-dashboard.castles-dashboard .sp-mode-toggle .sp-mode-selected {font-weight:800;text-decoration:underline;text-underline-offset:4px}
app-dashboard.castles-dashboard .spd-toolbar {z-index:101}

app-dashboard.castles-dashboard{display:block;min-width:0;overflow:visible!important;font-family:Arial,"Segoe UI",sans-serif!important}app-dashboard.castles-dashboard .spd{display:block;min-width:0}app-dashboard.castles-dashboard button{cursor:pointer}app-dashboard.castles-dashboard .spd-chart canvas,app-dashboard.castles-dashboard .spd-daily-chart canvas{width:100%!important;height:100%!important}app-dashboard.castles-dashboard .spd-error{padding:12px;border:1px solid #ed7586;color:#c33;background:#fff0f0;border-radius:8px;margin-bottom:10px}app-dashboard.castles-dashboard .spd-spark{pointer-events:none}app-dashboard.castles-dashboard .spd-head a{color:inherit;text-decoration:none}
/* Host integration: identical dashboard geometry in both modes. */
.app-frame:has(app-dashboard.castles-dashboard) .workspace{grid-template-rows:72px minmax(0,1fr) 30px!important}
.app-frame:has(app-dashboard.castles-dashboard) .content{padding:8px 9px 11px!important}
.app-frame:has(app-dashboard.castles-dashboard) .topbar{min-height:72px!important}
.app-frame:has(app-dashboard.castles-dashboard) .nav-item{height:41px!important;font-family:Arial,sans-serif!important;font-size:10px!important}
app-dashboard.castles-dashboard .spd :is(h1,h2,b,strong,small,em,span,button,input,select){font-family:Arial,"Segoe UI",sans-serif!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .head{background:#eaf2fc!important;color:#425b76!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-data-table .head *{color:#425b76!important;-webkit-text-fill-color:#425b76!important}
@media(max-width:760px){
.app-frame:has(app-dashboard.castles-dashboard) .workspace{grid-template-rows:64px minmax(0,1fr) 28px!important}
.app-frame:has(app-dashboard.castles-dashboard) .topbar{min-height:64px!important}
.app-frame:has(app-dashboard.castles-dashboard) .content{padding:6px!important}
}


/* RC21: multi-outlet selector, contrast-correct for both themes (100+ outlets). */
app-dashboard.castles-dashboard .spd-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;position:relative!important;z-index:200!important;overflow:visible!important}
app-dashboard.castles-dashboard .spd-heading-row{min-width:0}
app-dashboard.castles-dashboard .spd-filters{display:grid!important;grid-template-columns:minmax(195px,1.1fr) minmax(355px,2.4fr) minmax(236px,1.35fr) minmax(110px,.65fr)!important;width:100%!important;min-width:0!important;gap:8px!important}
app-dashboard.castles-dashboard .spd-outlet-wrap{position:relative!important;min-width:0!important;z-index:205!important}
app-dashboard.castles-dashboard .spd-outlet-wrap>button{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 13px!important;white-space:nowrap!important}
app-dashboard.castles-dashboard .spd-outlet-wrap #spdOutletText{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font-size:12px!important}
app-dashboard.castles-dashboard .spd-outlet-wrap>.spd-outlet-menu{position:absolute!important;left:0!important;right:auto!important;top:calc(100% + 7px)!important;z-index:500!important;width:min(365px,calc(100vw - 260px))!important;min-width:min(290px,calc(100vw - 24px))!important;max-height:none!important;overflow:visible!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:9px!important;border:1px solid #356898!important;border-radius:13px!important;color:#eff6ff!important;background:#10233e!important;box-shadow:0 22px 50px rgba(2,8,25,.45)!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-search{display:block;min-height:38px;min-width:0}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-search input{box-sizing:border-box;width:100%!important;min-width:0!important;height:38px!important;border-radius:8px!important;padding:8px 11px!important;background:#0b1930!important;color:#f5faff!important;-webkit-text-fill-color:#f5faff!important;border:1px solid #4d678f!important;font:500 12px/1.4 'Segoe UI',Arial,sans-serif!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-search input::placeholder{color:#a9bdd7!important;opacity:1}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#adc5e6!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-actions button,
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-footer button{padding:7px 12px;border:1px solid #5791eb;border-radius:8px;background:#164eac;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px;font-weight:750;cursor:pointer}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-results{max-height:min(260px,38dvh)!important;min-height:40px;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6395cf #152a47;display:grid;align-content:start;gap:3px}
app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;border-radius:8px!important;padding:9px 10px!important;background:transparent!important;color:#ecf5ff!important;-webkit-text-fill-color:#ecf5ff!important;font:600 12px/1.4 'Segoe UI',Arial,sans-serif!important;cursor:pointer!important;min-height:36px;min-width:0}
app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option:hover,
app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option.is-selected{background:#203e67!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-option input{flex:0 0 auto;width:16px;height:16px;accent-color:#247dfa}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-option span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;color:inherit!important;-webkit-text-fill-color:currentColor!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-option small{font-size:10px;color:#a9bfd8!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-empty{font-size:12px;padding:9px;margin:0;color:#a9bfd8!important}
app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-footer{display:flex;justify-content:flex-end;border-top:1px solid #395371;padding-top:9px}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-wrap>.spd-outlet-menu{background:#fff!important;color:#173753!important;border-color:#adc9e9!important;box-shadow:0 16px 38px rgba(17,46,77,.22)!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-search input{background:#f3f7fe!important;color:#1d3b58!important;-webkit-text-fill-color:#1d3b58!important;border-color:#b5cee8!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-search input::placeholder{color:#657e99!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option{color:#183d63!important;-webkit-text-fill-color:#183d63!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option:hover,
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu label.spd-outlet-option.is-selected{background:#e6f1ff!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-option small,
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-actions{color:#536f91!important}
html[data-ui-theme="light"] app-dashboard.castles-dashboard .spd-outlet-menu .spd-outlet-footer{border-color:#d8e6f5}
@media(max-width:1150px){app-dashboard.castles-dashboard .spd-filters{grid-template-columns:minmax(175px,1fr) minmax(320px,2.1fr) minmax(225px,1.25fr)!important}app-dashboard.castles-dashboard .spd-refresh{grid-column:1/-1!important;justify-self:end!important;width:120px!important}}
@media(max-width:800px){app-dashboard.castles-dashboard .spd-filters{grid-template-columns:minmax(0,1fr)!important}app-dashboard.castles-dashboard .spd-outlet-wrap>.spd-outlet-menu{width:min(360px,calc(100vw - 42px))!important;min-width:0!important}app-dashboard.castles-dashboard .spd-range{min-width:0!important;flex-wrap:wrap!important}app-dashboard.castles-dashboard .spd-range button{min-width:64px!important}app-dashboard.castles-dashboard .spd-date{justify-content:center!important}app-dashboard.castles-dashboard .spd-refresh{grid-column:auto!important;width:100%!important}}