@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f3f4f6;--text-primary:#1f2937;--text-secondary:#4b5563;--bento-bg:#fff;--bento-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--bento-radius:24px;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#e5e7eb}body.dark-theme{--bg-color:#121212;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--bento-bg:#1e1e1e;--bento-shadow:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--border-color:#374151}body.dark-theme input,body.dark-theme select,body.dark-theme textarea{color:var(--text-primary);border-color:var(--border-color);background-color:#2d3748}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.dashboard-header{text-align:center;margin-bottom:1rem}.dashboard-header h1{color:var(--text-primary);letter-spacing:-.025em;font-size:2.5rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:140px;gap:1.5rem;width:100%;display:grid}.bento-item{background-color:var(--bento-bg);border-radius:var(--bento-radius);box-shadow:var(--bento-shadow);touch-action:none;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bento-item.dragging{opacity:.5;z-index:10;transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.bento-item.span-1-row{grid-row:span 1}.bento-item.span-2-row{grid-row:span 2}.bento-item.span-3-row{grid-row:span 3}.bento-item.span-4-row{grid-row:span 4}.bento-item.span-5-row{grid-row:span 5}.bento-item.span-6-row{grid-row:span 6}.bento-item.span-1-col{grid-column:span 1}.bento-item.span-2-col{grid-column:span 2}.bento-item.span-3-col{grid-column:span 3}.bento-item.span-4-col{grid-column:span 4}.bento-item.span-5-col{grid-column:span 5}.bento-item.span-6-col{grid-column:span 6}.drag-handle{cursor:grab;color:var(--text-secondary);opacity:0;transition:opacity .2s;position:absolute;top:1rem;right:1rem}.bento-item:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.widget-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}input{border:1px solid var(--border-color);border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.w-full{width:100%}.h-full{height:100%}