.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;-moz-user-select:none;-ms-user-select:none;-o-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}.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)}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;--primary-color: #6366f1;--primary-hover: #4f46e5;--danger-color: #ef4444;--danger-hover: #dc2626;--text-color: #1f2937;--text-light: #6b7280;--bg-color: #f9fafb;--card-bg: #ffffff;--border-color: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:#f5f5f5}#root{min-height:100vh}.todo-app{background:var(--card-bg);padding:2.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s ease}.todo-app:hover{transform:translateY(-2px)}h1{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);text-align:center}.todo-form{display:flex;gap:1rem;margin-bottom:2rem}.todo-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:var(--bg-color)}.todo-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.add-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.add-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);transition:all .2s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.todo-item:last-child{border-bottom:none}.todo-item:hover{background-color:var(--bg-color);border-radius:8px}.todo-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.completed{text-decoration:line-through;color:var(--text-light)}.delete-button{margin-left:auto;padding:.5rem 1rem;background-color:var(--danger-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;opacity:0}.todo-item:hover .delete-button{opacity:1}.delete-button:hover{background-color:var(--danger-hover);transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}@media (max-width: 480px){#root{padding:1rem}.todo-app{padding:1.5rem}.todo-form{flex-direction:column}.add-button{width:100%}}