.login-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:#fff;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:2.5rem 2rem;display:flex;box-shadow:0 4px 24px #00000024}.login-logo{object-fit:contain;border-radius:50%;width:112px;height:112px;margin-bottom:0}.login-title{color:#1a2e1a;margin:-.5rem 0 .25rem;font-size:1.5rem;font-weight:700}.login-subtitle{color:#666;margin:0 0 1.75rem;font-size:.95rem}.login-user-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.login-user-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #ddd;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.login-user-btn:hover{border-color:#6aaa38;box-shadow:0 2px 8px #6aaa382e}.login-user-avatar{color:#333;background:#d8d8d8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.login-user-info{flex:1}.login-user-name{color:#222;font-size:.95rem;font-weight:600}.login-user-email{color:#6aaa38;font-size:.8rem}.login-user-company{color:#666;font-size:.8rem}.login-user-detail{color:#8a8a8a;margin-top:.1rem;font-size:.74rem}.login-user-arrow{color:#999;font-size:1.4rem}.contract-extra{color:#5f5f5f;margin-top:.2rem;font-size:.78rem}.contract-scope{color:#777;margin-top:.2rem;font-size:.78rem}.topnav{z-index:100;background:#d8d8d8;justify-content:space-between;align-items:center;height:48px;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 6px #00000026}.topnav-left{align-items:center;gap:.65rem;display:flex}.topnav-logo{width:120 px;object-fit:contain;border-radius:4px;flex-shrink:0;height:120px}.topnav-appname{color:#222;letter-spacing:.02em;font-size:.9rem;font-weight:700}.topnav-right{align-items:center;gap:.75rem;display:flex}.topnav-menu-toggle{color:#222;cursor:pointer;background:#ffffffb3;border:1px solid #0003;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;font-weight:700;display:none}.topnav-menu-toggle:hover{background:#ffffffe6}.topnav-user-wrap{position:relative}.topnav-user-btn{cursor:pointer;color:#222;background:#0000000f;border:1px solid #00000026;border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .65rem;transition:background .15s;display:flex}.topnav-user-btn:hover{background:#0000001f}.topnav-avatar{color:#fff;background:#6aaa38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.68rem;font-weight:800;display:flex}.topnav-username{font-size:.82rem;font-weight:600;color:#222!important}.topnav-chevron{color:#888;font-size:.55rem}.topnav-dropdown{z-index:200;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:180px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 14px #00000026}.topnav-dropdown-header{background:#f5f5f5;border-bottom:1px solid #eee;padding:.75rem 1rem}.dropdown-name{color:#222;font-size:.85rem;font-weight:700}.dropdown-role{color:#888;margin-top:.1rem;font-size:.72rem}.dropdown-email{color:#6aaa38;margin-top:.05rem;font-size:.72rem}.dropdown-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:.6rem 1rem;font-size:.83rem;transition:background .12s;display:block;color:#333!important}.dropdown-item:hover{background:#f5faf0;color:#3a7a1a!important}.dropdown-item:last-child{border-bottom:none}.topnav-logout-btn{cursor:pointer;background:0 0;border:1px solid #00000040;border-radius:4px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;color:#333!important}.topnav-logout-btn:hover{background:#00000014;border-color:#00000073}@media (width<=780px){.topnav{padding:0 .8rem;overflow:visible}.topnav-appname{display:none}.topnav-menu-toggle{display:inline-flex}.topnav-right{z-index:180;opacity:0;pointer-events:none;visibility:hidden;background:#f6f7f4;border:1px solid #d4d8d0;border-radius:10px;flex-direction:column;align-items:stretch;gap:.6rem;width:min(280px,100vw - 1.2rem);padding:.65rem;display:flex;position:absolute;top:calc(100% + 8px);right:.6rem;transform:translateY(-10px)scale(.98);box-shadow:0 10px 26px #0003}.topnav-right.is-open{visibility:visible;pointer-events:auto;animation:.42s cubic-bezier(.22,1,.36,1) forwards mobileTopnavReveal}.topnav-right.is-closing{visibility:visible;pointer-events:none;animation:.42s cubic-bezier(.4,0,.2,1) forwards mobileTopnavHide}.topnav-user-btn{justify-content:flex-start;width:100%}.topnav-dropdown{width:100%;min-width:0;margin-top:.45rem;position:static}.topnav-logout-btn{text-align:left;width:100%}}@keyframes mobileTopnavReveal{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobileTopnavHide{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}.page-bg{background:#fff;justify-content:center;align-items:flex-start;min-height:100vh;padding:102px 16px 48px;display:flex}.contracts-page{width:80%;max-width:none;padding:2rem 0}.contracts-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.contracts-title{color:#1a2e1a;margin:0 0 .2rem;font-size:1.6rem;font-weight:700}.contracts-subtitle{color:#666;margin:0;font-size:.95rem}.checkin-banner{z-index:100;text-align:center;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500;position:fixed;top:48px;left:0;right:0}.checkin-banner.success{color:#2d7a0e;background:#eaf5e1;border-bottom:2px solid #6aaa38}.checkin-banner.error{color:#9b1c1c;background:#fde8e8;border-bottom:2px solid #c33}.activity-log-banner{z-index:99;background:#f0f0f0;border-bottom:1px solid #d0d0d0;align-items:center;gap:.6rem;padding:.35rem 1.25rem;font-size:.8rem;display:flex;position:fixed;top:48px;left:0;right:0;box-shadow:0 1px 3px #00000014}.activity-log-status-panel{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;min-width:230px;padding:.6rem .75rem}.activity-log-status-label{color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.activity-log-status-value{margin-top:.2rem;font-size:.9rem;font-weight:700}.activity-log-status-value.persistent{color:#1b5e20}.activity-log-status-value.fallback{color:#b06a00}.activity-log-status-meta{color:#666;margin-top:.2rem;font-size:.78rem}.activity-log-inline-wrap{background:#fbfbfb;border:1px solid #e4e4e4;border-radius:8px;margin:0 1rem .75rem;padding:.5rem .75rem}.activity-log-inline-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.contracts-id-lookup{background:#f7f7f7;border:1px solid #ddd;border-radius:6px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.contracts-id-label{color:#444;margin:0 0 .75rem;font-size:.9rem}.contracts-search-wrap{flex-direction:column;align-items:flex-end;gap:.55rem;margin-bottom:1rem;display:flex}.contracts-search-row{justify-content:flex-end;align-items:center;gap:.65rem;width:min(760px,100%);display:flex}.contracts-search-input{flex:1;max-width:520px}.btn-filter-toggle{color:#336518;cursor:pointer;white-space:nowrap;background:#f5faf0;border:1px solid #b9d7a0;border-radius:4px;padding:.5rem .95rem;font-size:.82rem;font-weight:700;transition:background .15s,border-color .15s}.btn-filter-toggle:hover{background:#eaf6dd;border-color:#9ac57a}.contracts-filter-badges{background:#f4f7f2;border:1px solid #dce7d3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;margin-top:0;padding:.5rem .6rem;display:flex}.contracts-filter-badge{color:#3f612a;background:#eef7e5;border:1px solid #cfe6bb;border-radius:999px;padding:.2rem .6rem;font-size:.74rem;font-weight:600}.contracts-filter-clear{color:#5b8c34;cursor:pointer;background:0 0;border:none;font-size:.76rem;font-weight:700;text-decoration:underline}.contracts-tab-nav{border-bottom:1px solid #dce7d3;gap:.5rem;width:100%;margin-top:.75rem;margin-bottom:1rem;padding-bottom:0;display:flex;overflow-x:auto}.contracts-tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.contracts-tab:hover{color:#336518;border-bottom-color:#b9d7a0}.contracts-tab.active{color:#1a2e1a;border-bottom-color:#336518}.tab-count-badge{color:#fff;text-align:center;vertical-align:middle;background:red;border-radius:999px;min-width:1.25rem;margin-left:.4rem;padding:0 .4rem;font-size:.72rem;font-weight:700;line-height:1.25rem;display:inline-block}@media (width<=780px){.contracts-search-wrap{align-items:stretch}.contracts-search-row{flex-direction:column;align-items:stretch;width:100%}.contracts-search-input{max-width:none}.contracts-filter-badges{width:100%}}.filter-drawer-backdrop{z-index:240;background:#19211459;border:none;margin:0;padding:0;animation:.28s ease-out filterBackdropFadeIn;position:fixed;inset:0}.filter-drawer-backdrop.is-closing{animation:.32s ease-in forwards filterBackdropFadeOut}.filter-drawer{z-index:260;background:#fff;flex-direction:column;width:min(380px,92vw);height:100vh;animation:.42s cubic-bezier(.22,1,.36,1) filterDrawerSlideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 24px #0000002e}.filter-drawer.is-closing{animation:.42s cubic-bezier(.4,0,.2,1) forwards filterDrawerSlideOut}@keyframes filterDrawerSlideIn{0%{opacity:.92;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes filterDrawerSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:.94;transform:translate(100%)}}@keyframes filterBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes filterBackdropFadeOut{0%{opacity:1}to{opacity:0}}.filter-drawer-header{border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;padding:.95rem 1rem;display:flex}.filter-drawer-header h3{color:#1f2f18;margin:0;font-size:1rem}.filter-drawer-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.filter-drawer-body{flex-direction:column;gap:.9rem;padding:1rem;display:flex;overflow:auto}.filter-field{flex-direction:column;gap:.35rem;display:flex}.filter-field span{color:#5f5f5f;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.filter-field select,.filter-field input{color:#333;border:1px solid #cfcfcf;border-radius:4px;padding:.5rem .65rem;font-size:.88rem}.filter-field select:focus,.filter-field input:focus{border-color:#6aaa38;outline:none}.filter-drawer-footer{border-top:1px solid #e6e6e6;justify-content:space-between;gap:.5rem;margin-top:auto;padding:.9rem 1rem;display:flex}.contracts-group{margin-bottom:2rem}.contracts-group-header{background:#f0f4ed;border-bottom:2px solid #d4e4c8;border-radius:6px;align-items:center;margin:0 0 .75rem;padding:.5rem .75rem;display:flex}.contracts-group-title{color:#444;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:inline-flex}.contracts-count-badge,.contracts-group-count{color:#555;letter-spacing:0;background:#e0e0e0;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:700}.contracts-table{flex-direction:column;gap:.5rem;display:flex}.contracts-table-wrap{background:#fff;border:1px solid #ddd;border-radius:6px;overflow-x:auto}.contracts-data-table{border-collapse:collapse;width:100%;min-width:980px}.contracts-data-table th,.contracts-data-table td{color:#444;vertical-align:top;text-align:left;border-bottom:1px solid #ececec;padding:.65rem .75rem;font-size:.82rem}.contracts-data-table th{color:#666;text-transform:uppercase;letter-spacing:.04em;z-index:1;background:#f7faf4;font-size:.73rem;position:sticky;top:0}.contracts-data-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.contracts-data-table th.sortable-th:hover{color:#333;background:#edf4e8}.contracts-data-table th.sortable-th.sorted{color:#3a7d44}.contracts-data-table tbody tr:hover{background:#f9fcf6}.contracts-data-table .cell-name{color:#222;min-width:220px;font-weight:600}.contract-name-link{font:inherit;color:#2f6f17;cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-weight:700}.contract-name-link:hover{text-decoration:underline}.contracts-data-table tbody tr:last-child td{border-bottom:none}.contract-row{background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:.4rem;padding:.9rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.contract-row:hover{border-color:#6aaa38;box-shadow:0 2px 8px #6aaa3826}.contract-row-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.contract-row-title{align-items:center;gap:.5rem;min-width:0;display:flex}.contract-row-main{flex:1;min-width:0}.contract-name{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.contract-addr{color:#777;margin-top:.15rem;font-size:.82rem}.contract-row-fields{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.contract-field{color:#555;align-items:center;gap:.3rem;font-size:.82rem;display:flex}.contract-field-label{color:#888;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.contract-scope{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.contract-row-action{justify-content:flex-end;display:flex}.contract-meta{flex-shrink:0;align-items:center;gap:1rem;display:flex}.contract-badge{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.contract-badge.active{color:#3a7a1a;background:#e6f5db}.contract-badge.completed{color:#666;background:#eee}.contract-status-text{white-space:nowrap;color:#444}.contract-date{color:#888;text-align:right;min-width:80px;font-size:.82rem}.btn-select-contract{color:#fff;cursor:pointer;white-space:nowrap;background:#6aaa38;border:none;border-radius:4px;flex-shrink:0;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-select-contract:hover{background:#5a9030}.contracts-empty{text-align:center;color:#666;padding:3rem 1rem}.btn-back{color:#6aaa38;cursor:pointer;background:0 0;border:none;margin-bottom:.25rem;padding:0;font-size:.9rem;font-weight:600}.btn-back:hover{text-decoration:underline}.app-card{background:#fff;width:80%;max-width:none;box-shadow:0 2px 12px #0000002e}.app-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.header-left{align-items:flex-start;gap:.85rem;display:flex}.header-logo{color:#fff;letter-spacing:.04em;background:#3d7a1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:40px;margin-top:2px;font-size:.9rem;font-weight:800;display:flex}.header-titles{flex-direction:column;gap:.2rem;display:flex}.header-title{color:#1a1a1a;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.project-detail-title{text-transform:none;letter-spacing:0}.header-sub{color:#777;margin:0;font-size:.78rem}.header-right{text-align:right;flex-shrink:0}.header-location-box{background:linear-gradient(#fafcf7 0%,#f3f7ec 100%);border:1px solid #ddd;border-radius:8px;flex-shrink:0;min-width:240px;padding:.75rem .9rem}.header-location-label{color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.68rem;font-weight:700}.header-location-name{color:#222;font-size:.85rem;font-weight:700;line-height:1.3}.header-location-addr{color:#555;margin-top:.1rem;font-size:.78rem;line-height:1.4}.header-location-empty{color:#bbb;font-size:.8rem;font-style:italic}.header-gate-code{color:#2f6f17;letter-spacing:.04em;margin-bottom:.55rem;font-size:1.15rem;font-weight:800}.header-alert-label{margin-top:.2rem}.header-alert-text{color:#4f5a43;font-size:.82rem;line-height:1.45}.header-info-label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.header-info-value{color:#222;margin-top:.1rem;font-size:.85rem;font-weight:600}.btn-link{color:#6aaa38;cursor:pointer;background:0 0;border:none;margin-top:.2rem;padding:0;font-size:.75rem;text-decoration:underline;display:block}.view-tabs{border-bottom:1px solid #ddd;display:flex}.view-tab{cursor:pointer;letter-spacing:.03em;background:#f2f2f2;border-top:none;border-bottom:3px solid #0000;border-left:none;border-right:1px solid #ddd;flex:1;padding:.55rem 1rem;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;color:#555!important}.view-tab:last-child{border-right:none}.view-tab:hover:not(.active){background:#e8e8e8;color:#333!important}.view-tab.active{background:#fff;border-bottom:3px solid #6aaa38;font-weight:700;color:#3a7a1a!important}.status-bar{padding:.55rem 1.5rem;font-size:.83rem;font-weight:500}.status-bar.success{color:#2d7a0e;background:#eaf5e1;border-left:4px solid #6aaa38}.status-bar.info{color:#1a56a8;background:#e8f0fe;border-left:4px solid #4285f4}.status-bar.error{color:#9b1c1c;background:#fde8e8;border-left:4px solid #c33}.form-section{border-bottom:1px solid #e5e5e5;padding:1.1rem 1.5rem}.section-title{color:#222;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .8rem;font-size:.8rem;font-weight:700}.section-header-row{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}.section-header-row .section-title{margin-bottom:0}.section-note{color:#999;font-size:.72rem}.input-row{align-items:stretch;gap:.6rem;display:flex}.text-input{color:#333;background:#fff;border:1px solid #ccc;border-radius:3px;flex:1;padding:.5rem .7rem;font-size:.875rem;transition:border-color .15s}.text-input:focus{border-color:#6aaa38;outline:none}.text-input-full{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:3px;width:100%;padding:.5rem .7rem;font-size:.875rem;transition:border-color .15s}.text-input-full:focus{border-color:#6aaa38;outline:none}.text-area{color:#333;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:3px;width:100%;padding:.5rem .7rem;font-size:.875rem;transition:border-color .15s}.text-area:focus{border-color:#6aaa38;outline:none}.file-input{color:#555;font-size:.8rem}.drop-zone{cursor:pointer;color:#4a5568;-webkit-user-select:none;user-select:none;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;align-items:center;gap:.5rem;min-height:2.75rem;padding:.75rem 1rem;font-size:.82rem;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone-active{background:#f0fff4;border-color:#6aaa38}.drop-zone-filled{color:#276749;background:#f0fff4;border-color:#68d391}.drop-zone-icon{flex-shrink:0;font-size:1rem}.drop-zone-filename{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.drop-zone-clear{color:#e53e3e;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:.9rem;line-height:1}.drop-zone-hint{color:#718096;flex-shrink:0;margin-left:6px;font-size:.75rem}.multi-photo-drop-zone{cursor:pointer;color:#4a5568;-webkit-user-select:none;user-select:none;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;align-items:center;gap:.5rem;min-height:2.75rem;padding:.75rem 1rem;font-size:.82rem;transition:border-color .15s,background .15s;display:flex}.multi-photo-drop-zone:hover{background:#f0fff4;border-color:#6aaa38}.photo-file-list{flex-direction:column;gap:.3rem;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.photo-file-item{background:#f0fff4;border:1px solid #c6f6d5;border-radius:5px;justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.photo-file-name{text-overflow:ellipsis;white-space:nowrap;color:#276749;flex:1;overflow:hidden}.photo-file-remove{color:#e53e3e;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8rem;line-height:1}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#6aaa38;border:none;border-radius:3px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:#5a9230}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary-sm{color:#fff;cursor:pointer;background:#6aaa38;border:none;border-radius:3px;align-self:flex-start;padding:.42rem 1rem;font-size:.78rem;font-weight:600;transition:background .15s}.btn-primary-sm:hover{background:#5a9230}.btn-primary-sm:disabled{cursor:not-allowed;opacity:.7;background:#a0aec0}.btn-outline-sm{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1px solid #bbb;border-radius:3px;padding:.38rem .85rem;font-size:.75rem;font-weight:600;transition:background .15s}.btn-outline-sm:hover{background:#f5f5f5}.btn-outline-dark{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1px solid #aaa;border-radius:3px;padding:.42rem 1rem;font-size:.75rem;font-weight:600;transition:background .15s}.btn-outline-dark:hover{background:#f5f5f5}.btn-delete{color:#888;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;border-radius:3px;flex-shrink:0;padding:.3rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s}.btn-delete:hover{color:#c22;background:#fff0f0;border-color:#c22}.search-result-btn{cursor:pointer;text-align:left;background:#f9f9f9;border:1px solid #ddd;border-radius:3px;justify-content:space-between;align-items:center;width:100%;padding:.6rem .8rem;transition:background .15s,border-color .15s;display:flex}.search-result-btn:hover{background:#f0f7e8;border-color:#6aaa38}.result-name{color:#222;font-size:.875rem;font-weight:600}.result-id{color:#bbb;font-family:monospace;font-size:.72rem}.loaded-contractor{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.loaded-label{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.loaded-value{color:#222;margin-top:.1rem;font-size:.9rem;font-weight:600}.project-slot-grid{flex-wrap:wrap;gap:.45rem;display:flex}.project-slot-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #bbb;border-radius:3px;flex-direction:column;gap:.15rem;min-width:150px;padding:.6rem .85rem;transition:border-color .15s,background .15s;display:flex}.project-slot-btn:hover:not(.selected){background:#f5faf0;border-color:#6aaa38}.project-slot-btn.selected{background:#6aaa38;border-color:#6aaa38}.psb-name{color:#222;font-size:.8rem;font-weight:700;line-height:1.2}.project-slot-btn.selected .psb-name{color:#fff}.psb-addr{color:#888;font-size:.7rem}.project-slot-btn.selected .psb-addr{color:#fffc}.action-slot-grid{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.action-slot-tooltip-wrap{display:inline-flex}.action-slot-btn{cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:3px;flex-direction:column;align-items:center;gap:.15rem;min-width:160px;padding:.6rem 1.4rem;transition:border-color .15s,background .15s,color .15s;display:flex}.action-slot-btn:hover{background:#f5faf0;border-color:#6aaa38}.action-slot-btn:disabled{cursor:not-allowed;background:#f3f3f3;border-color:#d7d7d7}.action-slot-btn:disabled .asb-label{color:#8a8a8a}.action-slot-btn:disabled .asb-desc{color:#9a9a9a}.asb-label{color:#222;letter-spacing:.03em;font-size:.8rem;font-weight:700}.action-slot-btn:hover .asb-label{color:#6aaa38}.asb-desc{color:#aaa;font-size:.68rem;font-weight:400}.section-actions-row{gap:.6rem;margin-top:.6rem;display:flex}.work-form-title{text-transform:uppercase;letter-spacing:.06em;color:#666;border-bottom:1px solid #eee;margin:0 0 .15rem;padding-bottom:.3rem;font-size:.72rem;font-weight:700}.placeholder-text{color:#bbb;margin:0;padding:.5rem 0;font-size:.85rem;font-style:italic}.summary-section{border-bottom:none}.summary-placeholder{color:#bbb;text-align:center;margin:0;padding:1.25rem 0;font-size:.85rem;font-style:italic}.summary-body{flex-direction:column;gap:.85rem;display:flex}.summary-main-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.summary-label{text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:.2rem;font-size:.68rem;font-weight:700}.summary-main-value{color:#222;font-size:.9rem;font-weight:600}.summary-block{border-top:1px solid #eee;padding-top:.75rem}.summary-gate-code{color:#6aaa38;letter-spacing:.25em;margin-top:.1rem;font-family:monospace;font-size:2rem;font-weight:800}.summary-list{flex-direction:column;gap:.2rem;margin:.25rem 0 0;padding-left:1.1rem;display:flex}.summary-list li{color:#444;font-size:.85rem}.page-header{color:#fff;background:#1a1a2e;margin-bottom:1.5rem;padding:1.5rem 2rem 0}.header-top h1{letter-spacing:.05em;color:#fff;font-size:1.4rem;font-weight:700}.header-top p{color:#a0aec0;margin:.25rem 0 1rem;font-size:.875rem}.view-tabs{border-top:1px solid #ffffff1a;gap:0;display:flex}.view-tab{color:#a0aec0;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.view-tab:hover{color:#fff}.view-tab.active{color:#fff;border-bottom-color:#e53e3e}.status-message{border-radius:6px;margin:.75rem 0 0;padding:.6rem 1rem;font-size:.875rem;font-weight:500}.status-message.success{color:#22543d;background:#c6f6d5}.status-message.error{color:#742a2a;background:#fed7d7}.form-section{background:#fff;border-radius:8px;margin:0 1rem 1rem;padding:1.5rem 2rem;box-shadow:0 1px 4px #00000014}.form-section h2{letter-spacing:.08em;text-transform:uppercase;color:#718096;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700}.id-entry-row{align-items:stretch;gap:.75rem;display:flex}.id-input{color:#2d3748;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;flex:1;padding:.65rem 1rem;font-size:.9rem;transition:border-color .2s}.id-input:focus{background:#fff;border-color:#1a1a2e;outline:none}.submit-btn{color:#fff;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#1a1a2e;border:none;border-radius:6px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .2s}.submit-btn:hover:not(:disabled){background:#2d2d4e}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{color:#718096;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #cbd5e0;border-radius:6px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .2s}.clear-btn:hover{color:#2d3748;background:#f7fafc}.add-btn{color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:background .2s}.add-btn:hover{background:#c53030}.search-results{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.contractor-result-btn{cursor:pointer;text-align:left;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:background .15s,border-color .15s;display:flex}.contractor-result-btn:hover{background:#edf2f7;border-color:#1a1a2e}.contractor-result-name{color:#2d3748;font-size:.9rem;font-weight:600}.contractor-result-id{color:#a0aec0;font-family:monospace;font-size:.78rem}.active-contractor-bar{background:#ebf8ff;border-left:4px solid #1a1a2e;border-radius:0 6px 6px 0;justify-content:space-between;align-items:center;margin:0 1rem 1rem;padding:.75rem 2rem;display:flex}.active-contractor-info{flex-direction:column;gap:.1rem;display:flex}.active-contractor-label{letter-spacing:.06em;text-transform:uppercase;color:#718096;font-size:.72rem;font-weight:600}.active-contractor-name{color:#1a1a2e;font-size:1rem;font-weight:700}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.project-btn{text-align:left;cursor:pointer;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.25rem;width:100%;padding:1rem;transition:all .15s;display:flex}.project-btn:hover{background:#edf2f7;border-color:#1a1a2e}.project-btn.active{background:#1a1a2e;border-color:#1a1a2e}.project-btn.active .project-name{color:#fff}.project-btn.active .project-location{color:#a0aec0}.project-name{color:#2d3748;font-size:.875rem;font-weight:600}.project-location{color:#718096;font-size:.78rem}.no-data{color:#a0aec0;text-align:center;padding:1rem 0;font-size:.875rem}.action-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.action-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem 1rem;transition:background .2s,transform .1s;display:flex}.action-btn:hover{background:#2d2d4e;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-label{letter-spacing:.08em;font-size:1rem;font-weight:700}.action-desc{color:#a0aec0;font-size:.78rem}.work-items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.work-form{flex-direction:column;gap:.6rem;display:flex}.work-form h3{letter-spacing:.06em;text-transform:uppercase;color:#4a5568;border-bottom:1px solid #e2e8f0;padding-bottom:.4rem;font-size:.8rem;font-weight:700}.work-form input,.work-form textarea,.work-form select{color:#2d3748;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.875rem;transition:border-color .2s}.work-form input:focus,.work-form textarea:focus,.work-form select:focus{background:#fff;border-color:#1a1a2e;outline:none}.work-form textarea{resize:vertical}.summary-content{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.summary-row{align-items:baseline;gap:.75rem;font-size:.875rem;display:flex}.summary-row .label{color:#718096;text-transform:uppercase;letter-spacing:.04em;min-width:90px;font-size:.78rem;font-weight:600}.summary-row .value{color:#2d3748;font-weight:500}.value.status-in.progress,.value.status-in\ progress{color:#2b6cb0}.value.status-complete{color:#276749}.gate-code{color:#e53e3e;letter-spacing:.15em;font-family:monospace;font-size:1.1rem;font-weight:700}.project-details{flex-direction:column;gap:1rem;display:flex}.detail-section h4{letter-spacing:.06em;text-transform:uppercase;color:#718096;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.detail-list{flex-direction:column;gap:.3rem;margin:0;padding-left:1.25rem;display:flex}.detail-list li{color:#4a5568;font-size:.875rem}.form-actions{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin:0 1rem;padding:1rem 2rem;display:flex;box-shadow:0 1px 4px #00000014}@media (width<=900px){.contracts-search-input{max-width:none}}@media (width<=640px){.contracts-search-row{flex-direction:column;align-items:stretch}.btn-filter-toggle{width:100%}}.pd-wrap{flex-direction:column;gap:.75rem;width:100%;min-width:0;max-width:960px;padding:1.25rem 1.5rem 2rem;display:flex}.app-with-sidebar .app-sidebar{z-index:90;background:#f0f2f0;flex-direction:column;width:210px;display:flex;position:fixed;top:102px;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 8px #00000014}.app-sidebar-inner{flex-direction:column;flex:1;gap:.2rem;padding:1rem .6rem;display:flex}.sidebar-back-btn{color:#fff;cursor:pointer;text-align:left;background:#3d7a1a;border:none;border-radius:8px;align-items:center;gap:.4rem;width:100%;margin-bottom:.75rem;padding:.65rem .9rem;font-size:.88rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 2px 6px #3d7a1a4d}.sidebar-back-btn:hover{background:#336816;transform:translateY(-1px);box-shadow:0 4px 10px #3d7a1a66}.sidebar-back-btn:active{transform:translateY(0)}.app-with-sidebar .pd-wrap{margin-left:210px}.pd-sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:#888;border-bottom:1px solid #ddd;margin-bottom:.25rem;padding:0 .5rem .35rem;font-size:.68rem;font-weight:700}.pd-closed-notice{color:#7a5800;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:.75rem .25rem;padding:.6rem .75rem;font-size:.78rem;line-height:1.4}.pd-header{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.pd-header-main{padding:1.25rem 1.5rem 1rem}.pd-header-top-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.pd-name-stack{flex-direction:column;flex:0 0 50%;gap:.1rem;min-width:0;display:flex}.pd-name-label{text-transform:uppercase;letter-spacing:.07em;color:#888;font-size:.65rem;font-weight:700}.pd-name-divider{border:none;border-top:1px solid #e2e8f0;margin:.4rem 0}.pd-name{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.pd-gate-code-box{text-align:center;background:#f0f7ea;border:1px solid #c6ddb0;border-radius:8px;flex-shrink:0;min-width:130px;padding:.5rem .9rem}.pd-alert-box{background:#fffbeb;border:1px solid #f6c90e;border-left-width:4px;border-radius:8px;margin-top:.85rem;padding:.5rem .85rem}.pd-alert-label{text-transform:uppercase;letter-spacing:.06em;color:#92680a;margin-bottom:.2rem;font-size:.68rem;font-weight:700}.pd-alert-text{color:#7a5100;font-size:.82rem;line-height:1.4}.pd-alert-list{color:#7a5100;margin:.2rem 0 0 1.1rem;padding:0;font-size:.82rem;line-height:1.6}.pd-alert-list li{list-style:outside}.pd-gate-code-label{text-transform:uppercase;letter-spacing:.07em;color:#6a9a40;margin-bottom:.2rem;font-size:.65rem;font-weight:700}.pd-gate-code-value{color:#e53e3e;letter-spacing:.15em;font-family:monospace;font-size:1.15rem;font-weight:800}.pd-gate-code-warning{color:#b7791f;margin-top:.25rem;font-size:.72rem}.pd-meta-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem 1rem;display:grid}.pd-meta-item{flex-direction:column;gap:.15rem;display:flex}.pd-meta-wide{grid-column:span 2}.pd-meta-label{text-transform:uppercase;letter-spacing:.06em;color:#888;font-size:.68rem;font-weight:700}.pd-meta-value{color:#222;font-size:.88rem;font-weight:500;line-height:1.35}.pd-status-pill{text-transform:uppercase;letter-spacing:.05em;color:#4a5568;background:#e2e8f0;border-radius:999px;padding:.18rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.pd-status-pill.approved{color:#22543d;background:#c6f6d5}.pd-status-pill.in-progress{color:#2a4365;background:#bee3f8}.pd-status-pill.pending{color:#744210;background:#fef3c7}.pd-status-pill.complete{color:#22543d;background:#c6f6d5}.pd-status-pill.cancelled{color:#742a2a;background:#fed7d7}.pd-gate-alert{background:#fffbeb;border-top:1px solid #fde68a;gap:2rem;padding:.75rem 1.5rem 1rem;display:flex}.pd-actions-menu{flex-direction:column;gap:.2rem;display:flex}.pd-action-btn{color:#3d3d3d;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:.55rem;width:100%;padding:.6rem .75rem;font-size:.84rem;font-weight:500;transition:background .13s,color .13s;display:flex}.pd-action-btn:hover,.pd-action-btn.active{color:#2d5c12;background:#e2eed8}.pd-action-btn:disabled{opacity:.35;cursor:not-allowed}.pd-action-btn-complete{color:#2b6cb0;border-top:1px solid #ddd;border-radius:0 0 7px 7px;margin-top:.5rem;padding-top:.75rem}.pd-action-btn-complete:hover,.pd-action-btn-complete.active{color:#1e40af;background:#dbeafe}.complete-work-requirement{color:#7a4f00;background:#fff8e1;border:1px solid #f6ad55;border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.complete-work-requirement.met{color:#276749;background:#f0fff4;border-color:#68d391}.pd-action-icon{font-size:1rem;line-height:1}.action-drawer-overlay{z-index:199;background:#00000040;position:fixed;inset:0}.action-drawer{z-index:200;background:#fff;flex-direction:column;width:340px;transition:transform .22s;display:flex;position:fixed;top:102px;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.action-drawer.open{transform:translate(0)}.action-drawer-header{background:#f7f9f7;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.action-drawer-title{color:#1a1a1a;font-size:1rem;font-weight:700}.action-drawer-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1.1rem;line-height:1}.action-drawer-close:hover{color:#333;background:#eee}.action-drawer-body{flex:1;padding:1.25rem;overflow-y:auto}.pd-action-panel{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000001a}.pd-panel-form{flex-direction:column;gap:.75rem;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.action-drawer .form-row-2{grid-template-columns:1fr}.select-multi{display:none}.checkbox-group{flex-direction:column;gap:.45rem;padding:.5rem 0;display:flex}.checkbox-option{color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.checkbox-option input[type=checkbox]{accent-color:#3d7a1a;cursor:pointer;flex-shrink:0;width:16px;height:16px}.form-field{flex-direction:column;gap:.25rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:#555;font-size:.72rem;font-weight:700}.form-required{color:#e53e3e}.form-sublabel{color:#e53e3e;margin-top:-.15rem;font-size:.68rem;font-style:italic}.form-error{color:#c53030;margin-top:.2rem;font-size:.72rem;font-weight:600}.text-input-full.input-error{background:#fff5f5;border-color:#fc8181}.pd-panel-form input[type=date]{color:#2d3748;box-sizing:border-box;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.88rem}.pd-panel-form textarea,.pd-panel-form input[type=text],.pd-panel-form input[type=number],.pd-panel-form select{color:#2d3748;resize:vertical;box-sizing:border-box;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.88rem}.pd-panel-form textarea:focus,.pd-panel-form input:focus,.pd-panel-form select:focus{background:#fff;border-color:#3d7a1a;outline:none}.pd-panel-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.payment-method-box{background:#ebf8ff;border:1.5px solid #bee3f8;border-radius:8px;margin-top:.5rem;padding:.85rem 1rem}.payment-method-box-title{color:#2b6cb0;letter-spacing:.01em;margin-bottom:.6rem;font-size:.82rem;font-weight:700}.payment-method-grid{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin-bottom:.75rem;display:grid}.payment-method-label{color:#4a5568;white-space:nowrap;font-size:.78rem;font-weight:600}.payment-method-value{color:#1a202c;font-size:.78rem}.payment-method-confirm{color:#276749;cursor:pointer;border-top:1px solid #bee3f8;align-items:center;gap:.5rem;margin-top:.1rem;padding-top:.6rem;font-size:.82rem;font-weight:600;display:flex}.payment-method-confirm input[type=checkbox]{accent-color:#38a169;cursor:pointer;flex-shrink:0;width:16px;height:16px}.payment-method-notice{color:#744210;background:#fefcbf;border:1px solid #f6e05e;border-radius:5px;margin-bottom:.6rem;padding:.45rem .65rem;font-size:.74rem;line-height:1.4}.payment-method-notice a{color:#2b6cb0;text-decoration:underline}.btn-secondary-sm{color:#555;cursor:pointer;background:#fff;border:1.5px solid #cbd5e0;border-radius:6px;padding:.4rem .9rem;font-size:.82rem;font-weight:600}.btn-secondary-sm:hover{background:#f0f4f8}.pd-history{background:#fff;border-radius:10px;width:100%;min-width:0;overflow:hidden;box-shadow:0 2px 8px #00000014}.pd-history-tabs{scrollbar-width:none;border-bottom:2px solid #eee;display:flex;overflow-x:auto}.pd-history-tabs::-webkit-scrollbar{display:none}.pd-tab-btn{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.7rem 1.1rem;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s}.pd-tab-btn:hover{color:#3d7a1a}.pd-tab-btn.active{color:#3d7a1a;border-bottom-color:#3d7a1a}.pd-history-body{padding:1rem 1.25rem 1.25rem}.pd-mock-note{color:#aaa;margin-bottom:.6rem;font-size:.72rem;font-style:italic}.pd-empty-state{text-align:center;color:#bbb;padding:2rem 0;font-size:.85rem}.pd-history-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.83rem}.pd-history-table.invoice-table{table-layout:auto}.pd-history-table th,.pd-history-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-history-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#888;border-bottom:1px solid #eee;padding:.4rem .5rem;font-size:.7rem;font-weight:700}.pd-history-table td{color:#333;vertical-align:top;border-bottom:1px solid #f5f5f5;padding:.55rem .5rem}.pd-history-table tr:last-child td{border-bottom:none}.pd-cell-muted{color:#888}.pd-photo-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;display:grid}.pd-photo-item{flex-direction:column;gap:.3rem;display:flex}.pd-photo-thumb{aspect-ratio:1;color:#a0aec0;object-fit:cover;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex;overflow:hidden}.pd-photo-thumb-img{aspect-ratio:1;object-fit:cover;background:#e2e8f0;border-radius:6px;width:100%;display:block}.pd-photo-clickable{cursor:zoom-in;transition:opacity .15s}.pd-photo-clickable:hover{opacity:.85}.photo-lightbox-overlay{z-index:1200;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.photo-lightbox{flex-direction:column;gap:.5rem;max-width:min(900px,95vw);max-height:90vh;display:flex;position:relative}.photo-lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1;position:absolute;top:-2rem;right:0}.photo-lightbox-close:hover{opacity:.7}.photo-lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(90vh - 3rem);display:block}.photo-lightbox-caption{justify-content:space-between;align-items:center;gap:1rem;padding:0 2px;display:flex}.photo-lightbox-name{color:#e2e8f0;word-break:break-all;font-size:.85rem;font-weight:600}.photo-lightbox-date{color:#a0aec0;white-space:nowrap;font-size:.78rem}.pd-photo-name{color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.pd-photo-date{color:#aaa;font-size:.68rem}.pd-photo-delete-btn{color:#c53030;cursor:pointer;background:#fff5f5;border:1px solid #fca5a5;border-radius:4px;width:100%;margin-top:2px;padding:2px 6px;font-size:.68rem}.pd-photo-delete-btn:hover{background:#fed7d7}.photo-delete-modal{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:min(480px,92vw);padding:1.5rem;display:flex;box-shadow:0 20px 60px #00000040}.photo-delete-preview{justify-content:center;display:flex}.photo-delete-preview-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px}.photo-delete-name{color:#333;text-align:center;word-break:break-all;font-size:.9rem;font-weight:600}.photo-delete-warning{color:#7a5c00;background:#fff8e1;border:1px solid #f6c90e;border-radius:6px;padding:.65rem .9rem;font-size:.85rem}.photo-delete-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600}.btn-danger:hover:not(:disabled){background:#c53030}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.pd-comment-list{flex-direction:column;gap:.9rem;display:flex}.pd-comment-item{border-left:3px solid #e2e8f0;padding-left:.85rem}.pd-comment-text{color:#2d3748;white-space:pre-wrap;margin:0 0 .2rem;font-size:.88rem;line-height:1.5}.pd-comment-date{color:#aaa;font-size:.72rem}.comment-char-count{color:#888;text-align:right;margin-top:.25rem;font-size:.75rem}.comment-char-count--warn{color:#c53030;font-weight:600}.photo-phase-selector{gap:.5rem;margin-top:.25rem;display:flex}.photo-phase-btn{color:#4a5568;cursor:pointer;background:#f7fafc;border:1.5px solid #cbd5e0;border-radius:6px;flex:1;padding:.4rem 0;font-size:.82rem;font-weight:500;transition:all .15s}.photo-phase-btn:hover{color:#667eea;border-color:#667eea}.photo-phase-btn.active{color:#fff;background:#667eea;border-color:#667eea;font-weight:700}.photo-phase-warning{color:#7a5c00;background:#fff8e1;border:1px solid #f9a825;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:.82rem;line-height:1.4}@media (width<=640px){.app-with-sidebar .app-sidebar{width:100%;box-shadow:none;border-bottom:1px solid #ffffff1a;flex-direction:row;position:static;top:auto}.app-sidebar-inner{flex-flow:wrap;gap:.4rem;padding:.5rem .75rem}.sidebar-back-btn{width:auto;margin-bottom:0}.pd-sidebar-label{display:none}.app-with-sidebar .pd-wrap{margin-left:0;padding:.75rem .75rem 2rem}.pd-action-btn{border:1px solid #bbb;border-radius:999px;width:auto;padding:.4rem .7rem;font-size:.77rem}.pd-action-btn-complete{color:#2b6cb0;border:1px solid #93c5fd;margin-top:0;padding-top:.4rem}.pd-meta-grid{grid-template-columns:1fr 1fr}.pd-meta-wide{grid-column:span 2}}.checkin-modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.checkin-modal{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:1rem;width:280px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #00000038}.checkin-spinner{border:5px solid #e2e8f0;border-top-color:#3d7a1a;border-radius:50%;width:52px;height:52px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.checkin-modal-text{color:#1a1a1a;text-align:center;font-size:1rem;font-weight:700}.checkin-modal-sub{color:#777;text-align:center;font-size:.82rem;line-height:1.4}.checkin-modal-icon{color:#3d7a1a;font-size:2.5rem;line-height:1}.pd-sidebar-label-admin{color:#b45309;border-top:1px solid #ddd;border-bottom-color:#f3d9a0;margin-top:1rem;padding-top:.75rem}.pd-action-btn-admin{color:#92400e}.pd-action-btn-admin:hover,.pd-action-btn-admin.active{color:#92400e;background:#fef3c7}.action-drawer-wide{width:680px}.log-table{white-space:normal;font-size:.78rem}.log-table th,.log-table td{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.log-table td:last-child{white-space:normal;max-width:220px}.log-loading{color:#777;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.9rem;display:flex}.alert-badge-danger{color:#c53030;white-space:nowrap;background:#fff5f5;border:1px solid #fc8181;border-radius:4px;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-block}.alert-badge-warning{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #f59e0b;border-radius:4px;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.btn-danger-sm{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:5px;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.btn-danger-sm:hover{background:#c53030}.complete-work-modal-overlay{z-index:9999;pointer-events:all;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.complete-work-modal{text-align:center;background:#fff;border-radius:12px;min-width:280px;padding:2.5rem 3rem;box-shadow:0 8px 40px #00000040}.complete-work-spinner{border:5px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin:0 auto 1.25rem;animation:.8s linear infinite spin}.complete-work-modal-text{color:#111;margin:0 0 .4rem;font-size:1rem;font-weight:600}.complete-work-modal-sub{color:#666;margin:0;font-size:.82rem}.link-mode-status{max-width:720px;margin:48px auto;padding:0 24px}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#222;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-y:scroll}h1,h2,h3,h4{margin:0}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}