@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--bento-bg:#ffffffb3;--bento-border:#fffc;--bento-shadow:0 10px 40px -10px #0f172a14, 0 1px 3px #0f172a0d, inset 0 1px 0 #fff;--bento-radius:28px;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#e2e8f0;--mesh-bg:radial-gradient(at 40% 20%, #cde1fe80 0px, transparent 50%), radial-gradient(at 80% 0%, #e0dafb80 0px, transparent 50%), radial-gradient(at 0% 50%, #d1f3fa80 0px, transparent 50%), #f8fafc}body.dark-theme{--bg-color:#020617;--text-primary:#f8fafc;--text-secondary:#94a3b8;--bento-bg:#0f172a99;--bento-border:#ffffff14;--bento-shadow:0 20px 40px -10px #000c, 0 1px 3px #00000080, inset 0 1px 0 #ffffff0d;--border-color:#1e293b;--mesh-bg:radial-gradient(at 40% 20%, #0f1f3d80 0px, transparent 50%), radial-gradient(at 80% 0%, #20133980 0px, transparent 50%), radial-gradient(at 0% 50%, #0f2e3d80 0px, transparent 50%), #020617}body.dark-theme input,body.dark-theme select,body.dark-theme textarea{color:var(--text-primary);border-color:var(--border-color);background-color:#0f172acc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--mesh-bg);color:var(--text-primary);background-attachment:fixed;justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .5s;display:flex}#root{width:100%}.dashboard-container{flex-direction:column;gap:2.5rem;display:flex}.dashboard-header{text-align:center;margin-bottom:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) fadeInDown}.dashboard-header h1{color:var(--text-primary);letter-spacing:-.04em;font-size:3rem;font-weight:800;line-height:1.1}.dashboard-header p{color:var(--text-secondary);margin-top:.75rem;font-size:1.15rem;font-weight:500}.bento-item{background-color:var(--bento-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bento-border);border-radius:var(--bento-radius);box-shadow:var(--bento-shadow);touch-action:none;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) backwards scaleIn;display:flex;position:relative;overflow:hidden}.bento-item:first-child{animation-delay:50ms}.bento-item:nth-child(2){animation-delay:.1s}.bento-item:nth-child(3){animation-delay:.15s}.bento-item:nth-child(4){animation-delay:.2s}.bento-item:nth-child(5){animation-delay:.25s}.bento-item:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 30px 60px -15px #00000026,0 4px 6px -4px #0000001a,inset 0 1px #fff}body.dark-theme .bento-item:hover{border-color:#ffffff26;box-shadow:0 30px 60px -15px #000000e6,0 4px 6px -4px #00000080,inset 0 1px #ffffff1a}.bento-item.dragging{opacity:.6;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:scale(1.05);box-shadow:0 40px 80px -20px #0000004d}.widget-title{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:1.15rem;font-weight:700;display:flex}input,textarea,select{border:1px solid var(--border-color);background-color:#ffffff80;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-theme input,body.dark-theme textarea,body.dark-theme select{background-color:#0003}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);background-color:var(--bento-bg);box-shadow:0 0 0 4px #3b82f626}button{font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.w-full{width:100%}.h-full{height:100%}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.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{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.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{cursor:ns-resize;margin-left:-10px;left:50%}.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{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.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{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}