.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}:root{--primary-color:#06c;--primary-dark:#0052a3;--secondary-color:#00b359;--accent-danger:#e63946;--neutral-bg:#f5f5f5;--neutral-border:#ddd}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--neutral-bg);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{display:flex;min-height:100vh}.sidebar{background-color:#2c3e50;bottom:0;box-shadow:2px 0 8px #00000026;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:transform .2s ease;width:250px;z-index:1000}.sidebar h2{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:30px}.nav-links{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.nav-link{border-radius:6px;color:#fff;font-weight:500;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}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:10px}.sidebar-footer span{color:#ffffffb3;display:block;font-size:.875rem;margin-bottom:10px;word-break:break-all}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:8px;transition:all .2s ease;width:100%}.logout-button:hover{background-color:#d1333a}.main-content{background-color:#f5f5f5;background-color:var(--neutral-bg);flex:1 1;margin-left:250px;overflow-y:auto;padding:20px}.mobile-menu-btn{background:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:1.2rem;left:12px;padding:8px 10px;position:fixed;top:12px;z-index:1100}.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}input,select,textarea{border:1px solid #ddd;border:1px solid var(--neutral-border);border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}button:hover{background-color:#0052a3;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}button:active{transform:translateY(0)}button.btn-green,button.btn-success{background-color:#00b359}button.btn-green:hover,button.btn-success:hover{background-color:#008c3a}button.btn-danger,button.btn-red{background-color:#e63946}button.btn-danger:hover,button.btn-red:hover{background-color:#d1333a}button.btn-orange,button.btn-warning{background-color:#ff9f1c}button.btn-orange:hover,button.btn-warning:hover{background-color:#e88d1f}button.btn-gray,button.btn-secondary{background-color:#6c757d}button.btn-gray:hover,button.btn-secondary:hover{background-color:#5a6268}button[type=submit]{background-color:#00b359;color:#fff}button[type=submit]:hover{background-color:#008c3a}.back-btn,.cancel-btn,button.cancel-btn{background-color:#e63946!important;color:#fff!important}.back-btn:hover,.cancel-btn:hover,button.cancel-btn:hover{background-color:#e74c3c!important}.container{margin:0 auto;max-width:1200px;padding:20px}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:600px;padding:24px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.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}.card,.project-card,.task-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:all .2s ease}.card:hover,.project-card:hover,.task-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.charts-container,.clients-container,.services-container,.tasks-container,.users-container{padding:20px 0}.table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;overflow-x:auto}table{border-collapse:collapse;margin:0;min-width:800px;width:100%}td,th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--neutral-border);padding:12px 15px;text-align:left;white-space:nowrap}th{background:linear-gradient(135deg,#f8f9fa,#f0f1f3);color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}tr:hover{background-color:#0066cc05}@media (max-width:900px){table{min-width:600px}}@media (max-width:600px){table{min-width:0;width:100%}td,th{padding:10px 12px;white-space:normal}.table-container{overflow-x:auto}}.table-responsive{-webkit-overflow-scrolling:touch;overflow:auto;width:100%}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.table-responsive{overflow-x:auto}.success-message{background:#d4edda;border-left:4px solid #28a745;color:#155724}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:12px}.error-message{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.success-message.green{background:#dffcf0;border-left-color:#00b359;color:#216e4e}.icon-button{align-items:center;background-color:#1abc9d!important;border-radius:4px;display:inline-flex;font-size:14px;gap:6px;padding:8px 12px}.icon-button:hover{background-color:#31655c!important}.back-btn{background-color:#6c757d!important;border-radius:3px;border-radius:6px;display:inline-flex;font-weight:600;gap:8px;padding:8px 16px}.add-action-button,.back-btn{align-items:center;color:#fff!important}.add-action-button{background-color:#00b359!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-weight:600!important;gap:6px;padding:10px 16px!important;transition:all .2s ease!important}.tab{background-color:#2c3e51!important;border-radius:4px;cursor:pointer;font-weight:600;margin-right:8px;padding:10px 16px;transition:all .2s ease}.tab,.tab.active{color:#fff!important}.tab.active{background-color:#1abc9c!important}.tab:hover{background-color:#148f77!important}.comment-form{background:#203c58!important;border-radius:5px;margin-bottom:15px;padding:15px}.comment{background:#203c58;border-radius:6px;color:#fff;margin-bottom:10px;padding:15px}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:40px auto;max-width:400px;padding:20px}.file-preview-media{max-height:80vh;max-width:100%;object-fit:contain}.pdf-preview{min-height:min(50vh,500px)}.grid-two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#999}.text-bold{font-weight:700}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:20px;text-align:center}.header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.search-box{flex:1 1;min-width:250px}.search-box input{border:1px solid #ddd;border:1px solid var(--neutral-border);border-radius:6px;font-size:14px;padding:12px;width:100%}@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:60px 16px 16px}.grid-two-col{grid-template-columns:1fr}.logout-button{width:100%}.header{align-items:flex-start;flex-direction:column}.search-box{width:100%}.dashboard-container{grid-template-columns:1fr}.main-content{margin-left:0}}@media (max-width:480px){.mobile-menu-btn{left:8px;top:8px}.sidebar{width:220px}.main-content{padding:12px}.auth-card{margin:24px auto;padding:16px;width:92%}td,th{font-size:13px;padding:8px}.header h2{font-size:1.25rem}.add-button{align-items:center;background-color:#00b359!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex;font-size:14px!important;font-weight:600!important;gap:6px;padding:10px 16px!important;transition:all .2s ease!important}.add-button:hover{background-color:#008c3a!important;box-shadow:0 2px 6px #0000001a!important;transform:translateY(-1px)}}
/*# sourceMappingURL=main.a0b1bf90.css.map*/