.customer-main{max-width:1500px}.product-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;align-items:end}.addons-editor{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;background:#f7faf8;padding:18px}.addons-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.addons-heading h3{margin:0}.addons-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.addon-row{display:grid;grid-template-columns:1.4fr 1fr .6fr .6fr auto;gap:12px;align-items:end;padding:14px 0;border-top:1px solid var(--line)}.addon-row:first-child{border-top:0}.remove-addon{background:#fff;color:#a33e2e;border:1px solid #e3bdb5;padding:11px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(24,51,45,.06)}.product-card>img{display:block;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain}.product-body{padding:17px}.product-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.product-title h3{margin:0}.product-title strong{color:var(--orange);white-space:nowrap}.addon-list-display{margin:18px 0}.addon-list-display h4{margin:0 0 10px}.addon-item{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px}.addon-item img{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#f3f5f4}.addon-item strong{color:var(--orange);font-size:12px;white-space:nowrap}.product-body>form{text-align:right}@media(max-width:1000px){.product-form{grid-template-columns:1fr 1fr}.addon-row{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}@media(max-width:600px){.product-form,.addon-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.addons-heading{align-items:flex-start;flex-direction:column}.addon-item{grid-template-columns:44px 1fr}.addon-item strong{grid-column:2}}
.catalog-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:14px}.catalog-option{display:grid;grid-template-columns:auto 52px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.catalog-option:has(input:checked){border-color:var(--green);background:var(--mint);box-shadow:0 0 0 2px rgba(35,107,88,.1)}.catalog-option input{width:auto}.catalog-option img{width:52px;height:52px;border-radius:8px;object-fit:cover}.catalog-option span{display:grid;gap:4px}.catalog-option small{color:var(--orange)}.catalog-empty{padding:18px;margin-bottom:12px;border:1px dashed #bdcbc5;border-radius:10px;color:var(--muted);text-align:center}#addon-list:not(:empty){margin-top:14px;padding-top:4px;border-top:2px solid var(--line)}
@media(max-width:600px){.product-card>img{width:100%;height:22vw;max-height:105px;object-fit:contain;background:#f5f6f5}.product-body{padding:6px}.product-title{display:block}.product-title h3{margin:0 0 4px;min-height:2.4em;font-size:11px;line-height:1.2;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-title strong{display:block;font-size:9px;line-height:1.25;white-space:normal;word-break:break-all}.addon-list-display{margin:8px 0}.addon-list-display h4{margin:0 0 4px;font-size:9px;line-height:1.2}.addon-item{grid-template-columns:24px minmax(0,1fr);gap:4px;padding:4px 0;font-size:9px;line-height:1.15}.addon-item img{width:24px;height:24px;border-radius:4px}.addon-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-item strong{grid-column:2;font-size:8px;white-space:normal}.product-body .delete{padding:3px 4px;font-size:8px}.section-head h2{font-size:19px}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-card>img{width:100%;height:28vw;max-height:140px;object-fit:contain}.product-body{padding:9px}.product-title h3{min-height:2.5em;margin:0 0 6px;font-size:14px;line-height:1.25}.product-title strong{font-size:11px;line-height:1.35}.addon-list-display{margin:11px 0}.addon-list-display h4{margin-bottom:6px;font-size:11px}.addon-item{grid-template-columns:36px minmax(0,1fr);gap:6px;padding:6px 0;font-size:11px;line-height:1.25}.addon-item img{width:36px;height:36px;border-radius:6px}.addon-item strong{grid-column:2;font-size:10px;line-height:1.25}.product-body .delete{padding:5px 7px;font-size:10px}}
.addon-item.text-only{grid-template-columns:minmax(0,1fr) auto}.addon-item.text-only span{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.addon-item.text-only strong{grid-column:auto}.product-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.product-actions form{margin:0}.toggle-addons,.view-images{padding:7px 10px;background:#eef3f0;color:var(--green);border:1px solid #c9d9d2}#image-dialog{width:min(92vw,900px);max-height:88vh;border:0;border-radius:16px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.28)}#image-dialog::backdrop{background:rgba(13,28,24,.72)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dialog-head h3{margin:0}.dialog-close{padding:7px 11px}.dialog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;max-height:72vh;overflow:auto}.dialog-gallery figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.dialog-gallery img{display:block;width:100%;height:220px;object-fit:contain}.dialog-gallery figcaption{margin-top:8px;text-align:center;font-size:13px;font-weight:700}@media(max-width:600px){.addon-item.text-only{display:block}.addon-item.text-only span,.addon-item.text-only strong{display:block;font-size:11px;white-space:normal}.toggle-addons,.view-images{padding:5px 6px;font-size:9px}.product-actions{gap:3px}.dialog-gallery{grid-template-columns:1fr 1fr;gap:8px}.dialog-gallery img{height:36vw}}
.product-card{border:0}.product-card>img{width:100%;max-width:none;margin:0;border-radius:0}
.clickable-product{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.clickable-product:hover,.clickable-product:focus{transform:translateY(-3px);box-shadow:0 14px 35px rgba(24,51,45,.16);outline:2px solid rgba(35,107,88,.28)}.click-hint{margin:9px 0;color:var(--green);font-size:12px;font-weight:700}#product-dialog{width:min(95vw,1100px);max-height:92vh;border:0;border-radius:18px;padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.32)}#product-dialog::backdrop{background:rgba(13,28,24,.74)}.product-dialog-content{display:grid;gap:22px;max-height:78vh;overflow:auto;padding:2px}.product-dialog-content section{padding:18px;border:1px solid var(--line);border-radius:14px;background:#f9fbfa}.product-dialog-content section>h3{margin:0 0 14px}.manage-form{display:grid;grid-template-columns:110px repeat(4,minmax(120px,1fr)) auto;gap:11px;align-items:end}.manage-form>img,.manage-addon>img{width:100px;height:100px;border-radius:10px;object-fit:contain;background:#fff}.manage-addon{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.manage-addon:first-of-type{border-top:0}.addon-edit-form{grid-template-columns:repeat(4,minmax(100px,1fr)) auto}.remove-link{background:#fff;color:#a33e2e;border:1px solid #e3bdb5;white-space:nowrap}.manage-add{display:grid;gap:16px}.attach-form{display:flex;gap:10px;align-items:end}.attach-form label{flex:1}.attach-form select{width:100%;padding:12px;border:1px solid #ccd6d1;border-radius:9px;background:#fff}.create-addon-form{grid-template-columns:repeat(4,minmax(120px,1fr)) auto}.product-dialog-close{padding:8px 13px}@media(max-width:700px){#product-dialog{padding:12px}.product-dialog-content section{padding:12px}.manage-form,.addon-edit-form,.create-addon-form{grid-template-columns:1fr 1fr}.manage-form>img{grid-column:1/-1;width:100%;height:180px}.manage-addon{grid-template-columns:70px 1fr}.manage-addon>img{width:70px;height:70px}.manage-addon>form{grid-column:1/-1}.attach-form{align-items:stretch;flex-direction:column}.click-hint{font-size:9px}.product-dialog-content{max-height:80vh}}
.product-description-field{grid-column:1/-1}.product-form textarea,.manage-form textarea{width:100%;resize:vertical;border:1px solid #ccd6d1;border-radius:9px;padding:12px 13px;font:inherit;color:var(--ink)}.product-description{margin:9px 0;color:var(--muted);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.description-edit{grid-column:1/-1}.backup-products{margin-top:42px}.backup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.backup-card{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.backup-card img{width:110px;height:110px;object-fit:contain;background:#f5f6f5;border-radius:9px}.backup-card h3{margin:0 0 7px}.backup-card p{margin:0 0 8px;color:var(--muted);font-size:12px;white-space:pre-wrap}.backup-card small{color:var(--muted)}.backup-card form{margin-top:11px}.purge-product{background:#b3261e}.backup-products .empty{grid-column:1/-1}
@media(max-width:900px){.backup-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.backup-grid{grid-template-columns:1fr}.backup-card{grid-template-columns:82px 1fr}.backup-card img{width:82px;height:82px}.product-description{font-size:10px}}

.product-list-meta strong{display:inline-block;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
@media(max-width:600px){.section-head{align-items:flex-start;gap:8px}.product-list-meta{text-align:right;font-size:10px}.product-list-meta strong{display:block;font-size:10px;margin-top:3px}}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.backup-actions form{margin:0}.restore-product{background:var(--green)}

.customer-header{gap:18px}.membership-summary{display:flex;align-items:center;gap:14px;margin-right:auto;margin-left:20px;padding:7px 11px;border-radius:9px;background:#eef3f0;color:var(--muted);font-size:12px}.membership-summary strong{color:var(--ink)}.renew-button{padding:7px 11px;border-radius:7px;background:var(--orange);color:#fff;font-weight:750;white-space:nowrap}.membership-summary.membership-expiring{border:1px solid #d93025;background:#fff0ed;color:#b3261e;animation:expiryFlash 1.2s infinite}.membership-summary.membership-expiring strong{color:inherit}
@media(max-width:800px){.customer-header{height:auto;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.membership-summary{order:3;width:100%;margin:0;justify-content:center}.customer-header nav{margin-left:auto}}
@media(max-width:520px){.membership-summary{gap:6px;justify-content:space-between;font-size:10px}.renew-button{padding:6px 8px;font-size:10px}}
.storage-usage{color:var(--green);white-space:nowrap}
.membership-summary.membership-expired{border:1px solid #b3261e;background:#fff0ed;color:#9b2c1d}.membership-summary.membership-expired strong{color:inherit}.membership-backup-notice{display:flex;flex-direction:column;gap:6px;margin:0 0 24px;padding:16px 18px;border:1px solid #d97543;border-radius:12px;background:#fff4e9;color:#843f1f}.membership-backup-notice span{font-size:13px;line-height:1.6}.read-only-label{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:7px;background:#f3e8dd;color:#8a4b20;font-size:12px;font-weight:750}