body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;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}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Login-container{background-color:#f7f7f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.Logo{width:451px;height:auto;margin-bottom:2rem}.LoginForm{box-sizing:border-box;background-color:#fff;border-radius:8px;flex-direction:column;gap:1.2rem;width:100%;max-width:400px;padding:2.5rem;display:flex;box-shadow:0 4px 12px #0000001a}@media (width<=600px){.Login-container{padding:1rem}.Logo{max-width:80vw;height:auto}.LoginForm{padding:1.5rem}}.Form-group{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;display:flex}.Form-group label{color:#333;font-weight:600}.LoginForm input{border:1px solid #ccc;border-radius:4px;width:calc(100% - 20px);padding:10px;font-size:1rem;transition:border-color .2s}.LoginForm input:focus{border-color:#007bff;outline:none}.LoginForm button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;padding:12px 15px;font-size:1rem;font-weight:700;transition:background-color .2s}.LoginForm button:hover:not(:disabled){background-color:#0056b3}.LoginForm button:disabled{opacity:.7;cursor:not-allowed}.Login-spinner-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.Login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.Error-message{color:#d93025;text-align:center;font-size:.9rem}.Portal-container{background-color:#f7f7f7;flex-direction:column;min-height:100vh;display:flex}.Portal-header{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;display:flex}.header-content-left{align-items:center;gap:15px;display:flex}.Portal-logo{height:45px}.portal-title{color:#555;margin:0;font-size:1.5rem;font-weight:700}.logout-button{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:5px;padding:8px 16px;font-weight:700;transition:background-color .2s}.logout-button:hover{background-color:#5a6268}.Portal-main{flex-direction:column;flex-grow:1;align-items:stretch;gap:30px;padding:40px;display:flex}.Portal-header{justify-content:space-between;align-items:center;display:flex}.ActionCard{text-align:center;cursor:pointer;background-color:#fff;border-radius:8px;width:auto;height:100%;padding:25px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000001a}.ActionCard:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.ActionCard h2{color:#004085;margin-top:0;margin-bottom:0}.ActionCard p{color:#666;font-size:1rem}.header-content-left,.header-content-right{align-items:center;gap:15px;display:flex}.project-selector{border:1px solid #ccc;border-radius:4px;min-width:400px;padding:8px;font-size:1rem}.header-content-center{flex-grow:1;justify-content:center;display:flex}.header-welcome-text{color:#555;font-size:1.25rem}.Portal-main-wide{flex-grow:1;padding:2rem 4rem}.filter-bar{align-items:center;gap:10px;margin-bottom:2rem;display:flex}.filter-bar label{font-weight:700}.filter-bar select{border:1px solid #ccc;border-radius:4px;min-width:250px;padding:8px}.portal-table{border-collapse:collapse;background-color:#fff;width:100%;box-shadow:0 2px 4px #0000001a}.portal-table th,.portal-table td{text-align:left;border-bottom:1px solid #ddd;padding:12px 15px}.portal-table th{background-color:#f7f7f7;font-weight:700}.portal-table tbody tr:hover{background-color:#f1f1f1}.table-action-button{cursor:pointer;color:#007bff;background-color:#fff;border:1px solid #007bff;border-radius:4px;margin-right:5px;padding:5px 10px;font-size:.9rem}.table-action-button:hover{color:#fff;background-color:#007bff}.status-cell{text-align:center;color:#333;border-radius:12px;font-weight:500}.status-incomplete{background-color:#ffcdd2}.status-partially-complete{background-color:#c8e6c9}.status-complete{background-color:#81c784}.table-action-bar{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.main-action-button{cursor:pointer;color:#fff;background-color:#007bff;border:1px solid #007bff;border-radius:5px;padding:8px 15px;font-size:1rem;font-weight:700}.main-action-button:hover{background-color:#0056b3}.main-action-button:disabled{cursor:not-allowed;background-color:#ccc;border-color:#ccc}.select-action-button{cursor:pointer;color:#343a40;background-color:#f8f9fa;border:1px solid #6c757d;border-radius:4px;padding:6px 12px;font-size:.9rem}.select-action-button:hover{background-color:#e2e6ea}.portal-table .checkbox-cell{text-align:center}.viewer-container{background-color:#525659;height:100vh;display:flex}.viewer-sidebar{background-color:#f8f9fa;border-right:1px solid #ddd;flex-direction:column;width:280px;padding:1rem;display:flex}.viewer-sidebar h3{border-bottom:1px solid #ccc;margin-top:0;padding-bottom:.5rem}.viewer-sidebar ul{flex-grow:1;margin:0;padding:0;list-style:none;overflow-y:auto}.viewer-sidebar li{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:12px 10px;display:flex}.viewer-sidebar li:hover{background-color:#e9ecef}.viewer-sidebar li.active{color:#fff;background-color:#007bff;font-weight:700}.viewer-sidebar .error-badge{color:#fff;background-color:#dc3545;border-radius:8px;padding:2px 6px;font-size:.75rem}.viewer-sidebar .logout-button{margin-top:1rem}.viewer-content{flex-grow:1;padding:1rem}.viewer-content iframe{border:none;width:100%;height:100%}.select-actions-container{gap:10px;margin-top:-.5rem;margin-bottom:1rem;display:flex}.portal-table tbody tr.clickable-row:hover{cursor:pointer;background-color:#e9ecef}.pagination-bar{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem 0;display:flex}.pagination-bar button{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.4rem 1rem}.pagination-bar button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#555;font-size:.9rem}.document-tree-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:1rem;box-shadow:0 2px 4px #0000001a}.tree-node{margin-left:20px}.root-node{margin-left:0}.node-title{cursor:pointer;border-radius:4px;padding:8px;font-weight:700}.node-title:hover{background-color:#f1f1f1}.root-node>.node-title{background-color:#f7f7f7;border-bottom:1px solid #ddd;margin-bottom:5px;font-size:1.2rem}.node-content{padding-left:20px}.file-item{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.file-item:hover{background-color:#e9ecef}.file-item input[type=checkbox]{cursor:pointer}.file-name{font-weight:500}.file-caption{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.photo-card{background-color:#fff;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.photo-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0003}.photo-card img{object-fit:cover;width:100%;height:250px;display:block}.photo-info{padding:1rem}.photo-caption{color:#333;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.photo-date{color:#888;margin:0;font-size:.9rem}.photo-placeholder{color:#888;background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:250px;font-size:.9rem;display:flex}.fullscreen-overlay{z-index:1000;cursor:pointer;background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.fullscreen-overlay img{object-fit:contain;max-width:90%;max-height:85%}.fullscreen-close{cursor:pointer;background-color:#fff;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 2rem;font-size:1rem}.fullscreen-close:hover{background-color:#f0f0f0}.tab-bar{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;padding:0 20px;display:flex}.tab-button{cursor:pointer;color:#555;background-color:#0000;border:none;border-bottom:3px solid #0000;padding:15px 25px;font-size:1.1rem;font-weight:600;transition:all .2s ease-in-out}.tab-button:hover{color:#0056b3;background-color:#f7f7f7}.tab-button.active{color:#007bff;border-bottom:3px solid #007bff}.Dashboard-container{background-color:#f7f7f7;flex-direction:column;min-height:100vh;display:flex}.Dashboard-header{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 30px;display:flex}.Dashboard-header__left,.Dashboard-header__right{align-items:center;gap:15px;display:flex}.Dashboard-header__center{flex-grow:1;justify-content:flex-start;margin-left:30px;display:flex}.Dashboard-logo{height:45px}.Dashboard-title{color:#555;margin:0;font-size:1.5rem;font-weight:700}.Dashboard-main{flex-grow:1;padding:20px;overflow-y:auto}.Dashboard-tab-bar{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;padding:0 20px;display:flex;position:relative}.Dashboard-tab-button{cursor:pointer;color:#555;background-color:#0000;border:none;border-bottom:3px solid #0000;padding:15px 25px;font-size:1.1rem;font-weight:600;transition:all .2s ease-in-out}.Dashboard-tab-button:hover{color:#0056b3;background-color:#f7f7f7}.Dashboard-tab-button.active{color:#007bff;border-bottom:3px solid #007bff}.Dashboard-card{text-align:center;cursor:pointer;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;width:auto;height:50%;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 8px #0000001a}.Dashboard-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.Dashboard-card__title{color:#004085;margin-top:0;margin-bottom:0;font-size:1.2rem}.Dashboard-grid--construction,.Dashboard-grid--accounting,.Dashboard-grid--admin{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-col-span-2{grid-column:span 2}.dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 5px 15px #00000026}.dropdown-menu ul{margin:0;padding:5px 0;list-style:none}.dropdown-menu li{color:#004085;cursor:pointer;padding:12px 20px;font-size:1.1rem;font-weight:500;transition:background-color .2s}.dropdown-menu li:hover{color:#0056b3;background-color:#f0f0f0}