@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-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;line-height:1.6;background-color:#fafbfc;color:#1f2937;overflow-x:hidden}code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-track{background:#11132b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#252851}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#3a3d6a}::selection{background-color:#f3932333;color:#e07d0f}::-moz-selection{background-color:#f3932333;color:#e07d0f}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #F39323;outline-offset:2px;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-right{animation:slideInFromRight .4s ease-out}.pulse{animation:pulse 2s infinite}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px}.glass-dark{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.card-hover{transition:all .2s ease-in-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-text{background:linear-gradient(135deg,#f39323,#e84b4c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gradient-text-dark{background:linear-gradient(135deg,#f5a854,#ee7677);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-dark{background:linear-gradient(90deg,#11132b 25%,#252851,#11132b 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px}.status-success{color:#10b981;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2)}.status-warning{color:#f59e0b;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.status-error{color:#f87171;background-color:#f871711a;border:1px solid rgba(248,113,113,.2)}.status-info{color:#3b82f6;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.btn-gradient{background:linear-gradient(135deg,#f39323,#e84b4c);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer;box-shadow:0 4px 15px #f393234d}.btn-gradient:hover{background:linear-gradient(135deg,#e07d0f,#dc2829);box-shadow:0 6px 20px #f3932366;transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0);box-shadow:0 2px 10px #f393234d}.MuiPaper-root{background-image:none!important}.MuiDialog-paper{border-radius:12px!important}.MuiTab-root{text-transform:none!important;font-weight:500!important}.MuiTableHead-root{background-color:#f8fafc!important}[data-theme=dark] .MuiTableHead-root{background-color:#1a1c3e!important}@media(max-width:768px){.hide-mobile{display:none!important}.mobile-full-width{width:100%!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-break{page-break-before:always}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.card-hover:hover{outline:2px solid currentColor}}.spacing-xs{margin:4px}.spacing-sm{margin:8px}.spacing-md{margin:16px}.spacing-lg{margin:24px}.spacing-xl{margin:32px}.padding-xs{padding:4px}.padding-sm{padding:8px}.padding-md{padding:16px}.padding-lg{padding:24px}.padding-xl{padding:32px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.container{max-width:1200px;margin:0 auto;padding:20px}.actions-bar{display:flex;gap:10px;flex-wrap:wrap}.gantt-target{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.gantt .bar-progress{background-color:#007bff!important}.gantt .bar-group .bar.project-bar{fill:#28a745!important}.gantt .bar-group .bar.phase-bar{fill:#007bff!important}.form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px;transition:background-color .2s}.btn:hover{background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.header{background:#fff;padding:20px 0;border-bottom:1px solid #eee;margin-bottom:30px}.header h1{color:#333;text-align:center}.project-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.project-item{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.project-item:last-child{border-bottom:none}.project-info h3{margin-bottom:5px;color:#333}.project-info p{color:#666;font-size:14px;margin-bottom:3px}.project-actions{display:flex;gap:10px}.btn-small{padding:5px 10px;font-size:12px}.loading{text-align:center;padding:40px;color:#666}.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:4px;margin:20px 0;border:1px solid #f5c6cb}.success{background:#d4edda;color:#155724;padding:15px;border-radius:4px;margin:20px 0;border:1px solid #c3e6cb}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;transition:width .3s ease}.project-phases{margin-top:15px;padding-top:10px;border-top:1px solid #eee}.project-phases h5{margin-bottom:10px;color:#666;font-size:14px}.phases-list{display:flex;flex-direction:column;gap:8px}.phase-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #007bff}.phase-info{display:flex;flex-direction:column;gap:2px}.phase-name{font-weight:500;color:#333;font-size:14px}.phase-dates{font-size:12px;color:#666}.phase-progress{font-size:12px;color:#007bff;font-weight:500}.phase-actions{display:flex;gap:5px}.project-meta{display:flex;gap:15px;margin:8px 0;font-size:13px}.date-range{color:#666}.progress-indicator{color:#007bff;font-weight:500}.gantt-container{margin:20px 0}.gantt-header{margin-bottom:15px}.gantt-header h3{color:#333;margin:0}.gantt-empty{background:#fff;padding:40px;text-align:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666}.empty-state{text-align:center;padding:40px 20px;color:#666}.empty-state p{margin:5px 0}.form-actions{display:flex;gap:10px;margin-top:20px}.project-info{flex:1}.project-info h4{margin:0 0 8px;color:#333}.project-info .description{color:#666;font-size:14px;margin-bottom:8px;line-height:1.4}.project-info small{color:#666;font-size:12px}.form-group .error{color:#dc3545;font-size:12px;margin-top:5px;display:block}@media(max-width:768px){.container{padding:10px}.project-item{flex-direction:column;align-items:flex-start;gap:10px}.project-actions{width:100%;justify-content:flex-end}.phase-item{flex-direction:column;align-items:flex-start;gap:8px}.phase-actions{width:100%;justify-content:flex-end}.project-meta{flex-direction:column;gap:5px}.form-actions{flex-direction:column}.form-actions .btn{margin-right:0;margin-bottom:10px}}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height;border-radius:8px}[data-theme=dark] .react-grid-item>.react-resizable-handle:after{border-right-color:#fff6;border-bottom-color:#fff6}.react-grid-item.resizing{transition:none;z-index:100;will-change:width,height}.react-grid-item.static{background-color:#ccc}.react-grid-item .text{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:24px}.react-grid-item .minMax{font-size:12px}.react-grid-item .add{cursor:pointer}.react-grid-item.react-draggable-dragging{transition:none;z-index:100;will-change:transform;box-shadow:0 10px 30px -5px #0003}.react-grid-item.react-grid-placeholder{background:#3b82f633;opacity:.5;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;border-radius:8px;border:2px dashed rgba(59,130,246,.5)}[data-theme=dark] .react-grid-item.react-grid-placeholder{background:#60a5fa33;border-color:#60a5fa80}.drag-handle{cursor:move;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.react-grid-item:hover{box-shadow:0 4px 12px #0000001a}[data-theme=dark] .react-grid-item:hover{box-shadow:0 4px 12px #0000004d}.react-grid-item.resizing{z-index:100;will-change:width,height}.react-grid-item.react-draggable-dragging{z-index:100;will-change:transform;cursor:move}.react-grid-layout{will-change:height}.react-grid-item{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.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)}