.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:linear-gradient(135deg,#e0f0ff,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.logo-container{text-align:center;margin-bottom:1.5rem;width:100%}.logo-container img{max-width:60%;height:auto}.login-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 12px #000000d2;width:100%;max-width:400px;box-sizing:border-box}.login-box h2{color:#00324b;margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500}.form-group input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box}.btn-login{width:100%;padding:.75rem;background-color:#00324b;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.btn-login:hover{background-color:#0f5a7f}.error{color:red;font-size:.9rem;margin-bottom:1rem;text-align:center}.link-text{text-align:center;margin-top:1rem;font-size:.9rem}.link-text a{color:#007bff;text-decoration:none}.link-text a:hover{text-decoration:underline}.product-table td,.product-table th{white-space:nowrap}.actions{display:flex;border:none;gap:.5rem}.product-table td:nth-child(1),.product-table td:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.login-box{padding:1.5rem}.login-box h2{font-size:1.5rem}.form-group input{padding:.5rem}.btn-login{padding:.65rem;font-size:.95rem}.logo-container img{width:60%}}@media (max-width: 480px){.login-box{padding:1rem}.logo-container img{width:70%}.login-box h2{font-size:1.3rem}}.site-footer{background:#1c1c1e;color:#eaeaea;font-family:Poppins,sans-serif}.footer-top{background:linear-gradient(150deg,#1c7cad,#1e5069,#0c4268);padding:40px 20px;text-align:center}.footer-top p{font-size:.95rem;font-weight:500;margin-bottom:25px;color:#fff;line-height:1.7}.footer-top a{color:#fff;font-weight:600}.footer-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.footer-btn{background:#2f3e46;color:#fff;padding:10px 28px;border-radius:50px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 10px #0003}.footer-btn:hover{background:#16222a;transform:translateY(-2px)}.footer-divider{height:3px;background:linear-gradient(150deg,#2c84b0,#1e5069,#0c4268);margin:0}.footer-bottom{background:#121212;padding:22px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.95rem}.footer-bottom p{margin:0;color:#bbb;text-align:center}.footer-bottom a{color:#45aaf2;margin:0 5px;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.social-icons{display:flex;gap:16px;margin-top:10px}.social-icons a{color:#fff;font-size:1.3rem;transition:all .3s ease}.social-icons a:hover{color:#45aaf2;transform:scale(1.2)}@media (max-width: 768px){.footer-buttons{flex-direction:column}.footer-bottom{flex-direction:column;text-align:center;gap:12px}.social-icons{justify-content:center}.footer-top p{font-size:1.05rem}}.signup-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e0f0ff,#fff);padding:20px}.password-group,.password-wrapper{position:relative}.password-wrapper input{padding-right:40px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#555;font-size:1.1rem}.note{color:#484747;font-size:12px}.note span{color:#5e9bf0}.recaptcha-container{display:flex;justify-content:flex-start;overflow:hidden}.recaptcha-container div{transform-origin:0 0}.auth-logo{width:30%}.signup-form{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 0 12px #000000e1;width:55%;display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group{display:flex;flex-direction:column}.signup-form h2{text-align:center;margin-bottom:20px;color:#00324b}.signup-form label{font-weight:500;margin-bottom:4px}.signup-form input,.signup-form select,.signup-form textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:15px;resize:none;width:100%}.signup-form textarea{min-height:70px}.signup-form button{padding:12px;background-color:#00324b;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;margin-top:10px;transition:background .3s ease}.signup-form button:hover{background-color:#0f5a7f}.form-error{color:red;font-size:14px;text-align:center;margin-bottom:10px}.login-link{text-align:center;font-size:14px;margin-top:15px}.login-link a{color:#0056cc;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width: 900px){.signup-form{width:70%}}@media (max-width: 600px){.recaptcha-container div{transform:scale(.85);margin-bottom:-15px}.form-grid{grid-template-columns:repeat(1,1fr);gap:15px}.form-group{display:flex;flex-direction:column}.signup-form{width:95%}.signup-form input,.signup-form textarea{font-size:14px;padding:8px}.signup-form button{font-size:14px;padding:10px}}.forgot-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to right,#e6f0ff,#fff);padding:20px 15px;box-sizing:border-box}.logo-container{text-align:center;margin-bottom:20px}.forgot-box{background-color:#fff;border-radius:10px;box-shadow:0 2px 16px #000000e9;padding:40px 30px;width:100%;max-width:400px;min-width:280px;box-sizing:border-box}.forgot-box h2{text-align:center;margin-bottom:20px;color:#00324b;font-size:1.8rem}.forgot-box form{display:flex;flex-direction:column}.forgot-box label{font-weight:600;margin-bottom:8px;color:#333;font-size:1rem}.forgot-box input[type=email]{padding:12px;border:1px solid #ccc;border-radius:6px;margin-bottom:20px;font-size:1rem;outline:none;width:100%;box-sizing:border-box}.forgot-box input[type=email]:focus{border-color:#00324b;box-shadow:0 0 5px #00324b80}.forgot-box button{background-color:#00324b;color:#fff;border:none;padding:12px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;width:100%}.forgot-box button:hover,.forgot-box button:focus{background-color:#0f5a7f;outline:none}.forgot-box .message{margin-top:15px;color:green;text-align:center;font-size:1rem;word-wrap:break-word}.forgot-box p.back-to-login{margin-top:20px;text-align:center;font-size:.9rem}.forgot-box p.back-to-login a{color:#0056b3;text-decoration:none;transition:text-decoration .3s ease}.forgot-box p.back-to-login a:hover,.forgot-box p.back-to-login a:focus{text-decoration:underline;outline:none}@media (max-width: 480px){.forgot-box{padding:25px 20px;min-width:auto}.forgot-box h2{font-size:1.5rem}.forgot-box label,.forgot-box input[type=email],.forgot-box button,.forgot-box .message,.forgot-box p.back-to-login{font-size:.9rem}.auth-logo{height:50px}}.reset-password-container{max-width:400px;margin:2rem auto;padding:2rem 1.5rem;border-radius:10px;box-shadow:0 2px 12px #000000de;background-color:#fff;width:90%;box-sizing:border-box}.logo-container{text-align:center;margin-top:40px}.auth-logo{max-width:30%}.reset-password-container h2{text-align:center;color:#00324b;margin-bottom:1.5rem;font-size:1.75rem}.reset-password-container form{display:flex;flex-direction:column}.reset-password-container input{margin:.5rem 0 1.2rem;padding:.75rem 1rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;outline-offset:2px;transition:border-color .3s ease}.reset-password-container input:focus{border-color:#00324b;outline:none}.reset-password-container button{padding:.75rem 1rem;background-color:#00324b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.reset-password-container button:hover,.reset-password-container button:focus{background-color:#0f5a7f;outline:none}.reset-password-container .message{margin-top:1rem;text-align:center;color:#d8000c;font-weight:600}@media (max-width: 480px){.reset-password-container{margin:2rem auto;padding:1.5rem 1rem}.reset-password-container h2{font-size:1.5rem}.reset-password-container input,.reset-password-container button{font-size:.9rem;padding:.65rem 1rem}}.admin-profile-container{max-width:1000px;width:90%;margin:2rem auto;padding:2rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00324b33;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.admin-profile-container h2{text-align:center;color:#00324b;margin-bottom:2rem;font-size:clamp(1.5rem,2vw,1.75rem)}.profile-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.profile-section label{font-weight:600;margin-bottom:.4rem;color:#00324b;display:block}.profile-section input{width:100%;padding:.6rem .8rem;border:1px solid #ccc;border-radius:6px;transition:border .3s;font-size:1rem;box-sizing:border-box}.profile-section input:focus{border-color:#0077b6;outline:none}.profile-buttons{grid-column:1 / -1;text-align:right;margin-top:1.25rem}.profile-buttons button{background:#00324b;color:#fff;padding:.65rem 1.25rem;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;font-size:1rem;min-width:140px}.profile-buttons button:hover{background:#005580}.password-section{margin-top:3rem;border-top:1px solid #ddd;padding-top:2rem}.password-section h3{color:#00324b;margin-bottom:1.25rem;font-size:clamp(1.3rem,1.5vw,1.5rem)}.password-fields{display:flex;flex-direction:column;gap:1rem}.password-fields input{padding:.6rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.password-section button{margin-top:1.5rem;background:#0077b6;color:#fff;padding:.65rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;min-width:140px;align-self:flex-start;transition:background .3s ease}.password-section button:hover{background:#005580}.logout-btn{margin-top:3rem;padding:.45rem 1.25rem;background:transparent;color:red;border:2px solid red;border-radius:6px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .3s ease;width:100%;display:block;margin-left:auto;margin-right:auto}.logout-btn:hover{background:#b71c1c90;color:#fff}@media (min-width: 600px){.password-fields{flex-direction:row;gap:1rem}.password-fields input{flex:1}.password-section button{align-self:center}}@media (max-width: 480px){.admin-profile-container{padding:1rem}.profile-buttons{text-align:center}.profile-buttons button,.password-section button,.logout-btn{width:100%;min-width:unset}}.navbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(150deg,#2c84b0,#1e5069,#0c4268);color:#fff;padding:10px 15px;position:relative;flex-wrap:wrap;max-width:100%;margin:0 auto}.navbar-left{flex:1}.logo-image{max-width:90%;height:auto}.nav-center{display:flex;justify-content:center;align-items:center;flex:5;flex-wrap:nowrap;transition:max-height .3s ease}.nav-center a,.nav-center button{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease;padding:8px 25px}.nav-center>*:not(:last-child){border-right:3px solid rgba(227,228,230,.609)}.nav-center a:hover,.nav-center button:hover{color:#1abcff;background-color:#ffffff1a}.dropdown{position:relative}.dropdown-menu{position:absolute;top:110%;left:0;background-color:#fff;color:#00324b;padding:10px 0;min-width:180px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:999}.dropdown-menu a{display:block;padding:12px 20px;color:#00324b;text-decoration:none;font-size:1rem;transition:background .2s;white-space:nowrap}.dropdown-menu a:hover{background-color:#f3f8fb}.navbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20px}.user-dropdown{position:relative}.user-dropdown button{background:none;color:#fff;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.user-dropdown button:hover,.user-dropdown button:focus{background-color:#ffffff1a;outline:none}.dropdown-menu.right{right:0;left:auto}.menu-toggle{display:none;cursor:pointer;color:#fff;padding:8px;border-radius:4px;transition:background-color .2s ease}.menu-toggle:hover,.menu-toggle:focus{background-color:#ffffff1a;outline:none}@media (max-width: 1270px){.nav-center{position:absolute;top:100%;left:0;width:100%;display:none;flex-direction:column;align-items:center;justify-content:center;background-color:#00324b;padding:16px 0;z-index:999;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center}.nav-center.active{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:500px}.nav-center a,.nav-center button{font-size:1rem;padding:12px 24px;width:100%;text-align:center;border-radius:0;gap:12px}.nav-center>*:not(:last-child){border-right:none}.dropdown-menu{position:relative;box-shadow:none;background-color:#004b68;color:#fff;border-radius:0;padding-left:20px;margin-top:4px}.dropdown-menu a{color:#fff;padding:12px 16px;font-size:1rem;white-space:normal}.right{position:absolute;background-color:#fff}.right a{color:#00324b}.menu-toggle{display:block}.logo-image{max-width:40%}}@media (max-width: 800px){.name-span{display:none}}@media (max-width: 480px){.navbar{padding:8px 16px}.logo-image{max-width:60%}.nav-center a,.nav-center button{font-size:1rem;padding:10px 16px}}.dashboard-container{padding:2.5rem;background-color:transparent;max-width:1200px;font-family:Segoe UI,sans-serif;margin:auto;margin-bottom:1.25rem;min-height:80vh}.dashboard-welcome{font-size:2rem;font-style:italic;font-weight:700;color:#00324b;margin-bottom:1.5rem;text-align:center}.dashboard-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;margin-bottom:2.25rem}.card{flex:1 1 calc(33.333% - 1rem);background-color:#fff;border-radius:.625rem;padding:1.25rem;box-shadow:0 4px 19px #00324bca;text-align:center;transition:transform .3s ease}.card:hover{transform:scale(1.03)}.card h3{color:#00324b;margin-bottom:.75rem;font-size:1.25rem}.card p{font-size:1.5rem;font-weight:600;color:#297dd6}.dashboard-actions{text-align:center}.actions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem}.actions-grid button{flex:1 1 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem);min-width:0;padding:1.25rem 2rem;border-radius:.5rem;cursor:pointer;background:linear-gradient(135deg,#56a6ce,#072f4c);color:#fff;box-shadow:0 2px 20px #000609;border:none;transition:background-color .3s ease,color .3s ease,transform .3s ease;display:flex;flex-direction:column;align-items:center}.actions-grid button:hover{background-color:#d0e5ee;transform:scale(1.05)}.actions-grid button p{font-size:1rem;font-weight:700;margin:0;color:inherit}.icons{font-size:3.5rem;margin-bottom:.3rem;color:#daa520;background:transparent;transition:color .3s ease}@media (max-width: 992px){.card{flex:1 1 calc(50% - 1rem)}.actions-grid button{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-width: 600px){.dashboard-container{padding:1rem}.dashboard-summary{flex-direction:column;gap:1rem}.card{flex:1 1 100%}.actions-grid{flex-direction:column;gap:1rem}.actions-grid button{flex:1 1 100%;max-width:100%;padding:1rem 1.5rem}.icons{font-size:2.5rem}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle{background-color:#00324b;color:#fff;padding:10px 15px;border-radius:30px;border:none;cursor:pointer;font-weight:700}.chat-box{width:300px;height:350px;background:#fff;border:1px solid #ccc;border-radius:10px;margin-top:10px;display:flex;flex-direction:column;box-shadow:0 0 10px #0000001a}.chat-messages{flex:1;padding:10px;overflow-y:auto;font-size:14px}.chat-input{display:flex;border-top:1px solid #ccc}.chat-input input{flex:1;padding:10px;border:none;outline:none}.chat-input button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;cursor:pointer}.msg.admin{color:#00324b}.msg.customer{color:#007bff}.manage-customers-container{max-width:1200px;margin:1rem auto;padding:1rem 1.5rem;background-color:#f4faff;border-radius:10px;box-shadow:0 -4px 8px #000000a1;box-sizing:border-box;min-height:80vh}.manage-customers-container h2{margin-bottom:1.25rem;color:#00324b;font-size:1.75rem;text-align:center}.filter-sort-container{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-sort-container input,.filter-sort-container select{flex:1 1 300px;max-width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}.customers-table-wrapper{overflow-x:auto}.customers-table{width:100%;border-collapse:collapse;min-width:700px}.customers-table th,.customers-table td{padding:.75rem 1rem;border:1px solid #ccc;text-align:left;font-size:.9rem;white-space:nowrap}.customers-table th{background-color:#00324b;color:#fff;font-weight:600}.delete-btn,.block-btn{padding:.4rem .75rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .3s ease;white-space:nowrap}.delete-btn{background-color:#dc143c;color:#fff}.delete-btn:hover,.delete-btn:focus{background-color:#8b0000;outline:none}.block-btn{background-color:#07c;color:#fff;margin-left:.5rem}.block-btn:hover,.block-btn:focus{background-color:#005fa3;outline:none}.customers-table td,.customers-table th{white-space:nowrap}.customers-table td:nth-child(1),.customers-table td:nth-child(3),.customers-table td:nth-child(5){max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.filter-sort-container{flex-direction:column}.filter-sort-container input,.filter-sort-container select{flex:1 1 100%;max-width:100%}.manage-customers-container{padding:1rem;margin:1rem}.customers-table{min-width:100%}.customers-table th,.customers-table td{font-size:.85rem;padding:.5rem .75rem}}@media (max-width: 480px){.manage-customers-container h2{font-size:1.5rem}.delete-btn,.block-btn{font-size:.75rem;padding:.3rem .5rem}}.admin-products{max-width:1200px;margin:1rem auto;padding:1rem 1.5rem;background-color:#f4faff;border-radius:10px;box-shadow:0 -4px 8px #000000a1;font-family:Arial,sans-serif;box-sizing:border-box;min-height:80vh}.admin-products h2{margin-bottom:1.25rem;color:#00324b;font-size:1.75rem;text-align:center}.product-form,.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.product-form input,.product-form select,.filter-bar input,.filter-bar select{flex:1 1 250px;padding:.5rem .75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}.product-form input:focus,.product-form select:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#07c;outline:none}.product-form .buttons{width:100%}.product-form button{flex:1 1 200px;background-color:#07c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.5rem;transition:background-color .3s ease,box-shadow .3s ease;align-self:center;margin-right:20px}.product-form button:hover,.product-form button:focus{background-color:#005fa3;outline:2px solid #004080;outline-offset:2px}.products-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem;max-width:100%}.product-table{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:auto;min-width:100%}.product-table th,.product-table td{padding:.75rem 1rem;border:1px solid #ccc;text-align:left;vertical-align:middle;word-break:break-word}.product-table th{background-color:#00324b;color:#fff;font-weight:600}.edit,.delete{padding:.4rem .75rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .3s ease;margin-left:.5rem}.edit{background-color:#07c;color:#fff}.edit:hover,.edit:focus{background-color:#005fa3;outline:2px solid #00324b;outline-offset:2px}.delete{background-color:#dc3545;color:#fff}.delete:hover,.delete:focus{background-color:#a71d2a;outline:2px solid #6e121b;outline-offset:2px}@media (max-width: 768px){.product-form,.filter-bar{flex-direction:column;align-items:stretch}.product-form input,.product-form select,.filter-bar input,.filter-bar select,.product-form button{flex:1 1 100%}.product-table{font-size:.9rem;min-width:unset}.product-table th,.product-table td{padding:.5rem .75rem}}@media (max-width: 480px){.admin-products h2{font-size:1.5rem}.edit,.delete,.product-form button{font-size:.75rem;padding:.3rem .5rem}.product-form input,.product-form select,.filter-bar input,.filter-bar select{font-size:.9rem}}.clear-btn{padding:8px 14px;background-color:#2e23c8;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease;margin-left:8px}.clear-btn:hover,.clear-btn:active{background-color:#4085ca}.clear-btn:focus{outline:none}.admin-orders-container{max-width:1200px;margin:1.5rem auto;padding:1.5rem;background-color:#f4faff;border-radius:12px;box-shadow:0 -4px 10px #00000094;min-height:80vh}.admin-orders-container h2{margin-bottom:1rem;text-align:center;font-size:clamp(1.3rem,2vw,2rem);color:#00324b}.orders-table-wrapper{width:100%;overflow-x:auto;border-radius:8px}.orders-table{width:100%;border-collapse:collapse;background-color:#fff;min-width:600px;box-shadow:0 0 5px #00000014}.orders-table th,.orders-table td{border:1px solid #ccc;padding:12px;text-align:center;font-size:.95rem;word-break:break-word}.orders-table th{background-color:#00324b;color:#fff}.orders-table td{background-color:#fdfdfd}.error-message{color:red;margin-top:1rem;text-align:center}.orders-table td,.orders-table th{white-space:nowrap}.actions{display:flex;gap:.5rem}.actions button{flex:0 0 auto}.orders-table td:nth-child(1),.orders-table td:nth-child(3),.orders-table td:nth-child(5){max-width:200px;overflow:hidden;text-overflow:ellipsis}.filters-wrapper{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filters-wrapper input,.filters-wrapper select{padding:6px 10px;border:1px solid #ccc;border-radius:4px}.orders-filters{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.orders-filters input,.orders-filters select{padding:8px 10px;border:1px solid #ddd;border-radius:6px}.price-edit-wrapper{display:flex;gap:6px;align-items:center;justify-content:center}.price-input{width:70px;padding:5px 8px;border:1px solid #ccc;border-radius:4px}.save-btn{background-color:#07c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:#005fa3}.edit-btn{background-color:#07c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.edit-btn:hover{background-color:#005fa3}.invoice-btn{padding:3px;margin-bottom:10px}@media (max-width: 768px){.admin-orders-container{padding:1rem}.orders-table th,.orders-table td{padding:10px;font-size:.9rem}}@media (max-width: 480px){.admin-orders-container h2{font-size:1.25rem}.orders-table th,.orders-table td{font-size:.85rem;padding:8px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:30px 20px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 10px #0003;animation:slideIn .3s ease-out}.modal-content h3{margin-bottom:1rem;color:#00324b;text-align:center}.modal-actions{display:flex;justify-content:space-between;margin-top:15px}.cancel-btn{background-color:#ccc;color:#000}@keyframes slideIn{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}.order-form-container{max-width:90%;width:650px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:.625rem;box-shadow:0 .25rem .75rem #00324bde;font-family:Segoe UI,sans-serif}.order-form-container h2{color:#00324b;margin-bottom:1.5rem;text-align:center;font-size:1.75rem}.order-form{display:flex;flex-direction:column;gap:1rem}.order-form label{font-weight:500;color:#00324b;display:flex;flex-direction:column;gap:.4rem;font-size:1rem}.order-form input,.order-form select,.order-form textarea{padding:.625rem;border-radius:.375rem;border:1px solid #ccc;font-size:1rem;width:100%;box-sizing:border-box}.order-form button{background-color:#07c;color:#fff;padding:.75rem;font-weight:600;font-size:1.05rem;border:none;border-radius:.375rem;cursor:pointer;transition:background .3s}.order-form button:hover{background-color:#005fa3}.estimate-box{background-color:#e8f3fc;border-left:.375rem solid #0077cc;padding:.75rem;margin:1rem 0;color:#00324b;font-size:1.05rem;border-radius:.375rem;transition:all .2s ease-in-out}.urgent-note{background-color:#fff3cd;border-left:.375rem solid #ffc107;padding:.625rem;margin:.75rem 0;color:#856404;border-radius:.375rem;font-size:.95rem}.required{color:red;margin-left:4px;font-weight:700}@media (max-width: 1024px){.order-form-container{width:80%;padding:1.75rem}}@media (max-width: 768px){.order-form-container{width:90%;padding:1.5rem}.order-form-container h2{font-size:1.5rem}}@media (max-width: 600px){.order-form-container{padding:1.25rem}.order-form button,.estimate-box{font-size:1rem}}@media (max-width: 480px){.order-form-container{padding:1rem}.order-form-container h2{font-size:1.25rem}.order-form label{font-size:.95rem}.order-form button{font-size:.95rem;padding:.65rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:450px;width:100%;box-shadow:0 0 10px #0003}.modal-content h3{margin-bottom:15px;font-size:1.3rem;text-align:center;color:#00324b}.modal-actions{display:flex;justify-content:flex-end;margin-top:15px;gap:8px}.cancel-btn{background-color:#a2a2a2}.export-btn{padding:8px 16px;background-color:#00324b;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.export-btn:hover{background-color:#005fa3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.receipt-modal{background:#fff;padding:2rem;border-radius:12px;max-width:480px;width:90%;box-shadow:0 0 18px #00000059;border:3px dashed #00324b;position:relative}.receipt-title{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;color:#00324b}.receipt-section{margin-bottom:1.3rem}.receipt-section h3{margin-bottom:.5rem;color:#00324b}.amount-box{font-size:1.6rem;color:#07c;background:#f0faff;padding:8px 12px;border-radius:8px;display:inline-block}.payment-info{white-space:pre-line;background:#f9f9f9;padding:10px;border-radius:6px;border:1px solid #ddd}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem}.confirm-btn{background-color:#07c;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.confirm-btn:hover{background-color:#005fa3}.cancel-btn{background-color:#ff4747;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.cancel-btn:hover{background-color:#c43838}.receipt-modal select,.receipt-modal input[type=text],.receipt-modal input[type=file]{display:block;margin-top:.5rem;width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:999;overflow:auto}.receipt-modal{background:#fff;border-radius:12px;padding:20px;width:95%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 15px #0006;animation:fadeIn .3s ease;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.receipt-title{margin-top:0;font-size:1.6rem;text-align:center;color:#00324b;margin-bottom:1rem}.receipt-section{margin-bottom:1rem}.amount-box{font-size:1.3rem;font-weight:700;color:#07c}.payment-info{white-space:pre-line}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:1rem}.modal-actions button{flex:1}*{margin:0;padding:0;box-sizing:border-box}
