.purchase-order-container{font-family:Arial,sans-serif;padding:20px;max-width:960px;margin:20px auto;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 0 10px #0000001a}.form-wrapper{padding:15px}.header{text-align:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.header h1{margin:0;color:#333}.form-section{background-color:#fff;border:1px solid #e0e0e0;padding:15px;margin-bottom:20px;border-radius:5px}.form-section h3{margin-top:0;color:#555;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#666}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=number],.form-group textarea,.form-group select{width:calc(100% - 10px);padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em}.form-group textarea{resize:vertical}.details-flex{display:flex;gap:20px}.details-flex>div{flex:1;border:1px dashed #ccc;padding:10px;border-radius:5px}.line-items table{width:100%;border-collapse:collapse;margin-top:15px}.line-items th,.line-items td{border:1px solid #ddd;padding:8px;text-align:left}.line-items th{background-color:#f2f2f2;font-weight:700;color:#333}.line-items td input,.line-items td textarea{width:calc(100% - 5px);border:none;padding:5px;box-sizing:border-box;background:transparent}.add-item-btn,.remove-item-btn{background-color:#007bff;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font-size:.9em}.remove-item-btn{background-color:#dc3545}.add-item-btn:hover{background-color:#0056b3}.remove-item-btn:hover{background-color:#c82333}.totals-section{display:flex;flex-direction:column;align-items:flex-end;padding-top:10px;border-top:1px solid #e0e0e0}.total-row{display:flex;justify-content:space-between;width:300px;margin-bottom:5px;font-size:1.1em}.grand-total{font-size:1.3em;font-weight:700;color:#000;border-top:2px solid #333;padding-top:5px;margin-top:5px}.submit-btn{display:block;width:100%;padding:18px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1.4em;font-weight:700;cursor:pointer;margin-top:40px;box-shadow:0 4px 10px #007bff4d;transition:background-color .2s ease-in-out,transform .1s,box-shadow .2s}.submit-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 15px #007bff66}.local-invoice-container{padding:1.5rem;max-width:72rem;margin:0 auto;font-size:larger;font-weight:700;justify-content:center;align-items:center}body{background-color:#f0f2f5;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333}.proforma-invoice-container{padding:30px;max-width:950px;margin:30px auto;background-color:#fff;border-radius:10px;box-shadow:0 6px 20px #0000001a;border:none}.form-wrapper{padding:20px}.header{text-align:center;margin-bottom:40px;border-bottom:3px solid #007bff;padding-bottom:15px}.header h1{margin:0;color:#007bff;font-size:2.8em;font-weight:700;letter-spacing:1.5px}.form-section{background-color:#fff;border:1px solid #e0e6ed;padding:25px;margin-bottom:25px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.form-section h3{margin-top:0;color:#4a4a4a;border-bottom:2px solid #f2f2f2;padding-bottom:10px;margin-bottom:20px;font-size:1.5em;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.95em}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=number],.form-group textarea,.form-group select{width:calc(100% - 20px);padding:10px 12px;border:1px solid #cdd4da;border-radius:6px;box-sizing:border-box;font-size:1em;color:#333;transition:all .3s ease-in-out;background-color:#fdfdfd}.form-group input[type=file]{padding:8px 0}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.form-group textarea{resize:vertical;min-height:70px}.invoice-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.seller-buyer-details{display:flex;flex-wrap:wrap;gap:30px}.seller-details,.buyer-details{flex:1;min-width:300px;border:1px dashed #a7d9ff;background-color:#fdfdfd;padding:20px;border-radius:8px}.shipment-payment{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.line-items table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:8px;overflow:hidden}.line-items th,.line-items td{border:1px solid #e0e6ed;padding:12px 15px;text-align:left;vertical-align:top}.line-items th{background-color:#e9eff5;font-weight:700;color:#444;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}.line-items tr:nth-child(2n){background-color:#f8faff}.line-items td input[type=text],.line-items td textarea,.line-items td input[type=number],.line-items td select{width:calc(100% - 10px);border:1px solid #e0e6ed;padding:8px;border-radius:4px;box-sizing:border-box;background:#fff;transition:border-color .2s}.line-items td input:focus,.line-items td textarea:focus,.line-items td select:focus{border-color:#007bff;box-shadow:inset 0 1px 3px #0000001a}.line-items td textarea{min-height:35px;max-height:80px;overflow-y:auto}.add-item-btn,.remove-item-btn{background-color:#28a745;color:#fff;padding:10px 18px;border:none;border-radius:5px;cursor:pointer;margin-top:15px;font-size:1em;font-weight:600;transition:background-color .2s ease-in-out,transform .1s}.remove-item-btn{background-color:#dc3545;margin-left:10px}.add-item-btn:hover{background-color:#218838;transform:translateY(-1px)}.remove-item-btn:hover{background-color:#c82333;transform:translateY(-1px)}.totals-section{display:flex;flex-direction:column;align-items:flex-end;padding-top:20px;border-top:2px solid #e0e6ed;margin-top:30px}.total-row{display:flex;justify-content:space-between;width:350px;margin-bottom:10px;font-size:1.2em;padding:5px 0}.total-row span:first-child{font-weight:700;color:#333}.total-row span:last-child{color:#007bff;font-weight:600}.total-row.consignment-total{font-size:1.6em;font-weight:800;color:#000;border-top:3px solid #007bff;padding-top:15px;margin-top:15px;width:380px}.additional-info textarea,.bank-details textarea{min-height:100px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:800px}.signatory-section img{display:block;margin-top:15px;border:1px dashed #b3e0ff;padding:8px;border-radius:6px;max-width:120px;max-height:60px;object-fit:contain}.generate-pdf-btn{display:block;width:100%;padding:18px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1.4em;font-weight:700;cursor:pointer;margin-top:40px;box-shadow:0 4px 10px #007bff4d;transition:background-color .2s ease-in-out,transform .1s,box-shadow .2s}.generate-pdf-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 15px #007bff66}.message-box{padding:12px;margin-bottom:20px;border-radius:6px;text-align:center;font-weight:600;font-size:1.05em;animation:fadeOut 5s forwards}.message-box.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-box.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-box.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.proforma-invoice-container{margin:15px;padding:20px}.header h1{font-size:2em}.seller-buyer-details{flex-direction:column;gap:20px}.seller-details,.buyer-details{min-width:unset;width:100%}.invoice-details,.shipment-payment{grid-template-columns:1fr}.total-row{width:100%;font-size:1em}.total-row.consignment-total{width:100%;font-size:1.3em}.generate-pdf-btn{font-size:1.1em;padding:15px}}@media (max-width: 480px){.form-section{padding:15px}.form-section h3{font-size:1.3em}}.export-invoice-container,.packing-list-container{padding:1.5rem;max-width:72rem;margin:0 auto;font-size:larger;font-weight:700;justify-content:center;align-items:center}.dashboard-container{padding:60px 30px;text-align:center;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#34495e}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:#2c3e50;font-size:1.8em;margin-bottom:15px;font-weight:400}.dashboard-header p{color:#7f8c8d;font-size:1.2em;font-weight:300}.dashboard-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;width:100%;margin:0 auto}.dashboard-card{background-color:#fff;border:1px solid #ECF0F1;border-radius:12px;padding:30px;text-decoration:none;color:#34495e;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026;border-color:#3498db}.dashboard-card-icon{font-size:2.5em;color:#3498db;margin-bottom:15px}.dashboard-card h2{color:#2c3e50;font-size:1.5em;margin-bottom:5px;font-weight:500}.dashboard-card p{font-size:.8em;color:#7f8c8d;line-height:1.6}.dashboard-logout-button{position:fixed;top:25px;right:30px;background-color:#e74c3c;color:#fff;padding:12px 25px;border:none;border-radius:6px;cursor:pointer;font-size:1.05em;font-weight:600;transition:background-color .3s ease,transform .2s ease;z-index:1000;box-shadow:0 2px 5px #0000001a}.dashboard-logout-button:hover{background-color:#c0392b;transform:translateY(-2px)}.back-to-dashboard-btn{display:inline-block;margin-top:30px;padding:12px 25px;background-color:#95a5a6;color:#fff;border:none;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .3s ease,transform .2s ease}.back-to-dashboard-btn:hover{background-color:#7f8c8d;transform:translateY(-2px)}.form-page-container{padding:30px;max-width:1200px;margin:30px auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014}.form-page-container h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:2em}body{margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f4f7f6}.message-container{margin:1rem 0;width:50%;animation:fadeIn .3s ease-out}.login-box{background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 4px 15px #0000001a;text-align:center;width:100%;max-width:800px}.login-box h2{margin-bottom:30px;color:#007bff;font-size:1.8em}.login-box .form-group{margin-bottom:20px;text-align:left}.login-box label{display:block;margin-bottom:8px;font-weight:700;color:#555}.login-box input[type=text],.login-box input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1.5em}.login-button{background-color:#007bff;color:#fff;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease;width:80%;margin-top:15px}.login-button:hover{background-color:#0056b3}.logout-button{position:absolute;top:20px;right:20px;background-color:#dc3545;color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;z-index:1000}.logout-button:hover{background-color:#c82333}.common-logout-button{position:fixed;top:25px;right:30px;background-color:#e74c3c;color:#fff;padding:12px 25px;border:none;border-radius:6px;cursor:pointer;font-size:1.05em;font-weight:600;transition:background-color .3s ease,transform .2s ease;z-index:1000;box-shadow:0 2px 5px #0000001a}.common-logout-button:hover{background-color:#c0392b;transform:translateY(-2px)}