.navbar{background-color:#2c3e50;padding:.8rem 0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-logo span{color:#fff;font-size:1.5rem;font-weight:700}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-item{margin-left:1.5rem}.navbar-link{color:#ecf0f1;text-decoration:none;font-weight:500;transition:color .3s;padding:.5rem 0}.navbar-link:hover{color:#3498db}.navbar-button{background:none;border:none;cursor:pointer;font:inherit;padding:0}.navbar-button:hover{color:#3498db}.navbar-link.active{color:#3498db;border-bottom:2px solid #3498db}.dropdown{position:static}.dropdown-menu-wrapper{position:absolute;top:100%;z-index:1000}.dropdown-menu{background-color:#2c3e50;list-style:none;padding:0;margin:0}.dropdown-menu button{padding-top:10px;padding-bottom:10px;width:200px}@media(max-width:768px){.navbar-container{flex-direction:column;padding:.5rem}.navbar-menu{margin-top:.5rem}.navbar-item{margin:0 .5rem}}.main-content{padding-top:50px;flex:1}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.login-form{background:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.login-form h2{text-align:center;margin-bottom:1.5rem;color:#333;width:100%}.form-group{margin-bottom:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500;width:80%;text-align:left}.form-group input{width:80%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.form-group select{width:80%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.login-btn{width:80%;padding:.75rem;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-bottom:1rem;box-sizing:border-box}.login-btn:hover{background-color:#5a67d8}.login-btn:active{transform:translateY(1px)}.login-links{display:flex;justify-content:space-between;margin-top:1rem;width:80%}.login-links a{color:#667eea;text-decoration:none;font-size:.9rem;transition:color .3s}.login-links a:hover{color:#5a67d8;text-decoration:underline}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center;width:80%}.success-message{background-color:#ebfff3;color:#48c628;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center;width:80%}@media(max-width:768px){.login-form{padding:1.5rem}.login-links{flex-direction:column;align-items:center;gap:.5rem}.form-group label,.form-group input,.login-btn,.login-links,.error-message{width:90%}}@media(max-width:480px){.login-form{padding:1.2rem}.form-group label,.form-group input,.login-btn,.login-links,.error-message{width:95%}}.home-container{min-height:calc(100vh - 80px);padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:flex-start}.welcome-content{max-width:1000px;text-align:center;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.welcome-content h1{color:#2c3e50;margin-bottom:1rem}.welcome-content p{color:#7f8c8d;font-size:1.1rem;margin-bottom:2rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.feature-card h3{color:#2c3e50;margin-bottom:.5rem}.feature-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:0}@media(max-width:768px){.home-container{padding:15px}.welcome-content{padding:1.5rem}.features{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}.f1-home-container{min-height:calc(100vh - 80px);padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:flex-start}.f1-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.f1-feature-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;transition:transform .3s,box-shadow .3s}.f1-welcome-content{max-width:80%;width:80%;text-align:center;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.f1-feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.f1-feature-card h3{color:#2c3e50;margin-bottom:.5rem}.f1-feature-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:0}.f1-feature-card a{text-decoration:none;color:inherit;display:block;height:100%}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.text-inputs-form{background:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.text-inputs-form h2{text-align:center;margin-bottom:1.5rem;color:#333;width:100%}.input-group{margin-bottom:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.input-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500;width:80%;text-align:left}.input-group input{width:80%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.input-group select{width:80%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.submit-btn{width:80%;padding:.75rem;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-bottom:1rem;box-sizing:border-box}.submit-btn:hover{background-color:#5a67d8}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 20px;border-radius:5px;margin-bottom:20px;border:1px solid #f5c6cb;text-align:center}.success-message{background-color:#d4edda;color:#155724;padding:10px 20px;border-radius:5px;margin-bottom:20px;border:1px solid #c3e6cb;text-align:center}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:20px}.photo-item{position:relative;width:120px;height:150px;border-radius:4px;overflow:hidden;border:1px solid #ddd;background-color:#f0f0f0}.photo-item img{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:5px;right:5px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.remove-photo-btn:hover{background:#dc3545}.text-inputs-form{max-width:800px}.input-group{width:100%;display:flex;flex-direction:column;align-items:flex-start}.input-group label{text-align:left;margin-bottom:.5rem}.input-group input,.input-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.btn{padding:.75rem 1.5rem;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:#667eea}.btn-primary:hover{background-color:#5a67d8}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.loading{opacity:.7;cursor:not-allowed}.text-inputs-form{max-width:none!important;width:95%!important}input[type=text][pattern="[0-2][0-9]:[0-5][0-9]"]{font-family:monospace;text-align:center}@media(max-width:1400px){.container{padding:10px!important}.text-inputs-form{padding:20px!important}}.materials-table-container{margin:20px 0;overflow-x:auto;max-height:500px;overflow-y:auto}.materials-table{width:100%;border-collapse:collapse;font-size:14px}.materials-table th,.materials-table td{border:1px solid #e0e0e0;padding:10px 12px;text-align:left}.materials-table th{background-color:#f5f5f5;font-weight:600;position:sticky;top:0;z-index:10;border-bottom:2px solid #d0d0d0}.materials-table tbody tr{transition:background-color .2s ease}.materials-table .partition-header{background-color:#e8e8e8}.materials-table .partition-header td{padding:10px 12px;font-size:16px;font-weight:700;border-top:2px solid #c0c0c0;border-bottom:1px solid #c0c0c0;background-color:#e8e8e8}.materials-table .work-header{background-color:#f0f0f0}.materials-table .work-header td{padding:8px 12px;font-weight:600;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;background-color:#f0f0f0}.materials-table tbody tr:not(.partition-header):not(.work-header){background-color:#fff}.material-use-form{margin-top:30px;padding:20px;border-top:2px solid #e0e0e0;background-color:#fafafa;border-radius:8px}.material-use-form h3{margin-bottom:20px;color:#333;font-size:18px}.submit-btn{width:100%;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover:not(:disabled){background-color:#45a049}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.text-inputs-form{max-width:1200px;margin:0 auto;padding:20px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-group select,.input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.input-group select:focus,.input-group input:focus{outline:none;border-color:#4caf50}.input-group select:disabled,.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.loading-message{text-align:center;padding:40px;color:#666;font-style:italic}.error-message{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-bottom:20px;border-left:4px solid #c62828}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:20px;border-left:4px solid #2e7d32}small{display:block;color:#666;margin-top:5px;font-size:12px}h2{color:#333;margin-bottom:24px;text-align:center}h3{color:#555;margin-top:0}.material-delivery-form{margin-top:30px;padding:20px;border-top:2px solid #e0e0e0;background-color:#fafafa;border-radius:8px}.material-delivery-form h3{margin-bottom:20px;color:#333;font-size:18px}.info-message{text-align:center;padding:40px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:4px;margin-top:20px}.materials-table th:first-child,.materials-table td:first-child{width:70%}.materials-table th:last-child,.materials-table td:last-child{width:30%}.materials-table tbody tr:hover:not(.partition-header):not(.work-header){background-color:#f9f9f9;cursor:pointer}.materials-table .selected-row{background-color:#e3f2fd!important;border-left:3px solid #2196F3}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.input-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}