.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-container h1{color:#333;font-size:2em;margin-bottom:30px}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:#666;font-size:1.2em}.dashboard-error{background:#fff3f3;border-radius:8px;margin:20px;padding:40px;text-align:center}.dashboard-error h2{color:#dc3545;margin-bottom:15px}.dashboard-error button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.project-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease}.project-card:hover{transform:translateY(-5px)}.project-card h2{color:#2c3e50;font-size:1.5em;margin-bottom:15px}.project-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:15px 0}.stat-item{border-radius:6px;padding:10px;text-align:center}.stat-item.completed{background:#e8f5e9;color:#2e7d32}.stat-item.pending{background:#fff3e0;color:#f57c00}.stat-item.overdue{background:#ffebee;color:#c62828}.stat-label{display:block;font-size:.9em;margin-bottom:5px}.stat-value{display:block;font-size:1.5em;font-weight:700}.project-description{color:#666;line-height:1.5;margin:15px 0}.project-dates{border-top:1px solid #eee;color:#666;display:flex;font-size:.9em;justify-content:space-between;margin-top:15px;padding-top:15px}.no-projects{background:#f8f9fa;border-radius:8px;color:#666;padding:40px;text-align:center}@media (max-width:768px){.project-grid,.project-stats{grid-template-columns:1fr}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}input,select,textarea{border:1px solid #ddd;border-radius:4px;padding:8px 12px;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#0056b3}.settings-container{margin:0 auto;max-width:600px;padding:20px}.settings-container form>div{margin-bottom:20px}.settings-container label{display:block;font-weight:700;margin-bottom:5px}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.project-card,.task-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}nav{background-color:#333;padding:1rem}nav ul{display:flex;gap:20px;list-style:none}nav a{color:#fff;text-decoration:none}nav a:hover{color:#007bff}table{border-collapse:collapse;margin:20px 0;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f8f9fa}.comment-form{background:#203c58!important;border-radius:5px;padding:15px}.comment{background:#203c58}.add-action-button{align-items:center;background-color:#00875a!important;border-radius:3px;color:#fff;display:flex;gap:8px;padding:8px 16px}.sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px;width:250px}.sidebar h2{color:#fff;font-size:1.25rem;margin-bottom:30px}.nav-links{display:flex;flex-direction:column;gap:12px}.nav-link{border-radius:6px;color:#fff;padding:10px;text-decoration:none;transition:background-color .15s,color .15s}.nav-link:hover{background:#ffffff0d}.nav-link.active{background-color:#1abc9c;color:#fff;font-weight:600}.layout{display:flex;min-height:100vh}.mobile-menu-btn{background:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;left:12px;padding:8px 10px;position:fixed;top:12px;z-index:1100}.sidebar{position:relative;transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000059;display:none;inset:0;opacity:0;position:fixed;transition:opacity .2s ease;z-index:900}.sidebar-overlay.open{display:block;opacity:1}.main-content{flex:1 1;padding:20px;transition:margin-left .2s ease}.sidebar-footer{margin-top:auto;padding:10px}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px;width:100%}.grid-two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:992px){.sidebar{width:220px}}@media (max-width:768px){.mobile-menu-btn{display:block}.sidebar{background-color:#2c3e50;bottom:0;display:flex;flex-direction:column;left:0;padding:20px;position:fixed;top:0;transform:translateX(-100%);width:250px;z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{padding:16px}.grid-two-col{grid-template-columns:1fr}.logout-button{width:100%}}@media (max-width:480px){.mobile-menu-btn{left:8px;top:8px}.sidebar{width:220px}.main-content{padding:12px}}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:40px auto;max-width:400px;padding:20px}@media (max-width:480px){.auth-card{margin:24px auto;padding:16px;width:92%}}.file-preview-media{max-height:80vh;max-width:100%;object-fit:contain}.pdf-preview{min-height:min(50vh,500px)}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;margin-top:20px;width:100%}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:20px;max-width:600px;padding:24px}.form-group{margin-bottom:12px}.success-message{background:#d4edda;color:#155724}.error-message,.success-message{border-radius:4px;margin-bottom:12px;padding:10px}.error-message{background:#f8d7da;color:#721c24}.icon-button{background-color:#1abc9d!important}.icon-button:hover{background-color:#31655c!important}.back-btn{align-items:center;background-color:#6c757d!important;border-radius:3px;color:2c3e51!important;display:flex;gap:8px;padding:8px 16px}.tab{background-color:#2c3e51!important;border-radius:4px;color:#fff!important;cursor:pointer;margin-right:8px;padding:10px 16px}.tab.active{background-color:#1abc9d!important}.tab:hover{background-color:#148f77!important}
/*# sourceMappingURL=main.33015e91.css.map*/