.grid-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.grid-container-no-gap{display:flex;flex-wrap:wrap}.grid-item{box-sizing:border-box}.grid-xs-1{flex:0 0 8.333%;max-width:8.333%}.grid-xs-2{flex:0 0 16.667%;max-width:16.667%}.grid-xs-3{flex:0 0 25%;max-width:25%}.grid-xs-4{flex:0 0 33.333%;max-width:33.333%}.grid-xs-5{flex:0 0 41.667%;max-width:41.667%}.grid-xs-6{flex:0 0 50%;max-width:50%}.grid-xs-7{flex:0 0 58.333%;max-width:58.333%}.grid-xs-8{flex:0 0 66.667%;max-width:66.667%}.grid-xs-9{flex:0 0 75%;max-width:75%}.grid-xs-10{flex:0 0 83.333%;max-width:83.333%}.grid-xs-11{flex:0 0 91.667%;max-width:91.667%}.grid-xs-12{flex:0 0 100%;max-width:100%}.grid-layout-sidebar{display:flex;gap:16px}.grid-sidebar-left{flex:0 0 25%;max-width:25%}.grid-main-content{flex:0 0 75%;max-width:75%}.grid-form-column{flex:0 0 33.333%;max-width:33.333%}.grid-list-column{flex:0 0 66.667%;max-width:66.667%}.grid-full-width{flex:0 0 100%;max-width:100%}.full-width-layout{width:100%;display:block}@media (max-width: 768px){.grid-container,.grid-layout-sidebar{flex-direction:column;gap:16px}.grid-sidebar-left,.grid-main-content,.grid-form-column,.grid-list-column,.grid-xs-1,.grid-xs-2,.grid-xs-3,.grid-xs-4,.grid-xs-5,.grid-xs-6,.grid-xs-7,.grid-xs-8,.grid-xs-9,.grid-xs-10,.grid-xs-11,.grid-xs-12{flex:1;max-width:100%}}.grid-spacing-0{gap:0}.grid-spacing-1{gap:8px}.grid-spacing-2{gap:16px}.grid-spacing-3{gap:24px}.grid-spacing-4{gap:32px}.app-container{max-width:1920px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.loading-spinner{display:flex;justify-content:center;align-items:center;height:50vh}.spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.app-container{padding:10px}}body{padding:0;margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header a:hover{color:#fff}header.MuiAppBar-root a:hover,header.MuiAppBar-root a.active{color:#fff;font-weight:600;border-bottom:2px solid}header.MuiAppBar-root a{font-weight:600}a.fl-right{float:right}.ag-theme-alpine .ag-layout-normal .ag-paging-panel{justify-content:center}.custom-header-checkbox .MuiCheckbox-root{padding-left:0;width:20px;height:20px}.custom-header-checkbox .MuiCheckbox-root .MuiSvgIcon-root{width:20px;height:20px}header.MuiPaper-root .MuiBox-root .MuiButton-root.MuiButton-text{margin-top:10px;margin-bottom:10px}header .heading .MuiButtonBase-root.action-icon{border:1px solid #c2c2c2;width:40px;height:40px}header .heading .MuiButtonBase-root.action-icon:hover{border:1px solid;background-color:#0000000a}header .heading{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px}header .MuiContainer-root{max-width:100%}.ag-full-width-container .ag-theme-alpine .ag-loading{display:none}header.MuiPaper-root.drawer-header{width:100%;right:inherit;top:0}header.MuiPaper-root.drawer-header .close-icon{cursor:pointer}.drawer-content{margin-top:80px;margin-bottom:80px}.drawer-footer{position:fixed;bottom:0;padding-bottom:10px;width:100%;background:#f7f5f5;border-top:1px solid #c2c2c2;z-index:1}ul.MuiList-root.MuiList-padding.MuiMenu-list{max-height:200px}.quote-datepicker .MuiFormControl-root{width:300px;margin-left:8px;margin-top:8px}.container-fluid div.MuiCard-root.note-card{margin-top:20px;background-color:#f7f1f1}.sub-header .MuiChip-root{margin-left:20px}.note-list .note-card div.note-card-header{padding-top:10px;padding-bottom:10px}.note-list .note-card div.note-card-content{padding-top:0}div.MuiAvatar-root.avatar-profile{width:100px;height:100px;cursor:pointer}.MuiDialog-container.MuiDialog-scrollPaper .MuiPaper-root{max-width:950px}.MuiDialogContent-root.MuiDialogContent-dividers.user-image-dialog{width:900px}.profile-container{display:flex;justify-content:space-around}.profile-containe>div{display:inline-block;width:400px;height:400px;text-align:center}.user-header{display:flex;padding:10px 0}.user-header .user-details{margin-left:20px}.user-header .user-details p{margin:5px}.user-header .user-details p.full-name{font-size:22px;font-weight:700}.user-header .user-details p.job-title{font-size:18}.MuiGrid-root.MuiGrid-item.left-user-form{border-right:2px solid #c2c2c2;margin-top:9px}div.user-form{height:calc(100vh - 260px);overflow:auto}.quote-task-datepicker{display:flex}.reminder-date{width:47%;margin:8px}.due-date{width:46%;margin:8px}.add-remove-btn{width:110px;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:row;position:relative}.add-remove-btn .MuiIconButton-colorPrimary{width:35px}button.m-r-20{margin-right:20px}button.blue-btn{background-color:#1976d2;color:#fff}button.blue-btn:hover{background-color:#154e87;color:#fff}.MuiAppBar-colorPrimary{background-color:#1976d2}.ag-header-row .ag-header-cell{padding:7px}.ag-header-row .ag-header-cell .text-filter{height:24px;padding-left:10px}.multi-select-filter.MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom:1px solid rgb(118,118,118)}.multi-select-filter{width:93px;border:1px solid rgb(118,118,118)}.multi-select-filter .MuiSelect-select{padding-left:10px}.form-container form{padding-top:75px;padding-bottom:80px}.MuiDrawer-modal .MuiPaper-root{width:450px}.MuiDrawer-modal .drawer-header .MuiToolbar-root{display:flex;justify-content:space-between}.close-icon{width:24px;height:24px;cursor:pointer;fill:#fff}.theme-dark{background:#181a1b;color:#e0e0e0}.theme-light{background:#fff;color:#222}.app-root{min-height:100vh;transition:background .2s,color .2s}.app-header{background-color:#1976d2;color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1100}.header-container{max-width:1920px;margin:0 auto;padding:0 16px}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:64px}.navbar-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.brand-icon{margin-right:8px;display:flex;align-items:center}.brand-text{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;margin-right:24px}.brand-text:hover{text-decoration:none;color:#fff}.mobile-brand{display:flex;align-items:center;flex-grow:1}.brand-text-mobile{font-size:1.25rem;font-weight:700;letter-spacing:.3rem;margin-left:8px}.nav-links{display:flex;gap:16px;flex-grow:1}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color .2s;font-size:.875rem;font-weight:500;text-transform:uppercase}.nav-link:hover{background-color:#ffffff1a;text-decoration:none;color:#fff}.nav-link.active{background-color:#fff3}.mobile-menu-container{position:relative}.mobile-menu-button{background:none;border:none;color:#fff;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-menu-button:hover{background-color:#ffffff1a}.mobile-menu{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;box-shadow:0 4px 6px #0000001a;border-radius:4px;padding:8px 0;z-index:1000}.mobile-nav-link{display:block;color:#333;text-decoration:none;padding:12px 16px;transition:background-color .2s}.mobile-nav-link:hover{background-color:#f5f5f5;text-decoration:none;color:#333}.mobile-nav-link.active{background-color:#e3f2fd;color:#1976d2}.user-menu{position:relative}.user-menu-button{background:none;border:none;padding:4px;border-radius:50%;cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:none;width:100%;height:100%;background-color:#fff3;align-items:center;justify-content:center;position:absolute;top:0;left:0}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;min-width:160px;box-shadow:0 4px 6px #0000001a;border-radius:4px;padding:8px 0;z-index:1000}.user-dropdown-link{display:block;color:#333;text-decoration:none;padding:12px 16px;transition:background-color .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem}.user-dropdown-link:hover{background-color:#f5f5f5;text-decoration:none;color:#333}.logout-button{border-top:1px solid #eee;margin-top:4px;padding-top:12px}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:flex}.header-container{padding:0 8px}.navbar{min-height:56px}}.mobile-menu:before{content:"";position:fixed;inset:0;z-index:-1}.login-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;z-index:1000;overflow:auto}.login-wrapper{width:100%;max-width:400px;margin:auto;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 40px)}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%}.login-header{text-align:center;margin-bottom:30px}.app-title{font-size:30px;font-weight:700;text-transform:uppercase;color:#3f51b5;margin:0 0 10px;letter-spacing:2px}.login-title{font-size:24px;color:#333;margin:0;font-weight:600}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 3px #3f51b51a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{width:100%;padding:12px 24px;background:#3f51b5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.login-button:hover:not(:disabled){background:#303f9f;transform:translateY(-1px);box-shadow:0 4px 12px #3f51b54d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.login-button.loading{pointer-events:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;border-left:4px solid #f44336;margin-top:16px;font-size:14px;line-height:1.4}@media (max-width: 480px){.login-container{padding:10px}.login-wrapper{min-height:calc(100vh - 20px)}.login-card{padding:30px 20px}.app-title{font-size:24px}.login-title{font-size:20px}}@media (max-height: 600px){.login-wrapper{min-height:auto}.login-container{align-items:flex-start;padding-top:20px}}.form-input:focus,.login-button:focus{outline:2px solid #3f51b5;outline-offset:2px}@media (prefers-contrast: high){.login-card{border:2px solid #000}.form-input{border-color:#000}.login-button{border:2px solid #000}}