@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";.signup-wrapper{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:50px;font-family:Arial,sans-serif;display:flex}.signup-wrapper .signup-container{background-color:#fff;border:2px solid #5b4614;border-radius:12px;width:100%;max-width:800px;padding:30px 40px}.signup-wrapper .form-title{color:#b8a040;text-transform:uppercase;margin-top:0;margin-bottom:30px;font-family:Georgia,Times New Roman,Times,serif;font-size:1.1rem;font-weight:900}.signup-wrapper .signup-form{grid-template-columns:repeat(10,1fr);gap:20px 15px;display:grid}.signup-wrapper .input-group{flex-direction:column;grid-column:span 3;display:flex}.signup-wrapper .suffix-group{grid-column:span 1}.signup-wrapper .span-2{grid-column:span 5}.signup-wrapper .input-group label{color:#000;margin-bottom:8px;font-size:1rem}.signup-wrapper .input-group input,.signup-wrapper .input-group select{background-color:#fff;border:1px solid #777;border-radius:15px;outline:none;padding:10px 15px;font-family:Arial,sans-serif;font-size:1rem}.signup-wrapper .input-group input:focus,.signup-wrapper .input-group select:focus{border-color:#5b4614}.signup-wrapper .bold-brown-text{color:#5b4614;font-weight:700}.signup-wrapper .submit-group{grid-column:span 5;justify-content:flex-end;align-items:flex-end;display:flex}.signup-wrapper .submit-group button{color:#fff;cursor:pointer;background-color:#5b4614;border:none;border-radius:6px;padding:12px 25px;font-family:Georgia,Times New Roman,Times,serif;font-size:1rem}.signup-wrapper .submit-group button:hover{background-color:#3e2f0d}.signup-wrapper .input-group select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235b4614%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;background-size:10px;padding-right:30px}.create-account .account-management-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:30px;font-family:Inter,sans-serif}.create-account .tabs-header{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.create-account .tab-button{cursor:pointer;color:#888;background:0 0;border:none;border-radius:25px;padding:10px 30px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.create-account .tab-button.active{color:#cca43b;background-color:#fbf5e8;box-shadow:0 4px 10px #cca43b1a}.create-account .tab-button:not(.active):hover{color:#5c4a11;background-color:#faf7f0}.create-account .tab-divider{display:none}.create-account .tab-content-container{box-sizing:border-box;background:#fff;border:1px solid #f0ede5;border-radius:16px;width:1000px;margin:0 auto;padding:40px;display:block;box-shadow:0 4px 20px #00000008}.create-account .placeholder-box{text-align:center;color:#888;background-color:#fafafa;border:2px dashed #eaeaea;border-radius:12px;padding:60px 40px;font-size:1rem;font-weight:500}.account-list{padding:30px}.account-list .account-list-container{background:0 0;width:100%}.account-list .al-grid-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.account-list .al-header{text-transform:uppercase;letter-spacing:1px;color:#8b816a;grid-template-columns:1fr 2.5fr 1.5fr 1.5fr .5fr;padding:0 25px 10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;display:grid}.account-list .al-col{align-items:center;display:flex}.account-list .action-col{justify-content:center}.account-list .al-list{flex-direction:column;gap:12px;display:flex}.account-list .al-item{cursor:pointer;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 2.5fr 1.5fr 1.5fr .5fr;align-items:center;padding:18px 25px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.account-list .al-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.account-list .al-item.active{background-color:#fbf5e8;border-color:#cca43b;box-shadow:0 4px 12px #cca43b26}.account-list .al-item.active .name-col{color:#cca43b}.account-list .id-col{color:#888;font-weight:600}.account-list .name-col{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;font-weight:700;transition:color .2s}.account-list .al-role-badge{letter-spacing:.5px;color:#cca43b;background-color:#cca43b1a;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700}.account-list .al-role-badge.admin{color:#5c4a11;background-color:#5c4a111a}.account-list .delete-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.account-list .delete-btn .trash-icon{transition:transform .2s}.account-list .delete-btn:hover{color:#d32f2f;background-color:#fff0f0}.account-list .delete-btn:hover .trash-icon{transform:scale(1.15)}@media (width<=900px){.account-list .al-header{display:none}.account-list .al-item{grid-template-columns:1fr;gap:10px}.account-list .action-col{justify-content:flex-start}}.profit-container{box-sizing:border-box;background-color:#0000;flex:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px;font-family:Inter,sans-serif;display:flex}.profit-card{background:#fff;border:1px solid #f0ede5;border-radius:16px;width:100%;max-width:800px;padding:40px 45px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 25px #00000008}.profit-card:hover{box-shadow:0 8px 30px #0000000f}.profit-title{color:#b8a040;letter-spacing:.5px;margin:0 0 30px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.profit-input-grid{grid-template-columns:1fr 1fr;gap:20px 25px;margin-bottom:30px;display:grid}.profit-input-label{color:#5c4a11;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.profit-project-select{margin-bottom:30px}.profit-form-select{color:#1a1612;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A1612'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 15px center/20px no-repeat;border:1.5px solid #eaeaea;border-radius:12px;outline:none;width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s}.profit-form-select:focus,.profit-form-select:hover{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.profit-spinner{background:#fff;border:1.5px solid #eaeaea;border-radius:12px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.profit-spinner:focus-within{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.profit-spinner input{color:#1a1612;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}.profit-spinner-buttons{border-left:1.5px solid #eaeaea;flex-direction:column;display:flex}.profit-spinner-buttons button{cursor:pointer;color:#888;background:#fafafa;border:none;padding:6px 12px;font-size:11px;line-height:1;transition:all .2s}.profit-spinner-buttons button:hover{color:#1a1612;background:#f0ede5}.profit-spinner-buttons button:last-child{border-top:1.5px solid #eaeaea}.profit-breakdown-section{margin-bottom:30px}.profit-breakdown-title{color:#5c4a11;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:.9rem;font-weight:700}.profit-add-item{gap:12px;margin-bottom:20px;display:flex}.profit-add-input{color:#1a1612;background:#fff;border:1.5px solid #eaeaea;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.profit-add-input:focus{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.profit-add-amount{max-width:140px}.profit-add-btn{color:#cca43b;cursor:pointer;background:0 0;border:1.5px dashed #cca43b;border-radius:12px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.profit-add-btn:hover{background:#fbf5e8;border-style:solid}.profit-table{border-collapse:collapse;width:100%}.profit-table th{text-align:left;color:#8b816a;letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid #eaeaea;padding:12px;font-size:.85rem;font-weight:700}.profit-table td{color:#1a1612;vertical-align:middle;border-bottom:1px solid #f4f4f4;padding:12px;font-size:.95rem}.profit-table-input{color:#1a1612;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s}.profit-table-input:focus,.profit-table-input:hover{background:#faf7f0;border-color:#eaeaea}.profit-table-amount{text-align:right;width:120px}.profit-delete-btn{cursor:pointer;color:#b3b3b3;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;transition:all .2s;display:flex}.profit-delete-btn:hover{color:#d32f2f;background-color:#fff0f0;transform:scale(1.1)}.profit-summary{background:#fbf5e8;border-radius:12px;margin-bottom:30px;padding:25px 30px}.profit-summary-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profit-summary-row:last-child{border-top:1.5px dashed #d1ccbf;margin-bottom:0;padding-top:15px}.profit-summary-label{color:#5c4a11;font-size:.95rem;font-weight:600}.profit-summary-value{color:#1a1612;font-size:1rem;font-weight:700}.profit-net-label{color:#1a1612;text-transform:uppercase;font-size:1.2rem;font-weight:800}.profit-net-value{color:#2e6b3b;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800}.profit-buttons{border-top:1px solid #eaeaea;justify-content:flex-end;gap:15px;padding-top:20px;display:flex}.profit-btn{cursor:pointer;border:none;border-radius:25px;padding:12px 35px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.profit-btn-cancel{color:#5c4a11;background:0 0;border:1.5px solid #d1ccbf}.profit-btn-cancel:hover{color:#cca43b;background:#fbf5e8;border-color:#cca43b}.profit-btn-save{color:#fff;background:#1a1612;box-shadow:0 4px 12px #1a161226}.profit-btn-save:hover{background:#cca43b;transform:translateY(-2px);box-shadow:0 6px 16px #cca43b40}.profit-banner{border-radius:12px;align-items:center;margin-bottom:25px;padding:15px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:flex}.profit-banner--error{color:#d32f2f;background:#fff0f0;border:1px solid #ffcdd2}.profit-banner--success{color:#2e6b3b;background:#f1f8e9;border:1px solid #c8e6c9}.worker-modal-overlay{z-index:100;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.worker-modal{background:#fdf8ee;border:1.5px solid #c8b840;border-radius:16px;width:560px;padding:36px 40px;box-shadow:0 8px 40px #0000002e}.worker-modal-title{color:#3a2e00;margin:0 0 28px;font-family:inherit;font-size:20px}.worker-form-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.worker-form-label{color:#3a2e00;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.worker-form-input{box-sizing:border-box;background:#fff;border:1.5px solid #8b7a2a;border-radius:24px;outline:none;width:100%;padding:10px 16px;font-family:inherit;font-size:14px}.worker-form-select{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #8b7a2a;border-radius:24px;outline:none;width:100%;padding:10px 16px;font-family:inherit;font-size:14px}.worker-select-arrow{color:#8b7a2a;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.worker-select-wrapper{position:relative}.worker-form-actions{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.worker-form-cancel-btn{color:#fff;cursor:pointer;background:#5a4a00;border:none;border-radius:24px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600}.worker-form-submit-btn{color:#fff;cursor:pointer;background:#3a2e00;border:none;border-radius:24px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600}.worker-view-modal{background:#fdf8ee;border:1.5px solid #c8b840;border-radius:16px;width:580px;padding:36px 40px;box-shadow:0 8px 40px #0000002e}.worker-view-header{align-items:stretch;gap:20px;margin-bottom:28px;display:flex}.worker-view-avatar{color:#fff;background:#c8b840;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:36px;font-weight:700;display:flex}.worker-view-info{flex-direction:column;flex:1;gap:8px;display:flex}.worker-view-info-box{color:#fff;background:#5a4a00;border-radius:8px;padding:10px 18px}.worker-view-name{letter-spacing:.5px;font-size:17px;font-weight:700}.worker-view-id{opacity:.8;margin-top:2px;font-size:13px}.worker-view-role{font-size:15px;font-weight:700}.worker-view-type{opacity:.85;font-size:13px}.worker-view-projects-title{color:#5a4a00;margin-bottom:12px;font-size:15px;font-weight:700}.worker-view-table{border-collapse:collapse;width:100%}.worker-view-table th{text-align:center;color:#8b7a2a;border-bottom:1.5px solid #c8b840;padding:8px 16px;font-size:13px;font-weight:600}.worker-view-table td{text-align:center;color:#3a2e00;border-bottom:1px solid #e8d98a;padding:12px 16px;font-size:14px;font-weight:700}.worker-view-empty{text-align:center;color:#8b7a2a;padding:16px;font-size:13px}.worker-view-cancel{justify-content:flex-end;margin-top:24px;display:flex}.worker-view-cancel button{color:#fff;cursor:pointer;background:#8b7a2a;border:none;border-radius:24px;padding:10px 32px;font-family:inherit;font-size:14px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.wb-modal-box{text-align:center;background:#fff;border-top:6px solid #d4af37;border-radius:12px;max-width:400px;padding:30px;font-family:Arial,sans-serif;box-shadow:0 5px 20px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.worker-list-container{width:100%;padding:20px;font-family:Arial,sans-serif}.worker-search-header{gap:15px;margin-bottom:20px;display:flex}.search-bar{background-color:#0000;border:1.5px solid #d4b54e;border-radius:25px;flex:1;align-items:center;padding:5px 15px;display:flex}.search-bar input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:10px;font-family:Arial,sans-serif;font-size:1rem}.search-bar input::placeholder{color:#333;opacity:.3}.filter-dropdown{color:#666;cursor:pointer;appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1aa3a;border-radius:25px;outline:none;padding:10px 40px 10px 15px;font-family:Arial,sans-serif;font-size:1rem}.worker-banner{color:#fff;background-color:#d1aa3a;border-radius:10px;margin-bottom:20px;padding:10px 20px}.worker-banner h2{text-align:center;margin:0;font-size:1.2rem;font-weight:700}.worker-table{border-collapse:collapse;border:2px hidden #5c4033;border-radius:8px;width:100%;margin-bottom:20px;box-shadow:0 0 0 2px #5c4033}.worker-table th{color:#000;text-align:center;background-color:#faf4e6;border:1px solid #d1aa3a;padding:15px;font-weight:700}.worker-table td{text-align:center;color:#000;border:1px solid #d1aa3a;padding:15px}.type-badge{border-radius:15px;padding:5px;font-size:.6rem;font-weight:400;display:inline-block}.type-badge.regular{color:#fff;background-color:#d5ad0b}.type-badge.part-time{color:#fff;background-color:#584304}.add-worker-container{justify-content:flex-end;display:flex}.btn-add-worker{color:#fff;cursor:pointer;background-color:#d1aa3a;border:none;border-radius:5px;padding:10px 25px;font-family:Arial,sans-serif;font-size:1rem}.btn-add-worker:hover{background-color:#b8922a}.add-worker-container{justify-content:flex-end;margin-top:20px;display:flex}.btn-add-worker{color:#fff;cursor:pointer;background-color:#cba135;border:none;border-radius:10px;padding:10px 30px;font-size:1rem;font-weight:700}.btn-add-worker:hover{opacity:.9}.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-worker-modal{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:700px;max-height:85vh;margin:auto;font-family:Arial,sans-serif;display:flex;overflow:hidden;transform:translate(150px);box-shadow:0 4px 20px #0000004d}.add-worker-modal .modal-header{background-color:#faf4e6;padding:15px 20px}.add-worker-modal .modal-header h3{color:#000;margin:0;font-size:1.1rem;font-weight:700}.add-worker-modal .modal-form-body{padding:20px 30px;overflow-y:auto}.add-worker-modal .form-grid{grid-template-columns:1fr 1fr;gap:15px 20px;display:grid}.add-worker-modal .form-group input{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;outline:none;width:100%;padding:10px 15px;font-family:Arial,sans-serif;font-size:.95rem;border-radius:8px!important}.add-worker-modal .form-group input:focus{border-color:#d1aa3a}.add-worker-modal .form-group select{box-sizing:border-box;cursor:pointer;appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23CBA135%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;outline:none;width:100%;padding:10px 40px 10px 15px;font-family:Arial,sans-serif;font-size:.95rem;border-radius:25px!important}.add-worker-modal .form-group select:focus{border-color:#d1aa3a}.add-worker-modal .modal-actions{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.profile-picture-upload{flex-direction:column;align-items:center;gap:10px;display:flex}.profile-picture-upload .profile-preview{object-fit:cover;border:3px solid #d1aa3a;border-radius:50%;width:100px;height:100px}.profile-picture-upload .profile-placeholder{background-color:#f0f0f0;border:3px dashed #ccc;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.profile-picture-upload .upload-btn{color:#fff;cursor:pointer;background-color:#d1aa3a;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.profile-picture-upload .upload-btn:hover{background-color:#b8922d}.add-worker-modal .btn-cancel,.add-worker-modal .btn-add{color:#fff;cursor:pointer;background-color:#5c4033;border:none;border-radius:8px;padding:10px 25px;font-family:inherit;font-size:1rem}.add-worker-modal .btn-cancel:hover,.add-worker-modal .btn-add:hover{opacity:.9}.ph-container{width:1000px;margin:0 auto;padding:30px;font-family:Inter,sans-serif}.ph-title{color:#b8a040;letter-spacing:.5px;border-bottom:2px solid #eaeaea;margin-bottom:25px;padding-bottom:15px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.ph-controls{justify-content:flex-end;margin-bottom:25px;display:flex}.ph-filter-select{color:#1a1612;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A1612'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:25px;outline:none;padding:10px 40px 10px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #00000005}.ph-filter-select:focus,.ph-filter-select:hover{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.ph-grid-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.ph-header{text-transform:uppercase;letter-spacing:1px;color:#8b816a;grid-template-columns:1fr 2fr 1.5fr 1.5fr 1fr;padding:0 25px 10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;display:grid}.ph-col{justify-content:center;align-items:center;display:flex}.ph-item{cursor:pointer;color:#1a1612;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 2fr 1.5fr 1.5fr 1fr;align-items:center;margin:10px;padding:18px 25px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.ph-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.ph-item.active-row{color:#cca43b;background-color:#fbf5e8;border-color:#cca43b;box-shadow:0 4px 12px #cca43b26}.ph-project-name{letter-spacing:.5px;font-weight:700}.ph-empty-state{text-align:center;color:#888;background:#fff;border:2px dashed #eaeaea;border-radius:12px;margin-top:20px;padding:40px}.ph-back-btn{color:#8b816a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.ph-back-btn:hover{color:#cca43b}.ph-card-top,.ph-card-bottom{background-color:#fff;border:1px solid #f0ede5;border-radius:16px;margin-bottom:25px;padding:40px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000008}.ph-card-top:hover,.ph-card-bottom:hover{box-shadow:0 8px 25px #0000000f}.ph-card-id{color:#888;letter-spacing:1px;margin-bottom:5px;font-size:.95rem;font-weight:700}.ph-card-name{color:#1a1612;text-transform:uppercase;margin-top:0;margin-bottom:30px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.ph-gold-stats{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.ph-gold-box{background-color:#fcfaf5;border:1px solid #eaeaea;border-left:5px solid #cca43b;border-radius:10px;flex-direction:column;flex:1;min-width:150px;padding:15px 20px;display:flex}.ph-gb-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.75rem;font-weight:700}.ph-gb-value{color:#1a1612;font-size:1.1rem;font-weight:700}.ph-red-text{color:#d32f2f!important}.ph-details-section{background-color:#fbf5e8;border-radius:12px;padding:25px}.ph-ds-label{color:#5c4a11;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:.9rem;font-weight:700}.ph-ds-whitebox{color:#666;background-color:#fff;border:1px solid #eaeaea;border-radius:10px;min-height:80px;padding:20px;font-size:.95rem;line-height:1.6;box-shadow:0 2px 5px #00000005}.ph-progress-header{border-bottom:1px solid #f0ede5;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.ph-progress-header h2{color:#1a1612;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.ph-progress-bar-container{align-items:center;gap:15px;display:flex}.ph-progress-track{background-color:#eaeaea;border-radius:20px;width:250px;height:10px;overflow:hidden}.ph-progress-fill{background:linear-gradient(90deg,#b8a040,#d4c47a);border-radius:20px;height:100%;transition:width .5s ease-in-out}.ph-progress-text{color:#5c4a11;font-size:.95rem;font-weight:700}.ph-badge{text-align:center;letter-spacing:.5px;border-radius:25px;min-width:80px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.ph-badge-early{color:#2e6b3b;background-color:#2e6b3b1a}.ph-badge-ontime{color:#2b4c7e;background-color:#2b4c7e1a}.ph-badge-late{color:#d32f2f;background-color:#d32f2f1a}.ph-badge-pending{color:#cca43b;text-align:center;background-color:#fbf5e8;border-radius:25px;min-width:80px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.notif-container{width:1000px;max-width:100%;margin:40px auto;padding:0 20px;font-family:Inter,sans-serif}.notif-header{color:#b8a040;align-items:center;gap:15px;margin-bottom:35px;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;display:flex}.notif-list{flex-direction:column;gap:15px;display:flex}.notif-item{cursor:pointer;background-color:#fff;border:1px solid #eaeaea;border-radius:12px;align-items:flex-start;gap:18px;padding:22px 25px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #00000005}.notif-item:hover{border-color:#cca43b;transform:translateY(-3px);box-shadow:0 8px 20px #cca43b1a}.notif-item.unread{background-color:#fcfaf5;border-left:5px solid #cca43b}.notif-item.read{opacity:.85;background-color:#fafafa}.notif-icon-wrapper{color:#cca43b;background:#fbf5e8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.notif-content{flex-direction:column;flex-grow:1;gap:6px;display:flex}.notif-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.notif-title-group{align-items:center;gap:10px;display:flex}.notif-title{color:#1a1a1a;font-size:1.1rem;font-weight:700}.notif-time{color:#a0a0a0;font-size:.85rem;font-weight:500}.unread-dot{background-color:#cca43b;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.notif-message{color:#666;font-size:.95rem;line-height:1.5}.notif-delete-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.notif-delete-btn:hover{color:#d32f2f;background-color:#fff0f0;transform:scale(1.1)}.notif-actions{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.notif-btn-primary,.notif-btn-secondary{cursor:pointer;border-radius:25px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.notif-btn-primary{color:#fff;background-color:#5c4a11;border:none}.notif-btn-primary:hover{background-color:#4a3c0e;transform:translateY(-1px);box-shadow:0 4px 12px #5c4a1133}.notif-btn-secondary{color:#5c4a11;background-color:#0000;border:1.5px solid #d1ccbf}.notif-btn-secondary:hover{color:#cca43b;background-color:#fbf5e8;border-color:#cca43b}.notif-empty{text-align:center;color:#888;background:#fff;border:2px dashed #eaeaea;border-radius:16px;padding:80px 20px;font-size:1.05rem;font-weight:500}.prod-wrapper{box-sizing:border-box;width:1000px;max-width:100%;margin:0 auto;padding:20px;font-family:Inter,sans-serif}.prod-header-title{color:#b8a040;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:0 4px 15px #cca43b33;margin-bottom:35px;font-family:Playfair Display,serif;font-size:2rem;font-weight:800}.prod-tabs-container{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.prod-tab{color:#888;cursor:pointer;background-color:#0000;border:1.5px solid #eaeaea;border-radius:30px;padding:12px 35px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.prod-tab:hover{color:#1a1612;border-color:#cca43b}.prod-tab.active{color:#cca43b;background-color:#1a1612;border-color:#1a1612;transform:translateY(-2px);box-shadow:0 6px 15px #1a161240}.prod-filter-container{justify-content:flex-end;margin-bottom:20px;display:flex}.prod-dropdown{color:#1a1612;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A1612'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:30px;outline:none;padding:12px 45px 12px 25px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 10px #00000005}.prod-dropdown:focus,.prod-dropdown:hover{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.prod-table{border-collapse:separate;border-spacing:0 16px;width:100%}.prod-table th{color:#8b816a;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;font-size:.85rem;font-weight:700}.prod-row{background-color:#fff;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #00000008}.prod-row:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 12px 30px #00000014}.prod-table td{text-align:center;vertical-align:middle;border-top:1px solid #f0ede5;border-bottom:1px solid #f0ede5;padding:20px}.prod-table td:first-child{border-left:1px solid #f0ede5;border-top-left-radius:16px;border-bottom-left-radius:16px}.prod-table td:last-child{border-right:1px solid #f0ede5;border-top-right-radius:16px;border-bottom-right-radius:16px}.rank-col{text-align:left;align-items:center;display:flex}.rank-badge-container{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-right:20px;font-size:1.2rem;font-weight:800;transition:all .3s;display:flex}.rank-details{flex-direction:column;align-items:flex-start;display:flex}.rank-name{color:#1a1612;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.rank-role{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.8rem;font-weight:600}.stat-pill{color:#1a1612;font-size:1.15rem;font-weight:800}.success-text{color:#2e6b3b;text-shadow:0 0 10px #2e6b3b33}.error-text{color:#d32f2f;text-shadow:0 0 10px #d32f2f33}.rank-gold td{background:linear-gradient(90deg,#cca43b0d 0%,#fff 20%);border-color:#cca43b4d}.rank-gold td:first-child{border-left:6px solid #cca43b}.rank-gold .rank-badge-container{color:#fff;background-color:#cca43b;animation:2s infinite alternate goldPulse;box-shadow:0 0 20px #cca43b99}@keyframes goldPulse{0%{transform:scale(1);box-shadow:0 0 10px #cca43b66}to{transform:scale(1.05);box-shadow:0 0 25px #cca43bcc}}.rank-silver td:first-child{border-left:6px solid #b0bec5}.rank-silver .rank-badge-container{color:#fff;background-color:#b0bec5;box-shadow:0 0 15px #b0bec580}.rank-bronze td:first-child{border-left:6px solid #cd7f32}.rank-bronze .rank-badge-container{color:#fff;background-color:#cd7f32;box-shadow:0 0 15px #cd7f3280}.rank-normal td:first-child{border-left:6px solid #eaeaea}.rank-normal .rank-badge-container{color:#8b816a;background-color:#f4f4f4}.inventory-container{color:#333;padding:20px;font-family:Arial,sans-serif}.inventory-header{justify-content:space-between;margin-bottom:20px;display:flex}.filters{gap:10px;display:flex}.filter-btn{color:#4a3b00;cursor:pointer;background:#fff;border:1px solid #7d6b38;border-radius:20px;padding:10px 20px;font-weight:700}.filter-btn.active{color:#fff;background:#4a3b00;border:1px solid #4a3b00}.filter-btn:hover{background:#f4f1ea}.add-btn{color:#fff;cursor:pointer;background:#4a3b00;border:none;border-radius:12px;padding:10px 24px;font-weight:700}.table-wrapper{border:2px solid #bfa15f;border-radius:8px;overflow:hidden}.inventory-table{border-collapse:collapse;text-align:center;width:100%}.inventory-table th{color:#4a3b00;padding:20px;font-size:1.1rem;font-weight:700}.inventory-table td{vertical-align:middle;padding:16px}.main-row{cursor:pointer;border-top:1px solid #bfa15f;transition:background .2s}.main-row:hover{background:#fbfbfb}.item-name{color:#000;font-weight:700}.category-pill{color:#fff;background:#4a3b00;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700}.variants-cell{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.variant-pill{color:#4a3b00;background:#d4b86a;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700}.status-pill{border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:700}.status-pill.low{color:red;background:#ffb3b3}.status-pill.good{color:green;background:#a3ff99}.actions-cell{justify-content:center;gap:10px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.expanded-row td{border-bottom:2px solid #bfa15f;padding:0}.variants-details{background:#e6e2d6;padding:15px 40px}.variant-line{border-bottom:2px solid #6b5a2e;align-items:center;padding:12px 0;display:flex}.variant-line:last-child{border-bottom:none}.var-name{color:#4a3b00;width:120px;font-size:.95rem;font-weight:700}.progress-bar-container{background:#5c5c5c;border-radius:10px;flex:1;height:16px;margin:0 30px;overflow:hidden}.progress-bar{border-radius:10px;height:100%}.progress-bar.low{background:red}.progress-bar.good{background:#39ff14}.var-stock{width:120px;font-size:.9rem}.min-text{color:#c9a445;font-weight:700}.var-adjusters{gap:10px;display:flex}.adjust-btn{color:#000;cursor:pointer;background:#e6e2d6;border:1px solid #6b5a2e;border-radius:6px;padding:4px 12px;font-size:.9rem;font-weight:700}.adjust-btn:hover{background:#d1cbb8}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border:1px solid #8e8055;border-radius:20px;width:450px;max-height:85vh;margin-left:300px;padding:30px;font-family:serif;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f4f1ea;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#a89c7c;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#4a3b00}.modal-title{color:#4a3b00;margin-top:0;margin-bottom:25px;font-size:1.8rem;font-weight:700}.modal-form{flex-direction:column;gap:20px;font-family:Arial,sans-serif;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#4a3b00;font-size:1rem;font-weight:700}.form-group label span{color:#888;font-size:.8rem;font-weight:400}.form-group input[type=text],.form-group select{color:#4a3b00;border:1px solid #a89c7c;border-radius:8px;outline:none;padding:12px;font-size:1rem}.form-group input::placeholder{color:#b0a896}.form-group select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234a3b00%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px top 50%;background-repeat:no-repeat;background-size:15px;font-weight:700}.variant-input-row{gap:10px;margin-bottom:10px;display:flex}.variant-input-row input{flex:1}.remove-variant-btn{color:#fff;cursor:pointer;background:#4a3b00;border:none;border-radius:6px;width:45px;font-size:1rem;font-weight:700}.add-variant-btn{color:#fff;cursor:pointer;background:#4a3b00;border:none;border-radius:6px;align-self:flex-start;padding:10px 16px;font-size:.9rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:15px;margin-top:20px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;color:#fff;background:#4a3b00;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700}.cancel-btn:hover,.submit-btn:hover,.add-variant-btn:hover,.remove-variant-btn:hover{background:#332800}.wjo-wrapper,.wjo-detail-wrapper{color:#1a1612;box-sizing:border-box;width:100%;max-width:1000px;margin:40px auto;padding:20px;font-family:Inter,sans-serif}.wjo-header{border-bottom:2px solid #eaeaea;width:100%;margin-bottom:25px;padding-bottom:12px}.wjo-title{color:#1a1612;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.wjo-subtitle{color:#8b816a;margin:0;font-size:.95rem;font-weight:600}.wjo-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:15px;margin-bottom:25px;display:flex}.wjo-btn-dark{color:#fff;cursor:pointer;background-color:#1a1612;border:none;border-radius:25px;outline:none;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #0000000d}.wjo-btn-dark:hover{color:#fff;background-color:#cca43b;transform:translateY(-1px);box-shadow:0 4px 10px #cca43b33}.wjo-filter-label{color:#8b816a;font-size:.9rem;font-weight:600}.wjo-btn-dark.dropdown{color:#1a1612;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A1612'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:25px;outline:none;min-width:140px;padding:10px 40px 10px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #00000005}.wjo-btn-dark.dropdown:focus,.wjo-btn-dark.dropdown:hover{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.wjo-filter-btn{color:#fff;cursor:pointer;border:none;border-radius:25px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.wjo-filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.wjo-filter-btn.assigned{background-color:#cca43b}.wjo-filter-btn.repair{background-color:#1a1612}.wjo-filter-btn:not(.active){opacity:.5;color:#fff;background-color:#b3b3b3}.wjo-list{flex-direction:column;gap:12px;width:100%;display:flex}.wjo-item{cursor:pointer;color:#1a1612;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 2.5fr 1fr 1fr 1fr;align-items:center;padding:18px 25px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.wjo-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.wjo-item.active{background-color:#fbf5e8;border-color:#cca43b;box-shadow:0 4px 12px #cca43b26}.wjo-item-center{text-align:left}.wjo-item-id{color:#8b816a;font-size:.95rem;font-weight:700}.wjo-item-name{color:#1a1612;text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:700}.wjo-priority{font-weight:700}.wjo-priority.high{color:#d32f2f}.wjo-priority.medium{color:#f57c00}.wjo-priority.low{color:#2e6b3b}.wjo-badge-container{justify-content:flex-end;display:flex}.wjo-badge{color:#cca43b;text-align:center;letter-spacing:.5px;background-color:#cca43b1a;border-radius:25px;min-width:80px;padding:6px 14px;font-size:.85rem;font-weight:700}.wjo-badge.repair{color:#1a1612;background-color:#1a16121a}.wjo-item.active .wjo-item-id,.wjo-item.active .wjo-item-name,.wjo-item:hover .wjo-item-id,.wjo-item:hover .wjo-item-name{color:#cca43b}@media (width<=768px){.wjo-wrapper,.wjo-detail-wrapper{margin:20px auto;padding:15px 10px}.wjo-title{font-size:1.6rem}.wjo-controls{flex-direction:column;align-items:stretch;gap:12px}.wjo-btn-dark.dropdown{width:100%}.wjo-filter-btn{text-align:center;width:100%}.wjo-list{gap:15px}.wjo-item{flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex;position:relative}.wjo-item-center{text-align:left;width:100%}.wjo-item-id{margin-bottom:-5px;font-size:.85rem}.wjo-item-name{margin-bottom:5px;font-size:1.1rem;line-height:1.3}.wjo-badge-container{justify-content:flex-end;position:absolute;top:20px;right:20px}.wjo-item-center:nth-child(3):before{content:"Date: ";color:#8b816a;font-size:.85rem;font-weight:400}.wjo-priority:before{content:"Priority: ";color:#8b816a;font-size:.85rem;font-weight:400}}.wjo-back-btn{color:#8b816a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.wjo-back-btn:hover{color:#cca43b}.wjo-container{background-color:#fff;border:1px solid #f0ede5;border-radius:16px;width:100%;margin-bottom:25px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000008}.wjo-container:hover{box-shadow:0 8px 25px #0000000f}.wjo-ov-container{padding:30px}.wjo-ov-header{margin-bottom:25px}.wjo-ov-id{color:#8b816a;letter-spacing:1px;margin:0 0 5px;font-size:.95rem;font-weight:600}.wjo-ov-name{color:#1a1612;letter-spacing:.5px;text-transform:uppercase;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.wjo-ov-info-bar{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.wjo-ov-info-block{background-color:#fcfaf5;border:1px solid #eaeaea;border-left:5px solid #cca43b;border-radius:10px;flex-direction:column;flex:1;min-width:120px;padding:12px 20px;display:flex}.wjo-ov-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.75rem;font-weight:700}.wjo-ov-value{color:#1a1612;font-size:1.05rem;font-weight:700}.due-date,.priority-high{color:#d32f2f}.wjo-ov-details-box{background-color:#fbf5e8;border-radius:12px;flex-direction:column;padding:20px;display:flex}.wjo-ov-details-header{justify-content:space-between;margin-bottom:15px;display:flex}.wjo-ov-details-title{text-transform:uppercase;letter-spacing:1px;color:#5c4a11;font-size:.9rem;font-weight:700}.wjo-ov-scroll-area{max-height:150px;padding-right:10px;overflow-y:auto}.wjo-ov-scroll-area::-webkit-scrollbar{width:6px}.wjo-ov-scroll-area::-webkit-scrollbar-track{background:0 0}.wjo-ov-scroll-area::-webkit-scrollbar-thumb{background-color:#cca43b;border-radius:10px}.wjo-ov-detail-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:10px;padding:12px 15px;font-size:.95rem;box-shadow:0 2px 4px #00000005}.wjo-ov-detail-item strong{color:#1a1612;margin-bottom:5px;font-size:1rem;display:block}.wjo-ov-detail-item p{color:#666;margin:0;line-height:1.4}.wjo-progress-header{border-bottom:1px solid #f0ede5;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.wjo-container-title{color:#1a1612;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.wjo-progress-bar-wrapper{align-items:center;gap:15px;display:flex}.wjo-progress-bar{background-color:#eaeaea;border-radius:20px;width:250px;height:10px;overflow:hidden}.wjo-progress-fill{background:linear-gradient(90deg,#b8a040,#d4c47a);border-radius:20px;height:100%;transition:width .5s}.wjo-progress-text{color:#5c4a11;font-size:.95rem;font-weight:700}.wjo-table{border-collapse:collapse;width:100%;font-size:.95rem}.wjo-table th{text-align:center;color:#8b816a;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #eaeaea;padding:15px 20px;font-size:.85rem;font-weight:700}.wjo-table td{text-align:center;color:#1a1612;vertical-align:middle;border-bottom:1px solid #f4f4f4;padding:15px 20px;font-weight:500}.wjo-table tr:hover td{background-color:#faf7f0}.wjo-status{letter-spacing:.5px;text-align:center;border-radius:25px;min-width:80px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.wjo-status.approved{color:#2e6b3b;background-color:#2e6b3b1a}.wjo-status.in-progress{color:#2b4c7e;background-color:#2b4c7e1a}.wjo-status.rework{color:#d32f2f;background-color:#d32f2f1a}.wjo-status.assigned{color:#cca43b;background-color:#cca43b1a}.wjo-status.for-qa{color:#1a1612;background-color:#fbf5e8}.wjo-action-container{background-color:#0000;margin-top:0}.wjo-action-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:0 0 16px 16px;width:100%;padding:18px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s}.wjo-action-btn:hover{opacity:.9}.wjo-action-btn.done,.wjo-action-btn.repair{background-color:#2e6b3b}.wjo-action-btn.done:hover,.wjo-action-btn.repair:hover{background-color:#1e5631}.wjo-action-btn.submitted{color:#888;cursor:not-allowed;background-color:#eaeaea}@media (width<=768px){.wjo-ov-container{padding:20px 15px}.wjo-ov-name{font-size:1.6rem;line-height:1.2}.wjo-ov-info-bar{flex-direction:column;gap:12px}.wjo-ov-info-block{width:100%}.wjo-progress-header{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 15px}.wjo-progress-bar-wrapper,.wjo-progress-bar{width:100%}.wjo-table thead{display:none}.wjo-table,.wjo-table tbody,.wjo-table tr,.wjo-table td{width:100%;display:block}.wjo-table tr{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:15px;padding:15px;box-shadow:0 2px 5px #00000005}.wjo-table tr:hover td{background-color:#0000}.wjo-table td{text-align:right;border-bottom:1px dashed #eaeaea;justify-content:flex-end;align-items:center;padding:10px 0;display:flex;position:relative}.wjo-table td:last-child{border-bottom:none;padding-bottom:0}.wjo-table td:before{text-align:left;color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700;position:absolute;left:0}.wjo-table td:first-child:before{content:"Stage"}.wjo-table td:nth-child(2):before{content:"Worker"}.wjo-table td:nth-child(3):before{content:"Start Date"}.wjo-table td:nth-child(4):before{content:"Due Date"}.wjo-table td:nth-child(5):before{content:"Status"}.wjo-action-btn{padding:15px;font-size:1rem}.wjo-btn-dark.dropdown{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;overflow:hidden}.dropdown-menu,.dropdown-options-container{box-sizing:border-box;width:100%;max-width:100vw;left:0;right:0}}.signup{text-align:center;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%{opacity:.4;transform:translate(0)scale(1)}to{opacity:.7;transform:translate(30px,40px)scale(1.2)}}@keyframes shineSweep{0%{left:-100%}to{left:200%}}.login-layout{background-color:#1a1612;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.login-layout .login-left{z-index:1;background:#1a1612;flex-direction:column;flex:1.2;justify-content:flex-start;padding:50px 70px;display:flex;position:relative}.login-layout .login-left:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#cca43b26 0%,#0000 60%);width:500px;height:500px;animation:6s ease-in-out infinite alternate orbFloat;position:absolute;top:-10%;left:-10%}.login-layout .brand-header{align-items:center;gap:15px;margin-bottom:90px;animation:.8s ease-out forwards fadeInUp;display:flex}.login-layout .brand-logo{object-fit:contain;filter:drop-shadow(0 0 10px #cca43b4d);width:75px;height:auto}.login-layout .brand-title h2{color:#fff;letter-spacing:-.5px;margin:0;font-family:Playfair Display,serif;font-size:2.2rem}.login-layout .brand-title p{color:#cca43b;letter-spacing:2px;text-transform:uppercase;margin:2px 0 0;font-size:.8rem;font-weight:700}.login-layout .hero-text{opacity:0;margin-top:20px;margin-bottom:auto;animation:.8s ease-out .3s forwards fadeInUp}.login-layout .hero-text h1{color:#fff;margin:0 0 25px;font-family:Playfair Display,serif;font-size:4rem;line-height:1.15}.login-layout .gold-text{color:#cca43b;text-shadow:0 0 20px #cca43b4d}.login-layout .hero-subtext{color:#a0a0a0;max-width:85%;margin:0;font-size:1.15rem;font-weight:400;line-height:1.7}.login-layout .login-right{background-color:#fbf5e8;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-layout .login-container{opacity:0;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:50px 40px;animation:.8s ease-out .5s forwards fadeInUp;box-shadow:0 15px 35px #0000000d,0 0 0 1px #cca43b1a}.login-layout .form-header{text-align:center;margin-bottom:40px}.login-layout .form-header h2{color:#1a1612;margin:0 0 8px;font-family:Playfair Display,serif;font-size:2.6rem}.login-layout .form-header p{color:#888;margin:0;font-size:1rem}.login-layout .input-group{margin-bottom:25px}.login-layout .input-group label{color:#1a1612;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:5px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;display:block}.login-layout .input-group input[type=text],.login-layout .input-group input[type=password]{box-sizing:border-box;color:#1a1612;background:#fafafa;border:1.5px solid #eaeaea;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.login-layout .input-group input::placeholder{color:#b3b3b3}.login-layout .input-group input:focus{background:#fff;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 8px 20px #cca43b1f,0 0 0 3px #cca43b33}.login-layout .password-wrapper{align-items:center;display:flex;position:relative}.login-layout .eye-btn{cursor:pointer;color:#b3b3b3;background:0 0;border:none;padding:5px;transition:color .3s;display:flex;position:absolute;right:15px}.login-layout .eye-btn:hover{color:#cca43b}.login-layout .submit-container{justify-content:center;margin-top:40px;display:flex}.login-layout .submit-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background-color:#1a1612;border:none;border-radius:12px;width:100%;padding:16px 0;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #1a161233}.login-layout .submit-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shineSweep;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.login-layout .submit-btn:hover{background-color:#cca43b;transform:translateY(-3px);box-shadow:0 8px 25px #cca43b66}.login-layout .submit-btn:active{transform:translateY(1px)}.login-layout .form-footer{text-align:center;margin-top:30px}.login-layout .form-footer p{color:#888;font-size:.95rem;font-weight:500}.login-layout .form-footer a{color:#cca43b;font-weight:700;text-decoration:none;transition:color .2s}.login-layout .form-footer a:hover{color:#1a1612}.login-layout input[type=password]::-ms-reveal{display:none}.login-layout input[type=password]::-ms-clear{display:none}@media (width<=900px){.login-layout{flex-direction:column}.login-layout .login-left{text-align:center;flex:none;align-items:center;padding:40px 30px}.login-layout .hero-text h1{font-size:2.8rem}.login-layout .hero-subtext{max-width:100%}.login-layout .login-right{background-color:#1a1612;padding:30px 15px}}.wb-logout-page{z-index:10000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.wb-logout-card{background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.wb-logout-header{text-align:left;border-bottom:1px solid #f0ede5;padding:25px 30px 15px}.wb-logout-header h2{color:#5c4a11;margin:0;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.wb-logout-content{padding:25px 30px 30px}.wb-logout-row{align-items:center;gap:20px;margin-bottom:30px;display:flex}.wb-logout-img{object-fit:contain;width:60px;height:auto}.wb-logout-text p{color:#1a1612;margin:0;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.4}.wb-logout-buttons{justify-content:center;gap:15px;width:100%;display:flex}.wb-logout-buttons button{text-align:center;cursor:pointer;letter-spacing:.5px;color:#cca43b;background-color:#0000;border:1.5px solid #cca43b;border-radius:30px;flex:1;justify-content:center;align-items:center;min-height:50px;padding:10px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;line-height:1.2;transition:all .2s;display:flex}.wb-logout-buttons button:hover{background-color:#fbf5e8;transform:translateY(-2px);box-shadow:0 4px 10px #cca43b1a}@media (width<=768px){.wb-logout-card{width:85%}.wb-logout-header{text-align:center;padding:20px 20px 15px}.wb-logout-header h2{font-size:1.5rem}.wb-logout-content{padding:20px 20px 25px}.wb-logout-row{text-align:center;flex-direction:column;gap:15px;margin-bottom:25px}.wb-logout-img{width:50px}.wb-logout-buttons{flex-direction:column;gap:10px}.wb-logout-buttons button{width:100%;min-height:45px}}html,body{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.app-container{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.role-layout{background-color:#fff;width:100%;min-height:100vh;display:flex}.page-content{box-sizing:border-box;background-color:#fff;flex-direction:column;flex:1;height:100vh;padding:40px;display:flex;overflow-y:auto}@media (width<=1024px){.page-content{padding:30px}}@media (width<=768px){.role-layout{flex-direction:column}.page-content{height:auto;min-height:100vh;padding:80px 15px 20px;overflow-y:visible}}.wooden-navbar{-ms-overflow-style:none;scrollbar-width:none;background-color:#1a1612;border-right:1px solid #2c261e;flex-direction:column;flex-shrink:0;width:300px;height:100vh;font-family:Inter,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.wooden-navbar::-webkit-scrollbar{width:4px;display:none}.wooden-navbar::-webkit-scrollbar-thumb{background-color:#3a3228;border-radius:10px}.wooden-navbar::-webkit-scrollbar-track{background:0 0}.navbar-header{align-items:center;gap:15px;padding:35px 25px 25px;display:flex}.navbar-header .logo{object-fit:cover;border-radius:12px;width:55px;height:55px;box-shadow:0 4px 15px #0006}.title-group h3{color:#fff;letter-spacing:-.5px;margin:0;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.title-group p{color:#a09a8e;text-transform:uppercase;letter-spacing:1px;margin:3px 0 0;font-size:.75rem;font-weight:600}.user-profile{align-items:center;gap:15px;padding:0 25px 35px;display:flex}.avatar-circle{color:#fff;background:linear-gradient(135deg,#cca43b,#b89132);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 4px 12px #cca43b26}.user-profile h2{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.nav-links{flex-direction:column;gap:5px;padding:0 15px 30px;display:flex}.nav-item{color:#a09a8e;cursor:pointer;border-radius:12px;align-items:center;gap:15px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.nav-item i{text-align:center;width:24px;font-size:1.2rem;transition:transform .2s}.nav-item:hover{color:#d1aa3a;background-color:#cca43b1a}.nav-item:hover i{transform:scale(1.1)}.nav-item.active{color:#fff;background-color:#d1aa3a;font-weight:700;box-shadow:0 4px 12px #d1aa3a33}.nav-item.active i{color:#fff}.loading{color:#d1aa3a;justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.close-mobile-btn{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;position:absolute;top:15px;right:15px;display:none!important}.mobile-menu-btn{color:#d1aa3a;cursor:pointer;z-index:9998;background:#1a1612;border:1px solid #2c261e;border-radius:8px;padding:10px 15px;font-size:1.2rem;display:none;position:fixed;top:15px;left:15px}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9990;background:#0009;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=1024px){.wooden-navbar{align-items:center;width:90px}.title-group,.user-profile h2,.user-info,.nav-item span{display:none}.navbar-header{justify-content:center;padding:30px 0 20px}.navbar-header .logo{width:45px;height:45px}.user-profile{justify-content:center;padding:0 0 30px}.avatar-circle{width:45px;height:45px;font-size:1.2rem}.nav-links{align-items:center;width:100%;padding:0 10px}.nav-item{border-radius:50%;justify-content:center;width:50px;padding:14px 0}.nav-item i{margin:0}}@media (width<=768px){.wooden-navbar{z-index:9999;align-items:stretch;width:280px;height:100vh;transition:transform .3s ease-in-out;top:0;left:0;transform:translate(-100%);box-shadow:none!important;position:fixed!important}.wooden-navbar.mobile-active{transform:translate(0);box-shadow:5px 0 25px #000c!important}.title-group,.user-profile h2,.user-info,.nav-item span{display:block}.navbar-header{justify-content:flex-start;padding:30px 25px 20px}.user-profile{justify-content:flex-start;padding:0 25px 30px}.nav-links{align-items:stretch;padding:0 15px 30px}.nav-item{border-radius:12px;justify-content:flex-start;width:100%;padding:14px 20px}.close-mobile-btn{display:block!important}.mobile-menu-btn,.mobile-overlay.active{display:block}}.job-order-container{background:#fff;flex:1;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.job-order-list{width:100%;max-width:90%;margin:0 auto;padding:48px}.job-order-title{color:#5a4a00;margin-bottom:4px;font-family:Georgia,serif;font-size:30px;font-weight:700}.job-order-subtitle{color:#8b7a2a;margin-bottom:16px;font-family:Georgia,serif;font-weight:600}.job-order-divider{background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);border-radius:3px;height:6px;margin-bottom:40px}.job-order-item{cursor:pointer;border-radius:8px;align-items:center;padding:16px 24px;font-family:Georgia,serif;transition:background .15s;display:flex}.job-order-item-selected{color:#fff;background:#b8a030}.job-order-item-hover{background:#b8a03026}.job-order-item-default{color:#5a4a00;background:#fff}.job-order-id{width:130px;font-size:20px;font-weight:700}.job-order-name{text-transform:uppercase;font-size:20px;font-weight:700}.job-order-details{width:100%;max-width:90%;margin:0 auto;padding:32px}.details-card{background:#fff;border:1.5px solid #8b7a2a;border-radius:16px;gap:32px;margin-bottom:24px;padding:24px;display:flex}.details-left{width:33%;margin-right:20px}.details-right{background:#c8c4b8;border-radius:12px;width:67%;padding:20px;position:relative}.details-header h2{color:#5a4a00;font-family:Georgia,serif;font-size:30px;font-weight:700}.details-header p{color:#8b7a2a;font-family:Georgia,serif;font-size:18px;font-weight:700}.details-info{background:#d6d0c4;border-radius:8px;margin-top:12px;padding:10px 14px}.details-info-label{color:#5a4a00;font-family:Georgia,serif;font-size:12px;font-weight:600}.details-info-value{color:#3a2e00;font-family:Georgia,serif;font-weight:700}.details-info-urgent{border-left:4px solid #c30}.details-info-value-urgent{color:#c30}.details-info-priority{border-left:4px solid #c70}.details-info-value-priority{color:#c70}.project-details-label{color:#5a4a00;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-family:Georgia,serif;font-size:11px;font-weight:800}.project-details-scroll{max-height:280px;padding-right:16px;overflow-y:auto}.project-detail-item{background:#b8b4a8;border-radius:8px;margin-bottom:12px;padding:12px 16px}.project-detail-title{color:#3a2e00;font-family:Georgia,serif;font-size:14px;font-weight:700}.project-detail-desc{color:#3a2e00;font-family:Georgia,serif;font-size:13px;line-height:1.5}.progress-card{background:#fff;border:1.5px solid #8b7a2a;border-radius:24px;margin-bottom:24px;overflow:hidden}.progress-header{border-bottom:1.5px solid #e8d98a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.progress-title{color:#5a4a00;font-family:Georgia,serif;font-size:20px;font-style:italic;font-weight:700}.progress-bar-container{align-items:center;gap:16px;display:flex}.progress-bar{background:#f5e6b0;border-radius:8px;width:192px;height:16px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#b8a030,#d4c060);border-radius:8px;width:33%;height:100%}.progress-count{color:#5a4a00;font-family:Georgia,serif;font-weight:700}.progress-table{text-align:center;border-collapse:collapse;width:100%}.progress-table th,.progress-table td{border-right:1px solid #e8d98a;padding:16px;font-family:Georgia,serif}.progress-table thead{border-bottom:1.5px solid #e8d98a}.progress-table thead tr{color:#5a4a00;font-weight:700}.progress-table tbody{color:#8b7a2a;font-size:14px;font-weight:700}.progress-table tbody tr{border-bottom:1px solid #e8d98a}.progress-table tbody tr.empty{height:48px}.stage-name{color:#5a4a00;font-size:18px}.status-done{color:#fff;background:#4a8a4a;border-radius:20px;padding:6px 16px;font-size:12px}.status-progress{color:#fff;background:#5a7aba;border-radius:20px;padding:6px 12px;font-size:12px}.submit-button{color:#fff;cursor:pointer;background:#005c00;border:none;border-radius:16px;width:100%;padding:12px 0;font-family:Georgia,serif;font-size:24px;font-weight:900}.submitted-button{color:#030;cursor:default;background:#6b8e6b;border:none;border-radius:16px;width:100%;padding:12px 0;font-family:Georgia,serif;font-size:24px;font-weight:900}.pv-container{box-sizing:border-box;background-color:#fff;flex:1;min-height:100vh;padding:32px 40px;font-family:Georgia,serif}.pv-list-header{color:#5a4a00;letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:32px;font-weight:900}.pv-list-subtitle{color:#8b7a2a;margin:0 0 14px;font-size:14px;font-weight:600}.pv-list-divider{background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);border-radius:3px;height:6px;margin-bottom:32px}.pv-list-container{flex-direction:column;display:flex}.pv-list-item{cursor:pointer;border-radius:4px;align-items:center;gap:24px;margin-bottom:2px;padding:16px 24px;transition:background .15s;display:flex}.pv-list-item-selected{background:#b8a030}.pv-list-item:hover:not(.pv-list-item-selected){background:#b8a0301a}.pv-list-item-id{color:#5a4a00;letter-spacing:.5px;min-width:90px;font-size:16px;font-weight:900}.pv-list-item-selected .pv-list-item-id{color:#fff}.pv-list-item-name{color:#3a2e00;letter-spacing:1px;font-size:17px;font-weight:900}.pv-list-item-selected .pv-list-item-name{color:#fff}.pv-detail-card{background:#fff;border:1.5px solid #c8b840;border-radius:14px;gap:28px;margin-bottom:24px;padding:24px 28px;display:flex}.pv-detail-left{min-width:210px;margin-right:20px}.pv-detail-id{color:#5a4a00;margin-bottom:2px;font-size:26px;font-weight:900}.pv-detail-name{color:#8b7a2a;margin-bottom:18px;font-size:16px;font-weight:700}.pv-info-box{background:#d6d0c4;border-radius:8px;margin-bottom:10px;padding:10px 14px}.pv-info-label{color:#5a4a00;font-size:12px;font-weight:600}.pv-info-value{font-size:14px;font-weight:700}.pv-detail-right{background:#c8c4b8;border-radius:10px;flex:1;max-height:230px;padding:16px 20px;overflow-y:auto}.pv-details-title{color:#5a4a00;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.pv-detail-item{background:#b8b4a8;border-radius:8px;margin:10px;padding:10px 14px}.pv-detail-item-title{color:#3a2e00;margin-bottom:4px;font-size:13px;font-weight:700}.pv-detail-item-desc{color:#3a2e00;font-size:13px;line-height:1.5}.pv-progress-card{background:#fff;border:1.5px solid #c8b840;border-radius:14px;padding:24px 28px}.pv-progress-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pv-progress-title{color:#3a2e00;font-size:18px;font-weight:900}.pv-progress-bar-container{align-items:center;gap:12px;display:flex}.pv-progress-bar{background:#e8e0c8;border-radius:8px;width:200px;height:16px;overflow:hidden}.pv-progress-bar-fill{background:linear-gradient(90deg,#b8a030,#d4c060);border-radius:8px;height:100%;transition:width .4s}.pv-progress-count{color:#5a4a00;font-size:15px;font-weight:700}.pv-table{border-collapse:collapse;width:100%}.pv-table th{text-align:left;color:#3a2e00;letter-spacing:.8px;border-bottom:2px solid #e8d98a;padding:10px 12px;font-size:13px;font-weight:900}.pv-table th.pv-table-status{text-align:center}.pv-table td{color:#3a2e00;border-bottom:1px solid #e8d98a;padding:14px 12px;font-size:14px}.pv-table td.pv-table-stage{color:#8b7a2a;font-size:15px;font-weight:700}.pv-table td.pv-table-status-cell{text-align:center}.pv-status-approved{color:#fff;background:#4a8a4a;border-radius:20px;padding:7px 28px;font-size:13px;font-weight:600}.pv-status-repair{color:#fff;background:#c30;border-radius:20px;padding:7px 28px;font-size:13px;font-weight:600}.pv-action-buttons{justify-content:center;gap:8px;display:flex}.pv-btn-approve{color:#fff;cursor:pointer;background:#4a8a4a;border:none;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600}.pv-btn-repair{color:#fff;cursor:pointer;background:#c30;border:none;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600}.pv-back-button{color:#8b7a2a;cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-family:Georgia,serif;font-size:14px;font-weight:600}.admin-dashboard{background:#fff;flex:1;min-height:100vh;padding:40px;font-family:Georgia,serif}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px;display:grid}.admin-stat-card{background:#fdf8ee;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:160px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000d}.admin-stat-card-green{border-left:12px solid #2a7a2a}.admin-stat-card-gold{border-left:12px solid #c8b840}.admin-stat-card-blue{border-left:12px solid #2a5a8a}.admin-stat-label{color:#5a4a00;text-align:center;margin-bottom:8px;font-size:18px;font-weight:700}.admin-stat-value{color:#000;font-size:48px;font-weight:900}.admin-stat-sub{color:#666;margin-top:4px;font-size:10px}.admin-divider{background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);border-radius:3px;height:6px;margin-bottom:32px}.admin-notifications-header{align-items:center;gap:8px;margin-bottom:24px;display:flex}.admin-notifications-icon{color:#5a4a00;font-size:28px}.admin-notifications-title{color:#5a4a00;font-size:24px;font-weight:700}.admin-notifications-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.admin-notification-item{color:#fff;background:#c29236;border-radius:6px;align-items:center;display:flex;overflow:hidden}.admin-notification-accent{background:#4b3b1a;align-self:stretch;width:12px}.admin-notification-content{flex:1;padding:12px 20px}.admin-notification-title{font-size:18px;font-weight:700}.admin-notification-desc{opacity:.9;font-size:14px}.admin-notification-delete{cursor:pointer;color:#fff;opacity:.85;background:0 0;border:none;padding:0 24px;font-size:24px;transition:opacity .15s}.admin-notification-delete:hover{opacity:1}.admin-notification-buttons{justify-content:flex-end;gap:16px;display:flex}.admin-btn{color:#fff;padding:"10px 32px";cursor:pointer;background:#4b3b1a;border:none;border-radius:24px;font-family:Georgia,serif;font-size:14px;font-weight:700}.info-card{background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);border:1px solid #fff6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:160px;padding:30px 25px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #b8a04066}.info-card-green{border-left:10px solid #1e5631}.info-card-gold{border-left:10px solid #4a3510}.info-card-blue{border-left:10px solid #1a365d}.info-card-label{color:#4a3b12;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}.info-card-value{color:#1a1500;text-shadow:1px 1px 2px #ffffff4d;margin:0;font-family:Playfair Display,serif;font-size:3rem;font-weight:800;line-height:1}.info-card-sub{color:#5c4a11;margin-top:10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.notification-section{background:#fff;flex:1;min-height:100vh;padding:40px;font-family:Georgia,serif}.notification-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.notification-icon{color:#5a4a00;font-size:26px}.notification-title{color:#5a4a00;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:900}.notification-list{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.notification-item{background:#a08020;border-radius:6px;align-items:center;display:flex;overflow:hidden}.notification-item-read{background:#fff;border:1.5px solid #8b7a2a}.notification-accent{background:#4b3b1a;align-self:stretch;width:12px}.notification-item-read .notification-accent{background:#4b3b1a}.notification-content{flex:1;padding:14px 20px}.notification-item-title{color:#fff;margin-bottom:3px;font-size:15px;font-weight:900}.notification-item-read .notification-item-title{color:#3a2e00}.notification-item-desc{color:#f0e8c8;font-size:14px}.notification-item-read .notification-item-desc{color:#5a4a00}.notification-delete-btn{cursor:pointer;color:#fff;opacity:.85;background:0 0;border:none;padding:0 24px;font-size:20px;transition:opacity .15s}.notification-item-read .notification-delete-btn{color:#8b7a2a}.notification-delete-btn:hover{opacity:1}.notification-empty{color:#8b7a2a;padding:20px 0;font-size:15px}.notification-actions{justify-content:flex-end;gap:14px;display:flex}.notification-btn{color:#fff;cursor:pointer;background:#5a4a00;border:none;border-radius:8px;padding:12px 28px;font-family:Georgia,serif;font-size:15px;font-weight:700}.notification-btn:hover{background:#3a2e00}.attendance-module{width:1000px;margin:0 auto;padding:30px;font-family:Inter,sans-serif}.attendance-title{color:#b8a040;letter-spacing:.5px;margin:0 0 10px;font-family:Playfair Display,serif;font-size:1.9rem;font-weight:700}.attendance-divider{background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);width:100%;height:4px;margin-top:10px;margin-bottom:25px}.list-controls-grid{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;display:flex}.list-search-wrapper{color:#cca43b;flex-grow:1;max-width:900px;position:relative}.list-search-icon{color:#cca43b;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.list-search-input{color:#1a1a1a;background-color:#fff;border:1.5px solid #eaeaea;border-radius:25px;width:100%;padding:12px 20px 12px 50px;font-family:inherit;font-size:.95rem;transition:all .3s;box-shadow:0 2px 5px #00000005}.list-search-input::placeholder{color:#a0a0a0}.list-search-input:focus{border-color:#cca43b;outline:none;box-shadow:0 0 0 3px #cca43b26}.list-type-select{color:#5c4033;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235C4033'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:25px;padding:12px 45px 12px 25px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #00000005}.list-type-select:hover,.list-type-select:focus{border-color:#cca43b;outline:none}.att-grid-wrapper{flex-direction:column;gap:12px;display:flex}.att-header{text-transform:uppercase;color:#8b816a;letter-spacing:1px;grid-template-columns:1fr 2fr 1fr;padding:0 25px 10px;font-size:.85rem;font-weight:700;display:grid}.att-item{cursor:pointer;color:#1a1a1a;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:18px 25px;font-size:.95rem;font-weight:600;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.att-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.log-header{text-transform:uppercase;color:#8b816a;letter-spacing:1px;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;padding:0 25px 10px;font-size:.85rem;font-weight:700;display:grid}.log-item{color:#1a1a1a;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;align-items:center;padding:18px 25px;font-size:.95rem;font-weight:500;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.log-item:hover{background-color:#faf7f0;border-color:#d1ccbf}.attendance-log-header{align-items:stretch;gap:20px;margin-bottom:40px;display:flex}.attendance-log-info-stack{flex-direction:column;flex-grow:1;justify-content:center;gap:12px;display:flex}.attendance-log-card{background-color:#5c4a11;border-left:none;border-radius:12px;flex-direction:column;justify-content:center;padding:16px 25px;display:flex;box-shadow:0 4px 10px #00000026}.attendance-log-name{color:#fff;letter-spacing:.5px;margin:0;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:800}.attendance-log-id{color:#e0d5ba;margin-top:4px;font-size:1.1rem;font-weight:500}.attendance-log-role{color:#fff;margin:0;font-size:1.3rem;font-weight:600}.attendance-log-type{color:#e0d5ba;margin:4px 0 0;font-size:1.1rem;font-weight:500}.attendance-log-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.attendance-log-title h3{color:#5c4a11;margin:0;font-family:Arial,san-serif;font-size:1.5rem;font-weight:700}.attendance-log-add-btn{color:#fff;cursor:pointer;background-color:#5c4a11;border:none;border-radius:25px;align-items:center;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.attendance-log-add-btn:hover{background-color:#4a3c0e;transform:translateY(-2px);box-shadow:0 4px 12px #5c4a1133}.attendance-log-actions{gap:10px;display:flex}.attendance-log-edit-btn{color:#cca43b;cursor:pointer;background-color:#0000;border:1px solid #cca43b;border-radius:15px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.attendance-log-edit-btn:hover{color:#fff;background-color:#cca43b}.attendance-log-delete-btn{color:#b3b3b3;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.attendance-log-delete-btn:hover{color:#d32f2f;background-color:#fff0f0;transform:scale(1.1)}.custom-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal-content{background:#fff;border:none;border-radius:16px;width:500px;margin-left:300px;padding:30px 40px;box-shadow:0 15px 35px #00000026}.custom-modal-title{color:#1a1a1a;margin:0 0 25px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.custom-modal-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.custom-form-group{flex-direction:column;gap:8px;display:flex}.custom-form-group label{color:#666;font-size:.9rem;font-weight:600}.custom-form-group input,.custom-form-group select{color:#1a1a1a;background-color:#0000;border:1.5px solid #eaeaea;border-radius:12px;outline:none;padding:12px 15px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s}.custom-form-group input.read-only-input{color:#888;cursor:not-allowed;background-color:#fafafa;border-color:#eaeaea}.custom-form-group input:not(.read-only-input):focus,.custom-form-group select:focus{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.custom-modal-actions{justify-content:flex-end;gap:15px;margin-top:35px;display:flex}.custom-modal-btn{color:#fff;cursor:pointer;background-color:#5c4a11;border:none;border-radius:25px;padding:10px 25px;font-size:.95rem;font-weight:600;transition:all .3s}.custom-modal-btn.cancel{color:#5c4a11;background-color:#0000;border:1.5px solid #d1ccbf}.custom-modal-btn.cancel:hover{color:#cca43b;background-color:#fbf5e8;border-color:#cca43b}.custom-modal-btn:not(.cancel):hover{background-color:#4a3c0e;transform:translateY(-1px)}.custom-modal-btn:disabled{opacity:.7;cursor:not-allowed}.project-form-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:20px;font-family:Inter,Arial,sans-serif}.project-form-container .edit-banner{text-align:center;margin-bottom:30px}.project-form-container .edit-banner h2{color:#b8a040;letter-spacing:.5px;margin:0;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.project-form-container .form-title{color:#b8a040;letter-spacing:.5px;margin-top:0;margin-bottom:25px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.project-form-container .form-tabs{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.project-form-container .tab{cursor:pointer;color:#888;background:0 0;border:none;border-radius:25px;padding:10px 30px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.project-form-container .tab.active{color:#cca43b;background-color:#fbf5e8;box-shadow:0 4px 10px #cca43b1a}.project-form-container .tab:not(.active):hover{color:#5c4a11;background-color:#faf7f0}.project-form-container .tab-divider{display:none}.project-form-container .project-form{background:#fff;border:1px solid #f0ede5;border-radius:16px;flex-direction:column;gap:20px;width:1000px;margin:0 auto;padding:40px;display:flex;box-shadow:0 4px 20px #00000008}.project-form-container .form-group{flex-direction:column;display:flex}.project-form-container .form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.project-form-container .form-group label,.project-form-container .dynamic-section label{color:#5c4a11;margin-bottom:8px;font-size:.9rem;font-weight:600}.project-form-container input,.project-form-container select{color:#1a1a1a;background-color:#fff;border:1.5px solid #eaeaea;border-radius:12px;outline:none;padding:14px 20px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.project-form-container input::placeholder{color:#a0a0a0}.project-form-container input:focus,.project-form-container select:focus{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.project-form-container .priority-select{color:#e67e22;font-weight:600}.project-form-container .dynamic-section{border-top:1px dashed #eaeaea;flex-direction:column;gap:15px;margin-top:15px;padding-top:20px;display:flex}.project-form-container .dynamic-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:15px;display:grid}.project-form-container .btn-remove{color:#d32f2f;cursor:pointer;background-color:#fff0f0;border:none;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.project-form-container .btn-remove:hover{color:#fff;background-color:#d32f2f;transform:scale(1.05)}.project-form-container .btn-add-variable{color:#cca43b;cursor:pointer;background-color:#0000;border:1.5px dashed #cca43b;border-radius:12px;justify-content:center;align-items:center;margin-top:10px;padding:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.project-form-container .btn-add-variable:hover{background-color:#fbf5e8;border-style:solid}.project-form-container .form-actions{border-top:1px solid #eaeaea;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.project-form-container .btn-cancel,.project-form-container .btn-submit{cursor:pointer;border:none;border-radius:25px;padding:12px 30px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.project-form-container .btn-cancel{color:#5c4a11;background-color:#0000;border:1.5px solid #d1ccbf}.project-form-container .btn-cancel:hover{color:#cca43b;background-color:#fbf5e8;border-color:#cca43b}.project-form-container .btn-submit{color:#fff;background-color:#5c4a11;box-shadow:0 4px 12px #5c4a1126}.project-form-container .btn-submit:hover{background-color:#4a3c0e;transform:translateY(-2px);box-shadow:0 6px 16px #5c4a1140}@media (width<=768px){.project-form-container .form-row,.project-form-container .dynamic-row{grid-template-columns:1fr}.project-form-container .project-form{padding:20px}}.project-list-container{background-color:#0000;width:100%;max-width:1100px;margin:30px auto;padding:10px;font-family:Inter,Arial,sans-serif}.project-list-container .list-top-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.project-list-container .search-container{background-color:#fff;border:1.5px solid #d4b54e;border-radius:30px;flex:1;align-items:center;max-width:900px;padding:5px 15px;transition:all .3s;display:flex;box-shadow:0 2px 5px #00000005}.project-list-container .search-container:focus-within{border-color:#b89132;box-shadow:0 0 0 3px #d4b54e26}.project-list-container .search-icon{color:#d4b54e;justify-content:center;align-items:center;margin-right:10px;display:flex}.project-list-container .search-icon svg{width:20px;height:20px}.project-list-container .search-input{color:#1a1a1a;background-color:#0000;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.project-list-container .search-input::placeholder{color:#a0a0a0}.project-list-container .status-filter{color:#5c4033;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235C4033'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:25px;outline:none;min-width:140px;padding:10px 40px 10px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #00000005}.project-list-container .status-filter:hover,.project-list-container .status-filter:focus{border-color:#d4b54e}.project-list-container .pl-grid-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.project-list-container .pl-header{text-transform:uppercase;letter-spacing:1px;color:#8b816a;grid-template-columns:1fr 2.5fr 1.5fr 1.5fr;padding:0 25px 10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;display:grid}.project-list-container .pl-col{align-items:center;display:flex}.project-list-container .action-col{justify-content:flex-end}.project-list-container .pl-item{cursor:pointer;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:1fr 2.5fr 1.5fr 1.5fr;align-items:center;margin:10px;padding:18px 25px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.project-list-container .pl-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.project-list-container .pl-item.active{background-color:#fbf5e8;border-color:#cca43b;box-shadow:0 4px 12px #cca43b26}.project-list-container .id-col{color:#888;font-weight:600}.project-list-container .name-col{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.project-list-container .status-badge{text-align:center;letter-spacing:.5px;border-radius:30px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.project-list-container .status-badge.pending,.project-list-container .status-badge.assigned{color:#8b5a2b;background-color:#8b5a2b1a}.project-list-container .status-badge.in-progress{color:#4a90e2;background-color:#4a90e21a}.project-list-container .action-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.project-list-container .btn-action{cursor:pointer;border:1px solid #0000;border-radius:15px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.project-list-container .btn-action.edit{color:#d4b54e;background-color:#0000;border-color:#d4b54e}.project-list-container .btn-action.edit:hover{color:#fff;background-color:#d4b54e}.project-list-container .btn-action.details{color:#fff;background-color:#5c4033}.project-list-container .btn-action.details:hover{background-color:#432d23;transform:translateY(-1px);box-shadow:0 4px 8px #5c403333}.details-main-wrapper{max-width:900px;margin:0 auto}.details-main-wrapper .details-card-container{background-color:#fff;border:2px solid #ccc;border-radius:20px;padding:30px;font-family:serif}.details-main-wrapper .details-header-section{margin-bottom:25px}.details-main-wrapper .details-title{color:#5c4033;text-transform:uppercase;margin:0;font-size:2.5rem;font-weight:700}.details-main-wrapper .details-subtitle{color:#8c7853;text-transform:uppercase;margin:0;font-size:1.5rem}.details-main-wrapper .details-summary-row{gap:20px;margin-bottom:30px;display:flex}.details-main-wrapper .details-box{background-color:#e2ce8f;border-radius:10px;flex-direction:column;flex:1;gap:5px;padding:15px;display:flex}.details-main-wrapper .box-label{color:#000;font-size:1.1rem;font-weight:700}.details-main-wrapper .box-value{font-size:1.1rem;font-weight:700}.details-main-wrapper .due-date-value{color:#d32f2f}.details-main-wrapper .priority-text-high{color:#e67e22}.details-main-wrapper .details-variables-section{background-color:#e2ce8f;border-radius:10px;padding:20px}.details-main-wrapper .variables-header{color:#000;margin:0 0 15px;font-size:1.2rem;font-weight:700}.details-main-wrapper .variables-scroll-area{flex-direction:column;gap:15px;max-height:300px;padding-right:10px;display:flex;overflow-y:auto}.details-main-wrapper .variables-scroll-area::-webkit-scrollbar{width:10px}.details-main-wrapper .variables-scroll-area::-webkit-scrollbar-track{background:#cdb771;border-radius:10px}.details-main-wrapper .variables-scroll-area::-webkit-scrollbar-thumb{background:#9a8a55;border-radius:10px}.details-main-wrapper .variable-card{background-color:#fff;border-radius:20px;padding:15px 20px}.details-main-wrapper .variable-title{color:#000;margin:0 0 10px;font-size:1.1rem}.details-main-wrapper .variable-desc{color:#333;margin:0}.jol-wrapper{color:#5b5035;box-sizing:border-box;flex-direction:column;align-items:center;width:1000px;max-width:100%;margin:30px auto;padding:20px;font-family:Inter,sans-serif;display:flex}.jol-header{border-bottom:4px solid #0000;border-image:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060) 1;width:100%;margin-bottom:30px;padding-bottom:12px}.jol-title{color:#b8a040;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.jol-subtitle{color:#8b816a;margin:0;font-size:14px;font-weight:500}.jol-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:25px;display:flex}.jol-filter-group{align-items:center;gap:10px;display:flex}.jol-filter-label{color:#5b5035;font-size:14px;font-weight:700}.jol-btn{color:#5b5035;cursor:pointer;background:#fff;border:1.5px solid #dcd7c9;border-radius:25px;padding:8px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.jol-btn:hover{color:#fff;background:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060);border-color:#0000;box-shadow:0 4px 10px #cca43b33}.jol-btn.active.high{color:#fff;background:#d32f2f;border-color:#d32f2f}.jol-btn.active.medium{color:#fff;background:#f57c00;border-color:#f57c00}.jol-btn.active.low{color:#fff;background:#5b5035;border-color:#5b5035}.jol-list{flex-direction:column;gap:12px;width:100%;display:flex}.jol-item{cursor:pointer;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;grid-template-columns:3fr 1fr 1fr;align-items:center;padding:20px 25px;font-size:16px;transition:all .3s;display:grid;box-shadow:0 2px 5px #00000005}.jol-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.jol-name{text-transform:uppercase;color:#1a1a1a;letter-spacing:.5px;font-weight:700}.jol-date{text-align:left;color:#666;font-weight:500}.jol-priority{letter-spacing:.5px;text-align:center;border-radius:8px;justify-self:end;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.jol-priority.high{color:#d32f2f;background:#d32f2f1a}.jol-priority.medium{color:#f57c00;background:#f57c001a}.jol-priority.low{color:#5b5035;background:#5b50351a}.jod-wrapper{color:#1a1a1a;box-sizing:border-box;width:100%;max-width:1000px;margin:40px auto;padding:20px;font-family:Inter,sans-serif}.jod-back-btn{color:#8b816a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.jod-back-btn:hover{color:#cca43b}.jod-container{background-color:#fff;border:1px solid #f0ede5;border-radius:16px;width:100%;margin-bottom:25px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000008}.jod-container:hover{box-shadow:0 8px 25px #0000000f}.jod-overview-container{padding:30px}.jod-ov-header{margin-bottom:25px}.jod-ov-id{color:#8b816a;letter-spacing:1px;margin:0 0 5px;font-size:.95rem;font-weight:600}.jod-ov-name{color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.jod-ov-info-bar{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.jod-ov-info-block{background-color:#fcfaf5;border:1px solid #eaeaea;border-left:5px solid #cca43b;border-radius:10px;flex-direction:column;flex:1;min-width:120px;padding:12px 20px;display:flex}.jod-ov-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.75rem;font-weight:700}.jod-ov-value{color:#1a1a1a;font-size:1.05rem;font-weight:700}.due-date,.priority-high{color:#d32f2f}.jod-ov-details-box{background-color:#fbf5e8;border-radius:12px;flex-direction:column;padding:20px;display:flex}.jod-ov-details-header{justify-content:space-between;margin-bottom:15px;display:flex}.jod-ov-details-title{text-transform:uppercase;letter-spacing:1px;color:#5c4a11;font-size:.9rem;font-weight:700}.jod-ov-scroll-icons{color:#cca43b;font-size:.85rem}.jod-ov-scroll-area{max-height:150px;padding-right:10px;overflow-y:auto}.jod-ov-scroll-area::-webkit-scrollbar{width:6px}.jod-ov-scroll-area::-webkit-scrollbar-thumb{background-color:#cca43b;border-radius:10px}.jod-ov-detail-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:10px;padding:12px 15px;font-size:.95rem;box-shadow:0 2px 4px #00000005}.jod-ov-detail-item strong{color:#1a1a1a;margin-bottom:5px;display:block}.jod-ov-detail-item p{color:#666;margin:0;line-height:1.4}.jod-progress-container{padding:0}.jod-progress-header{border-bottom:1px solid #f0ede5;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.jod-container-title{color:#1a1a1a;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.jod-progress-bar-wrapper{align-items:center;gap:15px;display:flex}.jod-progress-bar{background-color:#eaeaea;border-radius:20px;width:250px;height:10px;overflow:hidden}.jod-progress-fill{background:linear-gradient(90deg,#b8a040,#d4c47a);border-radius:20px;height:100%;transition:width .5s}.jod-progress-text{color:#5c4a11;font-size:.95rem;font-weight:700}.jod-table{border-collapse:collapse;width:100%;font-size:.95rem}.jod-table th{text-align:center;color:#8b816a;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #eaeaea;padding:15px 20px;font-size:.85rem;font-weight:700}.jod-table td{text-align:center;color:#1a1a1a;vertical-align:middle;border-bottom:1px solid #f4f4f4;padding:15px 20px;font-weight:500}.jod-table tr:hover td{background-color:#faf7f0}.jod-status{letter-spacing:.5px;border-radius:25px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.jod-status.done{color:#2e6b3b;background-color:#2e6b3b1a}.jod-status.in-progress{color:#cca43b;background-color:#cca43b1a}.jod-assign-header{background-color:#5c4a11;padding:20px 30px}.jod-container-title-white{color:#fff;letter-spacing:.5px;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.jod-form{padding:30px}.jod-form-grid{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;display:grid}.jod-form-group{flex-direction:column;display:flex}.jod-form-group label{color:#5c4a11;margin-bottom:8px;font-size:.9rem;font-weight:600}.jod-form-group input,.jod-form-group select{color:#1a1a1a;background-color:#fff;border:1.5px solid #eaeaea;border-radius:12px;outline:none;padding:12px 15px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.jod-form-group input:focus,.jod-form-group select:focus{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b26}.jod-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c4a11'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.jod-form-group select::-ms-expand{display:none}.jod-form-actions{justify-content:flex-end;display:flex}.jod-submit-btn{color:#fff;cursor:pointer;background-color:#5c4a11;border:none;border-radius:25px;padding:12px 35px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.jod-submit-btn:hover{background-color:#4a3c0e;transform:translateY(-2px);box-shadow:0 4px 12px #5c4a1133}.jod-complete-wrapper{box-sizing:border-box;background-color:#0000;width:100%;display:flex}.jod-complete-btn{color:#fff;cursor:pointer;text-align:center;letter-spacing:1px;text-transform:uppercase;background-color:#2e6b3b;border:none;border-radius:0 0 16px 16px;width:100%;padding:18px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s}.jod-complete-btn:hover{background-color:#1e5631}.jod-complete-btn:disabled{color:#a0a0a0;cursor:not-allowed;background-color:#e0e0e0}@media (width<=768px){.jod-form-grid{grid-template-columns:1fr}.jod-progress-header{flex-direction:column;align-items:flex-start;gap:15px}}.wb-toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.wb-toast{color:#fff;border-radius:8px;align-items:center;gap:10px;padding:15px 25px;font-family:Arial,sans-serif;font-weight:700;animation:.4s ease-out forwards slideInRight;display:flex;box-shadow:0 4px 12px #00000026}.wb-toast.success{background-color:#2e7d32;border-left:6px solid #1b5e20}.wb-toast.error{background-color:#c62828;border-left:6px solid #b71c1c}.wb-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.wb-modal-box{text-align:center;box-sizing:border-box;background:#fff;border-top:6px solid #d4af37;border-radius:12px;width:90%;max-width:400px;padding:30px;font-family:Arial,sans-serif;box-shadow:0 5px 20px #0003}.wb-modal-title{color:#5b4826;margin-bottom:10px;font-size:1.3rem;font-weight:700}.wb-modal-text{color:#555;margin-bottom:25px;line-height:1.5}.wb-modal-actions{justify-content:center;gap:15px;display:flex}.wb-btn-yes{color:#fff;cursor:pointer;background:#d4af37;border:none;border-radius:5px;padding:10px 25px;font-weight:700;transition:background .2s}.wb-btn-yes:hover{background:#b8962e}.wb-btn-no{color:#333;cursor:pointer;background:#eaeaea;border:none;border-radius:5px;padding:10px 25px;font-weight:700;transition:background .2s}.wb-btn-no:hover{background:#d4d4d4}.qc-pv-wrapper{color:#1a1a1a;box-sizing:border-box;width:1000px;max-width:100%;margin:40px auto;padding:20px;font-family:Inter,sans-serif}.qc-pv-header{border-bottom:4px solid #0000;border-image:linear-gradient(90deg,#b8a040,#d4c47a,#c8b060) 1;width:100%;margin-bottom:30px;padding-bottom:12px}.qc-pv-title{color:#b8a040;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.qc-pv-subtitle{color:#8b816a;margin:0;font-size:14px;font-weight:500}.qc-pv-controls{justify-content:flex-end;margin-bottom:25px;display:flex}.qc-pv-dropdown{color:#5c4033;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235C4033'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:1.5px solid #eaeaea;border-radius:25px;outline:none;min-width:140px;padding:10px 40px 10px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.qc-pv-dropdown:hover,.qc-pv-dropdown:focus{border-color:#cca43b;box-shadow:0 0 0 3px #cca43b1a}.qc-pv-dropdown::-ms-expand{display:none}.qc-pv-list{flex-direction:column;gap:12px;width:100%;display:flex}.qc-pv-row{text-align:center;grid-template-columns:1fr 2fr 2fr 1fr;align-items:center;padding:18px 25px;font-size:.95rem;display:grid}.qc-pv-list-header{text-transform:uppercase;letter-spacing:1px;color:#8b816a;border:none;padding:0 25px 5px;font-size:.85rem;font-weight:700}.qc-pv-item{cursor:pointer;color:#1a1a1a;background-color:#fff;border:1px solid #f0ede5;border-radius:12px;font-weight:500;transition:all .3s;box-shadow:0 2px 5px #00000005}.qc-pv-item:hover{background-color:#fcfaf5;border-color:#cca43b;transform:translateY(-2px);box-shadow:0 6px 15px #cca43b1a}.qc-pv-col-left{text-align:left}@media (width<=768px){.qc-pv-row{text-align:left;grid-template-columns:1fr 1fr;gap:10px}.qc-pv-list-header{display:none}}.qc-pvd-wrapper{color:#1a1612;box-sizing:border-box;width:100%;max-width:1000px;margin:40px auto;padding:20px;font-family:Inter,sans-serif}.qc-pvd-back-btn{color:#8b816a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.qc-pvd-back-btn:hover{color:#cca43b}.qc-pvd-container{background-color:#fff;border:1px solid #f0ede5;border-radius:16px;width:100%;margin-bottom:25px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000008}.qc-pvd-container:hover{box-shadow:0 8px 25px #0000000f}.qc-pvd-ov-container{padding:30px}.qc-pvd-header{margin-bottom:25px}.qc-pvd-id{color:#8b816a;letter-spacing:1px;margin:0 0 5px;font-size:.95rem;font-weight:600}.qc-pvd-name{color:#1a1612;letter-spacing:.5px;text-transform:uppercase;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.qc-pvd-info-bar{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.qc-pvd-info-block{background-color:#fcfaf5;border:1px solid #eaeaea;border-left:5px solid #cca43b;border-radius:10px;flex-direction:column;flex:1;min-width:120px;padding:12px 20px;display:flex}.qc-pvd-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.75rem;font-weight:700}.qc-pvd-value{color:#1a1612;font-size:1.05rem;font-weight:700}.qc-pvd-due,.qc-pvd-priority{color:#d32f2f}.qc-pvd-details-box{background-color:#fbf5e8;border-radius:12px;flex-direction:column;padding:20px;display:flex}.qc-pvd-details-header{justify-content:space-between;margin-bottom:15px;display:flex}.qc-pvd-details-title{text-transform:uppercase;letter-spacing:1px;color:#5c4a11;font-size:.9rem;font-weight:700}.qc-pvd-scroll-area{max-height:150px;padding-right:10px;overflow-y:auto}.qc-pvd-scroll-area::-webkit-scrollbar{width:6px}.qc-pvd-scroll-area::-webkit-scrollbar-track{background:0 0}.qc-pvd-scroll-area::-webkit-scrollbar-thumb{background-color:#cca43b;border-radius:10px}.qc-pvd-detail-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:10px;padding:12px 15px;font-size:.95rem;box-shadow:0 2px 4px #00000005}.qc-pvd-detail-item strong{color:#1a1612;margin-bottom:5px;font-size:1rem;display:block}.qc-pvd-detail-item p{color:#666;margin:0;line-height:1.4}.qc-pvd-progress-header{border-bottom:1px solid #f0ede5;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.qc-pvd-title{color:#1a1612;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.qc-pvd-bar-wrapper{align-items:center;gap:15px;display:flex}.qc-pvd-bar{background-color:#eaeaea;border-radius:20px;width:250px;height:10px;overflow:hidden}.qc-pvd-fill{background:linear-gradient(90deg,#b8a040,#d4c47a);border-radius:20px;height:100%;transition:width .5s}.qc-pvd-progress-text{color:#5c4a11;font-size:.95rem;font-weight:700}.qc-pvd-table{border-collapse:collapse;width:100%;font-size:.95rem}.qc-pvd-table th{text-align:center;color:#8b816a;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #eaeaea;padding:15px 20px;font-size:.85rem;font-weight:700}.qc-pvd-table td{text-align:center;color:#1a1612;vertical-align:middle;border-bottom:1px solid #f4f4f4;padding:15px 20px;font-weight:500}.qc-pvd-table tr:hover td{background-color:#faf7f0}.qc-pvd-status-badge{letter-spacing:.5px;color:#2e6b3b;background-color:#2e6b3b1a;border-radius:25px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.qc-pvd-actions{justify-content:center;align-items:center;gap:10px;display:flex}.qc-pvd-btn{cursor:pointer;border:none;border-radius:25px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.qc-pvd-btn.approve{color:#fff;background-color:#2e6b3b}.qc-pvd-btn.approve:hover{background-color:#1e5631;transform:translateY(-1px);box-shadow:0 4px 8px #2e6b3b33}.qc-pvd-btn.repair{color:#d32f2f;background-color:#fff0f0}.qc-pvd-btn.repair:hover{color:#fff;background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #d32f2f33}@media (width<=768px){.qc-pvd-progress-header{flex-direction:column;align-items:flex-start;gap:15px}}