@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap);:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#60a5fa;--secondary-color:#93c5fd;--bg-color:#f1f5f9;--bg-gradient:linear-gradient(135deg,#f1f5f9,#e2e8f0);--surface-color:#fff;--surface-hover:#f8fafc;--text-primary:#1e293b;--text-secondary:#475569;--text-light:#94a3b8;--border-color:#cbd5e1;--input-bg:#fff;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;background-color:var(--bg-color);color:#1e293b;color:var(--text-primary);margin:0;min-height:100vh;padding:0}#root{overflow-x:hidden;width:100%}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--border-color);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{background-color:#fff;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e88e51a;outline:none}button{font-family:Inter,sans-serif}.btn-primary{background:linear-gradient(135deg,#2563eb,#60a5fa);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:0 4px 6px #1e88e533;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 6px 12px #1e88e54d}.search-input{background:#fff!important;border:1px solid #cbd5e1!important;border:1px solid var(--border-color)!important;border-radius:50px!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important;box-shadow:var(--shadow-sm)!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.search-input:focus{border-color:#2563eb!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 4px #1e88e526!important;width:100%}.ReactModal__Content{background:#fff!important;background:var(--surface-color)!important;border:none!important;border-radius:16px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;overflow:hidden!important;padding:0!important}.ReactModal__Overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99!important;transition:all .3s ease-in-out}@media (max-width:768px){#root,body,html{max-width:100vw;overflow-x:hidden;position:relative;width:100%}.ReactModal__Content,.modal-content{display:flex!important;flex-direction:column!important;height:auto!important;margin:auto!important;max-height:90vh!important;max-width:95%!important;min-height:auto!important;overflow:hidden!important;width:95%!important}.modal-body,.modal-main{flex:1 1!important;max-height:none!important;overflow-y:auto!important}.close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f1f5f9f2;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:32px;justify-content:center;margin-left:auto!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;top:0!important;width:32px;z-index:100!important}.details-grid,.field-row,.form-grid,.form-row{display:flex!important;flex-direction:column!important;gap:1rem!important;grid-template-columns:1fr!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#2563eb,#1e40af);font-family:Poppins,sans-serif}.powered-by{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;bottom:7px;box-shadow:var(--shadow-md);color:var(--text-secondary);display:flex;font-weight:600;gap:10px;padding:8px 14px;position:fixed;right:8px;z-index:300}.powered-by img{display:block;height:28px;width:auto}.login-wrapper-body{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100%}.container{background-color:#fff;border-radius:20px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;min-height:600px;overflow:hidden;position:relative;width:900px}.forms-container{height:100%;left:0;position:absolute;top:0;width:100%}.signin-signup{display:grid;grid-template-columns:1fr;left:75%;left:25%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s ease-in-out .7s;width:50%;z-index:500}form{align-items:center;display:flex;flex-direction:column;grid-column:1/2;grid-row:1/2;justify-content:center;overflow:hidden;padding:0 2.5rem;transition:all .2s .7s}form.sign-in-form{pointer-events:auto;z-index:2}form.sign-up-form{opacity:0;pointer-events:none;z-index:1}.title{color:#2563eb;font-size:2.2rem;font-weight:700;margin-bottom:5px}.subtitle{color:#666;font-size:.95rem;margin-bottom:30px}.error-msg{align-items:flex-start;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:10px;box-shadow:0 4px 6px -1px #dc26261a,0 2px 4px -1px #dc26260f;color:#b91c1c;display:flex;font-size:.85rem;font-weight:500;gap:12px;line-height:1.4;margin-bottom:20px;max-width:380px;padding:12px 16px;width:100%}.error-msg .error-icon{flex-shrink:0;font-size:1.1rem;margin-top:2px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.input-field{align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;display:flex;height:55px;margin:10px 0;max-width:380px;padding:0 .4rem;position:relative;transition:border .3s;width:100%}.input-field:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.input-field .icon{color:var(--text-light);flex-shrink:0;font-size:1.1rem;margin:0 15px;text-align:center;transition:.5s}.input-field input{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1;outline:none;width:100%}.input-field input::placeholder{color:var(--text-light);font-weight:500}.form-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:15px;max-width:380px;width:100%}.forgot-pass-link{color:#64748b;font-size:.9rem;text-decoration:none;transition:color .3s}.forgot-pass-link:hover{color:#2563eb}.btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;font-size:.9rem;height:45px;letter-spacing:.5px;outline:none;text-transform:uppercase;transition:.5s;width:140px}.btn.demo{background-color:#10b981}.btn.demo:hover{background-color:#059669}.btn:hover{background-color:#1d4ed8;box-shadow:0 5px 15px #2563eb4d;transform:translateY(-2px)}.container-wrapper{max-width:100vw;position:relative;width:900px}.floating-switch-btn{align-items:center;background-color:var(--surface-color);border:none;border-radius:50px;bottom:30px;box-shadow:0 4px 15px #0003;color:var(--primary-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:10px;padding:10px 20px;position:absolute;right:-25px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:600}.floating-switch-btn:hover{box-shadow:0 6px 20px #00000040;color:var(--primary-dark);transform:scale(1.1)}.floating-switch-btn .btn-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:30px;justify-content:center;width:30px}.contact-info-container{display:flex;flex-direction:column;gap:20px;max-width:400px;width:100%}.contact-card{background:var(--surface-color);border:1px solid var(--bg-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:15px;transition:transform .3s,box-shadow .3s}.contact-card:hover{border-color:var(--border-color);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.card-header{align-items:center;margin-bottom:12px}.avatar{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.2rem;height:45px;justify-content:center;margin-right:15px;width:45px}.card-title h3{color:var(--text-primary);font-size:1.1rem;margin:0}.card-title .role{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-actions{margin-bottom:8px}.action-btn{border-radius:6px;flex:1 1;font-size:.85rem;font-weight:500;gap:5px;padding:8px;text-decoration:none;transition:background .2s}.action-btn.whatsapp{background-color:#dcfce7;color:#166534}.action-btn.whatsapp:hover{background-color:#bbf7d0}.action-btn.phone{background-color:var(--bg-color);color:var(--text-secondary)}.action-btn.phone:hover{background-color:var(--border-color)}.number-display{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:5px;text-align:center}.container.sign-up-mode .signin-signup{left:75%}.container.sign-up-mode form.sign-up-form{opacity:1;pointer-events:auto;z-index:2}.container.sign-up-mode form.sign-in-form{opacity:0;pointer-events:none;z-index:1}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform 1s ease-in-out;width:50%;z-index:100}.container.sign-up-mode .overlay-container{transform:translateX(-100%)}.overlay{background:url(/static/media/a.0954659d0f0197f3aea5.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform 1s ease-in-out;width:200%}.overlay:before{background:#0006;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.container.sign-up-mode .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform 1s ease-in-out;width:50%;z-index:2}.overlay-left{transform:translateX(-20%)}.container.sign-up-mode .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.sign-up-mode .overlay-right{transform:translateX(20%)}.brand-title{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.brand-tagline{font-size:1.1rem;line-height:1.5;max-width:80%;text-shadow:1px 1px 2px #00000080}@media (max-width:870px){.container{background:#0000;border-radius:0;box-shadow:none;height:100vh;min-height:800px;position:relative;width:100vw}.signin-signup{left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease-in-out;width:100%;z-index:2}.overlay,.overlay-container{display:none}.login-wrapper-body{background-image:url(/static/media/a.0954659d0f0197f3aea5.jpeg);background-position:50%;background-size:cover;position:relative}.login-wrapper-body:before{background:#00000040;content:"";inset:0;position:absolute;z-index:0}form.sign-in-form,form.sign-up-form{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;box-shadow:0 8px 32px #0003;max-width:420px;padding:1.25rem 1.5rem;width:90vw;z-index:2}.container.sign-up-mode .signin-signup{left:50%;top:50%;transform:translate(-50%,-50%)}.container-wrapper{box-sizing:border-box;padding:0 16px;position:relative;width:100vw;z-index:1}.floating-switch-btn{right:8px}.powered-by{bottom:16px;left:16px;padding:6px 12px;right:auto}.powered-by img{height:24px}.input-field{background-color:#ffffff38;border:1px solid #ffffff73}.input-field input::placeholder{color:#1e293b99}.contact-info-container{gap:16px;max-width:100%;width:100%}.contact-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff38;border:1px solid #ffffff73;border-radius:16px;box-shadow:0 12px 30px #0f172a59;padding:16px 14px}.card-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.card-title h3{font-size:1rem}.card-title .role{font-size:.7rem}.card-actions{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin:8px 0 6px}.contact-card .action-btn{border:none;border-radius:999px;flex:1 1;font-size:.85rem;padding:9px 0;width:auto}.title{color:#fff}.subtitle{color:#ffffffd9}.input-field .icon,.input-field input{color:#fff}.input-field input::placeholder{color:#ffffffbf}.forgot-pass-link{color:#ffffffd9}.btn{background:#ffffff2e;border:1px solid #ffffff73;box-shadow:0 8px 32px #0003;color:#fff}.btn:hover{background:#ffffff47}.action-btn,.action-btn.phone,.action-btn.whatsapp{background:#ffffff2e;border:1px solid #ffffff73;color:#fff}.card-title .role,.card-title h3,.number-display{color:#fff}.contact-card .action-btn.whatsapp{background:#22c55e2e;border-color:#22c55e8c}.contact-card .action-btn.phone{background:#94a3b82e;border-color:#94a3b88c}}.language-switcher{align-items:center;display:flex;gap:.5rem}.language-switcher button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .875rem;transition:all .3s ease;white-space:nowrap}.language-switcher button:hover{background:#ffffff40;transform:translateY(-1px)}.language-switcher button.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.language-switcher{gap:.5rem;justify-content:center;width:100%}.language-switcher button{flex:1 1;font-size:.875rem;padding:.5rem;text-align:center}}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.profile-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.profile-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.profile-modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.profile-close-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:all .2s}.profile-close-btn:hover{background:#f1f5f9;color:#ef4444}.profile-modal-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:2rem}.profile-modal-body::-webkit-scrollbar{width:10px}.profile-modal-body::-webkit-scrollbar-track{background:#e2e8f0}.profile-modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}.profile-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.profile-modal-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.profile-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.profile-form-group{display:flex;flex-direction:column;gap:.5rem}.span-full{grid-column:1/-1}.profile-form-group label{color:#334155;font-size:.9rem;font-weight:600}.required-star{color:#dc2626;margin-left:2px}.profile-form-group input,.profile-form-group select,.profile-form-group textarea{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.profile-form-group input:focus,.profile-form-group select:focus,.profile-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-form-group small{color:#64748b;font-size:.8rem}.logo-upload-container{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s}.logo-upload-container:hover{background:#eff6ff;border-color:#3b82f6}.logo-preview-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem}.logo-preview-box img{height:60px;object-fit:contain;width:60px}.remove-logo-btn{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.btn-cancel{padding:.6rem 1.2rem}.btn-save{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.5rem}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{cursor:not-allowed;opacity:.7}.error-banner{border-radius:6px;color:#991b1b;margin-bottom:1.5rem}@media (max-width:640px){.profile-form-grid{grid-template-columns:1fr}.profile-modal-content{height:95vh;width:95%}}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.layout{background:#f9f9f9;display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;padding:1.25rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{gap:.75rem}.logo-text{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-image{border-radius:4px;max-height:50px;max-width:150px;object-fit:contain}.header-actions{gap:.75rem}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:.5rem;padding:.5rem .875rem;transition:all .3s ease}.user-info.clickable{cursor:pointer}.user-info.clickable:hover{background:#ffffff40;transform:translateY(-1px)}.user-icon{align-items:center;display:flex;font-size:1rem}.user-name{max-width:200px;opacity:.95;overflow:hidden;text-overflow:ellipsis}.logout-btn,.user-name{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.logout-btn,.logout-icon{align-items:center;display:flex}.logout-icon{font-size:1rem}.logout-text{display:inline-block}.logout-btn:hover{background:#ffffff4d;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.mobile-menu-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:opacity .3s}.mobile-menu-toggle:hover{opacity:.8}@media (max-width:768px){.header{padding:.75rem 1rem;position:relative}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.mobile-menu-toggle{display:block;margin-left:auto}.header-actions{align-items:stretch;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:0 0 8px 8px;box-shadow:0 10px 20px #1e40af40;display:none!important;flex-direction:column;gap:.75rem;padding:1rem;position:absolute;right:0;top:100%;width:220px;z-index:1000}.header-actions.open{animation:slideDown .3s ease-out;display:flex!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logout-btn,.user-info{justify-content:flex-start;width:100%}.logout-btn,.user-info{background:#ffffff26;color:#fff}.logout-btn{border:1px solid #ffffff59}.logout-text,.user-name{display:inline-block}.lang-switcher-wrapper{display:flex;justify-content:center;margin-top:.5rem;width:100%}.header-logo{flex-grow:1}}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2.5rem;width:100%}@media (max-width:768px){.main-content{max-width:100%;padding:1rem;width:100%}}.admin-layout{background-color:var(--bg-color);display:flex;flex-direction:column;height:100%;min-height:100vh}.admin-nav{-webkit-overflow-scrolling:touch;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;overflow-x:auto;padding:1rem 2.5rem;position:-webkit-sticky;position:sticky;scroll-behavior:smooth;top:0;z-index:50}.admin-nav a{border-radius:10px;color:var(--text-secondary);flex:0 0 auto;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.admin-nav a:hover{background:var(--bg-color);color:var(--text-primary)}.admin-nav a.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px #2563eb4d;color:#fff}.admin-content{flex:1 1;overflow-y:auto;padding:2.5rem}@media (max-width:768px){.admin-nav{gap:.25rem;padding:.75rem 1rem}.admin-nav::-webkit-scrollbar{height:6px}.admin-nav::-webkit-scrollbar-track{background:var(--bg-color)}.admin-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}}.tailor-layout{background-color:var(--bg-color);display:flex;flex-direction:column;height:100%}.tailor-nav{-webkit-overflow-scrolling:touch;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem 2.5rem;position:-webkit-sticky;position:sticky;scrollbar-color:var(--border-color) var(--surface-color);scrollbar-width:thin;top:0;z-index:50}.tailor-nav::-webkit-scrollbar{height:6px}.tailor-nav::-webkit-scrollbar-track{background:var(--surface-color)}.tailor-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.tailor-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tailor-nav a{border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.tailor-nav a:hover{background:var(--bg-color);color:var(--text-primary);transform:translateY(-1px)}.tailor-nav a.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px #2563eb4d;color:#fff}.tailor-content{flex:1 1;overflow-y:auto;width:100%}@media (max-width:768px){.tailor-nav{gap:.4rem;padding:.75rem 1rem}.tailor-nav a{flex-shrink:0;font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.tailor-content{overflow-x:hidden;width:100%}}.stats-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.stats-card:before{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-dark) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stats-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stats-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.stats-icon{color:var(--primary-color);font-size:1.75rem;line-height:1}.stats-card h3{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.stats-subtitle{color:var(--text-secondary);font-size:.9rem;font-weight:500}.admin-dashboard{padding:0}.admin-dashboard h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.admin-dashboard .dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-bottom:2.5rem}.error-message{background:#fef2f2;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.dashboard-hero:before{background:#ffffff26}.modal-overlay{background-color:#0f172a99;z-index:1050}.modal-content.simple-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{font-weight:600}.close-btn{background:#0000;border-radius:6px;color:#94a3b8}.close-btn:hover{background:#f1f5f9}.modal-body{padding:1.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;padding:.75rem 1rem}.form-row{grid-gap:1rem;gap:1rem}.btn-cancel,.btn-submit{border-radius:8px}.btn-submit{box-shadow:0 2px 4px #2563eb1a}.btn-submit:hover{box-shadow:0 4px 6px #2563eb33}.btn-submit:disabled{transform:none}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem;margin-bottom:1.25rem;padding:.75rem}@media (max-width:640px){.modal-content.simple-modal{border-radius:0;height:100%;max-height:100vh}.form-row{gap:0;grid-template-columns:1fr}}.tailors-page{padding:0}.page-header h1{font-size:2rem}.search-input{transition:border-color .2s ease}.btn-primary{border-radius:10px;box-shadow:0 4px 6px #2563eb47;font-size:1rem;padding:.75rem 1.5rem}.btn-primary:hover{box-shadow:0 6px 12px #2563eb59;transform:translateY(-2px)}.table-container{border-radius:16px}.data-table{min-width:800px}.data-table thead{background:var(--bg-color)}.data-table th{font-size:.9rem}.data-table tbody tr:hover{background:var(--bg-color)}.status-badge{padding:.375rem .75rem}.status-active,.status-paid{background:#ecfdf5;border:1px solid #d1fae5;color:#047857}.status-blocked,.status-due,.status-overdue{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.action-buttons button{border-radius:8px;font-size:.85rem;padding:.5rem 1rem}.btn-block{background:#ef44441a;color:#ef4444}.btn-block:hover{background:#ef444433;transform:translateY(-1px)}.btn-unblock{background:#10b9811a;color:#10b981}.btn-unblock:hover{background:#10b98133;transform:translateY(-1px)}.btn-delete{color:#ef4444}.btn-delete:hover{background:#ef444433}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.create-admin-page{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:80vh;padding:2rem}.create-admin-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:2.5rem;width:100%}.create-admin-container h1{color:var(--text-primary);margin-bottom:.5rem;margin-top:0;text-align:center}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem;text-align:center}.alert{border-radius:6px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.alert-success{background-color:#ecfdf5;border:1px solid #d1fae5;color:#047857}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary)}.form-group input,.form-group textarea{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-actions{gap:1rem;margin-top:2rem}.form-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.monthly-accounts{padding:0}.monthly-accounts .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.monthly-accounts h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin:0}.monthly-accounts .search-input{max-width:420px}.cards-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:1.25rem}.account-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.account-title h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.account-title .shop{color:var(--text-secondary);display:block;font-size:.9rem}.status-badge{letter-spacing:.02em;margin-left:.5rem;white-space:nowrap}.status-paid{background:#ecfdf5;border:1px solid #d1fae5;color:#047857}.status-due{background:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.status-overdue{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.account-meta{grid-gap:1rem;background:var(--background-color);border-radius:12px;display:grid;flex-grow:1;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem;padding:1rem}.meta-item{display:flex;flex-direction:column;gap:.35rem}.meta-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.account-actions{display:flex;gap:.5rem}.btn-secondary{background:#fff;border:1px solid #e2e8f0;font-weight:600;padding:.6rem 1.25rem}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.modal-content.small-modal{background:#fff;border:none;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:520px;padding:1rem 1.25rem;position:relative;width:95%}.close-btn{color:#0f172a;font-size:1.1rem;height:28px;position:absolute;right:.75rem;top:.75rem;width:28px}.close-btn:hover{transform:rotate(90deg)}.form-group{margin-bottom:.75rem}.form-group label{color:#1e293b;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.form-actions{border-top:1px solid #f1f5f9;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.btn-cancel{border:1px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-submit{box-shadow:0 4px 6px -1px #2563eb33;font-size:.9rem;padding:.6rem 1.75rem}.rent-modal{max-width:480px!important}.header-title{gap:1rem}.header-title,.icon-bg{align-items:center;display:flex}.icon-bg{background:#eff6ff;border-radius:12px;color:#3b82f6;font-size:1.5rem;height:48px;justify-content:center;width:48px}.subtitle{color:#64748b;font-size:.875rem;margin:0}.amount-input{color:#1e293b;font-size:1.25rem!important;font-weight:600}.tailor-records{margin:0 auto;max-width:1400px;padding:2rem}.page-header h1{color:#1e293b;font-size:1.8rem;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:.95rem}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.filter-btn{background:#0000;border:none;border-radius:6px;color:#64748b;font-size:.875rem;font-weight:500;transition:all .2s}.filter-btn:hover{background:#ffffff80;color:#1e293b}.filter-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.filter-btn.overdue.active{background:#fef2f2;color:#ef4444}.filter-btn.warning.active{background:#fffbeb;color:#f59e0b}.filter-btn.ok.active{background:#ecfdf5;color:#10b981}.search-bar{min-width:300px;position:relative}.search-icon{color:#94a3b8;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.records-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:auto}.records-table{border-collapse:collapse;min-width:1000px;width:100%}.records-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:left}.records-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.95rem;padding:1rem 1.5rem;vertical-align:middle}.records-table tr:last-child td{border-bottom:none}.records-table tr:hover{background:#f8fafc}.tailor-info{display:flex;flex-direction:column}.tailor-name{color:#0f172a;font-weight:600}.tailor-shop{color:#64748b;font-size:.85rem;margin-top:2px}.contact-info{display:flex;flex-direction:column;gap:2px}.info-item{color:#475569;font-size:.85rem}.rent-info{display:flex;flex-direction:column;font-weight:500}.sub-text{color:#94a3b8;font-size:.8rem;font-weight:400}.last-paid{background:#ecfdf5;border-radius:9999px;color:#059669;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.due-date-cell{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.blocked{background:#fef2f2;color:#dc2626}.actions-cell{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.edit-btn{background:#3b82f6}.edit-btn:hover{background:#2563eb}.rent-btn{background:#10b981}.rent-btn:hover{background:#059669}.pdf-btn{background:#ef4444}.pdf-btn:hover{background:#dc2626}@media (max-width:1024px){.page-header{align-items:stretch;flex-direction:column}.search-bar{width:100%}}.tailor-dashboard{padding:0}.tailor-dashboard h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.tailor-dashboard .dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-bottom:2.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.loading{font-size:1.125rem;padding:4rem 2rem}.dashboard-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:20px;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:2.5rem;overflow:hidden;padding:3rem;position:relative}.dashboard-hero:before{background:#ffffff1a;border-radius:50%;content:"";filter:blur(80px);height:400px;position:absolute;right:-10%;top:-50%;width:400px}.dashboard-hero h2{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.dashboard-hero p{font-size:1.125rem;margin:0;opacity:.95;position:relative;z-index:1}.client-form-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:800px;overflow:hidden;padding:0!important;width:100%}.btn-cancel,.btn-submit{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.client-form-modal{max-height:90vh;width:95%}.modal-footer{gap:.75rem}}.clients-page{padding:2rem}.search-input{font-size:.9rem;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 2px #2563eb1a}.btn-primary{padding:.625rem 1.25rem;transition:all .3s ease}.btn-primary:hover{background:var(--primary-dark)}.table-container{box-shadow:var(--shadow-sm)}.data-table{white-space:nowrap}.data-table th,.data-table tr:hover{background:var(--bg-color)}.btn-delete,.btn-edit{border-radius:6px;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.btn-edit:hover{background:var(--primary-color);color:#fff}.btn-delete{background:#ef44441a;color:var(--danger-color)}.btn-delete:hover{background:var(--danger-color);color:#fff}.empty-state p{font-size:1.1rem}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column;width:100%}.btn-primary,.search-input{width:100%}}.modal-overlay{background-color:#0009;height:100%;padding:20px;width:100%;z-index:9999}.modal-card{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background-color:#f8fafc;padding:20px 25px}.modal-header h2{color:#1e293b;font-size:1.5rem}.close-button{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:2rem;justify-content:center;line-height:1;padding:0;transition:color .2s}.close-button:hover{color:#ef4444}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:25px}.form-group{gap:8px}.form-group label{font-size:.9rem}.form-control{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:1rem;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.measurements-container{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:20px}.measurements-header{color:#334155;display:block;font-size:1rem;font-weight:700;margin-bottom:15px}.measurements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.measurement-item{gap:5px}.measurement-item label{color:#64748b;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measurement-input-group{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;display:flex;overflow:hidden}.measurement-input-group input{border:none;color:#0f172a;font-size:.95rem;font-weight:600;min-width:0;padding:8px;width:100%}.measurement-input-group input:focus{background-color:#f8fafc;outline:none}.measurement-input-group select{background-color:#f8fafc;border:none;border-left:1px solid #cbd5e1;color:#64748b;cursor:pointer;font-size:.8rem;padding:0 5px;width:60px}.measurement-input-group select:focus{outline:none}.modal-footer{background-color:#fff;gap:12px;padding:20px 25px}.btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary{background-color:#fff}.btn-secondary:hover{background-color:#f1f5f9}.btn-primary{background-color:#2563eb;border:1px solid #2563eb}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px #2563eb33}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.9rem;padding:12px}.orders-page{padding:2rem;width:100%}.header-left h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.export-buttons{align-items:center;display:flex;gap:.75rem}.btn-export,.btn-share{font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.btn-export{border:1px solid #e2e8f0}.btn-export:hover{border-color:#ef4444}.btn-share{background:#fff;border:1px solid #e2e8f0;color:#10b981}.btn-share:hover{background:#ecfdf5;border-color:#10b981}.btn-primary{background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{box-shadow:0 6px 8px -1px #2563eb4d;transform:translateY(-1px)}.table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;overflow-x:auto}.data-table{min-width:900px}.data-table thead{background:#f8fafc}.data-table th{color:#64748b;font-size:.8rem;text-align:left;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:1rem}.data-table td{font-size:.9rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.status-in-progress{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8}.payment-complete-badge{color:#10b981;font-weight:700;margin-left:.25rem}.remaining-amount{color:#dc2626;font-weight:600}.remaining-paid{color:#10b981;font-weight:600}.action-buttons{display:flex;gap:.5rem}.action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:.4rem .75rem;transition:all .2s ease}.btn-print{background:#fff;border:1px solid #e2e8f0;color:#0891b2}.btn-print:hover{background:#ecfeff;border-color:#0891b2}.btn-invoice{background:#fff;border:1px solid #e2e8f0;color:#6366f1}.btn-invoice:hover{background:#eef2ff;border-color:#6366f1}.btn-edit{background:#fff;border:1px solid #e2e8f0;color:#d97706}.btn-edit:hover{background:#fffbeb;border-color:#d97706}.btn-delete{background:#fff;border:1px solid #e2e8f0}.btn-delete:hover{background:#fef2f2;border-color:#dc2626}.empty-state{box-shadow:0 1px 2px 0 #0000000d}.loading{color:var(--text-secondary);padding:4rem;text-align:center}@media (max-width:768px){.orders-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.export-buttons{flex:1 1}.btn-export,.btn-share{flex:1 1;justify-content:center}.btn-primary{flex:1 1}.search-input{max-width:100%}}.design-form-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:800px;overflow:hidden;padding:0!important;width:100%}.image-upload-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.image-preview{align-self:flex-start;border:1px solid #cbd5e1;border-radius:8px;display:inline-block;max-height:300px;max-width:100%;overflow:hidden;position:relative}.image-preview img{display:block;max-height:300px;max-width:100%;object-fit:contain}.remove-image-btn{background:#ef4444e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:background .2s}.remove-image-btn:hover{background:#ef4444}.image-input{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s;width:100%}.image-input:hover{background:#f1f5f9;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.btn-cancel{padding:.75rem 1.25rem}.btn-cancel,.btn-submit{align-items:center;display:flex;flex:1 1;justify-content:center}.btn-submit{padding:.75rem 1.5rem}@media (max-width:768px){.design-form-modal{max-height:90vh;width:95%}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:row-reverse;gap:.75rem;justify-content:space-between}.btn-cancel,.btn-submit{flex:1 1;justify-content:center;width:auto}}.designs-page{padding:2rem}.filter-section{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.filter-section label{color:var(--text-secondary);font-weight:500}.filter-section select{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.625rem 1rem}.filter-section select:focus{border-color:var(--primary-color);outline:none}.designs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.design-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.design-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.design-image{background:var(--bg-color);height:200px;overflow:hidden;width:100%}.design-image img{height:100%;object-fit:cover;width:100%}.design-content{padding:1.5rem}.design-content h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.25rem;margin:0 0 .75rem}.design-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.design-price{color:#10b981;font-size:1.1rem;margin-bottom:1rem;padding:.5rem 0}.design-price strong{font-weight:600}.status-badge.active{border:1px solid #bbf7d0}.status-badge.inactive{border:1px solid #fca5a5}.clothing-type-tag{background:#2563eb1a;border:1px solid #2563eb33;border-radius:6px;color:var(--primary-color);font-size:.85rem;padding:.25rem .75rem}.btn-delete,.btn-edit{border-radius:8px;font-size:.9rem;font-weight:500;padding:.625rem 1rem;transition:all .3s ease}.empty-state{border:1px solid var(--border-color);border-radius:16px;padding:4rem 2rem}.empty-state p{color:var(--text-secondary);font-size:1.125rem;margin:0}@media (max-width:768px){.designs-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.designs-grid{grid-template-columns:1fr}.filter-section{align-items:flex-start;flex-direction:column}}.measurement-category-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:800px;overflow:hidden;padding:0!important;width:95%}@media (min-width:768px){.form-grid{column-gap:1.5rem;grid-template-columns:repeat(2,1fr);row-gap:1.25rem}.span-full{grid-column:span 2}}.form-group input,.form-group select,.form-group textarea{background:#fff;color:#1e293b;transition:all .2s}.fields-section{border-top:1px solid #e2e8f0;padding-top:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h3{color:#334155;font-size:1rem;font-weight:600;margin:0}.btn-add-field{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-add-field:hover{background:#e2e8f0;color:#1e293b}.field-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;padding:1rem}.field-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.field-name-input{flex:2 1;min-width:150px}.field-value-input{flex:1 1;min-width:100px}.required-checkbox{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.btn-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:color .2s}.btn-remove:hover{color:#ef4444}.client-select-wrapper,.design-select-wrapper{position:relative}.client-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:0 0 6px 6px;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.client-dropdown-item{color:#334155;cursor:pointer;font-size:.95rem;padding:.5rem .875rem}.client-dropdown-item:hover{background:#f1f5f9}.measurement-categories-page{max-width:100%;padding:20px;width:100%}@media (max-width:768px){.measurement-categories-page{max-width:100%;padding:1rem;width:100%}}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-wrapper{min-width:250px;position:relative}.search-input{border:1px solid #e2e8f0;padding:.75rem 1rem;transition:all .2s}.search-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.category-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.card-header h3{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.2em;gap:5px;margin:0}.client-name,.design-name{color:var(--primary-color);font-weight:500}.client-code-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;display:inline-flex;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 5px;padding:2px 8px}.client-phone{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px}.phone-icon{font-size:1rem}.separator{color:var(--text-light)}.urdu-name{color:var(--text-secondary);font-size:.9em}.status-badge{border-radius:12px;font-size:.85em;padding:4px 12px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.card-description{color:var(--text-secondary);font-size:.9em}.card-description,.card-info{margin-bottom:15px}.fields-count{color:#16a34a;font-weight:500}.fields-list{margin-bottom:15px}.fields-list strong{color:var(--text-primary);display:block;margin-bottom:8px}.fields-list ul{list-style:none;margin:0;padding:0}.fields-list li{align-items:center;display:flex;font-size:.9em;gap:8px;padding:4px 0}.field-name,.fields-list li{color:var(--text-secondary)}.field-value{color:#16a34a;font-weight:500;margin-left:5px}.field-value .unit-inline{color:var(--text-light);font-weight:400;margin-left:3px}.unit-badge{color:var(--text-light);font-size:.85em;margin-left:5px}.card-actions{gap:10px;margin-top:15px}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9em;padding:8px 16px;transition:background .2s}.btn-edit{background:var(--primary-color);color:#fff}.btn-edit:hover{background:var(--primary-dark)}.btn-delete{background:#dc2626;color:#fff}.btn-delete:hover{background:#b91c1c}@media (max-width:768px){.categories-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column}.search-wrapper{min-width:auto;width:100%}.header-actions{align-items:stretch;flex-direction:column}}.modal-overlay{animation:modalFadeIn .3s ease-out}.staff-form-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:800px;overflow:hidden;padding:0!important;width:100%}.modal-header{left:0;padding:1rem 1.5rem;right:0}@media (min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.span-full{grid-column:1/-1}}.form-group label{color:#475569;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:.95rem;padding:.625rem .875rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-message{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.modal-footer{justify-content:flex-end}.btn-cancel{border-radius:6px;cursor:pointer;font-weight:500;padding:.625rem 1.25rem}.btn-submit{background:var(--primary-color,#3b82f6);font-weight:500;padding:.625rem 1.5rem}.btn-submit:disabled{opacity:.7}@media (max-width:768px){.staff-form-modal{max-height:90vh;width:95%}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:row-reverse;gap:.75rem;justify-content:space-between}.btn-cancel,.btn-submit{flex:1 1;justify-content:center;width:auto}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.advance-form-container{animation:fadeIn .3s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.advance-form-inline{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.btn-cancel-small,.btn-submit-small{align-items:center;display:flex;justify-content:center;padding:0 1.25rem;white-space:nowrap}@media (max-width:640px){.advance-form-inline{grid-template-columns:1fr}}.salary-form{animation:fadeIn .3s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.salary-form-inline{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-input-small{font-size:.95rem;padding:.75rem;transition:all .2s}.checkbox-label,.full-width{grid-column:1/-1}.checkbox-label{font-size:.95rem;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:1.25rem;width:1.25rem}.btn-calculate{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;grid-column:1/-1;justify-content:center;padding:.75rem;transition:all .2s}.btn-calculate:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.btn-calculate:disabled{cursor:not-allowed;opacity:.5}.calculation-result{border-radius:8px;grid-column:1/-1;margin-top:.5rem;padding:1.25rem}.calc-row{align-items:center;border-bottom:1px solid #e2e8f0;margin-bottom:.75rem;padding-bottom:.75rem}.calc-row span{color:#64748b;font-size:1rem}.calc-row strong{color:#16a34a;font-size:1.25rem;font-weight:600}.calc-details{grid-gap:.75rem;display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-actions-inline{gap:1rem;grid-column:1/-1;margin-top:1rem}.btn-cancel-small,.btn-submit-small{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem;transition:all .2s}.btn-submit-small:hover:not(:disabled){background:#16a34a}.btn-submit-small:disabled{cursor:not-allowed;opacity:.7}.btn-add-small{align-items:center;background:#eff6ff;border:1px dashed #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;min-width:150px;padding:.6rem 1.2rem;transition:all .2s;width:auto}.btn-add-small:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.error-message-small{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}@media (max-width:640px){.calc-details,.salary-form-inline{grid-template-columns:1fr}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172abf}.modal-footer{margin-top:auto;padding:1rem 1.5rem}.btn-close-modal{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;justify-content:center;padding:.75rem 1rem;transition:all .2s}.btn-close-modal:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}@media (max-width:640px){.staff-details-modal{max-height:90vh;width:95%}}.staff-details-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:900px;overflow:hidden;padding:0!important;width:100%}.modal-header{z-index:50}.modal-title{font-weight:700}.close-btn{background:#f8fafc;border:1px solid #e2e8f0;height:36px;padding-bottom:4px;transition:all .2s ease;width:36px}.close-btn:hover{border-color:#fecaca}.modal-main{align-items:normal!important;background:#f8fafc}.staff-summary-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem}.staff-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.info-section.full-width{grid-column:1/-1}.info-section h3{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.info-grid{grid-gap:1rem;display:grid;gap:1rem}.info-item{flex-direction:column;gap:.25rem}.info-label{color:#64748b;font-size:.75rem}.info-value{color:#1e293b;font-size:.95rem;font-weight:500}.info-value.highlight{color:#16a34a;font-weight:700}.info-value.warning{color:#d97706;font-weight:700}.tabs-container{background:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:40}.tabs{gap:1.5rem;padding:0 1.5rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;font-size:.9rem;font-weight:600;padding:1rem .25rem;transition:all .2s}.tab-button:hover{color:#1e293b}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-content{flex:1 1;padding:1.5rem}.tab-panel h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.advances-list,.assignments-list,.salary-records-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.advance-card,.assignment-card,.salary-record-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.25rem;transition:box-shadow .2s}.advance-card:hover,.assignment-card:hover,.salary-record-card:hover{box-shadow:0 4px 6px -1px #0000001a}.advance-header,.assignment-header,.record-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.advance-header strong,.assignment-header strong,.record-header strong{color:#1e293b;font-size:.95rem}.advance-info,.assignment-info,.record-details{color:#475569;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.detail-row{display:flex;justify-content:space-between}.status-badge{letter-spacing:.025em;padding:.25rem .625rem}.status-active,.status-completed{background:#dcfce7;color:#166534}.status-inactive{background:#f1f5f9;color:#475569}.status-pending{background:#fef3c7;color:#92400e}.status-assigned,.status-in_progress{background:#dbeafe;color:#1e40af}.status-left{background:#fee2e2;color:#991b1b}.empty-state-small{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;padding:3rem 2rem;text-align:center}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.panel-header h3{margin:0}.inline-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.form-input-small{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.9rem;margin-bottom:.75rem;padding:.5rem .75rem;width:100%}.form-input-small:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions-inline{display:flex;flex-direction:row-reverse;gap:.75rem;margin-top:.5rem}.btn-add-small,.btn-calculate,.btn-cancel-small,.btn-submit-small{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-add-small{background:#3b82f6;color:#fff}.btn-add-small:hover{background:#2563eb}.btn-submit-small{background:#22c55e;color:#fff}.btn-submit-small:hover{background:#16a34a}.btn-cancel-small{background:#fff;border:1px solid #cbd5e1;color:#64748b}.btn-cancel-small:hover{background:#f1f5f9;border-color:#fecaca;color:#ef4444}.btn-calculate{background:#8b5cf6;color:#fff;margin-bottom:.75rem;width:100%}.btn-calculate:hover{background:#7c3aed}.checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.calculation-result{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:1rem;padding:.75rem}.calc-row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem}.calc-details{color:#64748b;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.staff-details-modal{border-radius:12px;max-height:90vh;width:95%}.modal-header,.staff-summary-section{padding:1rem}.staff-overview{grid-template-columns:1fr}.tabs{gap:1rem;padding:0 1rem}.tab-content{padding:1rem}.advances-list,.assignments-list,.salary-records-list{grid-template-columns:1fr}.panel-header{align-items:stretch;flex-direction:column;gap:1rem}.btn-add-small{width:100%}}.staff-page{padding:2rem}.staff-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staff-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.staff-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.staff-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.staff-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.25rem;margin:0}.status-badge{border-radius:6px;font-size:.85rem;font-weight:500}.status-badge.status-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.status-badge.status-inactive{background:#fffbeb;border:1px solid #fcd34d;color:#d97706}.status-badge.status-left{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.staff-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.info-item{align-items:center;display:flex;justify-content:space-between}.info-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.info-value{color:var(--text-primary);font-size:.9rem}.card-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.btn-delete,.btn-edit,.btn-view{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.625rem 1rem;transition:all .3s ease}.btn-view{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.btn-view:hover{background:#22c55e33;transform:translateY(-1px)}.btn-edit{background:#2563eb1a;border:1px solid #2563eb33;color:var(--primary-color)}.btn-edit:hover{background:#2563eb33;transform:translateY(-1px)}.btn-delete{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.btn-delete:hover{background:#fecaca;transform:translateY(-1px)}@media (max-width:768px){.staff-page{padding:1rem}.staff-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}}.reports-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-button{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f8fafc;border-color:var(--text-secondary);color:var(--text-primary)}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff}.report-filters{background:#fff;border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem}.filter-group,.report-filters{align-items:center;display:flex}.filter-group{gap:1rem}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;min-width:200px;padding:.6rem 1rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.report-content{min-height:400px}.dashboard-report,.karigar-report,.last-month-report,.total-orders-report{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card.highlight{background:linear-gradient(135deg,#2563eb0d,#1e40af0d);border-color:#2563eb33}.stat-card h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stat-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin:0}.stat-subtitle{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0}.report-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem}.report-summary h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;margin:0 0 1.5rem;padding-bottom:1rem}.period-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.summary-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.summary-item.highlight .summary-value{color:var(--primary-color)}.report-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-export,.btn-share{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-export{background:#fff;border:1px solid #fee2e2;color:#ef4444}.btn-export:hover{background:#fef2f2;box-shadow:0 4px 6px -1px #ef44441a;transform:translateY(-1px)}.btn-share{background:#10b981;box-shadow:0 2px 4px #10b98133;color:#fff}.btn-share:hover{background:#059669;box-shadow:0 4px 6px -1px #10b9814d;transform:translateY(-1px)}.assignments-table{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:2rem;overflow:hidden}.assignments-table h3{background:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;margin:0;padding:1rem 1.5rem}.table-responsive{-webkit-overflow-scrolling:touch;max-height:400px;overflow-x:auto;overflow-y:auto;width:100%}.data-table{border-collapse:collapse;min-width:600px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;text-align:left;white-space:nowrap}.data-table th{background:#f8fafc;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.status-badge{border-radius:50px;display:inline-block;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-pending{background:#fffbeb;border:1px solid #fcd34d;color:#d97706}.status-in-progress,.status-in_progress{border:1px solid #bfdbfe;color:#2563eb}.status-completed{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.status-cancelled{border:1px solid #fecaca;color:#dc2626}.empty-state{background:var(--surface-color);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);padding:3rem;text-align:center}@media (max-width:768px){.report-actions{flex-direction:column}.btn-export,.btn-share{justify-content:center;width:100%}}@media (max-width:640px){.report-filters{gap:1rem;padding:1rem}.filter-group{align-items:stretch;flex-direction:column;gap:.5rem;width:100%}.filter-group input,.filter-group select{min-width:0;min-width:auto;width:100%}}.order-completion-modal{background:#fff!important;border:none;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:600px;overflow:hidden;padding:0!important;width:95%}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;font-size:1.5rem;padding:.25rem;transition:color .2s}.modal-form-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-main{flex-direction:column;gap:1.5rem;padding:1.5rem}.order-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.summary-row{color:#475569;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem}.summary-row:last-child{margin-bottom:0}.summary-row.highlight{border-top:1px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#334155;font-size:.875rem;font-weight:500}.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.95rem;padding:.625rem .875rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{color:#64748b;font-size:.8rem}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;flex-direction:row-reverse;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;z-index:10}.btn-cancel,.btn-submit{border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .2s}.btn-submit{background:#3b82f6}.btn-submit:hover{background:#2563eb}.btn-submit:disabled{background:#93c5fd;cursor:not-allowed}.btn-cancel{background:#fff;border:1px solid #cbd5e1;color:#64748b}.btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.work-page{padding:2rem;width:100%}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left{flex:0 0 auto}.header-center{display:flex;flex:1 1;justify-content:center;min-width:200px}.header-right{align-items:center;display:flex;flex:0 0 auto;gap:1rem}.page-header h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text-primary)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 6px -1px #2563eb33;color:#fff}.search-input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:var(--text-primary);font-size:.95rem;max-width:400px;padding:.625rem 1rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.work-table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;overflow-x:auto}.work-table{border-collapse:collapse;min-width:900px;width:100%}.work-table thead{background:#f8fafc}.work-table th{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.work-table td,.work-table th{border-bottom:1px solid var(--border-color);padding:1rem}.work-table td{color:var(--text-primary);font-size:.9rem;vertical-align:middle}.work-table tbody tr:last-child td{border-bottom:none}.work-table tbody tr:hover{background:#f8fafc}.row-overdue{background:#fef2f2!important}.row-overdue td:first-child{border-left:3px solid #ef4444}.row-overdue:hover{background:#fee2e2!important}.btn-clipboard{align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.4rem .75rem;transition:all .2s ease}.btn-clipboard:hover{background:#eff6ff;border-color:var(--primary-color);transform:translateY(-1px)}.clipboard-icon{font-size:.9rem}.no-measurements{color:var(--text-secondary);font-size:.85rem;font-style:italic}.date-overdue{color:#ef4444;font-weight:600}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.35rem .75rem;text-transform:capitalize}.status-pending{background:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.status-in-progress,.status-in_progress{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8}.status-completed{background:#f0fdf4;border:1px solid #dcfce7;color:#15803d}.status-cancelled{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem}.task-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.btn-task-in-progress{background-color:#eff6ff;border:1px solid #bfdbfe!important;color:#1d4ed8}.btn-task-in-progress:hover{background-color:#dbeafe;transform:translateY(-1px)}.btn-task-complete{background-color:#f0fdf4;border:1px solid #bbf7d0!important;color:#15803d}.btn-task-complete:hover{background-color:#dcfce7;transform:translateY(-1px)}.btn-print{background-color:#f8fafc;border:1px solid #cbd5e1!important;color:#475569}.btn-print:hover{background-color:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.btn-export-pdf{background-color:#fff1f2;border:1px solid #fecdd3!important;color:#be123c}.btn-export-pdf:hover{background-color:#ffe4e6;color:#9f1239;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99}.modal-content.measurements-modal{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;max-height:90vh;max-width:950px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem}.modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.close-btn:hover{background:#fee2e2;color:#ef4444}.modal-main{flex:1 1;overflow-y:auto;padding:2rem}.modal-main::-webkit-scrollbar{width:6px}.modal-main::-webkit-scrollbar-track{background:#0000}.modal-main::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.task-details-grid{grid-gap:2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item strong{color:#64748b;display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.detail-item div{color:#1e293b;font-size:1rem;font-weight:500;line-height:1.5}.measurements-section-title{color:#475569;font-size:1rem;font-weight:600;margin-bottom:1rem}.measurements-list{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.measurement-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;max-width:200px;min-width:140px;padding:1rem;text-align:center;transition:all .2s ease}.measurement-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.measurement-name{color:#64748b;font-size:.8rem;font-weight:500;margin-bottom:.5rem;text-transform:capitalize}.measurement-value{align-items:baseline;color:#0f172a;display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center}.measurement-value small{color:#94a3b8;font-size:.8rem;font-weight:400}.measurement-notes{color:#94a3b8;font-size:.75rem;font-style:italic;margin-top:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-footer{background:#fff;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-start;padding:1.5rem 2rem}.btn-copy{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-copy:hover{background:#1d4ed8}.btn-close{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-close:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}@media (max-width:768px){.task-details-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.measurements-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.measurement-item{max-width:none;padding:1rem}.btn-close,.btn-copy{text-align:center;width:100%}}.App{direction:ltr;min-height:100vh}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content.split-modal{background:var(--surface-color)!important;border:none;border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:row;max-height:70vh;max-width:700px;overflow:hidden;padding:0!important;width:100%}.modal-sidebar{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:38%}.sidebar-content{position:relative;z-index:2}.modal-sidebar h2{font-size:1rem;font-weight:700;letter-spacing:.05em;line-height:1.2;margin:0;opacity:.95;text-transform:uppercase}.modal-sidebar h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;line-height:1;margin:.5rem 0 1rem}.modal-sidebar p{font-size:.9rem;font-weight:400;line-height:1.5;opacity:.9}.sidebar-circle-1{height:160px;left:-40px;top:-40px;width:160px}.sidebar-circle-1,.sidebar-circle-2{background:#ffffff14;border-radius:50%;position:absolute;z-index:1}.sidebar-circle-2{bottom:-20px;height:120px;right:-20px;width:120px}.modal-main{align-items:center;background:#fff;display:flex;padding:1.25rem 1.75rem;width:100%}.blocked-card{text-align:center;width:100%}.blocked-card h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.blocked-message{color:var(--text-secondary);margin-bottom:1rem}.form-actions{display:flex;flex-direction:row-reverse;justify-content:center}.btn-submit{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .2s}.btn-submit:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.modal-content.split-modal{flex-direction:column;max-height:80vh}.modal-sidebar{padding:1.5rem;width:100%}.modal-main{padding:1.25rem;width:100%}}
/*# sourceMappingURL=main.0ccb5233.css.map*/