@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*::-webkit-scrollbar{width:.3rem;height:.3rem}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}*::-webkit-scrollbar-thumb{background-color:#a9a9a958;border-radius:9999999999px}.resize-handle{width:4px;background-color:#e2e8f0;cursor:col-resize;transition:background-color .2s ease}.resize-handle:hover{background-color:#3182ce}.resize-handle:active{background-color:#2c5aa0}.square-loader{width:55px;aspect-ratio:1;--g1: conic-gradient(from 90deg at top 3px left 3px, #0000 90deg, currentColor 0);--g2: conic-gradient( from -90deg at bottom 3px right 3px, #0000 90deg, currentColor 0 );background:var(--g1),var(--g1),var(--g1),var(--g1),var(--g2),var(--g2),var(--g2),var(--g2);background-position:0 0,100% 0,100% 100%,0 100%;background-size:25px 25px;background-repeat:no-repeat;animation:l11 1.5s infinite}@keyframes l11{0%{background-size:35px 15px,15px 15px,15px 35px,35px 35px}25%{background-size:35px 35px,15px 35px,15px 15px,35px 15px}50%{background-size:15px 35px,35px 35px,35px 15px,15px 15px}75%{background-size:15px 15px,35px 15px,35px 35px,15px 35px}to{background-size:35px 15px,15px 15px,15px 35px,35px 35px}}.dots-loader{width:60px;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side, currentColor 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 100%;animation:l7 1s infinite linear}@keyframes l7{33%{background-size:calc(100% / 3) 0%,calc(100% / 3) 100%,calc(100% / 3) 100%}50%{background-size:calc(100% / 3) 100%,calc(100% / 3) 0%,calc(100% / 3) 100%}66%{background-size:calc(100% / 3) 100%,calc(100% / 3) 100%,calc(100% / 3) 0%}}.widget-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s}.widget-overlay{position:absolute;width:100%;height:100%;background:#0000004d;border-radius:8px;opacity:0;transition:opacity .3s ease-in-out;box-shadow:none!important}.widget-controls-container{position:absolute;cursor:auto}.widget-controls{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:all}.widget-controls-active{opacity:1!important;transform:translateY(0);pointer-events:all}.widget-card.editing:hover .widget-overlay-container{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.widget-card.editing:hover .widget-controls{opacity:1;transform:translateY(0);pointer-events:all}.widget-card.editing:hover .widget-overlay{opacity:1}.widget-card:hover,.widget-card.active{transition:box-shadow .3s ease-in-out}.widget-card.editing:hover,.widget-card.active.editing{box-shadow:0 0 2px 1px #26a199e6}.widget-card.full-screen{box-shadow:none!important;transition:box-shadow .3s ease-in-out}.widget-card-box-shadow{box-shadow:0 0 2px 1px #26a199e6}.widget-card.editing:hover .widget-overlay-container,.widget-card.active.editing .widget-overlay-container{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.widget-card.editing:hover .widget-overlay,.widget-card.active.editing .widget-overlay{opacity:1}.widget-card.editing:hover .widget-controls,.widget-card.active.editing .widget-controls{opacity:1;transform:translateY(0);pointer-events:all}.clock{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:var(--chakra-colors-teal-400, #38b2ac)}.digit-square{width:14px;height:14px;border:2px solid transparent;border-radius:2px;box-sizing:border-box}.digit-square-top{margin-bottom:3px}.digit-square-bottom{margin-top:3px}.digit-square-border-top{border-top-color:currentColor}.digit-square-border-right{border-right-color:currentColor}.digit-square-border-bottom{border-bottom-color:currentColor}.digit-square-border-left{border-left-color:currentColor}.separator{display:flex;flex-direction:column;justify-content:space-between;height:36px;margin:0 6px}.separator-dot{width:5px;height:5px;border-radius:50%;background-color:currentColor;opacity:.9}.dashboard-grid{--cols: 24;--row-height: 30px;--gap: 10px;--pad-x: 10px;--pad-y: 10px;--cell-w: calc( (100% - (2 * var(--pad-x)) - ((var(--cols) - 1) * var(--gap))) / var(--cols) );min-height:calc(100vh - 175px);position:relative;z-index:1}.dashboard-grid-canvas,.dashboard-grid-cells{position:absolute;inset:0;pointer-events:none;z-index:0}.react-grid-placeholder{border:2px dashed #0c5d56;border-radius:5px;background-color:#99f6e4!important}.react-resizable-handle{z-index:9999!important;opacity:0}.react-resizable-handle{background:transparent}.otp-container{display:flex;justify-content:center;margin:16px 0}.otp-input-group{display:flex;gap:12px;justify-content:center}.otp-slot{width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;background-color:#f6f5f5;transition:border-color .15s ease;color:#374151;position:relative}.otp-slot.active{border-color:#319795}.otp-slot.active:after{content:"";position:absolute;width:1px;height:20px;background-color:#319795;animation:blink 1s infinite}.otp-slot.error{border-color:#dc2626}.otp-slot:focus-within{outline:none;border-color:#319795}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.drop-widget-card{border:1px solid transparent;transition:border-color .3s ease;border-radius:.375rem}.drop-widget-card.drop-active{border-color:#9333ea}.drop-widget-card.drop-success{border-color:#22c55e;animation:gentlePulse .6s ease-out}.drop-hover-indicator{background-color:#9333ea0d;border-radius:.375rem;pointer-events:none;border:1px dashed rgb(147,51,234)}.drop-success-checkmark{background-color:#22c55e;border-radius:50%;box-shadow:0 1px 2px #0000000d;animation:checkmarkAppear .4s ease-out,checkmarkFade .8s ease-out .4s forwards}@keyframes gentlePulse{0%{transform:scale(1);box-shadow:0 0 #22c55e00}50%{transform:scale(1.015);box-shadow:0 0 0 8px #22c55e26}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes checkmarkAppear{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes checkmarkFade{0%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes subtleBorderFlash{0%{border-color:transparent;box-shadow:none}30%{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e4d}to{border-color:transparent;box-shadow:none}}
