@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container-landing{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;font-family:var(--font-primary);height:100vh;justify-content:center;overflow:hidden;position:relative}.overlay{background:linear-gradient(135deg,#8b4513b3,#000c 50%,#dc143c4d);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.content{animation:fadeIn 1.5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;padding:var(--spacing-xxl);position:relative;text-align:center;z-index:1}.heading-landing{animation:fadeInDown 1s ease-out;color:var(--text-white);font-size:var(--heading-1);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-xl);text-shadow:2px 2px 8px #0009}.subText{animation:fadeInUp 1s ease-out .3s both;color:var(--text-white);font-size:var(--body-large);line-height:1.6;margin-bottom:var(--spacing-xxl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.buttonContainer{animation:fadeInUp 1s ease-out .6s both;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.link{text-decoration:none;transition:transform var(--transition-default)}.link:hover{transform:scale(1.05)}.landing-button{border:2px solid #ffffff4d;border-radius:var(--radius-pill);font-size:var(--body-large);font-weight:600;min-width:180px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xxl);position:relative;transition:all var(--transition-default)}.landing-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.landing-button:hover:before{left:100%}.landing-button:hover{border-color:#fff9;box-shadow:0 0 20px #8b451366,0 0 40px #8b451333}.features{animation:fadeInUp 1s ease-out .9s both;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-xxl)}.feature-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-lg);min-width:200px;padding:var(--spacing-lg);transition:all var(--transition-default)}.feature-item:hover{background:#ffffff26;border-color:#dc143c4d;transform:translateY(-5px)}.feature-icon{color:var(--text-white);font-size:2rem;margin-bottom:var(--spacing-md)}.feature-title{color:var(--text-white);font-size:var(--body);font-weight:600;margin-bottom:var(--spacing-sm)}.feature-description{color:#fffc;font-size:var(--body-small);line-height:1.4}@media (max-width:768px){.content{margin:var(--spacing-lg);max-width:90%;padding:var(--spacing-xl)}.heading-landing{font-size:2.5rem}.subText{font-size:1.125rem}.buttonContainer{align-items:center;flex-direction:column}.landing-button{max-width:300px;width:100%}.features{align-items:center;flex-direction:column}.feature-item{max-width:300px;width:100%}}@media (max-width:480px){.heading-landing{font-size:2rem}.subText{font-size:1rem}.content{padding:var(--spacing-lg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}.decorative-circle{background:radial-gradient(circle,#8b45134d 0,#0000 70%);border-radius:50%;position:absolute;z-index:0}.circle-1{animation:float 6s ease-in-out infinite;height:300px;left:-150px;top:-150px;width:300px}.circle-2{animation:float 4s ease-in-out infinite reverse;background:radial-gradient(circle,#dc143c33 0,#0000 70%);bottom:-100px;height:200px;right:-100px;width:200px}.login-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh}.container-login{animation:slideInRight .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:auto;max-width:450px;padding:var(--spacing-xxl);position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--spacing-lg);text-align:center}.heading-login{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-black);font-size:var(--heading-2);font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:none}.login-subtitle{color:var(--text-gray);font-size:var(--body);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.login-input{background:var(--bg-light);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-size:var(--body);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.login-input:focus{background:var(--text-white);border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.login-input:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ef44441a;border-left:3px solid var(--secondary-red);font-size:var(--body-small);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.form-options{display:flex;justify-content:flex-end;margin-top:calc(var(--spacing-sm)*-1)}.forgot-password-link{color:var(--primary-brown-1);font-size:var(--body-small);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--secondary-red);text-decoration:underline}.login-button{font-weight:600;height:48px;letter-spacing:.5px;overflow:hidden;position:relative;transition:all var(--transition-default)}.login-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.loading-spinner{height:16px;margin-right:8px;width:16px}.signup-link-container{border-top:1px solid #e5e7eb;margin-top:var(--spacing-md);padding-top:var(--spacing-lg);text-align:center}.signup-text{color:var(--text-gray);font-size:var(--body)}.signup-link{color:var(--primary-brown-1);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.signup-link:hover{color:var(--secondary-red);text-decoration:underline}@media (max-width:768px){.container-login{margin:var(--spacing-lg);max-width:90%;padding:var(--spacing-xl)}.heading-login{font-size:var(--heading-3)}}@media (max-width:480px){.container-login{margin:var(--spacing-md);padding:var(--spacing-lg)}.heading-login{font-size:var(--heading-4)}.login-button,.login-subtitle{font-size:var(--body-small)}.login-button{height:44px}}.input-loading{position:relative}.input-loading:after{animation:spin 1s ease-in-out infinite;border:2px solid #8b451333;border-radius:50%;border-top:2px solid var(--primary-brown-1);content:"";height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.signup-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-lg)}.container-signup{animation:slideInLeft .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:auto;max-height:90vh;max-width:800px;overflow-y:auto;padding:var(--spacing-xxl);position:relative;width:100%;z-index:1}.signup-header{margin-bottom:var(--spacing-xl);text-align:center}.heading-signup{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-black);font-size:var(--heading-2);font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:none}.signup-subtitle{color:var(--text-gray);font-size:var(--body);line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.form-section{background:var(--bg-light);border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{padding-bottom:var(--spacing-sm)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group{text-align:left}.password-hint{color:var(--text-gray);font-size:var(--body-small);font-weight:400}.signup-input{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-size:var(--body);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.signup-input:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.signup-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.signup-input select,.signup-input[type=date],.signup-input[type=email],.signup-input[type=number],.signup-input[type=password],.signup-input[type=tel],.signup-input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.signup-input select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.error-message,.success-message,.terms-container{margin:var(--spacing-md) 0;text-align:center}.terms-container{background:#f5f5f580;border-radius:var(--radius-md);padding:var(--spacing-md)}.terms-text{color:var(--text-gray);font-size:var(--body-small);line-height:1.6}.terms-link{color:var(--primary-brown-1);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.terms-link:hover{color:var(--secondary-red);text-decoration:underline}.signup-button{font-size:var(--body-large);font-weight:600;height:52px;letter-spacing:.5px;overflow:hidden;position:relative;transition:all var(--transition-default)}.signup-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signup-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.loading-spinner{border:2px solid #ffffff4d;border-top:2px solid var(--text-white);display:inline-block;height:18px;margin-right:10px;width:18px}.login-link-container{border-top:1px solid #e5e7eb;margin-top:var(--spacing-md);padding-top:var(--spacing-lg);text-align:center}.login-text{color:var(--text-gray);font-size:var(--body)}.login-link{color:var(--primary-brown-1);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.login-link:hover{color:var(--secondary-red);text-decoration:underline}@media (max-width:768px){.container-signup{margin:var(--spacing-lg);max-width:95%;padding:var(--spacing-xl)}.heading-signup{font-size:var(--heading-3)}.form-section{padding:var(--spacing-md)}.signup-button{font-size:var(--body);height:48px}}@media (max-width:480px){.container-signup{margin:var(--spacing-md);max-width:100%;padding:var(--spacing-lg)}.heading-signup{font-size:var(--heading-4)}.signup-subtitle{font-size:var(--body-small)}.section-title{font-size:var(--body)}}.password-strength{background:#e5e7eb;border-radius:var(--radius-sm);height:4px;margin-top:var(--spacing-xs);overflow:hidden}.password-strength-fill{height:100%;transition:width var(--transition-fast),background var(--transition-fast);width:0}.password-strength-fill.weak{background:var(--secondary-red);width:33%}.password-strength-fill.medium{background:#f59e0b;width:66%}.password-strength-fill.strong{background:#10b981;width:100%}.client-home-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-lg);position:relative}.client-home-container{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:1200px;overflow:hidden}.client-header{background:var(--primary-gradient);color:var(--text-white);padding:var(--spacing-xl)}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.greeting-section{flex:1 1;min-width:300px}.greeting{font-size:var(--heading-2);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}.client-name{color:#ffffffe6}.welcome-text{font-size:var(--body);margin-top:var(--spacing-xs);opacity:.9}.user-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);gap:var(--spacing-md);padding:var(--spacing-md)}.avatar-circle,.user-badge{align-items:center;display:flex}.avatar-circle{background:#fff3;border-radius:var(--radius-round);font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info{display:flex;flex-direction:column}.user-role{font-size:var(--body);font-weight:600;text-transform:capitalize}.user-status{font-size:var(--body-small);opacity:.8;padding-left:15px;position:relative}.user-status:before{background:#10b981;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.client-main,.profile-summary-card{padding:var(--spacing-xl)}.profile-summary-card{background:var(--bg-light);border:1px solid #e5e7eb;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.card-title{border-bottom:2px solid #8b45131a;color:var(--primary-brown-1);font-size:var(--heading-4);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.profile-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-label{color:var(--text-gray);font-size:var(--body-small);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-value{color:var(--text-black);font-size:var(--body);font-weight:600}.profile-bio{grid-column:1/-1;margin-top:var(--spacing-md)}.profile-bio .profile-value{background:#8b45130d;border-left:3px solid var(--primary-brown-1);border-radius:var(--radius-md);font-weight:400;line-height:1.6;padding:var(--spacing-md)}.actions-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--heading-4)}.actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:flex-start;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:180px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:left;transition:all var(--transition-default)}.action-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.action-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.action-card:hover:before{transform:translateX(100%)}.action-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.action-title{color:inherit;font-size:var(--body-large);font-weight:600;margin:0}.action-desc{font-size:var(--body-small);line-height:1.4;margin:0;opacity:.9}.logout-section{border-top:1px solid #e5e7eb;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:center}.logout-button{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--body);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xxl);transition:all var(--transition-default)}.logout-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.logout-icon{font-size:1.2rem}.logout-note{color:var(--text-gray);font-size:var(--body-small);margin-top:var(--spacing-sm)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInUp .4s ease-out;background:var(--text-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--spacing-xl);width:90%}.modal-text{margin-bottom:var(--spacing-md);text-align:center}.error-container,.loading-container{align-items:center;background:#fffffffa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.loading-spinner-large{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top:4px solid var(--text-white);height:70px;width:70px}.loading-text{font-size:var(--body);margin-top:var(--spacing-md)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.error-container{background:linear-gradient(135deg,var(--primary-brown-1),var(--primary-brown-2));color:var(--text-white)}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.error-heading{font-size:var(--heading-3);margin-bottom:var(--spacing-md)}.error-message{font-size:var(--body-large);line-height:1.6;max-width:500px}@media (max-width:768px){.client-home-page{padding:var(--spacing-md)}.client-header{padding:var(--spacing-lg)}.greeting{font-size:var(--heading-3)}.header-content{flex-direction:column;text-align:center}.user-badge{justify-content:center;width:100%}.client-main{padding:var(--spacing-lg)}.actions-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .button{width:100%}}@media (max-width:480px){.client-home-container{border-radius:var(--radius-lg)}.greeting{font-size:var(--heading-4)}.profile-grid{grid-template-columns:1fr}.action-card{min-height:160px;padding:var(--spacing-lg)}}.action-card:hover .action-icon{transform:scale(1.1);transition:transform var(--transition-default)}.status-indicator{align-items:center;background:#10b9811a;border-radius:var(--radius-pill);color:#10b981;display:inline-flex;font-size:var(--body-small);gap:var(--spacing-xs);margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.status-indicator:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.edit-profile-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.edit-profile-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:800px;overflow:hidden}.profile-header{background:var(--primary-gradient);color:var(--text-white);padding:var(--spacing-xl);position:relative}.header-top-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.back-button{order:1}.avatar-section{order:2}.avatar-preview{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:var(--radius-round);color:var(--text-white);display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin-left:auto;width:80px}.header-content{border-top:1px solid #fff3;padding-top:var(--spacing-lg);text-align:center}.page-title{margin-bottom:var(--spacing-sm)}.page-subtitle{margin-bottom:var(--spacing-lg)}.avatar-change-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;font-size:var(--body-small);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.avatar-change-btn:hover{background:#fff3}.edit-profile-form{padding:var(--spacing-xl)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group.full-width{grid-column:1/-1}.form-input{background:var(--text-white);color:var(--text-black)}.form-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.field-error,.field-hint{display:block;margin-top:var(--spacing-xs)}.field-hint{color:var(--text-gray);font-size:var(--body-small);font-style:italic}.form-textarea{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-size:var(--body);min-height:120px;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-textarea:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.error-message{margin-bottom:var(--spacing-lg)}.cancel-button,.save-button{border-radius:var(--radius-pill);font-weight:600;min-width:140px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-default)}.save-button{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.cancel-button:hover,.save-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.success-modal-content{animation:slideInUp .4s ease-out;background:var(--text-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);width:90%}.success-message{margin-bottom:var(--spacing-lg)}.success-details{background:#10b9810d;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);text-align:left}.success-details p{color:var(--primary-brown-1);font-weight:600;margin-bottom:var(--spacing-sm)}.success-details ul{list-style:none;padding-left:0}.success-details li{border-bottom:1px solid #0000000d;color:var(--text-gray);padding:var(--spacing-xs) 0}.success-details li:last-child{border-bottom:none}.success-modal-content .button{min-width:200px}@media (max-width:768px){.edit-profile-page{padding:var(--spacing-md)}.edit-profile-container{border-radius:var(--radius-lg)}.profile-header{padding:var(--spacing-lg)}.header-top-row{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.back-button{align-self:flex-start;order:1}.avatar-section{margin:0 auto;order:2}.avatar-preview{margin:0 auto}.page-title{font-size:var(--heading-3)}.edit-profile-form{padding:var(--spacing-lg)}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.page-title{font-size:var(--heading-4)}.section-title{font-size:var(--body)}.avatar-preview{font-size:1.5rem;height:60px;width:60px}}.order-form-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.order-form-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;overflow:hidden}.order-header{align-items:flex-start;background:var(--primary-gradient);color:var(--text-white);flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-xl)}.order-header,.order-stats{display:flex;gap:var(--spacing-lg)}.order-stats{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);padding:var(--spacing-md)}.form-section{padding:var(--spacing-xl)}.form-group,.form-row{margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-label{font-size:var(--body)}.form-input,.form-select,.form-textarea{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-size:var(--body);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.character-count{color:var(--text-gray);font-size:var(--body-small);margin-top:var(--spacing-xs);text-align:right}.checkbox-group{display:flex;flex-direction:column;justify-content:center}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.form-checkbox{display:none}.checkbox-custom{align-items:center;background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-sm);display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.form-checkbox:checked+.checkbox-label .checkbox-custom{background:var(--primary-brown-1);border-color:var(--primary-brown-1)}.form-checkbox:checked+.checkbox-label .checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.checkbox-label{font-weight:600;gap:var(--spacing-sm)}.checkbox-description{color:var(--text-gray);font-size:var(--body-small);margin-top:var(--spacing-xs);padding-left:30px}.measurements-table-container{border:1px solid #e5e7eb;border-radius:var(--radius-md);margin:var(--spacing-lg) 0;overflow-x:auto}.measurements-table{border-collapse:collapse;font-size:var(--body);width:100%}.measurements-table th{background:var(--primary-gradient);color:var(--text-white);font-weight:600;padding:var(--spacing-md);text-align:left}.measurements-table td{border-bottom:1px solid #e5e7eb;padding:var(--spacing-md)}.measurements-table tr:last-child td{border-bottom:none}.measurements-table tr:nth-child(2n){background:#8b451305}.body-part-cell{color:var(--primary-brown-1);font-weight:600}.measurement-cell{font-family:monospace;font-size:var(--body-large);text-align:right}.table-note{background:#8b451305;border-top:1px solid #e5e7eb;color:var(--text-gray);font-size:var(--body-small);padding:var(--spacing-md);text-align:center}.no-measurements{background:#ef44440d;border:1px solid #ef444433;border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center}.warning-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.form-actions{justify-content:flex-end;padding:var(--spacing-xl)}.reset-button,.submit-button{border-radius:var(--radius-pill);font-weight:600;min-width:180px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-default)}.reset-button:hover,.submit-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reset-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.quick-actions{background:#f5f5f580;border-top:1px solid #e5e7eb;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.quick-action-button{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-fast)}.quick-action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-message{animation:fadeIn .3s ease-out;border-radius:var(--radius-md);font-size:var(--body);font-weight:500;margin:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-md)}.order-modal-overlay,.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.order-modal-content,.success-modal-content{animation:slideInUp .4s ease-out;background:var(--text-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);width:90%}.modal-header{margin-bottom:var(--spacing-lg);text-align:center}.modal-icon{margin-bottom:var(--spacing-md)}.modal-body{margin-bottom:var(--spacing-xl)}.order-summary{background:#8b45130d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.summary-item{border-bottom:1px solid #8b45131a;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--primary-brown-1);font-weight:600}.summary-value{color:var(--text-gray);font-weight:500}.confirmation-text{color:var(--text-gray);font-size:var(--body);line-height:1.6;text-align:center}.modal-footer{justify-content:center}.modal-footer .button{min-width:140px}.success-modal-content{text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.success-title{color:var(--text-black);font-size:var(--heading-4);margin-bottom:var(--spacing-md)}.success-message{color:var(--text-gray);font-size:var(--body);line-height:1.6;margin-bottom:var(--spacing-xl)}.success-actions{display:flex;gap:var(--spacing-md);justify-content:center}.success-actions .button{min-width:160px}.loading-container{padding:var(--spacing-xl)}.loading-spinner-small{height:20px;width:20px}@media (max-width:768px){.order-form-page{padding:var(--spacing-md)}.order-form-container{border-radius:var(--radius-lg)}.order-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.order-stats{justify-content:center;width:100%}.page-title{font-size:var(--heading-3)}.form-section{padding:var(--spacing-lg)}.form-actions,.modal-footer,.success-actions{flex-direction:column}.form-actions .button,.modal-footer .button,.success-actions .button{width:100%}.quick-actions{flex-direction:column}}@media (max-width:480px){.page-title{font-size:var(--heading-4)}.section-title{font-size:var(--body)}.measurements-table{font-size:var(--body-small)}.measurements-table td,.measurements-table th{padding:var(--spacing-sm)}}.order-list-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.order-list-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:1200px;overflow:hidden}.orders-header{align-items:flex-start;background:var(--primary-gradient);color:var(--text-white);padding:var(--spacing-xl)}.action-bar,.orders-header{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.action-bar{align-items:center;background:var(--bg-light);border-bottom:1px solid #e5e7eb;padding:var(--spacing-lg) var(--spacing-xl)}.new-order-btn{align-items:center;border-radius:var(--radius-pill);display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-default)}.new-order-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.controls-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.search-box{min-width:250px;position:relative}.search-input{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.search-input:focus{outline:none}.search-icon{color:var(--text-gray);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-select,.sort-select{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);cursor:pointer;font-family:inherit;font-size:var(--body);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.filter-select:focus,.sort-select:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.orders-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:var(--spacing-xl)}@media (max-width:768px){.orders-grid{grid-template-columns:1fr;padding:var(--spacing-lg)}}.order-card{background:var(--text-white);border:1px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-default)}.order-card:hover{border-color:var(--primary-brown-1);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.order-card-header{background:linear-gradient(135deg,#8b45131a,#a0522d1a);border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.order-card-header,.order-id{align-items:center;display:flex}.order-id{font-size:var(--body-large);font-weight:700;gap:var(--spacing-xs)}.order-hash{opacity:.6}.status-badge{letter-spacing:.5px;padding:4px 12px}.status-badge.confirmed{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.status-badge.in-progress{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.status-badge.fitting{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6}.status-badge.completed{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.order-card-body{padding:var(--spacing-lg)}.order-info-row{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:8px 0}.order-info-row:last-child{border-bottom:none}.info-label{color:var(--text-gray);font-size:var(--body-small);font-weight:500}.info-value{color:var(--text-black);font-size:var(--body);font-weight:600;text-align:right}.color-chip{border-radius:var(--radius-pill);color:var(--text-white);display:inline-block;font-size:var(--body-small);padding:4px 12px;text-shadow:0 1px 2px #0003}.order-card-footer{background:#f5f5f580;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.view-button{border:1px solid #8b45134d;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);width:100%}.card-button,.view-button{cursor:pointer;font-weight:500;padding:var(--spacing-sm);transition:all var(--transition-fast)}.card-button{border:1px solid #0000;border-radius:var(--radius-sm);flex:1 1;font-size:var(--body-small)}.confirm-button{background:#10b9811a;border-color:#10b9814d;color:#10b981}.confirm-button:hover{background:#10b98133;transform:translateY(-1px)}.edit-button{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.edit-button:hover{background:#3b82f633;transform:translateY(-1px)}.delete-button{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.delete-button:hover{background:#ef444433;transform:translateY(-1px)}.view-button{background:#8b45131a;border-color:#8b45134d;color:var(--primary-brown-1)}.view-button:hover{background:#8b451333;transform:translateY(-1px)}.progress-button{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.progress-button:hover{background:#3b82f633;transform:translateY(-1px)}.fitting-button{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.fitting-button:hover{background:#8b5cf633;transform:translateY(-1px)}.completed-button{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.completed-button:hover{background:#22c55e33;transform:translateY(-1px)}.card-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.no-orders{padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.no-orders-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-orders h3{color:var(--text-gray);font-size:var(--heading-4);margin-bottom:var(--spacing-sm)}.no-orders p{color:var(--text-gray);font-size:var(--body);line-height:1.6;margin:0 auto;max-width:500px}.pagination-wrapper{background:#f5f5f580;border-top:1px solid #e5e7eb;padding:var(--spacing-lg) var(--spacing-xl)}.pagination-container{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;list-style:none;margin:0 0 var(--spacing-md);padding:0}.pagination-break,.pagination-item,.pagination-nav{margin:0}.pagination-link,.pagination-nav a{align-items:center;background:var(--text-white);border:1px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);cursor:pointer;display:flex;font-size:var(--body);font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 12px;text-decoration:none;transition:all var(--transition-fast)}.pagination-nav a{padding:0 16px}.pagination-link:hover,.pagination-nav a:hover{background:#8b45131a;border-color:var(--primary-brown-1);color:var(--primary-brown-1)}.pagination-active .pagination-link{background:var(--primary-brown-1);border-color:var(--primary-brown-1);color:var(--text-white)}.pagination-disabled a{background:#f9fafb;cursor:not-allowed;opacity:.5}.pagination-disabled a:hover{background:#f9fafb;border-color:#e5e7eb;color:var(--text-gray)}.pagination-info{color:var(--text-gray);font-size:var(--body-small);text-align:center}.confirmation-modal-overlay,.delete-modal-overlay,.details-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.details-modal-content{max-height:90vh;max-width:700px;overflow-y:auto}.confirmation-modal-content,.delete-modal-content,.details-modal-content{animation:slideInUp .4s ease-out;background:var(--text-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%}.confirmation-modal-content,.delete-modal-content{max-width:500px;padding:var(--spacing-xl);text-align:center}.modal-title{align-items:center;display:flex;gap:var(--spacing-md)}.details-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-section{background:#8b451305;border:1px solid #8b45131a;border-radius:var(--radius-md);padding:var(--spacing-lg)}.detail-section.full-width{grid-column:1/-1}.section-title{border-bottom:2px solid #8b45131a;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.detail-row{align-items:flex-start;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-gray);font-weight:600;min-width:180px}.detail-value{color:var(--text-black);flex:1 1;font-weight:500;text-align:right}.comments-box,.measurements-box{background:var(--text-white);border:1px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--body);line-height:1.6;margin-top:var(--spacing-sm);padding:var(--spacing-md);white-space:pre-wrap}.measurements-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.measurement-item{align-items:center;background:#8b451308;border:1px solid #e5e7eb;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.measurement-label{color:var(--text-gray);margin-right:var(--spacing-sm);text-transform:capitalize}.measurement-value{color:var(--text-black);font-weight:600}.measurements-grid .measurement-item:hover{background:#8b45130f;border-color:var(--primary-brown-1)}.modal-icon{font-size:3rem}.modal-icon,.modal-text{margin-bottom:var(--spacing-lg)}.modal-text{color:var(--text-gray);font-size:var(--body);line-height:1.6}.order-preview{background:#8b45130d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:left}.order-preview p{margin:var(--spacing-xs) 0}.warning-box{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#ef4444;font-weight:500;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.modal-actions .button{min-width:160px}.loading-container{align-items:center;background:#fffffffa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #8b45131a;border-top:4px solid var(--primary-brown-1);height:60px;margin-bottom:var(--spacing-lg);width:60px}@media (max-width:768px){.order-list-page{padding:var(--spacing-md)}.order-list-container{border-radius:var(--radius-lg)}.orders-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.stats-summary{justify-content:center;width:100%}.action-bar{gap:var(--spacing-md)}.action-bar,.controls-group{align-items:stretch;flex-direction:column}.filter-select,.search-box,.sort-select{width:100%}.modal-actions,.modal-footer{flex-direction:column}.modal-actions .button,.modal-footer .button{width:100%}.details-modal-content{max-height:80vh}.detail-row{flex-direction:column;gap:var(--spacing-xs)}.detail-label{min-width:auto}.detail-value{text-align:left}}@media (max-width:480px){.page-title{font-size:var(--heading-3)}.orders-grid{padding:var(--spacing-md)}.order-card-header{align-items:flex-start;gap:var(--spacing-sm)}.action-buttons,.order-card-header{flex-direction:column}}.order-edit-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.order-edit-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;overflow:hidden}.order-edit-header{align-items:flex-start;background:var(--primary-gradient);color:var(--text-white);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-xl)}.back-button{transition:all .3s ease}.back-button:hover{background:#ffffff4d!important;transform:translateX(-4px)}.back-button:disabled{cursor:not-allowed;opacity:.6}.page-title{font-size:var(--heading-lg);margin:0 0 var(--spacing-sm) 0}.page-subtitle{font-size:var(--body-small);margin:0;opacity:.95}.order-edit-content{padding:var(--spacing-xl)}.order-edit-form{gap:var(--spacing-lg)}.form-group,.order-edit-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{align-items:center;display:flex;font-size:var(--body-regular);font-weight:600;gap:var(--spacing-xs)}.form-label:after{content:attr(data-required)}.form-input,.form-textarea{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-family:var(--selected-font,inherit);font-size:var(--body-regular);padding:var(--spacing-md);transition:all .3s ease}.form-input:hover,.form-textarea:hover{background:#fafafa;border-color:var(--primary-brown-1)}.form-input:focus,.form-textarea:focus{background:#fff;border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.form-textarea{max-height:300px;min-height:100px;resize:vertical}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checkbox-group{background:#8b451308;border:1px solid #8b45131a;border-radius:var(--radius-md);padding:var(--spacing-md)}.checkbox-label{align-items:center;color:var(--text-black);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-md)}.form-checkbox{accent-color:var(--primary-brown-1);cursor:pointer;height:20px;width:20px}.form-checkbox:hover{transform:scale(1.1)}.form-actions{border-top:1px solid var(--border-color);gap:var(--spacing-md);padding-top:var(--spacing-lg)}.button{border-radius:var(--radius-md);font-size:var(--body-regular);gap:var(--spacing-xs);min-width:150px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.button-primary{background:var(--primary-gradient);color:var(--text-white)}.button-primary:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.button-secondary{background:#8b45131a;border:1px solid var(--primary-brown-1);color:var(--primary-brown-1)}.button-secondary:hover{background:#8b451326;border-color:var(--primary-brown-1)}.button:disabled{opacity:.6;transform:none}.alert{align-items:center;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.alert-error{border-left-color:var(--error)}.alert-success{border-left-color:var(--success)}@media (max-width:768px){.order-edit-page{padding:var(--spacing-lg)}.order-edit-container{border-radius:var(--radius-lg)}.order-edit-header{flex-direction:column;padding:var(--spacing-lg)}.header-content{min-width:auto;width:100%}.order-edit-content{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.button{min-width:auto;width:100%}}@media (max-width:480px){.order-edit-header,.order-edit-page{padding:var(--spacing-md)}.page-title{font-size:var(--heading-md)}.order-edit-content{padding:var(--spacing-md)}.form-input,.form-textarea{font-size:16px}}.create-measurement-page{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:var(--spacing-xl);position:relative}.measurement-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:1000px;overflow:hidden}.measurement-header{align-items:flex-start;background:var(--primary-gradient);color:var(--text-white);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-xl)}.back-button{align-items:center;border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;font-size:var(--body-small);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.header-content{min-width:300px}.page-title{color:var(--text-white);font-size:var(--heading-2);font-weight:700;margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:var(--body);opacity:.9}.stats-summary{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.stat-item{align-items:center;display:flex;flex-direction:column;padding:0 var(--spacing-md)}.stat-item:not(:last-child){border-right:1px solid #fff3}.stat-label{font-size:var(--body-small);margin-bottom:var(--spacing-xs);opacity:.8}.stat-value{font-size:var(--body-large);font-weight:700}.error-message,.success-message{align-items:center;animation:fadeIn .3s ease-out;border-radius:var(--radius-md);display:flex;font-size:var(--body);font-weight:500;gap:var(--spacing-sm);margin:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-md)}.success-icon{font-size:1.2rem}.existing-notice{align-items:center;background:#8b45130d;border:1px solid #8b451333;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin:0 var(--spacing-xl) var(--spacing-xl);padding:var(--spacing-lg)}.notice-icon{font-size:2rem}.notice-content{flex:1 1;min-width:300px}.notice-content h4{color:var(--primary-brown-1);font-size:var(--body-large);font-weight:600;margin-bottom:var(--spacing-xs)}.notice-content p{color:var(--text-gray);font-size:var(--body);line-height:1.5}.view-existing-btn{border-radius:var(--radius-md);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.view-existing-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.measurement-form{padding:0 var(--spacing-xl) var(--spacing-xl)}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{align-items:center;color:var(--primary-brown-1);display:flex;font-size:var(--body-large);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section-icon{font-size:1.5rem}.measurement-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.measurement-grid{grid-template-columns:1fr}}.measurement-group{width:100%}.measurement-label{color:var(--text-black);display:block;font-size:var(--body);font-weight:600;margin-bottom:var(--spacing-xs)}.optional-label{color:var(--text-gray);font-size:var(--body-small);font-weight:400}.field-error{color:var(--secondary-red);display:inline-block;font-size:var(--body-small);font-weight:500;margin-left:var(--spacing-sm)}.input-with-unit{position:relative}.measurement-input{background:var(--text-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-family:inherit;font-size:var(--body);padding:var(--spacing-md);padding-right:60px;transition:all var(--transition-fast);width:100%}.measurement-input:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}.measurement-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.input-error{background:#dc143c0d;border-color:var(--secondary-red)}.input-error:focus{box-shadow:0 0 0 3px #dc143c1a}.unit-label{background:var(--bg-light);border-radius:var(--radius-sm);color:var(--text-gray);font-size:var(--body);padding:2px 8px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0}.clear-button,.preview-button,.submit-button{border-radius:var(--radius-pill);font-weight:600;min-width:160px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-default)}.submit-button{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.clear-button:hover,.preview-button:hover,.submit-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clear-button:disabled,.preview-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.action-group{display:flex;gap:var(--spacing-md)}.loading-spinner-small{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-white);height:16px;margin-right:var(--spacing-sm);width:16px}.preview-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.preview-modal-content{animation:slideInUp .4s ease-out;background:var(--text-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-title{color:var(--text-black);font-size:var(--heading-4);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:var(--text-gray);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#0000000d;color:var(--text-black)}.modal-body{padding:var(--spacing-xl)}.preview-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.preview-item{align-items:center;background:#8b45130d;border:1px solid #8b45131a;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.preview-label{color:var(--primary-brown-1);font-size:var(--body);font-weight:600}.preview-value{color:var(--text-black);font-family:monospace;font-size:var(--body);font-weight:700}.empty-preview{padding:var(--spacing-xl);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.3}.empty-preview p{color:var(--text-gray);font-size:var(--body)}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.modal-footer .button{min-width:160px}@media (max-width:768px){.create-measurement-page{padding:var(--spacing-md)}.measurement-container{border-radius:var(--radius-lg)}.measurement-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.stats-summary{justify-content:center;width:100%}.existing-notice{flex-direction:column;margin:var(--spacing-lg);text-align:center}.form-actions{align-items:stretch}.action-group,.form-actions{flex-direction:column}.clear-button,.preview-button,.submit-button{width:100%}.modal-footer{flex-direction:column}.modal-footer .button{width:100%}}@media (max-width:480px){.page-title{font-size:var(--heading-3)}.preview-grid{grid-template-columns:1fr}}:root{--primary-brown-1:#8b4513;--primary-brown-2:sienna;--primary-gradient:linear-gradient(135deg,#8b4513,sienna);--secondary-red:#dc143c;--secondary-red-light:#ff6b6b;--text-black:#000;--text-white:#fff;--text-gray:#6b7280;--bg-light:#f5f5f5;--bg-dark:#1f2937;--bg-overlay:#0009;--font-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-poppins:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-roboto:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;--font-primary:var(--font-inter);--heading-1:3.5rem;--heading-2:2.5rem;--heading-3:2rem;--heading-4:1.5rem;--body-large:1.125rem;--body:1rem;--body-small:0.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:50%;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-default:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000;color:var(--text-black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.5;margin:0;min-height:100vh;padding:0}.font-option-1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-inter)!important}.font-option-2{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-poppins)!important}.font-option-3{font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif!important;font-family:var(--font-roboto)!important}.h1,h1{font-size:3.5rem;font-size:var(--heading-1);font-weight:700;letter-spacing:-.02em;line-height:1.2}.h2,h2{font-size:2.5rem;font-size:var(--heading-2);font-weight:600;letter-spacing:-.01em;line-height:1.3}.h3,h3{font-size:2rem;font-size:var(--heading-3)}.h3,.h4,h3,h4{font-weight:600;line-height:1.4}.h4,h4{font-size:1.5rem;font-size:var(--heading-4)}.text-large{font-size:1.125rem;font-size:var(--body-large);font-weight:400;line-height:1.6}.text-body{font-size:1rem;font-size:var(--body);font-weight:400;line-height:1.5}.text-small{font-size:.875rem;font-size:var(--body-small);font-weight:400;line-height:1.4}.page{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--spacing-xl);position:relative}.page:before{background-color:#0009;background-color:var(--bg-overlay);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.button{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--body);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.025em;margin-top:.5rem;margin-top:var(--spacing-sm);min-width:120px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:all .25s ease-in-out;transition:all var(--transition-default)}.button-accept,.button-active,.button-positive,.button-primary{background:linear-gradient(135deg,#8b4513,sienna);background:var(--primary-gradient);color:#fff;color:var(--text-white)}.button-accept:hover,.button-active:hover,.button-positive:hover,.button-primary:hover{background:linear-gradient(135deg,sienna,#8b4513);background:linear-gradient(135deg,var(--primary-brown-2) 0,var(--primary-brown-1) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button-disabled,.button-negative,.button-reject,.button-secondary{background:#dc143c;background:var(--secondary-red);color:#fff;color:var(--text-white);opacity:.9}.button-disabled:hover,.button-negative:hover,.button-reject:hover,.button-secondary:hover{background:#ff6b6b;background:var(--secondary-red-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form{align-items:center;background:#fffffff2;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);max-width:400px;padding:2rem;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.form-label{color:#000;color:var(--text-black);display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input{border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-size:var(--body);padding:1rem;padding:var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#8b4513;border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a;outline:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.w-100{width:100%}.h-100{height:100%}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}@media (max-width:768px){:root{--heading-1:2.5rem;--heading-2:2rem;--heading-3:1.75rem;--heading-4:1.25rem}.page{padding:1rem;padding:var(--spacing-md)}.form{padding:1.5rem;padding:var(--spacing-lg)}.button{min-width:100px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}}.admin-container{animation:fadeIn .5s ease-out;background:#fffffffa;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:1200px;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.admin-header{align-items:flex-start;border-bottom:2px solid #8b45131a;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg)}.header-content{flex:1 1}.admin-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-black);font-size:var(--heading-1);font-weight:700;margin-bottom:var(--spacing-xs)}.admin-subtitle{color:var(--text-gray);font-size:var(--body-large);font-weight:400}.logout-button{align-self:flex-start;min-width:120px}.section-title{color:var(--text-black);font-size:var(--heading-2);font-weight:600;margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--text-gray);font-size:var(--body);margin-bottom:var(--spacing-lg)}.metrics-section{margin-bottom:var(--spacing-xxl)}.metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-lg)}.metric-card{align-items:center;animation:slideInUp .5s ease-out forwards;background:#fff;border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);opacity:0;padding:var(--spacing-lg);transition:all var(--transition-default)}.metric-card:hover{background:linear-gradient(135deg,#8b45130d,#a0522d0d);border-color:var(--primary-brown-1);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-round);color:#fff;display:flex;font-size:2.5rem;height:64px;justify-content:center;width:64px}.metric-content{flex:1 1}.metric-label{color:var(--text-gray);font-size:var(--body);font-weight:500;margin-bottom:var(--spacing-xs)}.metric-value{color:var(--text-black);font-size:var(--heading-2);font-weight:700}.metric-arrow{color:var(--primary-brown-1);font-size:1.5rem;opacity:0;transform:translateX(-10px);transition:all var(--transition-default)}.metric-card:hover .metric-arrow{opacity:1;transform:translateX(0)}.orders-section{margin-top:var(--spacing-xxl)}.search-container{margin-bottom:var(--spacing-lg);position:relative}.search-input{background:#fff;border:2px solid #8b451333;border-radius:var(--radius-lg);color:var(--text-black);font-family:inherit;font-size:var(--body);outline:none;padding:var(--spacing-md) var(--spacing-lg);padding-right:40px;transition:all var(--transition-default);width:100%}.search-input:focus{border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131a}.clear-search-button,.search-input::placeholder{color:var(--text-gray)}.clear-search-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--heading-3);justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.clear-search-button:hover{background:#dc26261a;color:var(--secondary-red)}.table-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;width:100%}.table-header-row{background:var(--primary-gradient)}.table-header{color:var(--text-white);font-size:var(--body);font-weight:600;letter-spacing:.05em;padding:var(--spacing-lg);text-align:left;text-transform:uppercase}.status-header{position:relative}.status-header-content{align-items:center;display:flex;gap:var(--spacing-sm)}.status-filter-dropdown{background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-size:var(--body-small);outline:none;padding:4px 8px;transition:all .2s}.status-filter-dropdown:hover{background:#ffffff4d}.status-filter-dropdown option{background:var(--primary-brown-1);color:var(--text-white)}.table-row{border-bottom:1px solid #0000001a;transition:all var(--transition-fast)}.table-row:hover{background:#8b45130d}.table-row:last-child{border-bottom:none}.table-cell{color:var(--text-black);font-size:var(--body);padding:var(--spacing-lg)}.order-id{font-weight:600}.client-name,.order-id{color:var(--primary-brown-1)}.client-name{font-weight:500}.event-type{background:#3b82f61a;color:var(--INFO)}.event-type,.status-badge{border-radius:var(--radius-pill);font-size:var(--body-small);padding:var(--spacing-xs) var(--spacing-md)}.status-badge{display:inline-block;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-badge.pending,.status-badge.unconfirmed{background:#ef44441a;color:var(--ERROR)}.status-badge.fitting,.status-badge.in_progress{background:#f59e0b1a;color:var(--WARNING)}.status-badge.completed{background:#10b9811a;color:var(--SUCCESS)}.actions-cell{min-width:350px}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.action-button{font-size:var(--body-small);min-width:auto;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.pagination{align-items:center;border-top:1px solid #0000001a;display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.page-numbers{display:flex;gap:var(--spacing-xs)}.page-number{background:#0000;border:2px solid var(--primary-brown-1);border-radius:var(--radius-round);color:var(--text-black);cursor:pointer;font-weight:600;height:40px;transition:all var(--transition-fast);width:40px}.page-number:hover:not(.active){background:#8b45131a}.page-number.active{border:none;color:#fff}.pagination-button{min-width:100px;padding:var(--spacing-sm) var(--spacing-lg)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.empty-state{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xxl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-black);font-size:var(--heading-3);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-gray);font-size:var(--body-large)}.error-container,.loading-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xxl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b45131a;border-radius:50%;border-top:3px solid var(--primary-brown-1);height:50px;margin:0 auto var(--spacing-lg);width:50px}.loading-text{color:var(--text-gray);font-size:var(--body-large);font-weight:500}.error-container h3{font-size:var(--heading-3);margin-bottom:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}}@media (max-width:768px){.admin-container{padding:var(--spacing-lg)}.admin-header{flex-direction:column;gap:var(--spacing-md)}.logout-button{align-self:stretch}.metrics-grid{grid-template-columns:1fr}.admin-table{font-size:var(--body-small)}.table-cell,.table-header{padding:var(--spacing-md)}.pagination{flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.admin-container,.metric-card{padding:var(--spacing-md)}.metric-icon{font-size:1.5rem;height:48px;width:48px}.metric-value{font-size:var(--heading-3)}}.forgot-page{background-attachment:fixed;background-position:50%;background-size:cover}.auth-card{animation:slideInRight .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:auto;max-width:480px;padding:var(--spacing-xxl);position:relative;width:100%;z-index:1}.auth-header{margin-bottom:var(--spacing-sm);text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--heading-2);font-weight:700;margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--text-gray);font-size:var(--body);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-input{background:var(--bg-light);border:2px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-black);font-size:var(--body);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.auth-input:focus{background:var(--text-white);border-color:var(--primary-brown-1);box-shadow:0 0 0 3px #8b45131f;outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.7}.auth-button{font-weight:600;height:48px;letter-spacing:.5px;transition:all var(--transition-default);width:100%}.auth-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.75;transform:none!important}.status-message{animation:fadeIn .3s ease-out;border-radius:var(--radius-md);font-size:var(--body-small);font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.status-message.success{background:#10b9811f;border-left:3px solid var(--primary-brown-1);color:#065f46}.status-message.error{background:#ef44441a;border-left:3px solid var(--secondary-red);color:var(--secondary-red)}.helper-links{margin-top:var(--spacing-sm);text-align:center}.helper-link{color:var(--primary-brown-1);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.helper-link:hover{color:var(--secondary-red);text-decoration:underline}@media (max-width:768px){.auth-card{margin:var(--spacing-lg);padding:var(--spacing-xl)}.auth-title{font-size:var(--heading-3)}}@media (max-width:480px){.auth-card{margin:var(--spacing-md);padding:var(--spacing-lg)}.auth-title{font-size:var(--heading-4)}.auth-button{font-size:var(--body-small);height:44px}}
/*# sourceMappingURL=main.febd8dbc.css.map*/