body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg-dark: #050505;--panel-bg: rgba(255, 255, 255, .03);--accent-blue: #00a8ff;--accent-green: #00d2d3;--accent-red: #ff4757;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: none}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}.App{min-height:100vh;background:radial-gradient(circle at top right,#1a1a2e,#16213e,#0f3460,#0a0a0a);background-attachment:fixed}.react-grid-item{transition:transform .2s cubic-bezier(.4,0,.2,1)}.react-grid-placeholder{background:#ffffff1a!important;border-radius:8px!important;opacity:.5!important}button{cursor:pointer;font-family:inherit;font-weight:500;border-radius:6px;transition:all .2s ease;padding:8px 16px;border:none;font-size:14px}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:active{transform:translateY(0)}input{border-radius:6px;padding:8px;outline:none;font-family:inherit}.drag-handle{position:absolute;top:0;left:0;right:0;height:24px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.05);cursor:grab;z-index:100;border-radius:12px 12px 0 0;display:flex;justify-content:center;align-items:center}.drag-handle:after{content:":::";color:#ffffff4d;font-weight:700;letter-spacing:2px}.react-grid-item:hover .drag-handle{background:#fff3}.glass-widget{background:var(--glass-bg)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--glass-border)!important;border-radius:12px!important;box-shadow:0 8px 32px #0000004d!important;color:var(--text-primary);height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.kiosk-view{min-height:100vh;padding:20px;display:flex;flex-direction:column}.admin-view{display:flex;flex-direction:row;height:100vh;overflow:hidden}.admin-sidebar{width:350px;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:1000;box-shadow:10px 0 30px #00000080}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:15px}.active-widgets-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.sidebar-widget-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;transition:all .2s ease}.sidebar-widget-item.active{border-color:var(--accent-blue);background:#00a8ff1a}.sidebar-widget-item header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.widget-name{font-weight:700;font-size:14px;text-transform:capitalize}.layer-btns{display:flex;gap:4px}.sidebar-z-btn{padding:4px 8px;font-size:10px;background:#ffffff1a}.sidebar-z-btn:hover{background:var(--accent-blue)}.grid-area{flex:1;overflow-y:auto;padding:40px;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{width:90%;max-width:1000px;height:80vh;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px #000c}.modal-header{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-grid{flex:1;padding:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;overflow-y:auto}.block-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;gap:15px;cursor:pointer;transition:all .2s ease}.block-card:hover{background:#ffffff12;transform:translateY(-2px);border-color:var(--accent-blue)}.block-icon{width:40px;height:40px;background:#00a8ff33;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:20px}.block-info h3{margin:0 0 4px;font-size:16px}.settings-scroll-area{flex:1;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:20px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section label{font-size:13px;font-weight:600;color:var(--text-secondary)}.settings-input,.settings-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;border-radius:6px;width:100%}.settings-row{display:flex;gap:15px;align-items:center}.toggle-group{display:flex;background:#ffffff0d;border-radius:6px;padding:4px}.toggle-btn{flex:1;padding:8px;font-size:12px;background:transparent;color:var(--text-secondary)}.toggle-btn.active{background:#f39c12;color:#fff}.modal-footer{padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.save-btn{background:#f39c12;color:#fff;padding:10px 30px;font-weight:700}.cancel-btn{background:#ffffff1a;color:#fff;padding:10px 20px}.sidebar-widget-item{cursor:grab}.sidebar-widget-item:active{cursor:grabbing}.sidebar-widget-item.dragging{opacity:.5;border:1px dashed var(--accent-blue)}.drag-placeholder{height:2px;background:var(--accent-blue);margin:4px 0;border-radius:2px;box-shadow:0 0 10px var(--accent-blue)}.sidebar-settings-btn{margin-top:auto;padding:15px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.gear-icon{margin-right:8px}.glass-widget{box-shadow:0 4px 15px #00000080,0 0 0 1px #ffffff0d!important}.sidebar-z-btn.settings-highlight{color:#f1c40f!important;font-weight:700}.admin-widget-container{pointer-events:auto}.admin-widget-container.bottom-layer{border:1px solid rgba(255,255,255,.1)}.sidebar-widget-item{transition:transform .2s,background .2s;-webkit-user-select:none;user-select:none}.sidebar-widget-item:hover{background:#ffffff0d}.drag-handle-vertical{display:flex;flex-direction:column;gap:2px;cursor:grab;padding:10px;opacity:.3}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:none;cursor:se-resize;z-index:101;display:flex!important;align-items:flex-end;justify-content:flex-end;padding:4px}.react-resizable-handle:after{content:"";width:8px;height:8px;border-right:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4);border-radius:0 0 2px}.react-resizable-handle:hover:after{border-color:var(--accent-blue)}