body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:MainFont;src:url(/static/media/Arimo-VariableFont_wght.4ddb268fb129e0f4d61e.ttf)}.login-container{align-items:center;display:flex;flex-direction:column;font-family:MainFont;height:fit-content;justify-content:center;overflow:hidden;width:100%}.login-logo{width:200px}.login-form{align-items:center;display:flex;flex-direction:column;font-family:MainFont;gap:15px;height:fit-content;justify-content:center;padding:20px;width:400px}.login-form input{background:#fff;border:none;border-bottom:2px solid #000;outline:none;padding:10px;width:300px}.login-form button,.login-form input{font-family:MainFont;font-size:20px;height:35px}.login-form button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:320px}.login-form button:hover{background-color:#0056b3;box-shadow:0 6px 12px #005bbb33;transform:translateY(-2px)}.Loading{align-items:center;display:flex;flex-direction:column;height:85vh;justify-content:center;width:100%}.Loading img{width:150px}.container{--uib-size:150px;--uib-color:#000;--uib-speed:1.4s;height:calc(var(--uib-size)*.51);justify-content:center;width:calc(var(--uib-size)*.51)}.container,.dot{align-items:center;display:flex;position:relative}.dot{flex-shrink:0;height:100%;transform-origin:center top;width:25%}.dot:after{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:25%;transition:background-color .3s ease;width:100%}.dot:first-child{animation:swing var(--uib-speed) linear infinite}.dot:last-child{animation:swing2 var(--uib-speed) linear infinite}@keyframes swing{0%{animation-timing-function:ease-out;transform:rotate(0deg)}25%{animation-timing-function:ease-in;transform:rotate(70deg)}50%{animation-timing-function:linear;transform:rotate(0deg)}}@keyframes swing2{0%{animation-timing-function:linear;transform:rotate(0deg)}50%{animation-timing-function:ease-out;transform:rotate(0deg)}75%{animation-timing-function:ease-in;transform:rotate(-70deg)}}.Header{align-items:center;background-color:#000;display:flex;height:100px;justify-content:space-around;overflow:hidden;width:100%}.Header h1{color:#fff;font-family:MainFont}.functions{flex-wrap:wrap;gap:20px;height:fit-content;justify-content:center;padding:50px 0;width:100%}.functions,.functions .FBox{align-items:center;display:flex}.functions .FBox{background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;flex-direction:column;font-family:MainFont;height:200px;justify-content:space-around;padding:15px;transition:box-shadow .3s ease;width:300px}.functions .FBox:hover{box-shadow:0 12px 25px #00000026}.FBox h1{color:#06f;flex-direction:column;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:15px}.FBox h2{font-size:30px}.FBox button{background-color:#000;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:20px;height:35px;outline:none;width:80%}.backB{left:20px;position:fixed;top:20px;z-index:1000}.backB button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#333;cursor:pointer;display:flex;font-size:16px;padding:10px 14px;transition:all .2s ease-in-out}.backB button:hover{background-color:#f0f0f0;border-color:#999}.backB svg{font-size:18px}@media (max-width:600px){.backB{left:10px;top:10px}.backB button{border-radius:8px;font-size:14px;padding:8px 10px}.backB svg{font-size:16px}}.SInfo{align-items:center;display:flex;flex-wrap:wrap;font-family:MainFont;font-size:10px;gap:10px;height:fit-content;justify-content:flex-start;overflow:hidden;padding:20px;width:80%}.ads-title{border-bottom:2px solid #3b82f6;color:#333;font-size:1.6rem;margin:30px 0 15px;padding-bottom:5px;text-align:center}.ads-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:40px}.ad-card{box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s}.ad-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.ad-card img{border-radius:8px;height:140px;margin-bottom:10px}.ad-card h3{color:#111;font-size:1.1rem;margin:8px 0 5px}.ad-card p{color:#555;height:50px}.VSF{align-items:center;display:flex;font-family:MainFont;height:50px;justify-content:space-around;overflow:hidden;width:100%}.VSF button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;height:30px;outline:none;width:100px}.SIV{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.sapak-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:MainFont;padding:20px;text-align:right;width:280px}.sapak-card h3{font-size:20px;margin-bottom:10px}.sapak-card p{color:#555;margin:5px 0}.sapak-card button{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;height:30px;outline:none;width:100%}.add-sapak-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:MainFont;justify-content:center;padding:20px;width:100%}.add-sapak-container h2{font-family:MainFont;font-size:24px;font-weight:700;margin-bottom:20px}.add-sapak-form{display:flex;flex-direction:column;gap:15px;max-width:500px}.add-sapak-form,.add-sapak-form input{box-sizing:border-box;font-family:MainFont;width:100%}.add-sapak-form input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px}.add-sapak-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:MainFont;font-size:16px;padding:12px;transition:background-color .3s}.add-sapak-form button:hover{background-color:#0056b3}.error{color:#ff4d4d}.error,.success{font-family:MainFont;font-size:14px}.success{color:#4caf50}@media (max-width:768px){.add-sapak-form{width:90%}.add-sapak-form input{font-size:14px;padding:8px}.add-sapak-form button{font-size:14px;padding:10px}}@media (max-width:480px){.add-sapak-container h2{font-size:20px}.add-sapak-form input{font-size:12px;padding:6px}.add-sapak-form button{font-size:12px;padding:8px}}.sapak-details{align-items:flex-start;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;max-width:700px}.sapak-details h2{color:#333;font-family:MainFont;width:100%}.sapak-details p{box-sizing:border-box;color:#555;font-family:MainFont;margin:10px 0;width:45%}.sapak-details p strong{color:#007bff;font-weight:700}.sapak-details .error,.sapak-details .success{color:#ff4d4d;font-family:MainFont;font-size:14px;margin-top:10px;width:100%}@media (max-width:768px){.sapak-details{padding:15px;width:90%}.sapak-details h2{font-size:22px}.sapak-details p{font-size:18px;width:100%}}@media (max-width:480px){.sapak-details{padding:10px;width:95%}.sapak-details h2{font-size:26px}.sapak-details p{font-size:20px;width:100%}}.sapak-details{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;font-family:MainFont;gap:15px;margin:20px auto;max-width:800px;padding:20px;width:100%}.sapak-details h2{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.sapak-details p{font-size:16px;margin-bottom:10px}.sapak-details strong{font-weight:700}.SapakFunctions{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:30px}.Card{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;font-family:MainFont;max-width:350px;padding:20px;text-align:center;width:100%}.Card h1{font-size:20px;margin-bottom:10px}.Card h2{color:#007bff;font-size:18px;margin-bottom:20px}.Card button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.Card button:hover{background-color:#0056b3}@media (max-width:768px){.sapak-details{margin:20px auto;width:90%}.Card{margin-bottom:20px;max-width:100%;width:100%}.SapakFunctions{justify-content:center}}@media (max-width:480px){.sapak-details h2{font-size:20px}.sapak-details p{font-size:14px}.Card h1{font-size:18px}.Card h2{font-size:16px}.Card button{font-size:12px;padding:8px 16px}}.view-sapak-card{background-color:#fff;border-radius:12px;border-right:6px solid #0000;box-shadow:0 2px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s ease-in-out}.view-sapak-card:hover{box-shadow:0 4px 10px #00000014}.view-sapak-card.pending{border-right-color:#f59e0b}.view-sapak-card.approved{border-right-color:#10b981}.view-sapak-card.rejected{border-right-color:#ef4444}.view-sapak-card.delivered{border-right-color:#3b82f6}.view-sapak-card.shipped{border-right-color:#6366f1}.view-sapak-card.preparing{border-right-color:#8b5cf6}.view-sapak-card.payment{border-right-color:#08ea9b}.view-sapak-container{margin:0 auto;max-width:1000px;padding:2rem}.view-sapak-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:right}.view-sapak-empty{color:#777;font-size:1.2rem;margin-top:2rem;text-align:center}.view-order-btn{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background-color .3s}.view-order-btn:hover{background-color:#357ab7}.status-filter{align-items:center;display:flex;gap:10px;margin-bottom:20px}.status-filter label{font-weight:700}.status-filter select{border:1px solid #ccc;border-radius:6px;padding:5px 10px}.view-order-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;direction:rtl;font-family:MainFont,sans-serif;margin:30px auto;max-width:900px;padding:25px 30px}@media (max-width:600px){.view-order-container{padding:15px 20px}}.view-order-container h1{border-bottom:2px solid #0078d4;color:#0078d4;font-size:2.2rem;margin-bottom:20px;padding-bottom:10px}@media (max-width:600px){.view-order-container h1{font-size:1.8rem}}.view-order-container h2{color:#555;font-size:1.8rem;margin:35px 0 15px}.view-order-container p{font-size:1.05rem;line-height:1.5;margin:8px 0;overflow-wrap:break-word;white-space:normal;word-break:break-word}.sview-label,.view-order-container strong{color:#0078d4;font-weight:600;margin-left:6px}.sview-item{word-wrap:break-word;background-color:#f6f9fc;border:1.5px solid #d1dbe5;border-radius:10px;margin-bottom:25px;min-height:120px;overflow-wrap:break-word;padding:20px 25px;transition:box-shadow .3s ease,border-color .3s ease;white-space:normal}.sview-item:hover{border-color:#0078d4;box-shadow:0 6px 20px #0078d440}.sview-item p{margin-bottom:10px;white-space:normal;word-break:break-word}.sview-images{gap:12px;margin-top:12px;overflow-wrap:break-word;word-break:break-word}.sview-images img{border:2px solid #0000;border-radius:8px;cursor:pointer;height:80px;object-fit:cover;transition:border-color .25s ease,transform .25s ease;width:120px}@media (max-width:600px){.sview-images img{height:60px;width:90px}}.sview-images img:hover{border-color:#0078d4}.modal-backdrop{align-items:center;background-color:#000000bf;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{border-radius:12px;box-shadow:0 0 30px #000c;max-height:90vh;max-width:90vw;overflow:hidden}.modal-content img{border-radius:12px;display:block;height:auto;width:100%}select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7"><path fill="none" stroke="%23333" stroke-width="2" d="M1 1l5 5 5-5"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:12px 7px;border:1.5px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-family:MainFont;font-size:16px;min-width:180px;padding:8px 12px;text-align:center;transition:border-color .3s ease,box-shadow .3s ease}select:focus{background-color:#f9faff;border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}select.pending{border-color:#f59e0b;color:#f59e0b}select.approved{border-color:#10b981;color:#10b981}select.rejected{border-color:#ef4444;color:#ef4444}select.delivered{border-color:#3b82f6;color:#3b82f6}select.shipped{border-color:#6366f1;color:#6366f1}select.preparing{border-color:#8b5cf6;color:#8b5cf6}select.payment{border-color:#08ea9b;color:#08ea9b}select.default{border-color:#ccc;color:#333}.save-status-btn{background-color:#007bff;border:none;border-radius:6px;box-shadow:0 2px 5px #007bff66;color:#fff;cursor:pointer;font-family:MainFont;font-size:16px;margin:2px;padding:10px 24px;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.save-status-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 10px #0056b399}.save-status-btn:active:not(:disabled){background-color:#003f7f;box-shadow:0 2px 5px #003f7fcc}.save-status-btn:disabled{background-color:#a6c8ff;box-shadow:none;color:#f0f0f0;cursor:not-allowed}.print-order-btn{background-color:#0078d4;border:none;border-radius:6px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:10px 20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.print-order-btn:hover{background-color:#005a9e}.print-order-btn:active{background-color:#004578;box-shadow:inset 0 2px 4px #0003}.print-order-btn:focus{outline:3px solid #80c0ff;outline-offset:2px}.SViewCustomers-Functions{align-items:center;display:flex;flex-wrap:wrap;font-family:MainFont;font-size:16px;gap:10px;height:fit-content;justify-content:space-around;overflow:hidden;width:100%}.SViewCustomers-Functions button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;height:fit-content;outline:none;padding:10px;width:fit-content}.SViewAllCustomers{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.customer-search-input{border:1px solid #ccc;border-radius:8px;font-family:MainFont;margin-top:15px;max-width:300px;padding:10px;width:100%}.customer-form-container{margin:0 auto;max-width:500px;padding:20px}.customer-form{display:flex;flex-direction:column;gap:15px}.customer-form input{border:1px solid #ccc;border-radius:8px;font-family:MainFont;padding:10px}.customer-form button{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:12px}.customer-form .error{color:red;margin-bottom:10px}.Customer-Info{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:MainFont;margin:30px auto;max-width:80%;padding:20px}.Customer-Info h2{margin-bottom:20px}.Customer-Info p{color:#333;margin:8px 0}.toggle-btn{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:MainFont;margin-top:20px;padding:8px 12px}.Customer-Orders{margin:auto;max-width:80%;padding:20px}.Customer-Orders h3{margin-bottom:10px}.Customer-Orders button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;height:35px;outline:none;width:100%}.order-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;font-family:MainFont;margin-bottom:15px;margin-top:20px;padding:15px}.order-card button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;height:35px;margin-top:5px;outline:none;width:100%}.order-form-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;font-family:MainFont;margin:40px auto;max-width:1000px;padding:40px}.order-form-container h1{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.order-item-form{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:25px;transition:box-shadow .2s}.shapes-grid{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:50px;height:fit-content;justify-content:center;outline:none;width:fit-content}.delivery-date-input{display:flex;flex-direction:column;margin:20px 0;max-width:200px}.delivery-date-input label{font-weight:700;margin-bottom:5px}.shapes-grid img{border:2px solid #0000;border-radius:10px;height:100px;object-fit:cover;transition:border-color .3s,box-shadow .3s;width:100px}.shapes-grid img:hover{border-color:#aaa;box-shadow:0 0 0 2px #0000001a}.shapes-grid img.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.order-item-form:hover{box-shadow:0 2px 10px #0000000d}.order-item-form input,.order-item-form select,.order-item-form textarea{background-color:#fff;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;direction:rtl;display:block;font-family:MainFont;font-size:15px;margin-bottom:15px;padding:12px 14px;transition:border-color .2s;width:100%}.order-item-form input:focus,.order-item-form select:focus,.order-item-form textarea:focus{border-color:#007bff;outline:none}.order-item-form textarea{min-height:80px;resize:vertical}.selectable-images{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:15px}.selectable-image{border:2px solid #0000;border-radius:10px;cursor:pointer;height:100px;object-fit:cover;transition:.2s;width:100px}.selectable-image.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.image-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.image-preview img{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000000d;height:100px;object-fit:cover;width:100px}.add-item-btn,.submit-btn{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:10px 10px 0 0;padding:14px 28px;transition:background-color .2s,box-shadow .2s}.add-item-btn:hover,.submit-btn:hover{background-color:#0056b3;box-shadow:0 3px 8px #00000026}.image-container{position:relative}.image-container,.remove-image-btn{align-items:center;display:flex;justify-content:center}.remove-image-btn{background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;height:24px;position:absolute;right:-6px;top:-6px;width:24px}.remove-item-btn{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;height:35px;margin-top:20px;width:100%}@media (max-width:768px){.order-form-container{padding:25px}.order-item-form input,.order-item-form select,.order-item-form textarea{font-size:14px;padding:10px 12px}.add-item-btn,.submit-btn{margin:10px 0 0;padding:12px;width:100%}.image-preview img,.selectable-image{height:80px;width:80px}}.sviewall-container{background-color:#f9f9fb;font-family:MainFont;margin:0 auto;max-width:900px;padding:2rem 1.5rem}.sviewall-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:2rem;text-align:center}.sviewall-empty{color:#999;font-size:16px;font-style:italic;margin-top:2rem;text-align:center}.sviewall-order-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;box-shadow:0 4px 8px #0000000a;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s ease,transform .2s ease}.sviewall-order-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.sviewall-label{color:#34495e;display:inline-block;font-weight:600;min-width:120px}.sviewall-order-card p{color:#444;font-size:16px;margin:.4rem 0}.sviewall-button{background-color:#2c7be5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:1rem;padding:.5rem 1.2rem;transition:background-color .3s ease}.sviewall-button:hover{background-color:#1a5dcc}.quotations-container{direction:rtl;font-family:MainFont;margin:0 auto;max-width:1200px;padding:20px 16px}.quotations-container h2{color:#333;font-size:22px;font-weight:600;margin-bottom:18px}.new-quotation-button{align-self:flex-start;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;min-width:180px;padding:12px 18px;transition:background-color .3s ease}.new-quotation-button:hover{background-color:#0056b3}.quotations-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;table-layout:fixed;width:100%}.quotations-table td,.quotations-table th{word-wrap:break-word;border-bottom:1px solid #eee;padding:14px 16px;text-align:right}.quotations-table th{background-color:#f7f7f7;color:#333;font-size:15px;font-weight:600;white-space:nowrap}.quotations-table td{color:#444;font-size:14px}.quotations-table tr:last-child td{border-bottom:none}@media (max-width:768px){.quotations-table,.quotations-table tbody,.quotations-table td,.quotations-table th,.quotations-table thead,.quotations-table tr{display:block}.quotations-table thead{display:none}.quotations-table tr{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:12px 16px}.quotations-table td{border-bottom:1px solid #eee;padding:10px 12px;position:relative;text-align:right}.quotations-table td:last-child{border-bottom:none}.quotations-table td:before{color:#666;content:attr(data-label);display:block;font-weight:600;margin-bottom:6px}}.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.search-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;direction:rtl;flex-grow:1;font-size:15px;max-width:100%;min-width:260px;padding:10px 14px}@media (max-width:600px){.top-bar{align-items:stretch;flex-direction:column;gap:16px}.search-input{width:100%}.new-quotation-button{min-width:0;min-width:auto;width:100%}}.catalog-container{font-family:MainFont;margin:auto;max-width:1200px;padding:24px 40px}.catalog-title{color:#333;font-size:26px;font-weight:600;margin-bottom:28px}.collection-section{margin-bottom:40px}.collection-header{margin-bottom:16px}.collection-header h2{font-size:20px;font-weight:600}.add-item-btn{background-color:#28a745;border-radius:6px;font-size:14px;padding:8px 16px}.items-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.item-card{background-color:#f8f8f8;border-radius:10px;box-shadow:0 1px 4px #0000001a;padding:16px}.item-card h3{font-size:17px;margin:0 0 8px}.item-card p{font-size:14px;margin:4px 0}.item-card .price{color:#007bff;font-weight:600}.item-actions{gap:10px;margin-top:12px}.delete-btn,.edit-btn{border-radius:5px;font-size:13px}.edit-btn{background-color:#ffc107;color:#000}.delete-btn{background-color:#dc3545}@media (max-width:600px){.collection-header{align-items:flex-start;flex-direction:column;gap:8px}}.add-collection-form{display:flex;gap:10px;margin-bottom:24px}.add-collection-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:15px;min-width:200px;padding:10px 12px}.add-collection-form button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px}.add-collection-form button:hover{background-color:#218838}.collection-header{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.collection-header h2{font-size:18px;margin:0}.collection-header .delete-btn,.collection-header .view-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:6px 12px}.collection-header .view-btn{background-color:#007bff}.collection-header .delete-btn:hover{background-color:#c82333}.collection-header .view-btn:hover{background-color:#0062cc}.collection-created{color:#777;font-size:13px;margin-top:4px}.no-items-text{color:#888;font-size:14px;padding:10px}.edit-category-container{direction:rtl;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.category-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.category-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.add-item-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-item-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.loading{color:#7f8c8d;font-size:1.5rem}.loading,.no-items{padding:60px 20px;text-align:center}.no-items{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:12px;color:#95a5a6;font-size:1.3rem}.add-item-form{background:#fff;border:1px solid #e8ecef;border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:40px;padding:30px}.add-item-form h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:#34495e;display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group input[type=file]{background:#f8f9fa;padding:8px}.existing-media{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;margin:25px 0;padding:20px}.existing-media h4{color:#495057;font-size:1.2rem;margin-bottom:15px}.media-section{margin-bottom:20px}.media-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.media-item{border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative}.media-item img,.media-item video{display:block;height:120px;object-fit:cover;width:100%}.remove-media-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;position:absolute;right:5px;top:5px;transition:background .3s ease}.remove-media-btn:hover{background:#c0392b}.form-actions{display:flex;gap:15px;margin-top:30px}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 12px #27ae604d;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.form-actions button[type=submit]:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover{background:#5a6268;transform:translateY(-2px)}.upload-progress{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px;width:100%}.upload-progress p{color:#495057;font-weight:600;margin:0 0 8px}.current-file{color:#6c757d;font-size:.9rem;font-weight:400!important;margin-bottom:10px!important}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.items-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.item-card{background:#fff;border:1px solid #e8ecef;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.item-card:hover{box-shadow:0 12px 35px #00000026}.item-card:before{background:linear-gradient(90deg,#3498db,#9b59b6,#e74c3c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.item-header h3{color:#2c3e50;flex:1 1;font-size:1.4rem;font-weight:700;margin:0 0 0 15px}.item-actions{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.edit-btn{background:#f39c12;color:#fff}.edit-btn:hover{background:#d68910;transform:translateY(-1px)}.delete-btn{background:#e74c3c}.delete-btn:hover{background:#c0392b;transform:translateY(-1px)}.item-info{margin-bottom:20px}.item-info p{color:#5d6d7e;font-size:1rem;line-height:1.6;margin:0}.item-media{margin-bottom:20px}.item-media h4{color:#34495e;font-size:1.1rem;font-weight:600;margin-bottom:10px}.images-grid,.videos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.images-grid img{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:80px;object-fit:cover;transition:all .3s ease;width:100%}.images-grid img:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.videos-grid video{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:120px;width:100%}.item-footer{border-top:1px solid #e8ecef;margin-top:20px;padding-top:15px;text-align:center}.item-footer small{color:#7f8c8d;font-size:.9rem}@media (max-width:768px){.edit-category-container{padding:15px}.category-header{flex-direction:column;gap:15px;text-align:center}.category-header h1{font-size:2rem}.items-grid{gap:20px;grid-template-columns:1fr}.add-item-form{padding:20px}.form-actions,.item-header{flex-direction:column}.item-header{gap:10px}.item-actions{align-self:stretch;justify-content:center}}@media (max-width:480px){.category-header h1{font-size:1.5rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.images-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.images-grid img{height:60px}}.ads-container{direction:rtl;font-family:Arial;margin:auto;max-width:1100px;padding:20px}.ad-form{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:20px}.ad-form h2{margin-bottom:15px;text-align:center}.ad-form input,.ad-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-top:10px;padding:12px;width:100%}.ad-form textarea{height:120px;resize:none}.preview-img{border-radius:10px;margin-top:10px;width:120px}.title{text-align:center}.ads-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ad-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:15px;text-align:center}.ad-card img{border-radius:10px;height:180px;object-fit:cover;width:100%}.ad-card h3{margin:12px 0 6px}.ad-card p{color:#666;font-size:.9rem;height:60px;overflow:hidden}.card-buttons{margin-top:15px}.preview-container{margin-top:10px;position:relative;width:150px}.delete-image-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:8px;padding:8px;width:100%}.delete-image-btn:hover{background:#dc2626}.docs-container{direction:rtl;font-family:Arial;margin:auto;max-width:1100px;padding:20px}.doc-form{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:20px}.doc-form h2{margin-bottom:15px;text-align:center}.doc-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-top:10px;padding:12px;width:100%}.file-input{color:#444;cursor:pointer;display:inline-block;font-weight:700;margin-top:15px}.file-input input{display:none}.preview-files{margin-top:10px}.preview-file{align-items:center;background:#f3f3f3;border-radius:6px;display:flex;justify-content:space-between;margin-top:5px;padding:6px 10px}.preview-file button{background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:3px 8px}.preview-file button:hover{background:#dc2626}.submit-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px;width:100%}.submit-btn:hover{background:#2563eb}.title{font-size:1.6rem}.doc-card li{font-size:.9rem}.card-buttons{display:flex;justify-content:space-between;margin-top:10px}.card-buttons button{background:#e5e5e5;border:none;border-radius:8px;cursor:pointer;flex:1 1;margin:0 5px;padding:8px}.card-buttons button:hover{background:#d4d4d4}.delete-btn{background:#ef4444!important;color:#fff}.delete-btn:hover{background:#dc2626!important}.sview-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:auto;max-width:900px;padding:24px}.sview-title{font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center}.sview-subtitle{border-bottom:2px solid #ccc;font-size:1.5rem;font-weight:600;margin-bottom:12px;margin-top:32px;padding-bottom:6px}.sview-section{border-radius:8px;box-shadow:0 0 4px #0000000d;margin-bottom:24px}.sview-item,.sview-section{background-color:#fff;padding:16px}.sview-item{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:20px}.sview-label{font-weight:700;margin-left:4px}.sview-value{margin-right:8px}.sview-images{display:flex;flex-wrap:wrap;margin-top:10px}.sview-images img{border:1px solid #ccc;border-radius:6px;margin:6px;max-width:100px;transition:transform .2s ease}.sview-images img:hover{transform:scale(1.05)}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-overlay img{border-radius:8px;box-shadow:0 0 20px #ffffff80;max-height:90%;max-width:90%}.sview-shape-preview img{border:1px solid #ccc;border-radius:4px;max-width:120px}.scatalog-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.catalog-header{margin-bottom:40px;padding:30px 0;text-align:center}.catalog-header h1{color:#2c3e50;font-size:3rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.catalog-header p{color:#5d6d7e;font-size:1.2rem;font-weight:400;margin:0}.loading-container{align-items:center;color:#5d6d7e;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.2rem;font-weight:500}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-container p{color:#e74c3c;font-size:1.3rem;font-weight:600;margin-bottom:20px}.retry-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.no-catalogs{color:#7f8c8d;padding:60px 20px;text-align:center}.no-catalogs-icon{font-size:5rem;margin-bottom:20px}.no-catalogs h3{color:#5d6d7e;font-size:1.8rem;margin:0 0 10px}.no-catalogs p{font-size:1.1rem;margin:0}.catalogs-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.catalog-card{background:#fff;border:1px solid #e8ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .4s ease}.catalog-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.catalog-card:before{background:linear-gradient(90deg,#3498db,#9b59b6,#e74c3c,#f39c12);content:"";height:5px;left:0;position:absolute;right:0;top:0}.catalog-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px 25px 20px;text-align:center}.catalog-icon{background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:inline-block;font-size:3.5rem;margin-bottom:10px;padding:15px}.catalog-card-body{padding:25px}.catalog-name{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 15px;text-align:center}.catalog-description{color:#5d6d7e;font-size:1rem;line-height:1.6;margin:0 0 20px;text-align:center}.catalog-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.created-date,.item-count{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;justify-content:center}.item-count{color:#27ae60;font-weight:600}.catalog-card-footer{padding:0 25px 25px}.view-catalog-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.view-catalog-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.arrow{font-size:1.2rem;transition:transform .3s ease}.catalog-card:hover .arrow{transform:translateX(-5px)}.catalog-stats{background:#fff;border:1px solid #e8ecef;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-top:40px;padding:25px}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#3498db;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#5d6d7e;font-size:1.1rem;font-weight:500}@media (max-width:768px){.scatalog-container{padding:15px}.catalog-header h1{font-size:2.2rem}.catalog-header p{font-size:1rem}.catalogs-grid{gap:20px;grid-template-columns:1fr}.catalog-card-header{padding:25px 20px 15px}.catalog-icon{font-size:3rem;padding:12px}.catalog-card-body{padding:20px}.catalog-name{font-size:1.3rem}}@media (max-width:480px){.scatalog-container{padding:10px}.catalog-header{margin-bottom:25px;padding:20px 0}.catalog-header h1{font-size:1.8rem}.catalogs-grid{gap:15px}.catalog-card-header{padding:20px 15px 10px}.catalog-icon{font-size:2.5rem;padding:10px}.catalog-card-body{padding:15px}.catalog-card-footer{padding:0 15px 20px}}.catalog-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.catalog-card:first-child{animation-delay:.1s}.catalog-card:nth-child(2){animation-delay:.2s}.catalog-card:nth-child(3){animation-delay:.3s}.catalog-card:nth-child(4){animation-delay:.4s}.catalog-card:nth-child(5){animation-delay:.5s}.catalog-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.sviewitem-container{grid-gap:1.5rem;background-color:#f8f9fb;direction:rtl;display:grid;font-family:Assistant,Segoe UI,sans-serif;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:2rem;text-align:right}.item-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px #00000012;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s ease}.item-card:hover{transform:translateY(-4px)}.item-card h3{color:#333;font-size:1.25rem;margin-bottom:.5rem}.item-card p{color:#555;font-size:1rem;line-height:1.6}.media-gallery{display:flex;flex-direction:column;gap:.75rem}.media-gallery h4{color:#444;font-size:1rem;margin-bottom:.25rem}.media-gallery.images{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.item-image{border-radius:10px;box-shadow:0 1px 4px #00000014;height:100px}.item-image,.item-video{object-fit:cover;width:100%}.item-video{border-radius:12px;box-shadow:0 2px 6px #00000014;max-height:240px}@media (max-width:768px){.sviewitem-container{grid-template-columns:1fr;padding:1rem}.media-gallery.images{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.item-image{height:80px}}.image-modal{align-items:center;background:#000c;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-image{border-radius:12px;box-shadow:0 0 15px #ffffff4d;max-height:90vh;max-width:90vw;transition:transform .3s ease}.sdocs-container{font-family:Arial,sans-serif;margin:20px auto;max-width:1100px;padding:0 20px}.title{border-bottom:2px solid #3b82f6;font-size:1.8rem;margin-bottom:20px;padding-bottom:5px;text-align:right}.loading,.no-docs{color:#555;font-size:1.1rem;text-align:center}.docs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.doc-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:15px;text-align:right;transition:transform .2s,box-shadow .2s}.doc-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.doc-card h3{font-size:1.1rem;margin-bottom:10px}.doc-card ul{list-style:none;padding-left:0}.doc-card li{font-size:.95rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-card a{color:#3b82f6;text-decoration:none}.doc-card a:hover{text-decoration:underline}
/*# sourceMappingURL=main.72fdb84a.css.map*/