@font-face{font-family:Agency FB;src:url(/assets/agencyfb_reg-BdqBoClo.ttf) format("truetype")}.mizigo th,.mizigo td{padding:5px;border:1px solid #ddd;text-align:left;font-size:12px}@font-face{font-family:Agency FB;src:url(/assets/agencyfb_reg-BdqBoClo.ttf) format("truetype")}.bill-to{font-size:16px;font-family:Agency FB,sans-serif}.totals{margin-top:0;font-size:18px;text-align:start;margin-bottom:0;font-family:Agency FB,sans-serif}.totals p{margin:0}.totals-last{margin-left:70%;width:30%;align-items:end;font-size:16px;text-align:center;font-family:Agency FB,sans-serif}.next-grid{display:grid;margin-top:60px;grid-template-columns:auto auto auto}.bill-to{text-align:start;font-size:18px;font-family:Agency FB,sans-serif}.invoice-info{padding-top:10px;margin-bottom:10px;font-size:18px;justify-content:space-evenly;display:grid;grid-template-columns:auto auto auto auto}.details-table,.waybill-table{width:100%;justify-content:space-evenly;border-collapse:collapse;margin-bottom:20px;font-size:12px}.details-table thead{border-bottom:orange}.details-table th{background-color:#fff;font-size:12px;margin-bottom:50px}.invoice-info-lastly{font-size:16px;display:grid;margin:-10px 20px;justify-content:space-between;grid-template-columns:auto auto auto auto auto auto;font-family:Agency FB,sans-serif}.waybill{font-size:16px;font-family:Agency FB,sans-serif;justify-content:space-between;margin-left:20px;margin-right:20px;display:grid;grid-template-columns:auto auto auto auto}.date-stamp-containerD{position:relative;bottom:120px;display:inline-block;text-align:center}.footer{margin-top:30px;text-align:right;font-size:14px}.btm{display:flex;flex-direction:column;align-items:end;text-align:center}.btm p{margin:10px}.end-note{display:grid;grid-template-columns:auto auto}@font-face{font-family:Agency FB;src:url(fonts/agencyfb_reg.ttf) format("truetype")}.date-stamp-containerq{position:relative;display:inline-block}.quotation-tablezzz{width:100%;border-collapse:collapse;margin-bottom:20px;margin-top:20px}.quotation-tablezzz th,.quotation-tablezzz td{padding:5px;border:1px solid #ddd;text-align:left;font-size:12px}.quotation-tablezzz th{background-color:orange!important;font-weight:700;color:#fff}.quotation-tablezzz tr:nth-child(2n){background-color:#f9f9f9}.item-table{width:100%;border-collapse:collapse;margin-bottom:20px}.item-table th,.item-table td{padding:5px;border:1px solid #ddd;text-align:left;font-size:12px}.item-table th{background-color:orange;font-weight:700;color:#fff}.item-table tr:nth-child(2n){background-color:#f9f9f9}.bottom-sec{display:grid;grid-template-columns:70% 30%}.comments-box{border:1px solid #000;margin-top:10px;font-size:12px;height:fit-content}.comments-box h4{border-bottom:1px solid #000;background-color:orange;margin:0 0 10px;padding:8px;font-weight:700}.comments-box ul li{margin-bottom:5px}.footer{display:grid;grid-template-columns:auto auto}@media print{.print-button{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}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 fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.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 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 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}.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}.form-container{max-width:800px;margin:0 auto;padding:30px;background-color:#f3fdf3;border-radius:10px;box-shadow:0 4px 15px #0000001a;border:1px solid #4CAF50}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;background-color:#fff;font-size:1rem}.items-section{margin-top:25px}.item-row{display:flex;gap:15px;margin-bottom:15px;background-color:#e9f5e9;padding:10px;border-radius:6px;border:1px solid #4CAF50}.item-row input{width:120px;padding:8px;border:1px solid #ddd;border-radius:4px}button[type=button]{background-color:#e53935;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}button[type=button]:hover{background-color:#c00}button[type=submit]{background-color:#fe8300;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem}button[type=submit]:hover{background-color:#000}.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:#dc0000}.section h3{color:#333;border-bottom:2px solid #dc0000;padding-bottom:5px}.field-group{display:flex;flex-direction:column;margin-bottom:15px}.field-group label{font-weight:700;margin-bottom:5px}.field-group input{padding:8px;border:1px solid #ccc;border-radius:4px}.item-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.item-row .field-group{flex:1 1 calc(25% - 10px)}.remove-button{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;align-self:flex-start}.remove-button:hover{background-color:#d32f2f}.add-item-button{background-color:#dc0000;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;margin-top:10px}.add-item-button:hover{background-color:#b30000}.totals-section{background-color:#f9f9f9;padding:15px;border-radius:8px;margin-top:20px}.totals p{font-size:1.1em;margin:5px 0}.submit-button{width:100%;background-color:orange;color:#fff;border:none;padding:15px;font-size:1.2em;border-radius:4px;cursor:pointer;margin-top:20px}.submit-button:hover{background-color:#e69500}@media (max-width: 768px){.item-row .field-group{flex:1 1 100%}}.fuel-request-form{max-width:800px;margin:0 auto;padding:30px;border:1px solid #ffffff;border-radius:10px;background-color:#f3fdf3;box-shadow:0 4px 15px #0000001a}h2{text-align:center;color:#000;font-size:1.8rem}h3{margin-bottom:15px;color:#000;font-size:1.4rem}label{display:block;margin-bottom:8px;font-weight:700;color:#333}input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;background-color:#fff;font-size:1rem}button{padding:12px 18px;background-color:orange;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:#000}.manifest-table-container{margin:20px}.manifest-table{width:100%;border-collapse:collapse;margin-top:20px}.manifest-table th,.manifest-table td{border:1px solid black;padding:8px;text-align:center}.date-stamp-container4{position:relative;display:inline-block;z-index:999}.bill-detailsc{text-align:start;font-size:12px}.bill-detailsc p{margin:0;text-align:start}.table-footer{margin-top:20px}.footer-row{display:flex;justify-content:space-between;margin-bottom:5px}.footer-row label{font-weight:700}.invoice-container222{width:219px;margin:0 auto;padding:5px;border:1px solid #ddd}.header-leftcc img{width:190px}.main-details{text-align:start;font-size:6px}.first-part{display:flex;flex-direction:column}.bill-details{text-align:start;font-size:6px}.invoice-info{padding-top:10px;margin-bottom:10px;font-size:6px;justify-content:space-between;display:grid;grid-template-columns:auto auto auto}.details-table,.waybill-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:6px}.total-section{font-weight:700;text-align:right;padding-right:10px;font-size:6px}.invoice-info-lastly{font-size:6px;display:grid;margin:-10px 20px;justify-content:space-between;grid-template-columns:auto auto auto auto auto auto}.waybill{font-size:6px;justify-content:space-between;margin-left:20px;margin-right:20px;display:grid;grid-template-columns:auto auto auto auto}.daterrr{position:absolute;top:40%;left:8%;transform:translate(-15%,-15%);font-size:8px;color:#dc0000;font-weight:700;text-align:center}.ya-chini{margin-top:30px;text-align:right;font-size:6px}.ya-chini p{font-size:6px}.main-table{width:100%;border-collapse:collapse;margin-bottom:20px;margin-top:7px}.main-table th,.main-table td{padding:5px;border:1px solid #ddd;text-align:left;font-size:6px}.mizigo{width:100%;border-collapse:collapse;margin-bottom:20px}.mizigo th,.mizigo td{padding:5px;border:1px solid #ddd;text-align:left;font-size:8px}.mizigo th{font-weight:700;color:#000}.mizigo tr:nth-child(2n){background-color:#f9f9f9}.totals-table{display:flex;align-items:end;margin-top:20px;border-collapse:collapse;font-size:6px}.comments-box ul li{margin-bottom:5px;font-size:6px}.first-tablett,.table-lachurr,.final-parttt{display:flex;flex-direction:column}body{margin:0;font-family:Arial,sans-serif}.login-page{background-image:url(/assets/flat-lay-beautiful-autumn-leaves-with-copy-space-CYpgnbzC.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:250px;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:#000;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:#f16d00;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:#000}}@media (max-width: 480px){.login-logo{width:100px}.login-title{font-size:18px}.login-button{font-size:14px}.login-input{font-size:12px;color:#000}}.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:#000;font-size:25px}.mystyle:-moz-placeholder{color:#000;font-size:25px}.mystyle::-moz-placeholder{color:#000;font-size:25px}.mystyle:-ms-input-placeholder{color:#000;font-size:25px}@font-face{font-family:Agency FB;src:url(/assets/agencyfb_reg-BdqBoClo.ttf) format("truetype")}.fuelreq-container{width:1200px;margin:0 auto;padding:20px;border:1px solid #ddd}.form_parts{display:flex;justify-content:space-between;align-items:center}.underline{border-bottom:1px solid rgb(105,105,105);display:inline-block;text-align:center;width:650px;padding:0 4px}.underline2{border-bottom:1px solid rgb(105,105,105);display:inline-block;width:250px;text-align:center;padding:0 4px}.underline3{border-bottom:1px solid rgb(105,105,105);display:inline-block;text-align:center;width:150px;padding:0 4px}.underline4{border-bottom:1px solid rgb(105,105,105);display:inline-block;text-align:center;width:450px;padding:0 4px}.quotation-form{max-width:800px;margin:0 auto;padding:30px;border:1px solid #ffffff;border-radius:10px;background-color:#f3fdf3;box-shadow:0 4px 15px #0000001a}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#fff}@media print{.print-button{display:none}}.invoice-container{width:800px;margin:0 auto;padding:20px;border:1px solid #ddd}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:20px}.header-right span{display:block;color:orange;font-size:16px}.main-details{text-align:start;font-size:12px}.totals{margin-top:50px;font-size:16px;text-align:center;margin-bottom:0}.totals-last{margin-left:70%;width:30%;align-items:end;font-size:16px;text-align:center}.main-details p{margin:0}.bill-details{text-align:start;font-size:12px}.bill-details p{margin:0}.invoice-info{padding-top:10px;margin-bottom:10px;font-size:14px;justify-content:space-between;display:grid;grid-template-columns:auto auto auto}.invoice-info p{margin:5px}.total-section{font-weight:700;text-align:right;padding-right:10px;font-size:16px}.invoice-info-lastly{font-size:16px;display:grid;margin:-10px 20px;justify-content:space-between;grid-template-columns:auto auto auto auto auto auto}.waybill{font-size:16px;justify-content:space-between;margin-left:20px;margin-right:20px;display:grid;grid-template-columns:auto auto auto auto}.payment-details{margin-top:30px;padding-top:10px;font-size:14px}.date-stamp-containerc{position:relative;display:inline-block;z-index:999}.ya-chini{margin-top:30px;text-align:right;font-size:14px}.ya-chini p{font-size:12px}.ya-chini img{width:100px}.main-table{width:100%;border-collapse:collapse;margin-bottom:20px;margin-top:20px}.main-table th,.main-table td{padding:5px;border:1px solid #ddd;text-align:left;font-size:12px}.main-table th{font-weight:700;color:#000}.main-table tr:nth-child(2n){background-color:#f9f9f9}.mizigozz2{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.mizigozz2 tbody td{width:10%}.mizigozz2 th,.mizigozz2 td{width:10%;padding:0;border:1px solid #ddd;text-align:left;font-size:12px}.mizigozz{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.mizigozz tbody td{width:10%}.mizigozz th,.mizigozz td{width:10%;padding:20px;border:1px solid #ddd;text-align:left;font-size:12px}.mizigozz th{font-weight:700;color:#000}.mizigozz tr:nth-child(2n){background-color:#f9f9f9}.totals-table{display:flex;align-items:end;margin-top:20px;border-collapse:collapse;font-size:12px}.totals-table td{padding:10px;text-align:right}.totals-table .label{font-weight:700}.totals-table .line{border-top:2px solid #000;height:2px;padding:0}.comments-box{border:1px solid #000;margin-top:10px;font-size:14px}.comments-box h4{margin:0 0 10px;padding:8px;font-weight:700}.comments-box ul{list-style-type:none;padding-left:8px;margin:0}.comments-box ul li{margin-bottom:5px;font-size:12px}.ya-chini{display:grid;grid-template-columns:auto auto auto}.ya-chini p{text-align:start}.smalltable{border:1px solid rgb(174,174,174)}.smalltable p{margin:0;text-align:center}.first-table{display:grid;grid-template-columns:auto 35%}.table-lachu{display:flex}.final-part{display:grid;grid-template-columns:50% 40%}.fuel-book-form{max-width:800px;margin:0 auto;padding:30px;border:1px solid #ffffff;border-radius:10px;background-color:#f3fdf3;box-shadow:0 4px 15px #0000001a}@font-face{font-family:Agency FB;src:url(/assets/agencyfb_reg-BdqBoClo.ttf) format("truetype")}@media print{.print-button33{display:none}}.incident-container{width:1000px;margin:0 auto;padding:20px;border:1px solid #ddd}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:20px;font-family:Agency FB,sans-serif}.header-left img{width:290px}.header-right{text-align:right;font-weight:700}.header-right span{display:block;color:orange;font-size:12px}.company-details{text-align:start;font-size:12px;font-weight:700;font-family:Agency FB,sans-serif}.bill-to{font-size:12px;font-family:Agency FB,sans-serif}.bill-to p{font-size:12px}.totals{margin-top:50px;font-size:12px;text-align:center;margin-bottom:0;font-family:Agency FB,sans-serif}.totals-last{margin-left:70%;width:30%;align-items:end;font-size:12px;text-align:center;font-family:Agency FB,sans-serif}.company-details p{margin:0}.first-grid{display:grid;grid-template-columns:auto auto auto}.bill-to{display:grid;grid-template-columns:auto auto;text-align:start;font-size:12px;font-family:Agency FB,sans-serif}.bill-to p{margin:0}.clear{clear:both}.invoice-info{padding-top:10px;margin-bottom:10px;font-size:12px;justify-content:space-between;display:grid;grid-template-columns:auto auto auto}.invoice-info span{display:inline-block;width:150px;font-weight:700}.invoice-info p{margin:5px;font-size:12px}.details-table,.waybill-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.details-table th,.details-table td,.waybill-table th,.waybill-table td{border:1px solid #fff;padding:10px 10px 10px 20px;text-align:start}.details-table th{background-color:#fff}.total-section{font-weight:700;text-align:right;padding-right:10px;font-size:12px}.invoice-info-lastly{font-size:12px;display:grid;margin:-10px 20px;justify-content:space-between;grid-template-columns:auto auto auto auto auto auto;font-family:Agency FB,sans-serif}.invoice-info-lastly p{font-size:12px}.waybill{font-size:12px;font-family:Agency FB,sans-serif;justify-content:space-between;margin-left:20px;margin-right:20px;display:grid;grid-template-columns:auto auto auto auto}.waybill p{font-size:12px}.payment-details{margin-top:30px;padding-top:10px;font-size:12px}.payment-details span{font-weight:700;display:block}.bottom{display:flex;justify-content:space-between}.date-stamp-containerr{position:relative;display:inline-block}.stamp{display:block;width:30%}.date{position:absolute;top:40%;left:8%;transform:translate(-15%,-15%);font-size:18px;color:#dc0000;font-weight:700;text-align:center}.footer{margin-top:30px;text-align:right;font-size:12px}.footer img{width:100px}.form_partsi{display:flex}.form_partsc{display:flex;flex-direction:column}.boxi{display:grid;grid-template-columns:10% 50%;align-items:center}.boxi2{display:grid;grid-template-columns:30% 30%;align-items:center}.boxi2 input[type=checkbox],.boxi input[type=checkbox]{width:25px;height:25px}.form_parts2{display:grid;grid-template-columns:50% 50%}.form_parts3{display:flex;justify-content:center}.underline{border-bottom:1px solid rgb(105,105,105);display:inline-block;font-size:14px;text-align:center;width:780px;padding:0 4px}.underlinebig{border-bottom:1px solid rgb(105,105,105);display:inline-block;font-size:14px;text-align:center;width:1000px;padding:0 4px}.underlinea{border-bottom:1px solid rgb(105,105,105);display:inline-block;font-size:14px;text-align:center;width:700px;padding:0 4px}.underline2{border-bottom:1px solid rgb(105,105,105);display:inline-block;width:350px;font-size:14px;text-align:center;padding:0 4px}.underline2b{border-bottom:1px solid rgb(105,105,105);display:inline-block;width:550px;font-size:14px;text-align:center;padding:0 4px}.underline3{border-bottom:1px solid rgb(105,105,105);display:inline-block;text-align:center;font-size:14px;width:150px;padding:0 4px}.underline4{border-bottom:1px solid rgb(105,105,105);display:inline-block;text-align:center;font-size:14px;width:450px;padding:0 4px}.placeholder-line{display:inline-block;border-bottom:1px solid rgb(104,104,104);width:650px;height:1px;margin-left:4px}.placeholder-line2{display:inline-block;border-bottom:1px solid rgb(104,104,104);width:250px;height:1px;margin-left:4px}.placeholder-line3{display:inline-block;border-bottom:1px solid rgb(104,104,104);width:150px;height:1px;margin-left:4px}.placeholder-line4{display:inline-block;border-bottom:1px solid rgb(104,104,104);width:450px;height:1px;margin-left:4px}.incident-report-form{max-width:800px;margin:0 auto;padding:30px;border:1px solid #ffffff;border-radius:10px;background-color:#f3fdf3;box-shadow:0 4px 15px #0000001a}.section{margin-bottom:25px}.item-rowq{display:flex;flex-direction:column;border:1px solid #ffffff;padding:15px;border-radius:6px;margin-bottom:15px;background-color:#e9f5e9}.add-btn,.remove-btn{background-color:#e53935;margin-top:10px}.add-btn:hover,.remove-btn:hover{background-color:#d32f2f}input[readonly]{background-color:#f3f3f3}.submit-btn{display:block;width:100%;background-color:#c80808;padding:14px;font-size:1.1rem;border-radius:6px}.submit-btn:hover{background-color:#000}.mainlay{display:grid;grid-template-columns:70% 30%;padding:20px}.search-container{display:flex;align-items:center;background:#fff;padding:10px;border-radius:20px;box-shadow:4px 4px 10px #0003;width:80%}.categsec{display:flex;gap:20px;margin-bottom:20px;margin-top:20px}.search-bar{flex:1;border:none;outline:none;padding:8px;font-size:16px;border-radius:20px}.search-btn{background:transparent;border:none;cursor:pointer;font-size:18px;padding:5px}.theprodslay{display:grid;grid-template-columns:auto auto auto auto}.prodcard{display:flex;flex-direction:column;box-shadow:4px 4px 10px #0003;padding:10px;margin:10px;border-radius:20px}.product-list{display:flex;flex-wrap:wrap;gap:10px}.prodcardacts{display:grid;grid-template-columns:auto auto auto;justify-content:space-between}.prodmeta{display:flex;justify-content:space-evenly}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.popup-content{background:#fff;padding:20px;border-radius:5px;text-align:center}.addbtnsize{font-size:large}.cartsec{height:300px;overflow-y:auto}.cartprods{display:grid;grid-template-columns:80px 1fr;align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;margin-bottom:12px;padding:10px;margin-right:20px;border-radius:15px}.cartprodspic{border-radius:10px;object-fit:cover}.cartprodscol2{display:flex;flex-direction:column;padding:0 10px}.cartprodsmeta{display:flex;padding-top:10px}.billsec{display:grid;grid-template-columns:auto;margin-top:40px}.billp{display:grid;grid-template-columns:auto auto;margin-left:15px;padding:10px}.billp2{display:grid;grid-template-columns:auto auto;margin-left:15px;padding:10px;border-top:1px dashed black}.chckpr{font-size:14px;font-weight:700;color:#033188;margin-right:10px}.chckqty{font-size:10px;font-weight:700;margin-right:10px}.chcktotal{font-size:16px;font-weight:700;margin-left:10px}.paytypesec{display:grid;grid-template-columns:auto auto auto;margin-top:50px}.onepaytypesec{display:flex;flex-direction:column;align-items:center}.variation_head,.variation_text{font-size:large}@media (max-width: 1024px){.mainlay{grid-template-columns:60% 40%;padding:10px}.theprodslay{grid-template-columns:repeat(3,1fr)}.cartsec{height:350px}}@media (max-width: 768px){.mainlay{grid-template-columns:1fr;gap:20px}.search-container{width:100%}.categsec{flex-wrap:wrap;gap:10px}.theprodslay{grid-template-columns:repeat(2,1fr)}.cartsec{height:auto;max-height:40vh}.cartprods{margin-right:0}.billsec{margin-top:20px}.paytypesec{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.theprodslay{grid-template-columns:repeat(2,1fr)}.prodcard{margin:5px 0}.cartprods{grid-template-columns:60px 1fr;padding:8px}.cartprodspic{width:60px;height:60px}.chckpr{font-size:13px}.chcktotal{font-size:15px}.variation_head,.variation_text{font-size:medium}}.wrapper{position:relative;box-sizing:border-box;font-family:Inter,sans-serif;margin:0;background:#eef1f5;overflow:hidden;height:100vh;padding:14px;display:flex;flex-direction:column}.tukojuu{background:#f6f7f9;padding:6px 10px;display:grid;grid-template-columns:250px 1fr;align-items:center}.left-header{font-weight:600}.top-right{display:flex;justify-content:flex-end;align-items:center;gap:12px;overflow:hidden}.categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.categories::-webkit-scrollbar{height:6px}.categories::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.icons{display:flex;gap:8px;margin-left:6px}.icon-btn{width:36px;height:36px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 2px 6px #00000014}.cat{padding:10px 16px;border-radius:4px;background:#e5e7eb;font-weight:600;font-size:24px;white-space:nowrap}.categories .cat:nth-child(3n+1){background:#f16d00;color:#fff}.categories .cat:nth-child(3n+2){background:#003b99;color:#fff}.categories .cat:nth-child(3n+3){background:#9b0000;color:#fff}.cat.active{outline:3px solid #ffffff;transform:scale(1.05)}.cat.blue{background:#003b99;color:#fff}.cat.green{background:#008a32;color:#fff}.cat.orange{background:#f16d00;color:#fff}.cat.dark{background:#374151;color:#fff}.pos{flex:1;background:#f6f7f9;padding:6px;display:grid;grid-template-columns:340px 1fr 260px;gap:14px;height:0}.left{background:#fff;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;height:100%}.search-box{padding:10px 14px;border-bottom:1px solid #eee}.search-box input{width:95%;padding:11px;border-radius:4px;border:1px solid #ddd}.title-order-table{background:#111;color:#fff;display:grid;align-items:center;grid-template-columns:50% 20% 15% 15%;padding:10px 14px;font-size:24px}.order-table{flex:1;overflow-y:auto;padding:10px 14px}.row{display:grid;grid-template-columns:40% 20% 20% 10%;align-items:center;column-gap:12px;padding:5px 1px;margin-bottom:8px;background:#f7f8fa;border-radius:6px;font-size:24px}.total-box{display:flex;padding:14px;border-top:1px solid #eee;background:#111}.total-text{color:#fff;font-size:28px;font-weight:700}.total-price{margin-left:auto;color:#fff;font-size:28px;font-weight:700}.actions{display:flex;gap:8px;padding:10px;background:#fff}.actions button{flex:1;padding:14px;border:none;border-radius:4px;font-weight:600}.hold{background:#f16d00}.cancel{background:#9b0000;color:#fff}.checkout{background:#003b99;color:#fff}.clearbtn{background:#f16d00;color:#fff;font-size:20px}.center{background:#fff;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;height:100%}.products{flex:1;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;overflow-y:auto;grid-auto-rows:max-content}.card{background:#fff;border-radius:4px;padding:10px;box-shadow:0 2px 6px #0003;overflow-y:hidden;align-content:start;align-self:start;width:100%;box-sizing:border-box}.card img{width:100%;height:140px;object-fit:contain}.pname{font-weight:600;margin-top:6px;font-size:24px}.price{font-weight:700;font-size:20px}.right{background:#fff;border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:10px;height:100%}.new-btn{background:#003b99;color:#fff;padding:13px;border:none;border-radius:4px;font-weight:600}.side-btn{background:#f16d00;padding:11px;border:none;border-radius:4px;text-align:left;font-weight:500}.pay-btn{margin-top:auto;padding:18px;border:none;border-radius:4px;font-weight:700;font-size:28px;background:#003b99;color:#fff}.pay-grid{display:grid;grid-template-columns:50% 50%;gap:12px;margin-bottom:20px;grid-auto-rows:max-content}.pay-img{width:80%;height:90px;object-fit:contain;background:#fff;border-radius:10px;padding:12px;cursor:pointer;box-shadow:0 3px 10px #00000026;transition:.2s;grid-auto-rows:max-content}.pay-img:hover{transform:scale(1.05)}.last-orders{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000001a}.order-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.order-row:nth-child(3n+1) button{background:#f16d00}.order-row:nth-child(3n+2) button{background:#003b99}.order-row:nth-child(3n+3) button{background:#9b0000}.order-row button{color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 3px 6px #00000026;transition:.2s}.order-row button:hover{transform:scale(1.08);opacity:.9}.back-btn{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;transition:.2s}.back-btn:hover{color:#003b99}.dropdown{position:absolute;top:60px;right:20px;background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;padding:8px 0;width:180px;z-index:999}.dropdown div{padding:10px 14px;cursor:pointer;font-size:24px;transition:.2s}.dropdown div:hover{background:#f3f4f6}.popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.profile-card{width:380px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px #00000059;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.profile-top{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eee;padding-bottom:14px}.avatar{width:60px;height:60px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}.role{background:#22c55e;color:#fff;padding:3px 8px;border-radius:6px;font-size:22px}.profile-body{padding:16px 0;display:flex;flex-direction:column;gap:8px;font-size:25px}.profile-actions{display:flex;gap:10px}.profile-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.profile-actions .logout{background:#ef4444;color:#fff}.dark{background:#111}.dark .left,.dark .center,.dark .right,.dark .tukojuu{background:#1e1e1e;color:#fff}.dark .row{background:#2a2a2a}.dark .search-box input{background:#2a2a2a;border:1px solid #444;color:#fff}.dark .dropdown{background:#1f1f1f;color:#fff}.dark .dropdown div:hover{background:#333}.dark .total-box{background:#000}.mobile{display:none}@media (max-width: 768px){body{overflow:auto}.wrapper{padding:0;height:auto}.tukojuu,.pos{display:none}.mobile{display:flex;flex-direction:column;height:100vh;background:#f2f3f5}.m-top{background:#003b99;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.m-icons{display:flex;gap:10px}.m-icons div{background:#003b99;padding:6px 8px;border-radius:6px}.m-search{padding:10px;background:#f2f3f5}.m-search input{width:100%;padding:12px;border-radius:6px;border:none;background:#e5e7eb;font-size:25px}.m-head{background:#111;color:#fff;display:grid;grid-template-columns:1fr 60px 90px 80px;padding:8px;margin:8px;font-size:23px}.m-orders{background:#fff;max-height:120px;overflow:auto}.m-row{display:grid;grid-template-columns:1fr 60px 90px 80px;font-size:23px;padding:10px;margin-bottom:8px;background:#f7f8fa;border-radius:4px}.m-actions{display:flex;gap:10px;padding:10px;background:#fff}.m-actions button{flex:1;padding:12px;border:none;border-radius:6px;font-weight:600}.m-cancel{background:#9b0000;color:#fff}.m-check{background:#003b99;color:#fff}.m-products{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;overflow:auto;background:#f2f3f5}.m-card{background:#fff;border-radius:6px;padding:6px;font-size:22px;text-align:center;align-content:start;align-self:start;width:100%;box-sizing:border-box}.m-card img{width:100%;height:70px;object-fit:cover;border-radius:4px}.m-bottom{background:#003b99;color:#fff;padding:14px;font-size:20px;font-weight:700;text-align:center}}