@import"https://fonts.googleapis.com/css2?family=Prata&display=optional";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=optional";.gd-app-shell{min-height:100vh;display:flex;flex-direction:column;background:#f9f7f4;color:#1f1f1f;font-family:Lato,Segoe UI,Tahoma,sans-serif;overflow-x:hidden;width:100%;max-width:100vw;position:relative}.gd-header{font-family:Prata,Georgia,Times New Roman,serif;color:#2c2c2c}.gd-header__top{background:#585858;color:#f2f2f2;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.gd-header__top-inner{width:min(1100px,92%);margin:0 auto;display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;padding:.35rem 0}.gd-header__contact{opacity:.85}.gd-header__user{margin-left:auto;opacity:.95}.gd-header__logout{background:none;border:1px solid rgba(255,255,255,.3);color:inherit;cursor:pointer;text-decoration:none;font-size:.9rem;font-family:inherit;padding:.35rem .75rem;border-radius:4px;opacity:.9;transition:all .2s ease;margin-left:.5rem}.gd-header__logout:hover{opacity:1;background:#ffffff1a;border-color:#ffffff80}.gd-header__login{margin-left:auto;color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s}.gd-header__login:hover{opacity:1;text-decoration:underline}.gd-header__main{background:#fff;box-shadow:0 2px 8px #00000014;border-bottom:1px solid #d5d5d5}.gd-header__inner{width:min(1100px,92%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2.5rem;padding:1.1rem 0}.gd-header__title{font-size:1.25rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.05em;flex:1;text-align:center}.gd-brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:1rem}.gd-brand__logo{width:60px;height:auto;filter:grayscale(100%)}.gd-brand__wordmark{display:flex;flex-direction:column;gap:.2rem;letter-spacing:.24em;font-size:.95rem}.gd-brand__wordmark-line{margin:0}.gd-nav{display:flex;gap:1.75rem;align-items:center}.gd-nav__logout,.gd-nav>a[href="/login"]{display:none}@media(max-width:768px){.gd-nav{display:none}.gd-nav.gd-nav--open{display:flex;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:all;transition:opacity .3s ease;z-index:999;flex-direction:column;align-items:stretch;justify-content:center;padding:2rem;gap:0}}.gd-nav__link{color:#6d7177;text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:400;letter-spacing:.18em;padding-bottom:.45rem;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease}.gd-nav__link:hover{color:#41454d;border-color:#b9b9b9}.gd-nav__link--active{color:#2f3238;border-color:#5d636c}.gd-main{flex:1;width:100%;max-width:none;margin:2rem 0 3rem;padding:0 clamp(1.5rem,4vw,5rem);box-sizing:border-box}.gd-footer{font-family:Prata,Georgia,Times New Roman,serif;color:#f2f2f2;letter-spacing:.08em}.gd-footer__primary{background:#5f5f5f;padding:3rem 0}.gd-footer__inner{width:min(1100px,92%);margin:0 auto}.gd-footer__primary .gd-footer__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:3rem}.gd-footer__column h4{margin:0 0 1rem;font-size:.95rem;text-transform:uppercase}.gd-footer__column ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;font-size:.8rem}.gd-footer__column a{color:#f2f2f2;text-decoration:none;opacity:.85;transition:opacity .2s ease}.gd-footer__column a:hover{opacity:1}.gd-footer__brand{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;justify-content:center;font-size:.8rem;text-transform:uppercase}.gd-footer__logo{width:80px;filter:grayscale(100%)}.gd-footer__secondary{background:#6a6a6a;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,0,0,.25)}.gd-footer__secondary-inner{display:flex;justify-content:flex-end;gap:1.5rem;padding:.9rem 0;font-size:.75rem}.gd-footer__secondary a{color:#e5e5e5;text-decoration:none;opacity:.85}.gd-footer__secondary a:hover{opacity:1}.gd-footer__bottom{background:#444;padding:1.2rem 0;font-size:.75rem}.gd-footer__bottom-inner{display:flex;justify-content:space-between;align-items:center}.gd-footer__social{display:flex;gap:.75rem}.gd-footer__social a{color:#f2f2f2;text-decoration:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff1a;border-radius:3px;transition:all .3s ease}.gd-footer__social a:hover{background-color:#fff3;transform:translateY(-2px)}.gd-footer__social svg{display:block;width:16px;height:16px}.gd-burger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;padding:0;cursor:pointer;z-index:1001;position:relative}.gd-burger span{display:block;width:22px;height:2px;background:#2c2c2c;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.gd-burger span:nth-child(1){transform:translateY(-6px)}.gd-burger span:nth-child(2){opacity:1}.gd-burger span:nth-child(3){transform:translateY(6px)}.gd-nav__overlay{position:absolute;inset:0;z-index:0;cursor:pointer}@media(max-width:768px){.gd-header__top{display:none}.gd-header__main{position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0000001a}.gd-header__inner{width:100%!important;margin:0;padding:.4rem .75rem;gap:0;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:space-between}.gd-main{margin:0;padding:10px 1rem 0}.gd-brand{flex-shrink:0}.gd-brand__logo{width:40px;height:40px;object-fit:contain}.gd-header__title{display:none}.gd-burger{display:flex}.gd-nav--open .gd-nav__link{animation:slideInUp .4s ease-out forwards}.gd-nav--open .gd-nav__link:nth-child(1){animation-delay:.05s}.gd-nav--open .gd-nav__link:nth-child(2){animation-delay:.1s}.gd-nav--open .gd-nav__link:nth-child(3){animation-delay:.15s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gd-nav__link{font-size:1.1rem;border:none;border-radius:12px;padding:1rem 1.5rem;width:100%;max-width:400px;margin:0 auto .75rem;background:#fff;color:#2c2c2c;text-align:center;box-shadow:0 2px 8px #00000026;font-weight:500;letter-spacing:.02em;transition:all .2s ease;position:relative;z-index:1}.gd-nav__link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#f8f9fa}.gd-nav__link--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 4px 16px #667eea66}.gd-nav__link--active:hover{background:linear-gradient(135deg,#5568d3,#65398b)}.gd-header__top-inner,.gd-footer__inner{width:100%!important;padding-left:1rem;padding-right:1rem}.gd-header__user,.gd-header__login{display:none}.gd-nav__logout,.gd-nav>a[href="/login"]{display:block}.gd-nav__logout{background:#fff;color:#2c2c2c;font-weight:500;border:none;cursor:pointer}.gd-nav__logout:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#f8f9fa}.gd-header__inner{flex-direction:row;align-items:center;gap:1rem}.gd-brand{align-items:center}.gd-footer__primary .gd-footer__inner{grid-template-columns:1fr;gap:2rem}.gd-footer__brand{align-items:flex-start}.gd-footer__secondary-inner{justify-content:center}.gd-footer__bottom-inner{flex-direction:column;gap:1rem}}@media(max-width:480px){.gd-header__inner,.gd-footer__inner{width:100%!important;padding-left:.5rem;padding-right:.5rem}.gd-header__inner{padding:.3rem .5rem}.gd-brand__logo,.gd-burger{width:36px;height:36px}.gd-burger span{width:20px}.gd-nav{padding:1.5rem}.gd-nav__link{font-size:1rem;padding:.9rem 1.25rem;margin-bottom:.6rem}.gd-nav{width:240px}}.admin-page{max-width:1400px;margin:0 auto;padding:2rem;overflow-x:hidden;position:relative}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.admin-header h1{margin:0 0 .5rem;color:#2c2c2c}.admin-header p{margin:0;color:#666;font-size:.95rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #ddd}.admin-tabs button{padding:.875rem 1.25rem;border:none;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s}.admin-tabs button:hover{color:#2c2c2c;background:#f5f5f5}.admin-tabs button.active{color:#007bff;border-bottom-color:#007bff}.admin-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000000d}.admin-section h2{margin-top:0;margin-bottom:1.5rem;color:#2c2c2c}.section-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem}.section-header h2{margin:0;flex-shrink:0}.search-box{position:relative;display:flex;align-items:center;flex-grow:1;max-width:500px}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26;background:#f8f9fa}.clear-search:hover{background:#e9ecef;color:#2c2c2c}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:.65rem;background:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.admin-table td{padding:.65rem;border-bottom:1px solid #e9ecef}.admin-table tr:hover{background:#f8f9fa}.admin-link{color:#007bff;text-decoration:none;font-weight:500}.admin-link:hover{text-decoration:underline}.text-muted{font-size:.75rem;color:#6c757d}.status-select{padding:.375rem .5rem;border:1px solid #ced4da;border-radius:4px;font-size:.8rem;background:#fff;cursor:pointer}.status-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.badge{display:inline-block;padding:.2rem .5rem;font-size:.65rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge--submitted{background:#e3f2fd;color:#1976d2}.badge--processing{background:#fff3e0;color:#f57c00}.badge--cancelled{background:#f5f5f5;color:#616161}.badge--admin{background:#f3e5f5;color:#7b1fa2}.badge--staff{background:#e0f2f1;color:#00796b}.badge--customer{background:#e3f2fd;color:#1976d2}.badge--default{background:#f5f5f5;color:#616161}.btn--small{padding:.375rem .75rem;font-size:.875rem}.btn--danger{background:#dc3545;color:#fff;border:1px solid #dc3545}.btn--danger:hover{background:#c82333;border-color:#bd2130}.settings-header{margin-bottom:2.5rem}.settings-header h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.settings-subtitle{font-size:.95rem;color:#6c757d;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.setting-card{position:relative;display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;color:inherit;overflow:hidden}.setting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.setting-card:hover:before{transform:scaleX(1)}.setting-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 24px #667eea26}.setting-card--disabled{cursor:not-allowed;opacity:.6}.setting-card--disabled:before{background:#adb5bd}.setting-card--disabled:hover{border-color:#e9ecef;transform:none;box-shadow:none}.setting-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:transform .3s ease}.setting-card:hover .setting-icon{transform:scale(1.05)}.setting-icon svg{width:28px;height:28px;stroke-width:2}.setting-icon--email{background:linear-gradient(135deg,#667eea,#764ba2)}.setting-icon--payment{background:linear-gradient(135deg,#f093fb,#f5576c)}.setting-icon--pricing{background:linear-gradient(135deg,#4facfe,#00f2fe)}.setting-icon--delivery{background:linear-gradient(135deg,#43e97b,#38f9d7)}.setting-icon--email{background:linear-gradient(135deg,#fa709a,#fee140)}.setting-content{flex:1;min-width:0}.setting-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2c3e50;transition:color .2s ease}.setting-card:hover .setting-content h3{color:#667eea}.setting-card--disabled:hover .setting-content h3{color:#2c3e50}.setting-content p{margin:0;font-size:.875rem;color:#6c757d;line-height:1.5}.setting-badge{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.setting-action{flex-shrink:0;display:flex;align-items:center;justify-content:center}.setting-arrow{font-size:1.5rem;font-weight:300;color:#adb5bd;transition:all .3s ease}.setting-card:hover .setting-arrow{color:#667eea;transform:translate(4px)}.setting-card--disabled .setting-arrow{opacity:.3}.setting-card--disabled:hover .setting-arrow{color:#adb5bd;transform:none}@media(max-width:768px){.admin-page{padding:1rem}.admin-tabs{overflow-x:auto}.admin-tabs button{padding:.75rem 1rem;white-space:nowrap}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-box{max-width:100%;width:100%}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.5rem}}.panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.panel h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#2c2c2c;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.image-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa}.admin-header .btn{margin-bottom:1rem}.config-header{margin-bottom:2rem}.config-header h2{margin:.5rem 0;color:#2c2c2c;font-size:1.75rem}.config-subtitle{color:#666;font-size:.95rem;margin:0}.back-button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;color:#666;transition:all .2s;margin-bottom:1rem;display:inline-block}.back-button:hover{background:#f5f5f5;border-color:#999;color:#2c2c2c}.config-form{display:flex;flex-direction:column;gap:2rem}.form-section{padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.form-section h3{margin:0 0 1.25rem;color:#2c2c2c;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group small{display:block;margin-top:.375rem;color:#6c757d;font-size:.8rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.alert{padding:.875rem;border-radius:6px;margin-bottom:1.25rem;font-size:.9rem}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.analytics-header h2{margin:0;font-size:1.75rem}.date-range-selector{display:flex;align-items:center;gap:.5rem}.date-range-selector label{font-size:.9rem;font-weight:500}.date-range-selector select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.realtime-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem}.realtime-card h3{color:#fff;margin-top:0}.stat-large{text-align:center;padding:1rem 0}.stat-large .stat-value{font-size:3rem;font-weight:700}.stat-large .stat-label{font-size:1rem;opacity:.9;margin-top:.5rem}.recent-activity{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.recent-activity h4{margin-top:0;margin-bottom:1rem;font-size:1rem}.recent-activity ul{list-style:none;padding:0;margin:0}.recent-activity li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.recent-activity li:last-child{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0;text-align:center}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#2c2c2c;margin:.5rem 0}.stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.analytics-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0}.analytics-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.analytics-table{width:100%;border-collapse:collapse}.analytics-table thead{background:#f8f9fa}.analytics-table th{padding:.75rem;text-align:left;font-size:.85rem;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.analytics-table td{padding:.75rem;border-bottom:1px solid #f0f0f0}.analytics-table tbody tr:hover{background:#f8f9fa}.chart-container{display:flex;align-items:flex-end;justify-content:space-around;height:250px;padding:1rem 0;gap:.5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer;min-height:5px}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-label{font-size:.7rem;color:#666;margin-top:.5rem;text-align:center}.chart-value{font-size:.75rem;font-weight:600;color:#2c2c2c;margin-top:.25rem}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.breakdown-list{display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:1rem}.breakdown-label{font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.breakdown-icon{font-size:1.2rem}.breakdown-bar{height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden}.breakdown-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.breakdown-stats{display:flex;justify-content:space-between;font-size:.85rem}.breakdown-stats span:first-child{font-weight:600;color:#2c2c2c}.breakdown-stats span:last-child{color:#666}.setting-icon--analytics{background:linear-gradient(135deg,#667eea,#764ba2)}@media(max-width:768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.chart-container{height:180px}.chart-label{font-size:.6rem}.breakdown-grid{grid-template-columns:1fr}.breakdown-item{grid-template-columns:100px 1fr 80px;gap:.5rem}}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:#2d5016;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.95rem;font-weight:500;animation:slideInUp .3s ease-out,fadeOut .3s ease-in 2.7s;z-index:1000}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.cart{max-width:1400px;margin:0 auto;padding:2rem 1rem;overflow-x:hidden;position:relative}.cart-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:100%}@media(min-width:992px){.cart-container{grid-template-columns:1fr 450px}}.cart-panel{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);height:fit-content}.cart-panel h2{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:#2c2c2c;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.empty-cart{text-align:center;padding:3rem 1rem;color:#6c757d}.empty-cart h2{border:none;padding:0;margin-bottom:1rem}.empty-cart p{font-size:1rem;margin-bottom:2rem}.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.cart-line{display:grid;grid-template-columns:140px 1fr auto;gap:1.5rem;align-items:start;padding:1.5rem;background:transparent;border-radius:10px;border:1px solid #f0f0f0;transition:all .2s}.cart-line:hover{box-shadow:0 4px 12px #00000014;border-color:#e0e0e0}.cart-line__thumb{width:140px;height:140px;border-radius:10px;overflow:hidden;background:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center}.cart-line__thumb img{width:100%;height:100%;object-fit:cover}.cart-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.cart-preview__border,.cart-preview__mount{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cart-preview__border img,.cart-preview__mount img{max-width:100%;max-height:100%}.cart-line__content{display:flex;flex-direction:column;gap:1rem;flex:1}.cart-line__info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#2c2c2c}.cart-line__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.cart-line__details p{margin:0;color:#5c5648;font-size:.8rem;line-height:1.6;display:flex;align-items:center;gap:.5rem}.cart-line__details p strong{color:#333;font-weight:600}.cart-line__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #e8e8e8;width:100%;box-sizing:border-box}.cart-line__actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.cart-line__actions label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#495057;white-space:nowrap}.cart-line__actions input[type=number]{width:70px;min-width:60px;max-width:80px;padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;transition:all .2s;box-sizing:border-box}.cart-line__actions input[type=number]:hover{border-color:silver}.cart-line__actions input[type=number]:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326}.cart-line__price{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.cart-line__price strong{font-size:1.15rem;font-weight:700;color:#2c2c2c}.cart-line__price span{font-size:.75rem;color:#6c757d}.cart-totals{position:sticky;top:2rem}.totals-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:10px;border:1px solid #dee2e6;margin-bottom:1.5rem}.totals-summary>div{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.totals-summary>div:last-child{border-bottom:none;padding-top:1rem;margin-top:.5rem;border-top:2px solid #d4a373}.totals-summary dt{font-weight:500;color:#495057;font-size:.85rem}.totals-summary dd{margin:0;font-weight:600;color:#2c2c2c;font-size:.9rem}.totals-summary .panel__highlight{font-size:1.3rem;color:#d4a373;font-weight:700}.discount-row{background:#417b5614;padding:.75rem!important;border-radius:6px;border:1px solid rgba(65,123,86,.25)!important}.discount-row dt{display:flex;flex-direction:column;gap:.25rem;color:#417b56!important;font-weight:600!important}.discount-hint{font-size:.75rem;font-weight:400;color:#5a9670}.discount-amount{color:#417b56!important;font-weight:700!important}.badge--print-only{background:#3b82f6;color:#fff;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge--print-and-mount{background:#8b5cf6;color:#fff;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge--framed-print,.badge--framed-prints{background:#000;color:#fff;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.discount-incentive{background:linear-gradient(135deg,#fff8f0,#fef5eb);padding:.65rem!important;border-radius:6px;border:1px solid rgba(212,163,115,.25)!important;box-shadow:0 1px 4px #d4a3731a}.discount-incentive dt{color:#c48a51!important;font-weight:600!important;font-size:.75rem}.discount-tier{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:#fff;border-radius:4px;border:1px solid #e8dcc8;transition:all .15s;flex:1;min-width:130px;max-width:150px}.discount-tier:hover{border-color:#d4a373;box-shadow:0 1px 4px #d4a37326;transform:translateY(-1px)}.discount-tier__label{display:flex;align-items:center;gap:.4rem}.discount-tier__badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.15rem .35rem;border-radius:3px;font-size:.6rem;font-weight:700;letter-spacing:.3px;white-space:nowrap;line-height:1.2}.discount-tier__badge--premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.discount-tier__text{font-size:.7rem;color:#6b7280;font-weight:500;white-space:nowrap}.discount-tier__savings{font-size:.75rem;font-weight:700;color:#10b981;white-space:nowrap;margin-left:auto}.discount-tier__savings--premium{color:#f59e0b}.cart__checkout{display:flex;flex-direction:column;gap:1rem}.cart__checkout .btn{width:100%;padding:1rem 2rem;font-size:1.05rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn--primary:hover{background:linear-gradient(135deg,#c89865,#b8916a);box-shadow:0 6px 16px #d4a37366;transform:translateY(-1px)}.btn--ghost{background:#fff;border:2px solid #e0e0e0;color:#495057;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s;white-space:nowrap;min-width:0;box-sizing:border-box}.btn--ghost:hover{border-color:#d4a373;color:#d4a373;background:#fff8f0}@media(max-width:768px){.cart{padding:1rem .5rem}.cart-container{gap:1.5rem;grid-template-columns:1fr!important}.cart-panel{padding:1.25rem;width:100%;box-sizing:border-box}.cart-panel h2{font-size:1.15rem;margin-bottom:1rem}.cart-list{gap:1rem}.cart-line{grid-template-columns:90px 1fr;gap:1rem;padding:1rem}.cart-line__thumb{width:90px!important;height:90px!important}.cart-line__content{gap:.75rem;min-width:0}.cart-line__info{min-width:0}.cart-line__info>div{flex-wrap:wrap!important;gap:.5rem!important}.cart-line__info h3{font-size:.85rem!important;max-width:100%!important}.badge--print-only,.badge--print-and-mount,.badge--framed-prints{font-size:.6rem!important;padding:.2rem .45rem!important;white-space:nowrap}.cart-line__details{grid-template-columns:1fr;gap:.35rem}.cart-line__details p{font-size:.72rem}.cart-line__bottom{flex-direction:column;align-items:stretch;gap:.75rem;padding-top:.75rem}.cart-line__actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:.4rem;flex-wrap:nowrap}.cart-line__actions label{font-size:.75rem;flex:0 0 auto;min-width:0}.cart-line__actions input[type=number]{width:60px;min-width:55px;flex-shrink:0;padding:.4rem;font-size:.85rem}.cart-line__actions .btn--ghost{padding:.4rem .5rem;font-size:.75rem;flex-shrink:1;min-width:fit-content;white-space:nowrap}.cart-line__price{flex-direction:row;justify-content:space-between;align-items:center}.cart-line__price strong{font-size:1rem}.cart-line__price span{font-size:.7rem}.cart-totals{position:static}.totals-summary{padding:1.25rem;margin-bottom:1rem}.totals-summary>div{padding:.65rem 0;flex-wrap:wrap}.totals-summary dt{font-size:.8rem}.totals-summary dd{font-size:.85rem}.totals-summary .panel__highlight{font-size:1.1rem}.discount-tier{min-width:105px;max-width:135px;padding:.3rem .4rem}.discount-tier__badge{font-size:.52rem;padding:.12rem .28rem}.discount-tier__text{font-size:.62rem}.discount-tier__savings{font-size:.68rem}.cart__checkout .btn{padding:.85rem 1.5rem;font-size:1rem}.btn--ghost{padding:.6rem 1rem;font-size:.85rem}}@media(max-width:480px){.cart{padding:.75rem .5rem}.cart-panel{padding:1rem;border-radius:8px}.cart-panel h2{font-size:1rem;margin-bottom:.75rem}.cart-list{gap:.85rem}.cart-line{grid-template-columns:1fr;gap:.75rem;padding:.85rem}.cart-line__thumb{width:100%!important;height:150px!important;margin:0 auto}.cart-line__info>div{margin-bottom:.4rem!important}.cart-line__info h3{font-size:.8rem!important}.badge--print-only,.badge--print-and-mount,.badge--framed-prints{font-size:.58rem!important;padding:.18rem .4rem!important}.cart-line__details p{font-size:.68rem}.cart-line__actions{flex-direction:row;gap:.3rem;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.cart-line__actions label{font-size:.7rem;flex:0 0 auto;min-width:0}.cart-line__actions input[type=number]{width:55px;min-width:50px;padding:.35rem .3rem;font-size:.8rem}.cart-line__actions .btn--ghost{padding:.35rem .45rem;font-size:.7rem;flex-shrink:1;min-width:fit-content;white-space:nowrap}.cart-line__price{flex-direction:row;justify-content:space-between}.cart-line__price strong{font-size:.95rem}.cart-line__price span{font-size:.68rem}.discount-tier{min-width:95px;max-width:115px;padding:.25rem .35rem;gap:.22rem}.discount-tier__badge{font-size:.48rem;padding:.1rem .24rem}.discount-tier__text{font-size:.58rem}.discount-tier__savings{font-size:.62rem}.totals-summary{padding:1rem}.totals-summary>div{padding:.5rem 0}.totals-summary dt{font-size:.75rem}.totals-summary dd{font-size:.8rem}.totals-summary .panel__highlight{font-size:1rem}.cart__checkout .btn{padding:.75rem 1.25rem;font-size:.95rem}.btn--ghost{padding:.5rem .85rem;font-size:.8rem}}.totals-summary>div{padding:.5rem 0}.totals-summary dt{font-size:.75rem}.totals-summary dd{font-size:.8rem}.totals-summary .panel__highlight{font-size:1.05rem}.cart__checkout .btn{padding:.75rem 1.25rem;font-size:.95rem}.btn--ghost{padding:.4rem .85rem;font-size:.85rem}} .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.checkout{max-width:1400px;margin:0 auto;padding:2rem 1rem;overflow-x:hidden;position:relative}.checkout-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:100%}@media(min-width:992px){.checkout-container{grid-template-columns:1.2fr .8fr}}.checkout-panel{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);height:fit-content}.checkout-panel h2{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:#2c2c2c;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.checkout-panel h3{margin:2rem 0 1rem;font-size:1rem;font-weight:600;color:#444}.checkout-login-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6}.delivery-address-selection{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fff8f0,#fef5e7);border-radius:10px;border:2px solid #d4a373}.delivery-address-selection .field{margin-bottom:0}.address-select{width:100%;padding:.75rem .875rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease;cursor:pointer}.address-select:hover{border-color:silver}.address-select:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326}.address-hint{margin:.75rem 0 0;font-size:.9rem;color:#6c757d;padding:.5rem .75rem;background:#fff;border-radius:6px;border-left:3px solid #d4a373}.login-prompt{margin-bottom:1rem;font-weight:500;color:#495057}.login-toggle-btn{background:none;border:none;color:#d4a373;text-decoration:none;cursor:pointer;padding:0;font:inherit;font-weight:600;transition:color .2s}.login-toggle-btn:hover{color:#b8916a;text-decoration:underline}.login-form-wrapper{margin-top:1rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #dee2e6;box-shadow:0 1px 4px #0000000d}.separate-delivery-checkbox{margin:1.5rem 0;padding:1rem 1.25rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.separate-delivery-checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:#495057;font-weight:500}.separate-delivery-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4a373;margin:0}.separate-delivery-checkbox span{-webkit-user-select:none;user-select:none}.save-address-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f7ff,#e3f2fd);border-radius:10px;border:2px solid #90caf9}.save-address-checkbox{margin-bottom:1rem}.save-address-checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;color:#1976d2;font-weight:600}.save-address-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1976d2;margin:0}.save-address-checkbox span{-webkit-user-select:none;user-select:none}.save-address-fields{margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(25,118,210,.2)}.save-address-fields .field-hint{font-size:.85rem;color:#1976d2;font-style:italic;margin-top:.25rem}.success-message{padding:1rem;margin-bottom:1rem;background:#d4edda;color:#155724;border-radius:6px;font-size:.95rem;border:1px solid #c3e6cb;display:flex;align-items:center;gap:.5rem}.error-message{padding:1rem;margin-bottom:1rem;background:#f8d7da;color:#721c24;border-radius:6px;font-size:.95rem;border:1px solid #f5c6cb}.checkout-mode{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#fafafa;border-radius:10px;border:1px solid #e5e5e5}.radio-option{display:flex;align-items:center;gap:.875rem;cursor:pointer;padding:.875rem 1rem;border-radius:8px;transition:all .2s;background:#fff;border:2px solid #e0e0e0}.radio-option:hover{background:#f8f8f8;border-color:#d4a373}.radio-option input[type=radio]:checked+*{font-weight:600}.radio-option:has(input:checked){background:#fff8f0;border-color:#d4a373;box-shadow:0 0 0 1px #d4a37333}.radio-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#d4a373;margin:0}.radio-option span{font-size:1rem;color:#333;transition:font-weight .2s}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.checkout-form .field{display:flex;flex-direction:column;gap:.5rem}.checkout-form .field>span{font-weight:600;font-size:.8rem;color:#495057;letter-spacing:.3px}.checkout-form input,.checkout-form textarea{padding:.75rem .875rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease}.checkout-form input:hover,.checkout-form textarea:hover{border-color:silver}.checkout-form input:focus,.checkout-form textarea:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326;background:#fffbf7}.checkout-form textarea{resize:vertical;min-height:100px}.checkout-items{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1.25rem}.checkout-items li{padding:1.25rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;transition:box-shadow .2s}.checkout-items li:hover{box-shadow:0 2px 6px #0000000f}.item-headline{display:flex;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e8e8e8}.item-title-section{flex:1;min-width:0}.item-title-section h4{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:#2c2c2c;line-height:1.3}.item-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.product-type{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid}.product-type--print-only{background:#3b82f61a;color:#2563eb;border-color:#3b82f64d}.product-type--print-and-mount{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf64d}.product-type--framed-prints{background:#ec48991a;color:#db2777;border-color:#ec48994d}.item-quantity{font-size:.75rem;font-weight:500;color:#6c757d;padding:.2rem .5rem;background:#f1f3f5;border-radius:4px}.checkout-items p{margin:.35rem 0;color:#5c5648;font-size:.8rem;line-height:1.5}.summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:10px;border:1px solid #dee2e6}.summary>div{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.summary>div:last-child{border-bottom:none;padding-top:1rem;margin-top:.5rem;border-top:2px solid #d4a373}.summary dt{font-weight:500;color:#495057}.summary dd{margin:0;font-weight:600;color:#2c2c2c}.summary .panel__highlight{font-size:1.15rem;color:#d4a373;font-weight:700}.summary .discount-row{background:#417b5614;padding:.75rem!important;border-radius:6px;border:1px solid rgba(65,123,86,.25)!important}.summary .discount-row dt{display:flex;flex-direction:column;gap:.25rem;color:#417b56!important;font-weight:600!important}.summary .discount-hint{font-size:.75rem;font-weight:400;color:#5a9670}.summary .discount-amount{color:#417b56!important;font-weight:700!important}.summary .discount-incentive{background:#d4a37314;padding:.75rem!important;border-radius:6px;border:1px solid rgba(212,163,115,.25)!important;text-align:center}.summary .discount-incentive dt{color:#c48a51!important;font-weight:600!important;font-size:.9rem}.checkout-note{font-size:.875rem;color:#6c757d;margin-top:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #d4a373}.btn{padding:1rem 2rem;font-size:1.05rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.login-actions{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.forgot-password-link{font-size:.9rem;color:#6c757d;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#d4a373;text-decoration:underline}@media(max-width:768px){.checkout{padding:1rem .5rem}.checkout-container{gap:1.5rem}.checkout-panel{padding:1.25rem}.checkout-panel h2{font-size:1.15rem;margin-bottom:1rem}.checkout-panel h3{font-size:.95rem;margin:1.5rem 0 .75rem}.checkout-items{gap:1rem;margin-bottom:1.5rem}.checkout-items li{padding:1rem}.item-title-section h4{font-size:.9rem}.item-meta{gap:.5rem}.product-type{font-size:.6rem;padding:.18rem .4rem}.item-quantity{font-size:.7rem;padding:.18rem .4rem}.checkout-items p{font-size:.75rem}.form-grid{grid-template-columns:1fr;gap:1rem}.checkout-form input,.checkout-form textarea{padding:.65rem .75rem;font-size:.85rem}.checkout-form .field>span{font-size:.75rem}.checkout-mode{padding:1rem;gap:.75rem}.radio-option{padding:.75rem .85rem}.radio-option span{font-size:.9rem}.summary{padding:1.25rem}.summary>div{padding:.65rem 0}.summary dt{font-size:.8rem}.summary dd{font-size:.85rem}.summary .panel__highlight{font-size:1.05rem}.btn{padding:.85rem 1.5rem;font-size:1rem}.checkout-login-section,.delivery-address-selection,.save-address-section{padding:1rem}.separate-delivery-checkbox{padding:.85rem 1rem}}@media(max-width:480px){.checkout{padding:.75rem .25rem}.checkout-panel{padding:1rem;border-radius:8px}.checkout-panel h2{font-size:1.05rem;margin-bottom:.75rem}.checkout-panel h3{font-size:.9rem;margin:1.25rem 0 .5rem}.checkout-items{gap:.75rem}.checkout-items li{padding:.85rem}.item-title-section h4{font-size:.85rem;margin-bottom:.4rem}.item-meta{gap:.4rem}.product-type{font-size:.55rem;padding:.15rem .35rem}.item-quantity{font-size:.65rem;padding:.15rem .35rem}.checkout-items p{font-size:.7rem;margin:.25rem 0}.checkout-form{gap:1rem}.form-grid{gap:.85rem}.checkout-form input,.checkout-form textarea{padding:.6rem .7rem;font-size:.8rem}.checkout-form .field>span{font-size:.7rem}.checkout-mode{padding:.85rem;gap:.65rem}.radio-option{padding:.65rem .75rem}.radio-option span{font-size:.85rem}.summary{padding:1rem}.summary>div{padding:.5rem 0}.summary dt{font-size:.75rem}.summary dd{font-size:.8rem}.summary .panel__highlight{font-size:.95rem}.btn{padding:.75rem 1.25rem;font-size:.95rem}.checkout-login-section,.delivery-address-selection,.save-address-section{padding:.85rem}.separate-delivery-checkbox{padding:.7rem .85rem}.separate-delivery-checkbox label,.save-address-checkbox label{font-size:.85rem}.checkout-note{font-size:.8rem;padding:.65rem .85rem}}.dashboard-page{max-width:1200px;margin:0 auto;padding:2rem;overflow-x:hidden;position:relative}.dashboard-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.dashboard-header h1{margin:0 0 .5rem;color:#2c2c2c}.dashboard-header p{margin:0;color:#666;font-size:1.1rem}.dashboard-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000000d}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{margin-bottom:1.5rem;color:#666;font-size:1.1rem}.orders-list{display:grid;gap:1rem}.order-card{border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem;transition:box-shadow .2s}.order-card:hover{box-shadow:0 4px 12px #0000001a}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.order-card-header strong{font-size:1.1rem;color:#2c2c2c}.order-card-body{display:grid;gap:.5rem;margin-bottom:1rem;font-size:.95rem}.order-card-body>div{display:flex;gap:.5rem}.order-card-footer{display:flex;justify-content:flex-end}.order-detail{display:flex;flex-direction:column;gap:1.5rem}.order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:6px;margin:1.5rem 0}.order-meta>div{display:flex;flex-direction:column;gap:.25rem}.order-meta strong{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.order-items{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.order-items li{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:#f8f9fa;border-radius:6px}.order-items li>div:first-child{flex:1}.order-items li strong{display:block;margin-bottom:.25rem;color:#2c2c2c}.order-items li p{margin:0;font-size:.9rem;color:#666}.order-items li>div:last-child{font-weight:600;color:#2c2c2c}.order-images{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.order-images li{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px}.text-muted{color:#6c757d;font-size:.9rem}.badge{display:inline-block;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge--submitted,.badge--processing{background:#fff3e0;color:#f57c00}.badge--awaiting_payment{background:#fff9c4;color:#f57f17}.badge--payment_captured{background:#e8f5e9;color:#388e3c}.badge--payment_failed{background:#ffebee;color:#c62828}.badge--completed{background:#e8f5e9;color:#2e7d32}.badge--cancelled,.badge--default{background:#f5f5f5;color:#616161}.badge--success{background:#e8f5e9;color:#2e7d32}.badge--info{background:#e1f5fe;color:#0277bd}@media(max-width:768px){.dashboard-page,.order-card{padding:1rem}.order-meta{grid-template-columns:1fr}.order-items li{flex-direction:column;gap:.5rem}}.discount-indicator{background:linear-gradient(135deg,#f8f9fa,#f0f2f4);border-radius:8px;padding:1rem;margin-top:.5rem}.discount-indicator--compact{display:inline-block;font-size:.85rem;color:#6c757d}.discount-indicator--compact.discount-indicator--active{color:#28a745;font-weight:600}.discount-indicator__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#d4edda;color:#155724;border-radius:4px;font-weight:600;font-size:.8rem}.discount-indicator__active{display:flex;align-items:center;gap:.5rem;color:#155724;margin-bottom:.75rem}.discount-indicator__active .discount-indicator__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#28a745;color:#fff;border-radius:50%;font-size:.75rem}.discount-indicator__hint{margin-bottom:.75rem;color:#495057;font-size:.9rem}.discount-indicator__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.discount-tier{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.35rem .4rem;background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:.8rem;color:#6c757d;transition:all .2s ease;min-width:0;overflow:hidden}.discount-tier--clickable{cursor:pointer}.discount-tier--clickable:not(.discount-tier--active):hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.discount-tier--clickable:not(.discount-tier--active):active{transform:translateY(0)}.discount-tier--active{background:#d4edda;border-color:#28a745;color:#155724;cursor:default}.discount-tier--next{border-color:#d4a373;border-style:dashed;color:#856404}.discount-tier__qty{font-weight:600}.discount-tier__percent{color:inherit}.discount-tier__check{color:#28a745;font-size:.75rem;margin-left:.25rem}.discount-indicator__progress{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #dee2e6;font-size:.85rem;color:#856404}.discount-indicator__progress strong{color:#d4a373}@media(max-width:768px){.discount-indicator__tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.discount-tier{font-size:.75rem;padding:.5rem .4rem}}@media(max-width:480px){.discount-indicator__tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.discount-tier{font-size:.7rem;padding:.45rem .35rem;flex-direction:column;gap:.15rem}}.paper-info-trigger{background:none;border:none;color:#3b82f6;font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0;margin-top:.25rem;display:inline-block;transition:color .2s}.paper-info-trigger:hover{color:#2563eb}.paper-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.paper-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;margin:auto}.paper-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.paper-modal__header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a1a}.paper-modal__close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.paper-modal__close:hover{background:#f3f4f6;color:#1a1a1a}.paper-modal__intro{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.paper-modal__intro p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.paper-modal__content{overflow-y:auto;padding:1.5rem;flex:1}.paper-card{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem;border:1px solid #e5e7eb}.paper-card:last-child{margin-bottom:0}.paper-card:has(.paper-card__image:empty){grid-template-columns:1fr}.paper-card__image{width:200px;height:150px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.paper-card__image:empty{display:none}.paper-card__image img{width:100%;height:100%;object-fit:cover}.paper-card__info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1a1a1a}.paper-card__info p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.6}.paper-modal__footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;flex-shrink:0}@media(max-width:768px){.paper-modal{max-height:95vh;margin:0}.paper-modal__header h2{font-size:1.25rem}.paper-card{grid-template-columns:1fr;gap:1rem;padding:1rem}.paper-card__image{width:100%;height:200px}}@media(max-width:480px){.paper-modal__header,.paper-modal__content,.paper-modal__footer{padding:1rem}}.designer h2{margin-top:0;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:1rem;color:#2e2e2e}.designer{width:100%;max-width:100%;text-align:left;overflow-x:hidden;position:relative}.designer__columns{display:grid;gap:2rem;align-items:start;width:100%;overflow-x:hidden}.designer__columns--wide{grid-template-columns:320px minmax(360px,1fr) 360px;max-width:100%}@media(max-width:1300px){.designer__columns--wide{grid-template-columns:300px minmax(340px,1fr) 340px}}.designer__size,.designer__preview,.designer__form{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.summary__note{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6c6457}.summary__note--plain{text-transform:none;letter-spacing:0}.summary__note--accent{color:#417b56;text-transform:none;letter-spacing:0;font-weight:600}.summary__warning{margin:0;font-size:.85rem;color:#b8403b;text-transform:none;letter-spacing:0;font-weight:600}.preview-card{background:#e3e3e3;border-radius:12px;padding:1.5rem;box-shadow:0 15px 50px #00000014;display:flex;justify-content:center;align-items:center;min-height:360px;width:100%;box-sizing:border-box}.preview-stage{position:relative;background:#d8d8d8;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #0003;width:100%;max-width:420px;aspect-ratio:4/3;margin:0 auto}@media(max-width:768px){.preview-stage{max-width:100%}}.preview-stage__border{width:100%;height:100%;box-sizing:border-box;background-color:#fff;box-shadow:inset 0 0 0 1px #ffffffe6;display:flex}.preview-stage__image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #00000014}.preview-stage--with-mount{box-shadow:0 10px 30px #0003;border:1px solid #ddd}.preview-stage__mount{width:100%;height:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.preview-stage__mount:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px);pointer-events:none}.preview-stage__print{background:#fff;box-shadow:0 6px 20px #00000040,0 2px 6px #00000026,inset 0 0 0 1px #0000000d;position:relative;z-index:1;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.preview-stage__print:active{box-shadow:0 8px 25px #0000004d,0 3px 8px #0003,inset 0 0 0 2px #447b564d}.preview-stage--empty{width:100%;max-width:340px;height:240px;border:2px dashed rgba(0,0,0,.15);border-radius:8px;background:#fff;display:grid;place-items:center;text-align:center;color:#6e6e6e;font-size:.95rem;padding:1rem}.preview-stage--interactive{cursor:pointer}.preview-stage--interactive:focus{outline:2px solid #d4a373;outline-offset:4px}.designer__metrics{background:#fff;padding:1rem 1.3rem;border-radius:12px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:.9rem}.designer__metrics-control{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;font-size:.85rem;color:#6c6457}.quality-banner{display:grid;gap:.3rem;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;line-height:1.4}.quality-banner__label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;grid-column:1}.quality-banner__description{color:inherit;grid-column:1 / -1}.quality-banner__info{grid-column:1;justify-self:start;border:none;background:transparent;color:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer;padding:0;opacity:.8;font-weight:500}.quality-banner__info:hover{opacity:1;text-decoration:none}.quality-banner__info:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:2px}.quality-banner__ppi{grid-column:2;grid-row:1;font-size:.85rem;opacity:.8}.quality-banner--perfect{background:#e9f7f0;color:#1f7a4a}.quality-banner--excellent{background:#ecf4ff;color:#215f9b}.quality-banner--good{background:#fff6e6;color:#a25a00}.quality-banner--caution{background:#fbe9e9;color:#b8403b}.designer__metrics-control select{padding:.45rem .6rem;border-radius:6px;border:1px solid rgba(0,0,0,.15);font-size:.9rem;background:#fbfbfb}.designer__metrics-control select:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 2px #d4a37340}.designer__metrics-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}@media(max-width:768px){.designer__metrics-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}}@media(max-width:480px){.designer__metrics-list{grid-template-columns:1fr}}.designer__metrics-list dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8c826f}.designer__metrics-list dd{margin:.3rem 0 0;font-weight:600;font-size:1.05rem}.panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 15px 45px #00000014;display:flex;flex-direction:column;gap:1.1rem;width:100%;box-sizing:border-box;overflow-x:hidden}.designer__size-panel{gap:1rem}.designer__sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.95rem;max-width:100%;min-width:0;box-sizing:border-box}.field--slider{gap:.6rem;max-width:100%;min-width:0}.unit-toggle__option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.field input:focus,.field select:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37340}.field-group{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.field-group--dimensions{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(110px,auto);align-items:end}@media(max-width:480px){.field-group--dimensions{grid-template-columns:1fr 90px}}.field--units select{min-width:0}.field--checkbox{flex-direction:row;align-items:center;gap:.75rem;background:#d4a3731f;padding:.65rem .8rem;border-radius:8px;border:1px solid rgba(212,163,115,.4)}.field--checkbox input[type=checkbox]{width:1.1rem;height:1.1rem}.feedback{margin:0;font-size:.9rem;color:#5c5648}.field__hint--accent{color:#417b56;font-weight:600}.feedback--error{color:#b8403b}.feedback--success{color:#417b56}.actions{display:flex;gap:.75rem;justify-content:flex-end}.link{background:none;border:none;padding:0;margin-left:auto;color:#c48a51;font-size:.85rem;text-decoration:underline;cursor:pointer}.link:hover{color:#a46f3c}.btn{padding:.7rem 1.2rem;border-radius:999px;border:none;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn--primary{background:linear-gradient(135deg,#d4a373,#c48a51);color:#fff;box-shadow:0 10px 25px #d4a37359}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #d4a37373}.btn--secondary{background:#fff;color:#c48a51;border:1px solid rgba(196,138,81,.6);box-shadow:0 8px 18px #c48a512e}.btn--secondary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #c48a5142}.btn--secondary:focus-visible{outline:2px solid rgba(196,138,81,.6);outline-offset:3px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn--attention{animation:uploadPulse 1.8s ease-in-out infinite}@keyframes uploadPulse{0%{box-shadow:0 0 #c48a5173}60%{box-shadow:0 0 0 14px #c48a5100}to{box-shadow:0 0 #c48a5100}}.summary{display:grid;gap:.75rem}.summary--compact{gap:.4rem}.summary dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6c6457}.summary dd{margin:.2rem 0 0;font-weight:600}.configure__summary{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.resolution-dialog{position:fixed;inset:0;display:grid;place-items:center;z-index:2000}.resolution-dialog__backdrop{position:absolute;inset:0;background:#00000073;cursor:pointer}.resolution-dialog__content{position:relative;background:#fff;border-radius:12px;padding:1.8rem;max-width:520px;width:min(520px,90vw);box-shadow:0 40px 80px #00000040;display:flex;flex-direction:column;gap:1rem;z-index:1}.resolution-dialog__content h3{margin:0;font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase;color:#2e2e2e}.resolution-dialog__content p{margin:0;color:#4b463b;line-height:1.5;font-size:.95rem}.resolution-dialog__actions{display:flex;justify-content:flex-end}.quality-bands-list{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0}.quality-bands-list h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#2e2e2e}.quality-band-item{display:grid;grid-template-columns:auto 1fr;gap:.5rem .75rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.quality-band-item__label{grid-column:1;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.quality-band-item__range{grid-column:2;justify-self:end;font-weight:600;font-size:.85rem;opacity:.9}.quality-band-item__description{grid-column:1 / -1;font-size:.85rem;line-height:1.4;opacity:.95}.quality-band-item--perfect{background:#e9f7f0;color:#1f7a4a}.quality-band-item--excellent{background:#ecf4ff;color:#215f9b}.quality-band-item--good{background:#fff6e6;color:#a25a00}.quality-band-item--caution{background:#fbe9e9;color:#b8403b}@media(max-width:968px){.designer__columns,.designer__columns--wide{grid-template-columns:1fr;max-width:100%}}@media(max-width:768px){.designer__columns,.designer__columns--wide{grid-template-columns:1fr;gap:1.5rem;padding:0;max-width:100%;box-sizing:border-box}.field-group--dimensions{grid-template-columns:1fr;gap:.75rem}.designer__sliders-grid{grid-template-columns:1fr;gap:1.5rem}.designer__product-type-panel .field__button-group{grid-template-columns:1fr;gap:.65rem}.designer__product-type-panel .btn{padding:.75rem .85rem;font-size:.9rem}.panel{padding:1.25rem;max-width:100%;box-sizing:border-box}.panel h2{font-size:1rem}.field,.field--slider,.slider-control{n max-width: 100%;n min-width: 0;n}}.slider-control{max-width:100%;min-width:0}.field__label{font-size:.75rem}.field input,.field select,.field textarea{font-size:.95rem;padding:.55rem .65rem}.mount-config{margin-top:1.25rem;padding-top:1.25rem}.resolution-dialog{width:90vw;max-width:400px;padding:1.25rem}.resolution-dialog__title{font-size:1.15rem}.resolution-dialog__content p{font-size:.9rem}} @media (max-width: 480px){.designer__columns,.designer__columns--wide{gap:1rem}.field-group--dimensions{gap:.65rem}.designer__product-type-panel .field__button-group{gap:.5rem}.designer__product-type-panel .btn{padding:.7rem .75rem;font-size:.85rem}.panel{padding:1rem;border-radius:8px}.panel h2{font-size:.9rem}.field{gap:.35rem}.field__label{font-size:.7rem}.field__hint{font-size:.75rem}.field input,.field select,.field textarea{font-size:.9rem;padding:.5rem .6rem}.mount-config{margin-top:1rem;padding-top:1rem}.mount-config__title{font-size:.9rem}.resolution-dialog{width:95vw;padding:1rem}.resolution-dialog__title{font-size:1.05rem;margin-bottom:.75rem}.resolution-dialog__content p{font-size:.85rem}.resolution-dialog__actions .btn{padding:.65rem 1rem;font-size:.9rem}}.designer__product-type-panel .field__button-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.designer__product-type-panel .btn{padding:.875rem 1rem;font-size:.9375rem;font-weight:600;justify-content:center}.mount-config{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0ddd7}.mount-config__title{margin:0 0 1rem;font-size:.875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#417b56}.mount-config .field{margin-bottom:1rem}.mount-config .field:last-child{margin-bottom:0}.mount-config__preview-info{padding:.75rem 1rem;background:#f8f8f8;border-radius:8px;border:1px solid #e0ddd7;margin-bottom:1rem}.mount-config__preview-info .field__hint{margin:.25rem 0;color:#6c6457}.product-selection{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:3rem 1.5rem;margin:-2rem 0 -3rem}.gd-main:has(.product-selection){padding:0}.product-selection__container{max-width:1200px;margin:0 auto}.product-selection__title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#1a1a1a}.product-selection__subtitle{font-size:1.125rem;text-align:center;margin-bottom:3rem;color:#666}.product-selection__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.product-card__image-container{background:#f8f8f8;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center;min-height:180px}.product-card__image{width:100%;max-width:160px}.product-preview{width:100%;aspect-ratio:3/4;position:relative}.product-preview--print{background:#fff;box-shadow:0 2px 8px #00000026}.product-preview__border{position:absolute;inset:10%;background:linear-gradient(135deg,#667eea,#764ba2)}.product-preview--mounted{background:#fafafa;padding:20%;box-shadow:0 2px 8px #00000026}.product-preview__mount{width:100%;height:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:relative}.product-preview__print{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:none}.product-preview--framed{padding:8%;background:linear-gradient(45deg,#2c3e50,#34495e);box-shadow:0 4px 12px #0000004d}.product-preview__frame{width:100%;height:100%;padding:5%;background:#fff;box-shadow:inset 0 0 0 8px #2c3e50,inset 0 0 0 10px #d4af37,inset 0 0 0 12px #2c3e50}.product-card__content{padding:1.5rem;flex:1}.product-card__title{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.product-card__description{font-size:.9rem;line-height:1.5;color:#666;margin-bottom:1rem}.product-card__features{list-style:none;padding:0;margin:0}.product-card__features li{font-size:.85rem;color:#555;padding-left:1.5rem;position:relative;margin-bottom:.35rem}.product-card__features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.product-card__cta{padding:0 1.5rem 1.5rem}.product-card__cta .btn{width:100%;text-align:center;justify-content:center}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a37366}@media(max-width:768px){.product-selection{padding:1.5rem 0;margin:-56px 0 -3rem;padding-top:calc(56px + 1.5rem)}.product-selection__title{font-size:1.75rem}.product-selection__subtitle{font-size:1rem;margin-bottom:2rem}.product-selection__grid{grid-template-columns:1fr;gap:1.25rem}.product-card__image-container{padding:2rem 1.5rem;min-height:200px}.product-card__content{padding:1.5rem}.product-card__title{font-size:1.25rem}.product-card__description{font-size:.9rem}.product-card__cta{padding:0 1.5rem 1.5rem}}@media(max-width:480px){.product-selection{padding:1rem 0}.product-selection__title{font-size:1.5rem;margin-bottom:.75rem}.product-selection__subtitle{font-size:.9rem;margin-bottom:1.5rem}.product-selection__grid{gap:1rem}.product-card__image-container{padding:1.5rem 1rem;min-height:180px}.product-card__content{padding:1.25rem}.product-card__title{font-size:1.15rem;margin-bottom:.5rem}.product-card__description{font-size:.85rem;margin-bottom:1rem}.product-card__features li{font-size:.8rem}.product-card__cta{padding:0 1.25rem 1.25rem}.btn{padding:.75rem 1.5rem;font-size:.95rem}}.mount-color-selector{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;width:100%;max-width:400px;box-sizing:border-box}.mount-color-selector__field{width:100%}.mount-color-selector__label{display:block}.mount-color-selector__label-text{display:block;font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.mount-color-selector__swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}.mount-color-swatch{width:100%;aspect-ratio:1;border-radius:6px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;position:relative;padding:0;background-clip:padding-box}.mount-color-swatch:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#d1d5db}.mount-color-swatch--active{border-color:#ec4899;border-width:3px;box-shadow:0 0 0 2px #ec489933,0 4px 8px #00000026}.mount-color-swatch__check{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.mount-color-selector__hint{margin:.75rem 0 0;font-size:.75rem;color:#666;line-height:1.4}.mount-color-selector__hint strong{color:#1a1a1a}@media(max-width:768px){.mount-color-selector{padding:1rem}.mount-color-selector__swatches{gap:.375rem}.mount-color-selector__hint{font-size:.7rem}}.print-and-mount{min-height:100vh;width:100%;max-width:100%;text-align:left;overflow-x:hidden;position:relative}.print-and-mount__container{width:100%;max-width:100%;margin:0 auto;padding:0}.print-and-mount h2{margin-top:0;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:1rem;color:#2e2e2e}.print-and-mount__header{text-align:center;margin-bottom:2rem}.print-and-mount__header h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:#555}.print-and-mount__header p{font-size:.875rem;color:#888}.print-and-mount__content{display:grid;grid-template-columns:320px minmax(360px,1fr) 360px;gap:2rem;margin-bottom:2rem;align-items:start;max-width:100%;overflow-x:hidden}.print-and-mount__sidebar,.print-and-mount__sidebar-left,.print-and-mount__preview,.print-and-mount__sidebar-right{display:flex;flex-direction:column;gap:1.25rem;max-width:100%;min-width:0}.print-and-mount__mount-color{grid-column:3;display:flex;flex-direction:column;gap:1.25rem;max-width:100%;min-width:0}.panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 15px 45px #00000014;display:flex;flex-direction:column;gap:1.1rem;max-width:100%;box-sizing:border-box}.preview-card{background:#f5f5f5;border-radius:12px;padding:3rem;box-shadow:0 15px 45px #00000014;display:flex;align-items:center;justify-content:center;min-height:400px;max-width:100%;box-sizing:border-box}.preview-image{width:100%;height:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;box-shadow:inset 0 0 0 1px #00000014}.info-list{display:flex;flex-direction:column;gap:.75rem;margin:0}.info-list>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.info-list>div:last-child{border-bottom:none}.info-list dt{font-weight:500;color:#555;font-size:.875rem}.info-list dd{font-weight:600;color:#1a1a1a;margin:0}.print-and-mount__actions{display:flex;justify-content:space-between;gap:1rem;max-width:600px;margin:0 auto}.print-and-mount__actions .btn{flex:1}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:1300px){.controls-grid{gap:1.5rem}}@media(max-width:1120px){.controls-grid{gap:1rem}}@media(max-width:968px){.controls-grid{grid-template-columns:1fr;gap:1.5rem}.print-and-mount__content{grid-template-columns:1fr;max-width:100%}.print-and-mount__container{max-width:100%}.print-and-mount__sidebar-left{order:1}.print-and-mount__preview{order:2}.print-and-mount__mount-color{order:3;grid-column:auto}.print-and-mount__sidebar-right{order:4}}@media(max-width:768px){.print-and-mount{padding:0;margin:0}.print-and-mount__container{max-width:100%}.print-and-mount__content{gap:1.5rem;max-width:100%}.panel{padding:1.25rem;gap:1rem}.preview-card{padding:2rem 1.5rem;min-height:300px}.print-and-mount__header h1{font-size:1.15rem}.print-and-mount__header p{font-size:.8rem}.field__label{font-size:.75rem}.field input[type=number],.field input[type=file],.field select{padding:.55rem .65rem;font-size:.95rem}.print-size-inputs,.print-and-mount__actions{flex-direction:column;gap:.75rem}}@media(max-width:480px){.print-and-mount{padding:0;margin:0}.print-and-mount__container{max-width:100%}.print-and-mount__content{gap:1rem;max-width:100%}.panel{padding:1rem;gap:.85rem;border-radius:8px}.preview-card{padding:1.5rem 1rem;min-height:250px;border-radius:8px}.print-and-mount__header h1{font-size:1.05rem}.print-and-mount__header p{font-size:.75rem}.print-and-mount h2{font-size:.85rem}.field{gap:.35rem}.field__label{font-size:.7rem}.field__hint{font-size:.75rem}.field input[type=number],.field input[type=file],.field select{padding:.5rem .6rem;font-size:.9rem}.field--checkbox{padding:.75rem .85rem;font-size:.85rem}.info-list dt{font-size:.8rem}.info-list dd{font-size:.9rem}.unit-toggle__option,.segmented-control__option{padding:.35rem .65rem;font-size:.8rem}}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.95rem}.field--slider{gap:.6rem}.field--upload{gap:.75rem}.field__upload-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.field__upload-input{display:none}.field__upload-meta{font-size:.8rem;color:#7a7467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.field__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6c6457;font-weight:700}.field__hint{font-size:.8rem;color:#7a7467}.field input[type=number],.field input[type=file],.field select{padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(0,0,0,.15);font-size:1rem;font-family:inherit;background:#fbfbfb;transition:border-color .2s ease,box-shadow .2s ease}.field input[disabled],.field select[disabled]{background:#f1ece6;color:#958b7a;cursor:not-allowed;opacity:.75}.field input[type=number]:focus,.field input[type=file]:focus,.field select:focus{outline:none;border-color:#c48a51;box-shadow:0 0 0 3px #c48a5126}.field--checkbox{flex-direction:row;align-items:flex-start;gap:.65rem;background:#d4a37314;padding:.85rem 1rem;border-radius:8px;border:1px solid rgba(212,163,115,.3);font-size:.9rem;line-height:1.5}.field--checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.15rem;flex-shrink:0;cursor:pointer;accent-color:#d4a373}.field--checkbox span{flex:1;color:#5c5648}.unit-toggle{display:inline-flex;gap:.5rem;margin:.25rem 0 .75rem}.unit-toggle__option{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(0,0,0,.2);cursor:pointer;font-size:.85rem;color:#6c6457;transition:border-color .2s ease,color .2s ease,background .2s ease}.unit-toggle__option input{appearance:none;width:0;height:0;margin:0}.unit-toggle__option:hover{border-color:#c48a5180;color:#c48a51}.unit-toggle__option--active{color:#c48a51;border-color:#c48a5199;background:#c48a511f}.slider-control{display:flex;flex-direction:column;gap:.55rem}.slider-control input[type=range]{width:100%;accent-color:#c48a51}.slider-control input[type=range]:disabled{opacity:.45;cursor:not-allowed}.slider-control__values{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#6c6457}.slider-control__hint{font-size:.8rem;color:#8c826f}.print-size-inputs{display:flex;gap:1rem;margin-bottom:1rem}.print-size-inputs .field{flex:1}.segmented-control{display:inline-flex;gap:.5rem;margin-bottom:.75rem}.segmented-control__option{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(0,0,0,.2);cursor:pointer;font-size:.85rem;color:#6c6457;transition:border-color .2s ease,color .2s ease,background .2s ease}.segmented-control__option input{appearance:none;width:0;height:0;margin:0}.segmented-control__option:hover{border-color:#215f9b73;color:#215f9b}.segmented-control__option--active{border-color:#215f9b8c;background:#215f9b1f;color:#215f9b}.segmented-control__option--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.mount-color{min-height:100vh;padding:2rem 1.5rem;background:#f8f9fa;width:100%;max-width:100%;text-align:left;overflow-x:hidden;position:relative}.mount-color__container{max-width:1400px;margin:0 auto}.mount-color__header{text-align:center;margin-bottom:2rem}.mount-color__header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.mount-color__header p{font-size:1rem;color:#666}.mount-color__content{display:grid;grid-template-columns:300px 1fr 300px;gap:2rem;margin-bottom:2rem;max-width:100%;overflow-x:hidden}.mount-color__preview h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.preview-card{background:#f5f5f5;border-radius:12px;padding:3rem;box-shadow:0 15px 45px #00000014;display:flex;align-items:flex-start;justify-content:center;min-height:200px}.preview-with-mount{max-width:100%}.preview-mount{background:#fff;box-shadow:0 10px 30px #0003;border:1px solid #ddd;width:100%;max-width:500px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.mount-color__options h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.mount-color-grid{display:flex;flex-direction:column;gap:.75rem}.mount-color-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.mount-color-option:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mount-color-option--active{border-color:#ec4899;box-shadow:0 4px 12px #ec489933}.mount-color-option__swatch{width:36px;height:36px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000000d}.mount-color-option__check{width:18px;height:18px;background:#ec4899;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700}.mount-color-option__info{flex:1}.mount-color-option__info h3{font-size:.8125rem;font-weight:600;margin-bottom:.125rem;color:#1a1a1a}.mount-color-option__info p{font-size:.6875rem;color:#666;margin:0;line-height:1.3}.mount-color__summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 15px 45px #00000014;margin-bottom:1rem}.mount-color__actions{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 15px 45px #00000014;display:flex;flex-direction:column;gap:.75rem}@media(max-width:1024px){.mount-color__content{grid-template-columns:1fr}.mount-color__preview{order:1!important}.mount-color__options{order:2!important}.mount-color__summary{order:3!important}}@media(max-width:768px){.mount-color{padding:1.5rem 1rem}.mount-color__preview{order:1!important}.mount-color__options{order:2!important}.mount-color__summary{order:3!important}.mount-color__header h1{font-size:1.5rem}.mount-color__header p{font-size:.9rem}.mount-color__content{gap:1.5rem}.preview-card{padding:2rem 1.5rem;min-height:300px}.mount-color__preview h2,.mount-color__options h2{font-size:1.1rem}.mount-color__actions{padding:1.25rem}}@media(max-width:640px){.mount-color{padding:1rem 0}.mount-color__preview{order:1!important}.mount-color__options{order:2!important}.mount-color__summary{order:3!important}.mount-color__header h1{font-size:1.35rem;margin-bottom:.35rem}.mount-color__header p{font-size:.85rem}.mount-color__content{gap:1.25rem}.preview-card{padding:1.5rem 1rem;min-height:250px;border-radius:8px}.mount-color__preview h2,.mount-color__options h2{font-size:1rem;margin-bottom:1rem}.mount-color-grid{gap:.65rem}.mount-color-option{flex-direction:row;text-align:left;padding:.65rem}.mount-color-option__swatch{width:48px;height:48px}.mount-color-option__info h3{font-size:.8rem}.mount-color-option__info p{font-size:.7rem}.mount-color__actions{padding:1rem;gap:.65rem;border-radius:8px}.mount-color__actions .btn{padding:.75rem 1.25rem;font-size:.9rem}}@media(max-width:480px){.mount-color{padding:1rem .5rem}.mount-color__preview{order:1!important}.mount-color__options{order:2!important}.mount-color__summary{order:3!important}.mount-color__header h1{font-size:1.2rem}.mount-color__header p{font-size:.8rem}.preview-card{padding:1.25rem .85rem;min-height:220px}.mount-color__preview h2,.mount-color__options h2{font-size:.95rem}.mount-color-option{padding:.6rem}.mount-color-option__swatch{width:42px;height:42px}.mount-color-option__check{width:16px;height:16px;font-size:.55rem}.mount-color-option__info h3{font-size:.75rem}.mount-color-option__info p{font-size:.68rem}.mount-color__actions{padding:.85rem}.mount-color__actions .btn{padding:.7rem 1.15rem;font-size:.85rem}}.frame-type{min-height:100vh;width:100%;max-width:100%;text-align:left;overflow-x:hidden;position:relative}.frame-type__container{width:100%;max-width:100%;margin:0 auto;padding:0}.frame-type h2{margin-top:0;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:1rem;color:#2e2e2e}.frame-type__header{text-align:center;margin-bottom:2rem;padding:2rem 0 0}@media(min-width:1025px){.frame-type__header{padding:2rem 1.5rem 0}}.frame-type__header h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:#555}.frame-type__header p{font-size:.875rem;color:#888}.frame-type__loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:#666}.frame-type__content{display:grid;grid-template-columns:minmax(360px,1fr) 380px;gap:2rem;margin-bottom:2rem;align-items:start;padding:0}@media(min-width:1025px){.frame-type__content{padding:0 2rem}}.frame-type__preview,.frame-type__options{display:flex;flex-direction:column;gap:1.25rem}.preview-card{background:#f5f5f5;border-radius:12px;padding:3rem;box-shadow:0 15px 45px #00000014;display:flex;justify-content:center;align-items:center;min-height:400px}.preview-framed{display:flex;justify-content:center;align-items:center;width:100%}.preview-frame{border:20px solid;box-shadow:0 0 0 2px #0000001a,0 8px 24px #0003,inset 0 0 0 1px #ffffff4d;max-width:500px;width:100%}.preview-mount{background:#fff;position:relative}.preview-image{width:100%;height:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.frame-pricing-breakdown{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 15px 45px #00000014}.frame-pricing-breakdown h3{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:#555;text-transform:uppercase;letter-spacing:.03em}.frame-pricing-breakdown dl{display:flex;flex-direction:column;gap:.75rem;margin:0}.frame-pricing-breakdown dl>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.frame-pricing-breakdown dl>div:last-child{border-bottom:none}.frame-pricing-breakdown dt{font-size:.875rem;font-weight:500;color:#555}.frame-pricing-breakdown dd{font-weight:600;color:#1a1a1a;margin:0;font-size:.875rem}.frame-pricing-breakdown__total{padding-top:.75rem;margin-top:.5rem;border-top:2px solid #e5e7eb!important}.frame-pricing-breakdown__total dt{font-size:1rem;font-weight:600;color:#1a1a1a}.frame-pricing-breakdown__total dd{font-size:1.125rem;color:#ec4899}.frame-grid{display:flex;flex-direction:column;gap:.85rem}.frame-option{display:flex;align-items:center;gap:1rem;padding:.85rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-shadow:0 15px 45px #00000014}.frame-option:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 15px 45px #0000001f}.frame-option--active{border-color:#ec4899;box-shadow:0 4px 12px #ec489933}.frame-option__image{width:70px;height:70px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;position:relative;border:1px solid rgba(0,0,0,.1)}.frame-option__check,.frame-option__checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#ec4899;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #0003}.frame-option__info{flex:1}.frame-option__info h3{font-size:.9rem;font-weight:600;margin-bottom:.15rem;color:#1a1a1a}.frame-option__info p{font-size:.8rem;color:#666;margin:.15rem 0;line-height:1.3}.frame-option__price{font-size:.75rem;color:#888;margin:0;font-style:italic}.frame-type__actions{display:flex;justify-content:space-between;gap:1rem;max-width:600px;margin:2rem auto;padding:0 2rem}.frame-type__actions .btn{flex:1}@media(max-width:1024px){.frame-type__content{grid-template-columns:1fr;gap:2rem}.frame-type__preview{order:1}.frame-type__options{order:2}}@media(max-width:768px){.frame-type__header{padding:1.5rem 1rem 0}.frame-type__content{padding:0 1rem;gap:1.5rem}.frame-option{gap:1rem;padding:1rem}.frame-option__image{width:80px;height:80px}.frame-type__actions{padding:0}}@media(max-width:640px){.frame-type__header{padding:1rem 0 0}.frame-type__content{padding:0;gap:1.25rem}.frame-option{gap:.85rem;padding:.85rem}.frame-option__image{width:70px;height:70px}.frame-option__check,.frame-option__checkmark{width:28px;height:28px;font-size:1rem}.frame-type__actions{padding:0}}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem;overflow-x:hidden;position:relative}.login-panel{background:#fff;border-radius:8px;padding:2rem;max-width:450px;width:100%;box-shadow:0 2px 8px #0000001a}.login-panel h2{margin-top:0;margin-bottom:1.5rem;text-align:center}.auth-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f5f5f5;border-radius:6px;padding:.25rem}.auth-mode-toggle button{flex:1;padding:.75rem;border:none;background:transparent;cursor:pointer;font-size:1rem;border-radius:4px;transition:all .2s}.auth-mode-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .field{display:flex;flex-direction:column;gap:.5rem}.login-form .field span{font-weight:500;font-size:.95rem}.login-form input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-form input:focus{outline:none;border-color:#007bff}.login-form .btn{margin-top:.5rem;padding:.875rem;font-size:1rem}.login-note{margin-top:1.5rem;text-align:center;font-size:.9rem}.login-note a{color:#007bff;text-decoration:none}.login-note a:hover{text-decoration:underline}.feedback--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.verification-status{text-align:center;padding:2rem 0}.verification-status .success-icon,.verification-status .error-icon{font-size:4rem;margin-bottom:1rem}.verification-status .success-icon{color:#28a745}.verification-status .error-icon{color:#dc3545}.verification-status p{margin:1rem 0}.verification-status .btn{margin-top:1.5rem}@media(max-width:768px){.login-page{padding:1rem .5rem}.login-panel{max-width:100%;padding:1.5rem}.login-panel h2{font-size:1.5rem}.auth-mode-toggle button{font-size:.9rem;padding:.65rem}.login-form input{font-size:16px;padding:.65rem}.login-form .field span{font-size:.85rem}.login-form .btn{padding:.75rem;font-size:.95rem}.login-note{font-size:.85rem}}@media(max-width:480px){.login-page{padding:.5rem}.login-panel{padding:1.25rem}.login-panel h2{font-size:1.35rem;margin-bottom:1.25rem}.auth-mode-toggle{margin-bottom:1.25rem}.auth-mode-toggle button{font-size:.85rem;padding:.6rem}}.my-account-page{padding:2rem 1rem;margin:0 auto;overflow-x:hidden;position:relative;width:100%;max-width:100%}.my-account-container{width:100%;max-width:100%;overflow-x:hidden}.my-account-container h1{margin-bottom:2rem;color:#333}.account-layout{display:grid;grid-template-columns:250px 1fr;gap:1.5rem;align-items:start;max-width:100%;overflow-x:hidden}.account-nav{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem 0;position:sticky;top:1rem}.account-nav-link{display:block;padding:.75rem 1.5rem;color:#333;text-decoration:none;border-left:3px solid transparent;transition:all .2s}.account-nav-link:hover{background:#f5f5f5}.account-nav-link.active{background:#f0f7ff;border-left-color:#2196f3;color:#2196f3;font-weight:500}.nav-text-short{display:none}.account-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;min-height:400px;overflow-x:auto;width:100%}@media(max-width:768px){.my-account-page{padding:.5rem 0 1rem;width:100vw;max-width:100vw}.my-account-container{width:100%;max-width:100%}.my-account-container h1{margin-bottom:.75rem;padding:0 1rem;font-size:1.5rem}.account-layout{grid-template-columns:1fr;gap:0;width:100%;max-width:100%}.account-nav{position:static;display:flex;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:0;border-left:none;border-right:none;margin:0 0 1rem;width:100%;max-width:100vw;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.account-nav::-webkit-scrollbar{display:none}.account-nav-link{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;padding:.875rem 1rem;font-size:.85rem;flex-shrink:0;flex:1;text-align:center;min-width:fit-content}.account-nav-link.active{border-left:none;border-bottom-color:#2196f3;background:#f0f7ff}.nav-text-full{display:none}.nav-text-short{display:inline}.account-content{border-radius:0;border-left:none;border-right:none;padding:1rem;min-height:auto;width:100%;max-width:100vw;overflow-x:hidden}}.my-orders-page{animation:fadeIn .3s ease-in;overflow-x:hidden;position:relative;max-width:100%}.orders-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.orders-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#2c2c2c}.search-box{position:relative;display:flex;align-items:center;max-width:500px}.search-icon{position:absolute;left:1rem;font-size:1rem;pointer-events:none;opacity:.6}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:10px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease}.search-input::placeholder{color:#adb5bd}.search-input:hover{border-color:silver}.search-input:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326;background:#fffbf7}.clear-search{position:absolute;right:.75rem;background:none;border:none;color:#6c757d;font-size:1.2rem;cursor:pointer;padding:.35rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.clear-search:hover{background:#f0f0f0;color:#2c2c2c}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#495057}.empty-state p{margin:0 0 1.5rem;color:#6c757d;font-size:.9rem}.orders-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000f;border:2px solid #f0f0f0}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.orders-table th{padding:.75rem .875rem;text-align:left;font-weight:700;font-size:.7rem;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.orders-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.orders-table tbody tr:hover{background:linear-gradient(135deg,#fffbf7,#fff8f0)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:.875rem;vertical-align:middle;font-size:.8rem;color:#2c2c2c}.order-ref-cell .ref-content{display:flex;align-items:center;gap:.5rem}.order-ref-cell .ref-icon{font-size:.875rem}.order-ref-cell strong{font-weight:700;color:#2c2c2c}.delivery-cell .delivery-info{display:flex;flex-direction:column;gap:.25rem}.delivery-cell strong{font-weight:600;color:#2c2c2c}.delivery-location{font-size:.7rem;color:#6c757d}.total-cell{font-weight:700;color:#2c2c2c;font-size:.85rem}.date-cell{color:#495057;font-size:.75rem}@media(max-width:1024px){.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}}@media(max-width:768px){.orders-table-container{display:none}.my-orders-page{padding:0;max-width:100vw;overflow-x:hidden}.orders-header{padding:1rem;margin-bottom:1rem}.orders-header h2{font-size:1.5rem;margin-bottom:.75rem}.search-box{padding:.5rem .75rem}.search-input{font-size:.9rem}.orders-grid{display:grid!important;grid-template-columns:1fr;gap:1rem;padding:0 1rem 1rem}.order-card{padding:1rem;border-radius:8px}.order-card-header{margin-bottom:1rem;padding-bottom:.75rem}.order-reference strong{font-size:.95rem}.badge{font-size:.7rem;padding:.25rem .5rem}.order-info-grid{gap:.75rem}.order-info-item{padding:.75rem}.order-info-label{font-size:.7rem}.order-info-value{font-size:.85rem}.order-actions{gap:.5rem}.btn{padding:.5rem .875rem;font-size:.85rem}}.orders-grid{display:none}.order-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:2px solid #f0f0f0;transition:all .3s ease}.order-card--link{text-decoration:none;color:inherit;display:block;cursor:pointer}.order-card:hover,.order-card--link:hover{box-shadow:0 6px 20px #0000001f;border-color:#d4a373;transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.order-reference{display:flex;align-items:center;gap:.5rem}.ref-icon{font-size:1.2rem}.order-reference strong{font-size:1.05rem;font-weight:700;color:#2c2c2c}.badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge--pending{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;box-shadow:0 2px 6px #ffc1074d}.badge--processing{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;box-shadow:0 2px 6px #17a2b84d}.badge--completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 6px #28a7454d}.badge--paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.badge--unpaid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.order-card-body{display:flex;flex-direction:column;gap:.75rem}.order-detail{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-label{font-size:.9rem;color:#6c757d;font-weight:500}.detail-value{font-size:.95rem;color:#2c2c2c;font-weight:600}.btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}@media(max-width:768px){.orders-grid{grid-template-columns:1fr}.search-box{max-width:100%}}.my-details-page{animation:fadeIn .3s ease-in;overflow-x:hidden;position:relative;max-width:100%}.my-details-page h2{margin:0 0 2rem;font-size:1.5rem;font-weight:700;color:#2c2c2c}.alert{padding:.875rem 1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.85rem;animation:slideDown .3s ease-out}.details-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06)}.details-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.details-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2c2c2c}.badge--role{padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 6px #667eea4d}.details-grid{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;font-size:.8rem;color:#495057;letter-spacing:.3px}.detail-item input{padding:.75rem .875rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease}.detail-item input:hover{border-color:silver}.detail-item input:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326;background:#fffbf7}.address-display{line-height:1.8;color:#2c2c2c}.address-display p{margin:0}.no-address{color:#6c757d;font-style:italic;margin:0;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:center}.detail-value{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;font-size:.9rem;color:#2c2c2c}.detail-badge{font-size:.85rem;color:#28a745;font-weight:600;padding:.25rem .75rem;background:#d4edda;border-radius:12px}.btn-edit{background:none;border:none;color:#d4a373;font-size:.9rem;font-weight:600;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:.35rem}.btn-edit:hover{background:#fff8f0;color:#c89865}.edit-field{display:flex;flex-direction:column;gap:.75rem}.edit-field input{padding:.875rem 1rem;border-radius:8px;border:2px solid #e0e0e0;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease}.edit-field input:hover{border-color:silver}.edit-field input:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326;background:#fffbf7}.edit-actions{display:flex;gap:.75rem}.btn--sm{padding:.5rem 1rem;font-size:.9rem}.btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-info{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;border-left:4px solid #2196f3}.info-icon{font-size:1.2rem;flex-shrink:0}.password-info p{margin:0;font-size:.8rem;color:#1565c0;line-height:1.5}.security-info{padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.password-last-changed{margin:0;color:#6c757d;font-size:.95rem;line-height:1.6}@media(max-width:768px){.my-details-page{max-width:100vw;overflow-x:hidden}.my-details-page h2{font-size:1.25rem;margin-bottom:1.5rem}.details-card{padding:1rem;margin-bottom:1rem}.details-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.details-card-header h3{font-size:1rem}.badge--role{font-size:.7rem;padding:.25rem .65rem}.details-grid{gap:1rem}.detail-item label{font-size:.75rem}.detail-item input,.detail-value{padding:.65rem .75rem;font-size:.85rem}.btn-edit{font-size:.8rem;padding:.3rem .6rem}.edit-actions{flex-direction:column;gap:.75rem}.edit-actions .btn{width:100%;justify-content:center;font-size:.9rem;padding:.75rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{width:100%;justify-content:center;font-size:.9rem;padding:.75rem}.alert{padding:.75rem;font-size:.8rem}.alert-icon{font-size:1.1rem}.password-info{padding:.75rem}.password-info p{font-size:.75rem}.form-field label{font-size:.85rem}.form-field input{padding:.75rem .85rem;font-size:.9rem}}.my-addresses-page{animation:fadeIn .3s ease-in;overflow-x:hidden;position:relative;max-width:100%}.addresses-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.addresses-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#2c2c2c;background:linear-gradient(135deg,#2c2c2c,#5c5648);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.addresses-subtitle{margin:0;color:#6c757d;font-size:.95rem}.addresses-header .btn{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.addresses-header .btn span:first-child{font-size:1.2rem;font-weight:700}.alert{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.alert--error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.alert-icon{font-size:1.3rem;font-weight:700}.address-form-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.form-card-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid #f0f0f0}.form-card-header h3{margin:0 0 .5rem;font-size:1.35rem;font-weight:600;color:#2c2c2c}.form-card-header p{margin:0;color:#6c757d;font-size:.9rem}.address-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:600;font-size:.9rem;color:#495057;letter-spacing:.3px}.required{color:#dc3545;font-weight:700}.form-field input{padding:.875rem 1rem;border-radius:8px;border:2px solid #e0e0e0;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease}.form-field input::placeholder{color:#adb5bd}.form-field input:hover{border-color:silver}.form-field input:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326;background:#fffbf7}.field-hint{font-size:.85rem;color:#6c757d;font-style:italic}.form-checkbox{padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6}.form-checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.form-checkbox input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:#d4a373;margin:0}.form-checkbox span{font-weight:600;color:#495057;font-size:1rem;-webkit-user-select:none;user-select:none}.checkbox-hint{margin:0;margin-left:2rem;font-size:.85rem;color:#6c757d}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid #f0f0f0;margin-top:.5rem}.form-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem}.form-actions .btn span:first-child{font-size:1.1rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #dee2e6}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:#495057}.empty-state p{margin:0 0 1.5rem;color:#6c757d;font-size:1rem}.empty-state .btn{display:inline-flex;align-items:center;gap:.5rem}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.address-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 8px #0000000f;border:2px solid #f0f0f0;transition:all .3s ease;display:flex;flex-direction:column;gap:1.25rem}.address-card:hover{box-shadow:0 6px 20px #0000001f;border-color:#d4a373;transform:translateY(-2px)}.address-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.address-label{display:flex;align-items:center;gap:.5rem}.label-icon{font-size:1.2rem}.address-label strong{font-size:1.1rem;font-weight:700;color:#2c2c2c}.badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge--default{background:linear-gradient(135deg,#d4a373,#c89865);color:#fff;box-shadow:0 2px 6px #d4a3734d}.address-content{flex:1}.recipient-name{margin:0 0 .75rem;font-weight:600;font-size:1.05rem;color:#495057}.address-content address{font-style:normal;line-height:1.7;color:#6c757d;font-size:.95rem}.address-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:2px solid #f0f0f0;flex-wrap:wrap}.btn-action{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;flex:1;min-width:fit-content;justify-content:center}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-action--star{border-color:#ffc107;color:#856404}.btn-action--star:hover{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#f9a825}.btn-action--edit{border-color:#d4a373;color:#5c5648}.btn-action--edit:hover{background:linear-gradient(135deg,#fff8f0,#fef5e7);border-color:#c89865}.btn-action--delete{border-color:#dc3545;color:#721c24}.btn-action--delete:hover{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#c82333}.btn-action span:first-child{font-size:1.1rem}.action-text{font-weight:600}@media(max-width:768px){.my-addresses-page{max-width:100vw;overflow-x:hidden}.addresses-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.addresses-header h2{font-size:1.25rem;margin-bottom:.35rem}.addresses-subtitle{font-size:.85rem}.addresses-header .btn{width:100%;justify-content:center;font-size:.9rem;padding:.75rem}.addresses-grid{grid-template-columns:1fr;gap:1rem}.address-card{padding:1rem}.address-card-header{margin-bottom:.75rem;padding-bottom:.75rem}.address-label{font-size:1rem}.address-label-text{font-size:.95rem}.address-body{font-size:.85rem;line-height:1.6}.address-recipient{font-size:.95rem}.address-actions{flex-direction:column;gap:.5rem;padding-top:.75rem}.btn-action{flex:1;width:100%;font-size:.8rem;padding:.65rem .85rem}.btn-action span:first-child{font-size:1rem}.address-form-card{padding:1rem;margin-bottom:1rem}.form-card-header{margin-bottom:1.25rem;padding-bottom:1rem}.form-card-header h3{font-size:1.1rem}.form-card-header p{font-size:.8rem}.address-form{gap:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-field label{font-size:.85rem}.form-field input{padding:.75rem .85rem;font-size:.9rem}.field-hint{font-size:.8rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{width:100%;justify-content:center;font-size:.9rem;padding:.75rem}.alert{padding:.85rem 1rem;font-size:.85rem}.alert-icon{font-size:1.1rem}}.btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn--secondary:hover:not(:disabled){background:#f8f9fa;border-color:silver;transform:translateY(-1px)}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.order-detail-page{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .3s ease-in;overflow-x:hidden;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:1rem}.page-header h1{margin:.5rem 0 0;color:#2c2c2c;font-size:1.75rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#d4a373;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s}.back-link:hover{color:#c89865;gap:.75rem}.order-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.panel{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.panel h2{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#2c2c2c;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#495057;font-weight:600}.total-row{font-size:1.1rem;padding-top:1rem;margin-top:.5rem;border-top:2px solid #dee2e6}.panel address{font-style:normal;line-height:1.8;color:#495057}.panel address div{margin:.25rem 0}.items-list{display:flex;flex-direction:column;gap:1rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.item-details{display:flex;flex-direction:column;gap:.25rem}.item-details strong{color:#2c2c2c;font-size:.9rem}.item-ref{font-size:.75rem;color:#6c757d}.item-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-price{font-weight:600;color:#2c2c2c;font-size:1rem}.items-total{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #e0e0e0}.items-total .total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#495057}.items-total .final-total{font-size:1.1rem;color:#2c2c2c;padding-top:1rem;margin-top:.5rem;border-top:2px solid #2c2c2c}.images-grid{display:grid;gap:1rem}.images-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.image-preview-card{border:2px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease}.image-preview-card:hover{border-color:#d4a373;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.image-preview{position:relative;width:100%;height:250px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6c757d}.image-placeholder.hidden{display:none}.placeholder-icon{font-size:3rem;opacity:.5}.image-placeholder p{margin:0;font-size:.9rem}.image-details{padding:1rem;display:flex;flex-direction:column;gap:1rem}.image-info strong{color:#2c2c2c;font-size:.9rem;display:block;margin-bottom:.25rem;word-break:break-word}.image-meta{font-size:.75rem;color:#6c757d}.image-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn--sm{padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.btn--primary{background:linear-gradient(135deg,#d4a373,#c89865);color:#fff;box-shadow:0 2px 8px #d4a3734d}.btn--primary:hover{background:linear-gradient(135deg,#c89865,#b8916a);box-shadow:0 4px 12px #d4a37366;transform:translateY(-1px)}.image-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;transition:all .2s}.image-card:hover{background:#fff;border-color:#d4a373}.image-info{display:flex;flex-direction:column;gap:.25rem}.image-info strong{color:#2c2c2c;font-size:1rem}.image-info span,.image-date{font-size:.85rem;color:#6c757d}.badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge--pending,.badge--submitted{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;box-shadow:0 2px 6px #ffc1074d}.badge--processing,.badge--printing{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;box-shadow:0 2px 6px #17a2b84d}.badge--shipped,.badge--completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 6px #28a7454d}.badge--cancelled{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;box-shadow:0 2px 6px #dc35454d}.badge--payment_captured,.badge--paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.badge--default{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:#616161;box-shadow:0 2px 6px #0000001a}.badge--success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 6px #28a7454d}.badge--info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;box-shadow:0 2px 6px #17a2b84d}.badge--awaiting_payment,.badge--unpaid,.badge--payment_failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert--error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #f5c6cb}.btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn--secondary{background:#fff;color:#5c5648;border:2px solid #e0e0e0;box-shadow:0 2px 6px #0000000d}.btn--secondary:hover{background:#f8f9fa;border-color:silver;transform:translateY(-1px)}@media(max-width:768px){.order-detail-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.order-detail-grid{grid-template-columns:1fr}.item-row{flex-direction:column;align-items:flex-start;gap:.75rem}.item-pricing{align-items:flex-start}}.status-history{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.status-history-item{display:flex;gap:1.5rem;padding:1rem;background:#fafafa;border-radius:8px;border-left:3px solid #d4a373}.status-history-date{flex-shrink:0;font-size:.85rem;color:#666;font-weight:500;min-width:140px}.status-history-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.status-history-notes{font-size:.9rem;color:#666;font-style:italic}@media(max-width:768px){.status-history-item{flex-direction:column;gap:.75rem}.status-history-date{min-width:auto}}.order-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);margin:-2rem calc(-1*clamp(1.5rem,4vw,5rem)) -3rem;overflow-x:hidden;position:relative}@media(max-width:768px){.order-success-page{margin:-2rem 0 -3rem;padding:2rem 1rem}}.success-container{background:#fff;border-radius:12px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.success-icon{margin:0 auto 2rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-container h1{color:#333;font-size:2rem;margin-bottom:1rem;font-weight:700}.success-message{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.order-info{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.order-info h2{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#333;font-weight:600;word-break:break-all;max-width:60%;text-align:right}.status-badge{display:inline-block;padding:.25rem .75rem;background:#4caf50;color:#fff;border-radius:20px;font-size:.875rem;text-transform:capitalize}.next-steps{text-align:left;margin:2rem 0;padding:1.5rem;background:#e8f5e9;border-radius:8px;border-left:4px solid #4CAF50}.next-steps h2{color:#2e7d32;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{color:#1b5e20;padding:.5rem 0 .5rem 1.5rem;position:relative}.next-steps li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.action-buttons{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn{padding:.875rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn--primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn--primary:active{transform:translateY(0)}@media(max-width:768px){.success-container{padding:2rem 1.5rem}.success-container h1{font-size:1.5rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-row .value{max-width:100%;text-align:left}.action-buttons{flex-direction:column}.btn{width:100%}}.order-items-section{text-align:left;margin:2rem 0}.order-items-section h2,.order-items-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.items-list{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.order-item{padding:1rem 0;border-bottom:1px solid #dee2e6}.order-item:last-child{border-bottom:none}.item-description{margin-bottom:.5rem}.item-description strong{color:#333;font-size:.95rem}.item-details{display:flex;justify-content:space-between;color:#666;font-size:.9rem}.order-summary{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#666}.summary-row.total{border-top:2px solid #c48a51;padding-top:.75rem;margin-top:.5rem;font-size:1.1rem;font-weight:700;color:#333}.shipping-address{background:#f8f9fa;border-radius:8px;padding:1rem}.shipping-address h3{font-size:1rem;margin-bottom:.75rem}.shipping-address p{color:#666;line-height:1.6;margin:0}.smtp-config-page{max-width:900px;margin:0 auto;padding:1.5rem;overflow-x:hidden;position:relative}.smtp-config-page .page-header{margin-bottom:2rem}.smtp-config-page h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.smtp-config-page .page-description{font-size:.9rem;color:#666;margin:0}.smtp-config-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h2{font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;color:#2c3e50}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.test-email-row{display:flex;align-items:flex-end;gap:1rem}.test-email-row .form-group{flex:1;margin-bottom:0}.btn--send-test{height:fit-content;white-space:nowrap}.section-description{font-size:.85rem;color:#666;margin:-.5rem 0 1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:#333}.form-group .required{color:#e74c3c;margin-left:.2rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number]{width:100%;padding:.65rem .85rem;font-size:.9rem;border:1px solid #ddd;border-radius:6px;transition:all .2s ease;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[type=number]{max-width:150px}.checkbox-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:500;color:#333;margin-bottom:.4rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.help-text{display:block;font-size:.75rem;color:#888;margin-top:.35rem;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.alert{padding:.85rem 1.15rem;border-radius:6px;margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-content strong{display:block;margin-bottom:.5rem;font-size:.95rem}.alert-content p{margin:0 0 .75rem}.alert-help{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);font-size:.8rem}.alert-help strong{font-size:.8rem;margin-bottom:.4rem}.alert-help ul{margin:.5rem 0 0 1.25rem;padding:0}.alert-help li{margin-bottom:.25rem}.btn{padding:.65rem 1.5rem;font-size:.85rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#d4a373,#c89865);color:#fff}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#c89865,#b88553);transform:translateY(-1px);box-shadow:0 4px 8px #d4a3734d}.btn--secondary{background:#95a5a6;color:#fff}.btn--secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px);box-shadow:0 4px 8px #95a5a633}@media(max-width:768px){.smtp-config-page{padding:1rem}.smtp-config-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}}.email-templates-page{overflow-x:hidden;position:relative;max-width:100%}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6)}.from-gray-50{background-color:#f9fafb}.to-gray-100{background-color:#f3f4f6}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.from-pink-500{--tw-gradient-from: #ec4899;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-orange-400{--tw-gradient-to: #fb923c}.from-pink-50{--tw-gradient-from: #fdf2f8}.to-orange-50{--tw-gradient-to: #fff7ed}.from-pink-100{--tw-gradient-from: #fce7f3}.to-orange-100{--tw-gradient-to: #ffedd5}.from-blue-50{--tw-gradient-from: #eff6ff}.to-indigo-50{--tw-gradient-to: #eef2ff}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-pink-300{border-color:#f9a8d4}.border-pink-500{border-color:#ec4899}.border-blue-100{border-color:#dbeafe}.border-blue-200{border-color:#bfdbfe}.border-transparent{border-color:transparent}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pb-10{padding-bottom:2.5rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-1\.5{margin-top:.375rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-11{width:2.75rem}.w-20{width:5rem}.w-full{width:100%}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-12{height:3rem}.h-20{height:5rem}.min-w-0{min-width:0}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.max-h-\[500px\]{max-height:500px}.max-h-\[calc\(100vh-280px\)\]{max-height:calc(100vh - 280px)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.col-span-12{grid-column:span 12 / span 12}.sticky{position:sticky}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.top-0\.5{top:.125rem}.left-0\.5{left:.125rem}.z-10{z-index:10}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.leading-relaxed{line-height:1.625}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-pink-500{color:#ec4899}.text-pink-600{color:#db2777}.text-pink-700{color:#be185d}.text-pink-100{color:#fce7f3}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-900{color:#1e3a8a}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-green-700{color:#15803d}.text-green-800{color:#166534}.bg-pink-50{background-color:#fdf2f8}.bg-pink-100{background-color:#fce7f3}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-green-50{background-color:#f0fdf4}.bg-purple-100{background-color:#f3e8ff}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.transition,.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.resize-none{resize:none}button:focus,input:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.opacity-50{opacity:.5}.scale-110{transform:scale(1.1)}.translate-x-5{transform:translate(1.25rem)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:border-gray-200:hover{border-color:#e5e7eb}.hover\:border-gray-300:hover{border-color:#d1d5db}.hover\:text-gray-600:hover{color:#4b5563}.hover\:text-gray-900:hover{color:#111827}.hover\:shadow-sm:hover{box-shadow:0 1px 2px #0000000d}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.focus\:ring-2:focus{box-shadow:0 0 0 3px #ec489980}.focus\:ring-pink-500:focus{--tw-ring-color: #ec4899}.focus\:border-transparent:focus{border-color:transparent}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.peer:checked~.peer-checked\:bg-white\/40{background-color:#fff6}.peer:focus~.peer-focus\:ring-2{box-shadow:0 0 0 2px #ffffff80}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.animate-spin{animation:spin 1s linear infinite}.email-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000001a}.email-header-content{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.back-btn{padding:.5rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.back-btn:hover{background:#f7fafc}.back-btn svg{width:1.25rem;height:1.25rem;color:#4a5568}.header-title-section{display:flex;align-items:center;gap:1rem}.header-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0;display:flex;align-items:center;gap:.5rem}.header-subtitle{font-size:.875rem;color:#718096;margin:.25rem 0 0}.filter-chips{display:flex;gap:.5rem}.filter-chip{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;transition:all .2s}.filter-chip:hover{background:#f7fafc}.filter-chip.active{background:linear-gradient(135deg,#ec4899,#fb923c);color:#fff;border-color:transparent;box-shadow:0 4px 6px #ec489940}.email-content{max-width:1280px;margin:0 auto;padding:2rem}.email-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}@media(max-width:1024px){.email-grid{grid-template-columns:1fr}}.templates-sidebar{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.sidebar-header{padding:1rem;background:linear-gradient(to right,#f7fafc,#fff);border-bottom:1px solid #e2e8f0}.sidebar-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:.5rem}.sidebar-header p{margin:.25rem 0 0;font-size:.75rem;color:#718096}.templates-list{padding:.75rem;max-height:calc(100vh - 280px);overflow-y:auto}.template-item{width:100%;text-align:left;padding:1rem;margin-bottom:.5rem;border-radius:.75rem;border:2px solid transparent;background:#f7fafc;cursor:pointer;transition:all .2s;display:flex;align-items:start;justify-content:space-between;gap:.75rem}.template-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a}.template-item.active{background:linear-gradient(135deg,#fce7f3,#fed7aa);border-color:#f9a8d4;box-shadow:0 4px 6px #f9a8d440}.template-item-content{flex:1;min-width:0}.template-name{font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.template-item.active .template-name{color:#be185d}.template-badges{display:flex;align-items:center;gap:.5rem}.template-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.template-badge.customer{background:#dbeafe;color:#1e40af}.template-badge.staff{background:#e9d5ff;color:#6b21a8}.template-badge.admin{background:#e2e8f0;color:#475569}.template-badge.inactive{background:#fee2e2;color:#b91c1c;font-weight:500}.template-arrow svg{width:1.25rem;height:1.25rem;color:#cbd5e0;transition:all .2s}.template-item:hover .template-arrow svg{color:#4a5568}.template-item.active .template-arrow svg{color:#ec4899;transform:scale(1.1)}.editor-area{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.editor-header{padding:1.5rem;background:linear-gradient(135deg,#ec4899,#fb923c);color:#fff;display:flex;align-items:start;justify-content:space-between}.editor-header h2{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.editor-header p{color:#fce7f3;font-size:.875rem;margin:0}.active-toggle{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;width:2.75rem;height:1.5rem;background:#ffffff4d;border-radius:9999px;cursor:pointer;transition:background .2s}.toggle-switch.active{background:#fff6}.toggle-knob{position:absolute;top:.125rem;left:.125rem;background:#fff;border-radius:9999px;height:1.25rem;width:1.25rem;transition:transform .2s}.toggle-switch.active .toggle-knob{transform:translate(1.25rem)}.toggle-label{font-size:.875rem;font-weight:500}.message-box{margin:1.5rem;padding:1rem;border-radius:.5rem;display:flex;align-items:start;gap:.75rem}.message-box.error{background:#fef2f2;border-left:4px solid #ef4444}.message-box.success{background:#f0fdf4;border-left:4px solid #22c55e}.message-box svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.message-box.error svg{color:#ef4444}.message-box.success svg{color:#22c55e}.message-title{font-weight:500;margin:0 0 .25rem}.message-box.error .message-title{color:#991b1b}.message-box.success .message-title{color:#166534}.message-text{font-size:.875rem;margin:0}.message-box.error .message-text{color:#b91c1c}.message-box.success .message-text{color:#15803d}.editor-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.form-label svg{width:1rem;height:1rem;color:#718096}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-input.subject{font-weight:500}.form-input.code{font-family:Courier New,monospace;font-size:.875rem;resize:none}.view-toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.view-toggle{display:flex;gap:.25rem;background:#f7fafc;padding:.25rem;border-radius:.5rem}.view-toggle-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#4a5568;background:transparent;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.view-toggle-btn svg{width:.875rem;height:.875rem}.view-toggle-btn.active{background:#fff;color:#1a202c;box-shadow:0 1px 3px #0000001a}.preview-window{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:inset 0 2px 4px #0000000f}.preview-header{background:#2d3748;padding:.625rem 1rem;display:flex;align-items:center;justify-content:space-between}.preview-dots{display:flex;align-items:center;gap:.375rem}.preview-dot{width:.75rem;height:.75rem;border-radius:9999px}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#eab308}.preview-dot.green{background:#22c55e}.preview-title{font-size:.75rem;color:#cbd5e0;font-weight:500;display:flex;align-items:center;gap:.75rem}.preview-badge{font-size:.75rem;color:#718096}.preview-container{background:#f7fafc;padding:.25rem}.preview-content{background:#fff;padding:2rem;max-height:500px;overflow:auto;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}.variables-panel{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:.75rem;padding:1.25rem;border:1px solid #bfdbfe}.variables-header{display:flex;align-items:start;gap:.75rem;margin-bottom:1rem}.variables-icon{padding:.5rem;background:#dbeafe;border-radius:.5rem}.variables-icon svg{width:1.25rem;height:1.25rem;color:#2563eb}.variables-title{flex:1}.variables-title h3{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1e3a8a}.variables-title p{margin:0;font-size:.75rem;color:#1e40af}.variables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:768px){.variables-grid{grid-template-columns:1fr}}.variable-item{background:#fff;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:box-shadow .2s}.variable-item:hover{box-shadow:0 1px 3px #0000001a}.variable-code{font-size:.75rem;font-family:Courier New,monospace;font-weight:600;color:#db2777;background:#fce7f3;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.variable-desc{font-size:.75rem;color:#4a5568;margin:.375rem 0 0;line-height:1.5}.form-actions{display:flex;gap:.75rem;padding-top:.5rem}.btn{padding:.75rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn svg{width:1.25rem;height:1.25rem}.btn-primary{flex:1;background:linear-gradient(135deg,#ec4899,#fb923c);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px #ec48994d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#374151;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:3rem;text-align:center}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:9999px;background:linear-gradient(135deg,#fce7f3,#fed7aa);margin-bottom:1.5rem}.empty-icon svg{width:2.5rem;height:2.5rem;color:#ec4899}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1a202c}.empty-state p{margin:0 auto;max-width:24rem;color:#718096}.empty-hint{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#cbd5e0}.empty-hint svg{width:1rem;height:1rem}.admin-frames{min-height:100vh;padding:2rem 1.5rem;background:#f8f9fa}.admin-frames__container{max-width:1400px;margin:0 auto}.admin-frames__header{margin-bottom:2rem}.admin-frames__header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.admin-frames__header p{font-size:1rem;color:#666}.admin-frames__loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:#666}.admin-frames__message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.admin-frames__message--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.admin-frames__message--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-frames__content{display:grid;grid-template-columns:500px 1fr;gap:2rem;max-width:100%;overflow-x:hidden}.admin-frames__form-section h2,.admin-frames__list-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.frame-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.frame-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.frame-form__field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.frame-form__field>span{font-weight:600;font-size:.875rem;color:#495057}.frame-form__field input,.frame-form__field textarea{padding:.75rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease}.frame-form__field input:focus,.frame-form__field textarea:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326}.frame-form__hint{font-size:.8rem;color:#6c757d;font-style:italic}.frame-form__image-section{margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.frame-form__preview{margin-top:1rem;text-align:center}.frame-form__preview img{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #00000026}.frame-form__checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;cursor:pointer}.frame-form__checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4a373}.frame-form__checkbox span{font-weight:500;color:#495057}.frame-form__actions{display:flex;gap:1rem}.frame-form__actions .btn{flex:1}.frames-list{display:flex;flex-direction:column;gap:1rem}.frame-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;align-items:center;transition:all .2s}.frame-card:hover{box-shadow:0 4px 12px #00000026}.frame-card--inactive{opacity:.6}.frame-card__image{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.frame-card__image img{width:100%;height:100%;object-fit:cover}.frame-card__placeholder{color:#999;font-size:.85rem}.frame-card__info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.frame-card__description{font-size:.9rem;color:#666;margin-bottom:.75rem}.frame-card__details{display:flex;gap:1.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#d4a373}.frame-card__meta{display:flex;gap:.5rem;flex-wrap:wrap}.frame-card__tag{display:inline-block;padding:.25rem .75rem;background:#e9ecef;color:#495057;border-radius:4px;font-size:.75rem;font-weight:500}.frame-card__status{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.frame-card__status.active{background:#d4edda;color:#155724}.frame-card__status.inactive{background:#f8d7da;color:#721c24}.frame-card__actions{display:flex;flex-direction:column;gap:.5rem}@media(max-width:1200px){.admin-frames__content{grid-template-columns:1fr}.admin-frames__form-section{order:1}.admin-frames__list-section{order:2}}@media(max-width:768px){.admin-frames{padding:1.5rem 1rem}.frame-form__row{grid-template-columns:1fr}.frame-card{grid-template-columns:1fr;gap:1rem}.frame-card__image{width:100%;height:200px}.frame-card__actions{flex-direction:row}.frame-form{padding:1.5rem}}.admin-mounts{min-height:100vh;padding:2rem 1.5rem;background:#f8f9fa;overflow-x:hidden;position:relative}.admin-mounts__container{max-width:1400px;margin:0 auto}.admin-mounts__header{margin-bottom:2rem}.admin-mounts__header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.admin-mounts__header p{font-size:1rem;color:#666}.admin-mounts__loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:#666}.admin-mounts__message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.admin-mounts__message--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.admin-mounts__message--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-mounts__content{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start;max-width:100%;overflow-x:hidden}.admin-mounts__form-section,.admin-mounts__list-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.admin-mounts__form-section h2,.admin-mounts__list-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.mount-form{display:flex;flex-direction:column;gap:1rem}.mount-form__row{display:flex;gap:1rem}.mount-form__field{flex:1;display:flex;flex-direction:column;gap:.5rem}.mount-form__field--full{flex:1 1 100%}.mount-form__field span{font-weight:500;font-size:.9rem;color:#333}.mount-form__field small{font-size:.75rem;color:#666}.mount-form__field input,.mount-form__field textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.mount-form__field input:focus,.mount-form__field textarea:focus{outline:none;border-color:#007bff}.mount-form__color-input{display:flex;gap:.5rem;align-items:center}.mount-form__color-picker{width:50px;height:42px;padding:0;border:1px solid #ddd;border-radius:6px;cursor:pointer}.mount-form__color-input input[type=text]{flex:1}.mount-form__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.mount-form__checkbox input{width:18px;height:18px}.mount-form__actions{display:flex;gap:1rem;margin-top:1rem}.mounts-list{display:flex;flex-direction:column;gap:1rem}.mounts-list--empty{text-align:center;padding:3rem;color:#666}.mount-card{display:flex;gap:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .2s}.mount-card:hover{border-color:#007bff}.mount-card--inactive{opacity:.6;background:#f0f0f0}.mount-card__color-preview{width:80px;height:80px;border-radius:8px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;border:1px solid #ddd;position:relative}.mount-card__hex{font-size:.65rem;font-family:monospace;background:#00000080;color:#fff;padding:2px 6px;border-radius:3px}.mount-card__info{flex:1;min-width:0}.mount-card__info h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:#1a1a1a}.mount-card__description{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.4}.mount-card__details{display:flex;gap:1rem;font-size:.85rem;color:#444;margin-bottom:.5rem}.mount-card__meta{display:flex;gap:.5rem;flex-wrap:wrap}.mount-card__status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.mount-card__status.active{background:#d4edda;color:#155724}.mount-card__status.inactive{background:#f8d7da;color:#721c24}.mount-card__actions{display:flex;flex-direction:column;gap:.5rem;align-self:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn--primary{background:#007bff;color:#fff}.btn--primary:hover{background:#0056b3}.btn--small{padding:.5rem 1rem;font-size:.85rem}@media(max-width:1200px){.admin-mounts__content{grid-template-columns:1fr}.admin-mounts__form-section{order:1}.admin-mounts__list-section{order:2}}@media(max-width:768px){.admin-mounts{padding:1rem}.mount-form__row,.mount-card{flex-direction:column}.mount-card__color-preview{width:100%;height:60px}.mount-card__actions{flex-direction:row;justify-content:flex-end}}.admin-discount-tiers{min-height:100vh;padding:2rem 1.5rem;background:#f8f9fa;overflow-x:hidden;position:relative;max-width:100%}.admin-discount-tiers__container{max-width:1200px;margin:0 auto}.admin-discount-tiers__header{margin-bottom:2rem}.admin-discount-tiers__header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.admin-discount-tiers__header p{font-size:1rem;color:#666}.admin-discount-tiers__loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:#666}.admin-discount-tiers__message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.admin-discount-tiers__message--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.admin-discount-tiers__message--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-discount-tiers__content{display:grid;grid-template-columns:400px 1fr;gap:2rem}.admin-discount-tiers__form-section h2,.admin-discount-tiers__list-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.tier-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.tier-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.tier-form__field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tier-form__field>span:first-child{font-weight:600;font-size:.875rem;color:#495057}.tier-form__field input,.tier-form__field select{padding:.75rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease}.tier-form__field input:focus,.tier-form__field select:focus{outline:none;border-color:#d4a373;box-shadow:0 0 0 3px #d4a37326}.tier-form__hint{font-size:.8rem;color:#6c757d;font-style:italic}.tier-form__checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;cursor:pointer}.tier-form__checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4a373}.tier-form__checkbox span{font-weight:500;color:#495057}.tier-form__actions{display:flex;gap:1rem}.tier-form__actions .btn{flex:1}.tiers-groups{display:flex;flex-direction:column;gap:2rem}.tiers-group__title{font-size:1rem;font-weight:600;color:#495057;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.tiers-list{display:flex;flex-direction:column;gap:.75rem}.tiers-list--empty{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;color:#666;box-shadow:0 2px 8px #0000001a}.tier-card{background:#fff;border-radius:10px;padding:1rem 1.5rem;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;gap:1.5rem;transition:all .2s}.tier-card:hover{box-shadow:0 4px 12px #0000001f}.tier-card--inactive{opacity:.6;background:#f8f9fa}.tier-card__info{display:flex;gap:1.5rem;flex:1}.tier-card__quantity{font-size:1rem;font-weight:600;color:#1a1a1a;min-width:100px}.tier-card__discount{font-size:1.125rem;font-weight:700;color:#d4a373}.tier-card__status{margin-right:auto}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.tier-card__actions{display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit;text-align:center}.btn--primary{background:linear-gradient(135deg,#d4a373,#c89865);color:#fff;box-shadow:0 4px 12px #d4a3734d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#c89865,#b8916a);box-shadow:0 6px 16px #d4a37366;transform:translateY(-1px)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:#6c757d;color:#fff}.btn--secondary:hover{background:#5a6268}.btn--warning{background:#ffc107;color:#212529}.btn--warning:hover{background:#e0a800}.btn--danger{background:#dc3545;color:#fff}.btn--danger:hover{background:#c82333}.btn--small{padding:.4rem .8rem;font-size:.8rem}@media(max-width:900px){.admin-discount-tiers__content{grid-template-columns:1fr}.admin-discount-tiers__form-section{order:1}.admin-discount-tiers__list-section{order:2}}@media(max-width:600px){.admin-discount-tiers{padding:1.5rem 1rem}.tier-form__row{grid-template-columns:1fr}.tier-card{flex-direction:column;align-items:flex-start;gap:1rem}.tier-card__info{width:100%;justify-content:space-between}.tier-card__actions{width:100%;justify-content:flex-end}.tier-form{padding:1.5rem}}.info-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0;overflow-x:hidden;position:relative;max-width:100%}.info-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.page-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.page-header .subtitle{font-size:1.2rem;color:#666;margin:0}.info-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.info-intro{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #eee}.info-intro p{font-size:1.05rem;line-height:1.6;color:#555;margin-bottom:1rem}.zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.zone-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem;transition:all .3s ease}.zone-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.zone-header h2{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.zone-description{font-size:.9rem;color:#666;margin-bottom:1rem}.zone-pricing{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:6px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.price-item:last-child{border-bottom:none}.price-item.highlight{background:#e7f5ff;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:4px}.price-label{font-weight:500;color:#555}.price-value{font-weight:700;color:#007bff;font-size:1.1rem}.zone-examples{margin-top:1rem}.zone-examples h4{font-size:.9rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.zone-examples ul{list-style:none;padding:0;margin:0}.zone-examples li{padding:.25rem 0;color:#555;font-size:.95rem}.pricing-tiers-section{margin-bottom:2rem;padding:1.5rem;background:#f0f7ff;border-radius:8px;border-left:4px solid #007bff}.pricing-tiers-section h3{margin-top:0;color:#2c3e50}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.tier-card{background:#fff;padding:1rem;border-radius:6px;text-align:center;border:2px solid #dee2e6}.tier-range{font-weight:700;color:#2c3e50;margin-bottom:.5rem}.tier-discount{color:#28a745;font-size:.9rem}.papers-section{margin-bottom:2rem}.papers-section h3{color:#2c3e50;margin-bottom:1rem}.papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.paper-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .3s ease}.paper-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.paper-card.selected{border-color:#007bff;background:#e7f5ff}.paper-header{margin-bottom:.75rem}.paper-header h4{margin:0 0 .25rem;color:#2c3e50;font-size:1.1rem}.paper-brand{font-size:.85rem;color:#666;font-weight:500}.paper-finish{display:inline-block;padding:.25rem .75rem;background:#007bff;color:#fff;border-radius:12px;font-size:.8rem;margin-bottom:.75rem}.paper-description{font-size:.9rem;color:#555;line-height:1.4;margin-bottom:.75rem}.paper-price-indicator{font-size:.85rem;color:#666;padding-top:.5rem;border-top:1px solid #dee2e6}.price-calculator{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem}.price-calculator h3{color:#2c3e50;margin-top:0}.calculator-subtitle{color:#666;font-size:.95rem;margin-bottom:1.5rem}.price-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.example-size{background:#fff;padding:1.25rem;border-radius:6px;border:1px solid #dee2e6}.example-size h4{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.05rem}.example-prices{display:flex;flex-direction:column;gap:.75rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.price-row:last-child{border-bottom:none}.price-row .price{font-weight:700;color:#007bff;font-size:1.1rem}.calculator-note{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1rem;margin-top:1.5rem}.calculator-note p{margin:0;color:#856404;font-size:.95rem}.info-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #eee}.help-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.help-section h3{color:#2c3e50;margin-top:0}.help-section p{margin-bottom:.5rem;color:#555}.help-section a{color:#007bff;text-decoration:none;font-weight:500}.help-section a:hover{text-decoration:underline}.cta-section{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:6px;border:1px solid #f5c6cb}@media(max-width:768px){.page-header h1{font-size:2rem}.page-header .subtitle{font-size:1rem}.info-content{padding:1.5rem}.zones-grid,.papers-grid,.price-examples-grid{grid-template-columns:1fr}.cta-section{flex-direction:column}.btn{width:100%;text-align:center}}:root{color:#1f1f1f;background-color:#f9f7f4;font-family:Lato,Segoe UI,Arial,sans-serif;line-height:1.6;font-size:16px}*{box-sizing:border-box}a{color:#c48a51;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;background:#f9f7f4}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:.05em;text-transform:uppercase}p{margin:0}button{font-family:inherit}code{background:#0000000d;padding:.1rem .3rem;border-radius:4px}