.invoice-container{font-family:"Arial, sans-serif";padding:20px;color:#333;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:800px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #dc0000;padding-bottom:10px}.logo-container{flex:0 0 100px}.logo{width:150px;height:auto}.company-details{font-size:12px;line-height:1.5;margin:10px 0;font-weight:600}.invoice-info{display:flex;justify-content:space-between;margin:20px 0}.invoice-details{flex:1;padding-right:20px}.invoice-title{font-size:20px;text-align:start;color:#dc0000}.client-details{flex:1}.top{font-size:12px;margin:3px}.inv{font-size:16px}.inv-title{font-size:14px;text-align:start}.table{width:100%;border-collapse:collapse;margin:20px 0}.table-header{background-color:#036;color:#fff;padding:10px;text-align:left;font-size:12px}.table-row{border-bottom:1px solid #ddd}.table-cell{padding:10px;font-size:14px}.total-section{text-align:end;margin:20px 0;font-size:16px}.paid-amount{font-size:16px;color:green}.total-amount{font-size:18px;font-weight:700;color:#272727}.bal-amount{font-size:16px;font-weight:700;color:#e80000}.payment-details{font-size:14px;margin:20px 0}.stamp-container{position:relative;display:inline-block}.stamp{width:150px;height:auto}.stamp-date{position:absolute;top:80px;left:40px;color:red;font-weight:700;font-size:14px}@media print{.table-header{background-color:#036!important;color:#fff!important}.invoice-container{background-color:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-button{display:none!important}}body{margin:0;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f8f8f8 25%,#f2f2f2 75%);overflow-x:hidden}.home-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;box-sizing:border-box}.home-header{text-align:center;margin-bottom:30px;margin-top:20px}.main-title{font-size:36px;color:#000;margin-bottom:10px;animation:fadeInDown 1s ease}.sub-title{font-size:18px;color:#666}.card-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.card{background:#fff;border-radius:12px;padding:20px;width:260px;box-shadow:0 6px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;margin:10px}.card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.card-icon{font-size:50px;margin-bottom:10px}.card-title{font-size:20px;color:#000;margin-bottom:5px}.card-description{font-size:14px;color:#777;margin-bottom:15px}.card-button{padding:10px 20px;font-size:14px;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s ease}.orange{background-color:orange}.black{background-color:#000}.red{background-color:red}.orange:hover{background-color:#ff8c00}.black:hover{background-color:#333}.red:hover{background-color:#b30000}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.flash{animation:flash 1s infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media print{.invoice-container th{background-color:#036!important;color:#fff!important}}.form-container{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff}.form-container h2{text-align:center;color:#333}.field-group textarea{resize:vertical}.totals-section p{font-size:16px;color:#333}.totals-section strong{color:#000}.add-item-button{background-color:#ffc400;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.add-item-button:hover{background-color:#ff9d00}.proposal-form-container{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 0 10px #0000001a}.proposal-form-container h2{text-align:center;color:#333}.section{margin-bottom:20px}.section h3{font-size:18px;color:#555;margin-bottom:10px;border-bottom:2px solid #eee;padding-bottom:5px}.field-group{display:flex;flex-direction:column;margin-bottom:15px}.field-group label{font-size:14px;color:#333;margin-bottom:5px}.field-group input,.field-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.field-group input[type=number]{width:100px}.field-group textarea{resize:vertical;height:80px}button[type=button]{background-color:#036;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}button[type=button]:hover{background-color:#024}.submit-button{background-color:#b60101;color:#fff;padding:12px 18px;border:none;border-radius:4px;cursor:pointer;width:100%}.submit-button:hover{background-color:red}.proposal-container{font-family:"Arial, sans-serif";padding:20px;color:#333;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:800px;margin:0 auto}.client-info{font-size:12px;line-height:1.5;border-bottom:2px solid #dc0000;padding-bottom:10px;margin-bottom:20px}.proposal-date{font-size:14px;margin-bottom:20px}.proposal-table{width:100%;border-collapse:collapse;margin:20px 0}.proposal-table th{background-color:#036;color:#fff;padding:10px;text-align:left;font-size:12px}.proposal-table td{padding:10px;font-size:14px;border-bottom:1px solid #ddd}.payment-terms{margin-top:20px;font-size:14px}.print-button{padding:10px 20px;background-color:#036;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.total-amount{font-size:25px;color:green}body{margin:0;font-family:Arial,sans-serif}.login-page{background-image:url(https://cdn.pixabay.com/photo/2019/05/16/20/15/online-4208112_1280.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background-color:#ffffffe6;padding:20px;border-radius:15px;text-align:center;box-shadow:0 4px 10px #0003;width:90%;max-width:400px}.login-title{color:#000;font-size:24px;margin-bottom:20px}.login-logo{width:150px;height:auto;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;color:#f5f5f5;width:100%;box-sizing:border-box}.password-container{position:relative}.password-container i{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.login-button{padding:10px;font-size:18px;background-color:orange;color:#000;border:none;border-radius:5px;cursor:pointer}.login-button.loading{background-color:red;cursor:not-allowed}.login-footer{color:#000;font-size:14px;margin-top:15px}@media (max-width: 768px){.login-logo{width:120px}.login-title{font-size:20px}.login-button{font-size:16px}.login-input{font-size:14px;color:#d4d4d4}}@media (max-width: 480px){.login-logo{width:100px}.login-title{font-size:18px}.login-button{font-size:14px}.login-input{font-size:12px;color:#d7d7d7}}.mystyle{text-align:center;padding:20px;margin-bottom:20px;text-align:"center";border-radius:50px;align-items:"center";justify-content:"center";width:500px;background-color:#ffffff4d;border:.2px solid white}.mystyle::placeholder{color:#000;font-size:25px}.mystyle::-webkit-input-placeholder{color:#afafaf;font-size:25px}.mystyle:-moz-placeholder{color:#919191;font-size:25px}.mystyle::-moz-placeholder{color:#a8a8a8;font-size:25px}.mystyle:-ms-input-placeholder{color:#ababab;font-size:25px}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f9ff}.proposal-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.page{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;width:80%;max-width:900px;padding:20px;margin-bottom:20px;text-align:center}.intro-page{background:linear-gradient(135deg,#4c9aff,#ffa14c);color:#fff;padding:50px}.objective-scope .image-container img{max-width:100%;border-radius:10px;margin-top:20px}.timelines{background:#e6f0ff;position:relative}.timelines .pattern-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://via.placeholder.com/800x400);opacity:.1;z-index:-1}.best-projects .project-grid{display:flex;justify-content:center;gap:20px}.best-projects .project-card{background:#f5f9ff;border:1px solid #ccc;border-radius:10px;padding:10px;text-align:center}.best-projects .project-card img{max-width:100%;border-radius:5px}.recent-clients ul{text-align:left;list-style-type:square}