:root{color:#182321;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f2;--ink: #182321;--blue: #315f7c;--amber: #c9852f;--rust: #9a4938;--line: #dfe5dc;--panel: #fff;--soft: #f3f0e8;--footer: #263033}*{box-sizing:border-box}body{margin:0}button{font:inherit}input,textarea{font:inherit;max-width:100%}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-auth-layout{align-items:center;background:linear-gradient(135deg,#eef3ed,#f7f4ec);display:grid;min-height:100vh;padding:32px max(20px,5vw)}.admin-auth-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 55px #2630331f;display:grid;gap:16px;margin:0 auto;max-width:520px;padding:24px;width:100%}.admin-brand-card{align-items:center;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr)}.admin-brand-card img{height:68px;object-fit:contain;width:82px}.admin-brand-card p,.admin-brand-card h1{margin:0}.admin-brand-card p{color:#60706a;font-size:13px;font-weight:900;text-transform:uppercase}.admin-brand-card h1{font-size:28px;line-height:1.1}.admin-sidebar{background:linear-gradient(180deg,#263033,#303b3e);color:#fff;display:flex;flex-direction:column;gap:20px;padding:24px}.admin-sidebar-brand{align-items:center;display:grid;gap:14px;justify-items:center;text-align:center}.admin-sidebar-brand img{background:#fff;border-radius:10px;box-shadow:0 12px 26px #00000021;height:76px;object-fit:contain;padding:6px;width:96px}.admin-sidebar-brand strong{font-size:23px;line-height:1.1}.admin-session{background:#ffffff17;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;display:grid;gap:12px;min-width:0;padding:18px 16px 14px}.admin-profile{display:grid;gap:6px;justify-items:center;text-align:center}.admin-avatar{align-items:center;background:#f3dfbd;border:2px solid rgb(255 255 255 / 28%);border-radius:999px;color:#5c3d13;display:inline-flex;font-size:24px;font-weight:900;height:68px;justify-content:center;margin-bottom:6px;overflow:hidden;width:68px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.admin-profile strong{color:#fff;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.admin-profile small{color:#ffffffa6;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.admin-role-pill{align-items:center;background:#f1bd5824;border:1px solid rgb(241 189 88 / 30%);border-radius:999px;color:#f1bd58;display:inline-flex;gap:5px;font-size:11px;font-style:normal;font-weight:900;margin-top:2px;padding:5px 10px;text-transform:uppercase}.admin-logout{background:transparent;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;color:#ffffffb3;justify-content:center;margin-top:auto;width:100%}.admin-logout:hover{background:#ffffff1a;color:#fff}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar button,.sidebar-link,.toolbar button,.row-actions button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:11px 12px}.admin-sidebar button,.sidebar-link{background:transparent;color:#ffffffc2;justify-content:flex-start;text-decoration:none}.admin-sidebar button.active,.admin-sidebar button:hover,.sidebar-link:hover{background:#ffffff1a;color:#fff}.admin-sidebar button:disabled{cursor:not-allowed;opacity:.45}.sidebar-link svg:last-child{margin-left:auto}.admin-content{padding:28px max(24px,4vw)}.admin-heading p{color:#60706a;font-size:13px;font-weight:800;margin:0 0 6px;text-transform:uppercase}.admin-heading h1{font-size:clamp(28px,4vw,38px);margin:0 0 24px}.admin-login{display:grid;gap:10px;grid-template-columns:1fr}.admin-login input,.edit-modal input,.edit-modal select,.edit-modal textarea{border:1px solid #cbd8c8;border-radius:6px;min-width:0;padding:11px 12px}.admin-login button,.admin-google-button{align-items:center;background:var(--blue);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:44px;padding:11px 12px;white-space:nowrap}.admin-google-button{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;font-size:14px;font-weight:600;gap:12px;padding:0 16px;width:100%}.admin-google-button:hover{background:#f8fafd;border-color:#d2e3fc;box-shadow:0 1px 2px #3c40432e}.google-mark{flex:0 0 auto;height:18px;width:18px}.admin-auth-divider{align-items:center;color:#687870;display:grid;font-size:12px;gap:10px;grid-template-columns:1fr auto 1fr}.admin-auth-divider:before,.admin-auth-divider:after{background:var(--line);content:"";height:1px}.admin-public-link{align-items:center;color:var(--blue);display:inline-flex;font-weight:900;gap:8px;justify-content:center;text-decoration:none}.metrics{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:22px}.access-summary{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:18px}.metric span{color:#687870}.metric strong{color:var(--blue);font-size:30px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.toolbar button{background:#fff;border:1px solid var(--line)}.toolbar button.active{background:var(--blue);color:#fff}.admin-filters{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(260px,1fr) 180px auto auto;margin-bottom:16px}.admin-filters label{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:44px;padding:0 12px}.admin-filters label svg{color:#687870}.admin-filters input,.admin-filters select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:44px;min-width:0;padding:0 12px}.admin-filters label input{border:0;min-height:42px;padding:0}.admin-filters button{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:#1f2926;cursor:pointer;display:inline-flex;font:inherit;gap:7px;justify-content:center;min-height:44px;padding:0 14px}.admin-filters button:disabled{cursor:not-allowed;opacity:.55}.admin-table{display:grid;gap:12px}.admin-empty-state{background:#fff;border:1px dashed #cbd8c8;border-radius:8px;color:#687870;font-weight:800;padding:18px;text-align:center}.users-panel,.users-table{display:grid;gap:12px}.user-row{align-items:start;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);padding:16px}.user-main{display:grid;gap:6px;min-width:0}.user-main h2{font-size:18px;margin:0;overflow-wrap:anywhere}.user-main p,.user-main small{color:#687870;margin:0;overflow-wrap:anywhere}.role-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;justify-self:start;padding:5px 9px;text-transform:uppercase}.role-pill.user{background:#eaf1f4;color:var(--blue)}.role-pill.seller{background:#f3f0e8;color:#715225}.role-pill.admin{background:#dfe8ff;color:var(--blue)}.role-pill.master{background:#fff2c6;color:#6d4f09}.permission-box{background:#f8f7f2;border:1px solid #ece5d8;border-radius:8px;display:grid;gap:10px;padding:12px}.permission-toggle{align-items:center;background:#fff;border:1px solid #d8cfbb;border-radius:7px;color:#263033;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:9px 11px;text-align:left;width:100%}.permission-toggle span{display:grid;gap:2px;min-width:0}.permission-toggle strong{font-size:14px}.permission-toggle small{color:#687870}.permission-toggle svg{color:var(--blue);flex:0 0 auto;transition:transform .18s ease}.permission-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.role-actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.role-actions button{background:#fff;border:1px solid #d8cfbb;border-radius:6px;color:#263033;cursor:pointer;font-weight:800;min-height:38px}.role-actions button.active{background:var(--blue);border-color:var(--blue);color:#fff}.role-actions button:disabled,.permission-list input:disabled{cursor:not-allowed;opacity:.55}.saving-note{color:var(--blue);font-size:12px;font-weight:900;justify-self:start;text-transform:uppercase}.permission-panel{display:grid;gap:12px}.permission-panel section{background:#fff;border:1px solid #ece5d8;border-radius:8px;display:grid;gap:9px;padding:10px}.permission-panel h3{color:#715225;font-size:12px;margin:0;text-transform:uppercase}.permission-list{display:grid;gap:8px}.permission-list label{align-items:start;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.permission-list input{margin-top:4px}.permission-list span{display:grid;gap:2px}.permission-list strong{font-size:13px}.permission-list small{color:#687870;line-height:1.35}.profile-danger-zone{border-top:1px solid #ece5d8;display:flex;justify-content:flex-end;padding-top:10px}.profile-danger-zone button{align-items:center;background:#fff5f2;border:1px solid #e3b5a8;border-radius:6px;color:#9f2d18;cursor:pointer;display:inline-flex;gap:7px;font-weight:900;min-height:36px;padding:0 12px}.profile-danger-zone button:disabled{cursor:not-allowed;opacity:.55}.permission-master{display:grid;gap:4px}.permission-master strong{color:#6d4f09}.permission-master span{color:#687870;line-height:1.4}.review-row{align-items:start;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:16px;grid-template-columns:120px minmax(0,1fr);padding:14px}.review-row img{aspect-ratio:4 / 3;border-radius:6px;display:block;height:90px;object-fit:cover;object-position:center center;width:100%}.review-image-placeholder{align-items:center;aspect-ratio:4 / 3;background:linear-gradient(135deg,#f3f0e8,#e5edf0);border-radius:6px;color:#42606b;display:flex;font-size:13px;font-weight:800;justify-content:center;text-align:center;width:100%}.edit-media-panel{display:grid;gap:10px}.edit-media-panel>strong{color:var(--ink);font-size:14px}.edit-media-panel>span{background:#f7f5ed;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:12px}.edit-upload-button{align-items:center;background:#eef6f8;border:1px solid #bfd4dc;border-radius:8px;color:var(--blue);cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:10px 12px;text-align:center}.edit-upload-button input{display:none}.edit-upload-button:has(input:disabled){cursor:not-allowed;opacity:.55}.edit-media-panel>div{display:grid;gap:10px}.edit-media-panel article{align-items:start;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:82px minmax(0,1fr);padding:8px}.media-cover-item{background:#f5fdf8;border-color:#8fcba8!important}.edit-media-panel img{aspect-ratio:4 / 3;border-radius:6px;object-fit:cover;object-position:center center;width:100%}.media-item-actions{display:grid;gap:6px}.cover-badge{align-items:center;background:#dff3e8;border:1px solid #8fcba8;border-radius:6px;color:#1a6b3a;display:flex;font-size:12px;font-weight:900;justify-content:center;min-height:36px;padding:6px 10px}.edit-media-panel button{align-items:center;background:#fff5f2;border:1px solid #e1b7ad;border-radius:8px;color:#9d2d22;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:7px;justify-content:center;min-height:36px;padding:6px 10px}.edit-media-panel button:disabled{cursor:not-allowed;opacity:.45}.set-cover-btn{background:#eef6f8!important;border-color:#bfd4dc!important;color:var(--blue)!important}.review-info{display:grid;gap:4px;min-width:0}.review-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.featured-badge{align-items:center;background:#fff8e8;border:1px solid #e8c96a;border-radius:999px;color:#715225;display:inline-flex;font-size:12px;font-weight:800;gap:4px;padding:4px 8px}.review-actions{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:6px;padding-top:10px}.review-actions-primary{display:flex;flex-wrap:wrap;gap:6px}.review-actions-primary button{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:6px;color:#1f2926;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;gap:5px;min-height:34px;padding:5px 12px}.review-actions-primary button:disabled{cursor:not-allowed;opacity:.5}.review-actions-primary .featured-btn.active{background:var(--amber);border-color:var(--amber);color:#fff}.review-actions-primary .whatsapp-share-action{background:#1f8f55;border-color:#1f8f55;color:#fff}.status-actions{display:flex}.status-actions button{align-items:center;background:#f5f5f3;border:1px solid var(--line);border-left-width:0;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;gap:5px;min-height:34px;padding:5px 10px;color:#1f2926}.status-actions button:first-child{border-left-width:1px;border-radius:6px 0 0 6px}.status-actions button:last-child{border-radius:0 6px 6px 0}.status-actions button:disabled{cursor:not-allowed;opacity:.5}.status-actions button.active:nth-child(1){background:#1a7a45;border-color:#1a7a45;color:#fff}.status-actions button.active:nth-child(2){background:var(--rust);border-color:var(--rust);color:#fff}.status-actions button.active:nth-child(3){background:var(--blue);border-color:var(--blue);color:#fff}.review-row h2{font-size:18px;margin:8px 0;overflow-wrap:anywhere}.review-row p{color:#687870;margin:0 0 8px;overflow-wrap:anywhere}.review-row .internal-note-preview{background:#fff8e8;border:1px solid #ead6aa;border-radius:6px;color:#715225;font-size:13px;font-weight:800;padding:8px 10px}.review-row .submission-origin,.review-row .commission-note{border-radius:6px;font-size:13px;font-weight:800;padding:7px 9px}.review-row .submission-origin{background:#eef6f8;border:1px solid #bfd4dc;color:var(--blue)}.review-row .commission-note{background:#f4f8f1;border:1px solid #cbd8c8;color:#345333}.review-row .review-date{color:#715225;font-size:13px;font-weight:800}.review-row strong{color:var(--blue)}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:5px 9px}.status.pending{background:#fff2c6;color:#6d4f09}.status.approved{background:#eaf1f4;color:var(--blue)}.status.rejected{background:#ffe1df;color:var(--rust)}.status.sold{background:#dfe8ff;color:#315f7c}.row-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.row-actions button{background:var(--soft);color:#1f2926;font-size:13px;min-width:0;white-space:normal}.row-actions button:nth-child(2){background:var(--blue);color:#fff}.row-actions button:nth-child(3),.edit-actions button:last-child{background:var(--rust);color:#fff}.row-actions .whatsapp-share-action{background:#1f8f55;color:#fff}.row-actions button:disabled,.edit-actions button:disabled{cursor:not-allowed;opacity:.5}.edit-overlay{background:#00000085;bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}.edit-modal{background:#fff;border-radius:12px;box-shadow:0 24px 64px #0000003d;display:grid;grid-template-rows:auto 1fr auto;left:50%;max-height:90vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 32px));z-index:51}.edit-modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.edit-modal-header>div{min-width:0}.edit-modal-header h2{font-size:20px;margin:0;overflow-wrap:anywhere}.edit-modal-header p{color:#687870;font-size:14px;margin:3px 0 0;overflow-wrap:anywhere}.edit-modal-header button{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:#1f2926;cursor:pointer;display:inline-flex;flex-shrink:0;font:inherit;font-weight:700;gap:6px;padding:8px 14px}.edit-modal-body{display:grid;grid-template-columns:1fr 300px;min-height:0;overflow:hidden}.edit-modal-fields{align-content:start;border-right:1px solid var(--line);display:grid;gap:12px;overflow-y:auto;padding:20px 24px}.edit-modal-media{align-content:start;display:grid;gap:12px;overflow-y:auto;padding:20px}.edit-fields-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.edit-modal-footer{border-top:1px solid var(--line);padding:14px 24px}.edit-submission-card{background:#f4f8f1;border:1px solid #cbd8c8;border-radius:8px;color:#263033;display:grid;gap:5px;padding:12px}.edit-submission-card strong{color:var(--blue);font-size:13px;text-transform:uppercase}.edit-submission-card span{color:#4c5c54;font-size:13px;font-weight:800;overflow-wrap:anywhere}.edit-modal-fields label{display:grid;font-size:14px;font-weight:800;gap:7px}.edit-modal-fields textarea{min-height:90px;resize:vertical}.edit-actions{display:grid;gap:10px;grid-template-columns:1fr auto}.edit-actions button{align-items:center;background:var(--blue);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 20px}.feedback{color:var(--blue);font-weight:800;overflow-wrap:anywhere}@media(max-width:960px){.admin-layout,.metrics,.access-summary,.user-row,.review-row,.admin-login,.edit-modal-body{grid-template-columns:1fr}.edit-modal-fields{border-right:none;border-bottom:1px solid var(--line)}.admin-sidebar{position:static}.admin-filters{grid-template-columns:1fr}.review-row{gap:12px;grid-template-columns:1fr}.review-row img,.review-image-placeholder{height:min(62vw,260px)}.review-row h2,.review-row p{margin:0}.review-actions{flex-direction:column;align-items:stretch}.status-actions{width:100%}.status-actions button{flex:1;justify-content:center}}.reject-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.reject-modal{background:#fff;border-radius:10px;padding:28px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 32px #0000002e}.reject-modal h3{margin:0;font-size:18px;font-weight:700}.reject-modal p{margin:0;color:#555;font-size:14px}.reject-modal label{font-size:13px;font-weight:600;color:#333}.reject-modal label span{font-weight:400;color:#888}.reject-modal textarea{border:1px solid #d0d0d0;border-radius:6px;padding:10px 12px;font-size:14px;resize:vertical;width:100%;box-sizing:border-box;font-family:inherit;line-height:1.5}.reject-modal textarea:focus{outline:none;border-color:#e05454}.reject-modal-actions{display:flex;gap:10px;justify-content:flex-end}.reject-modal-cancel{padding:8px 18px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer;font-size:14px}.reject-modal-confirm{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;background:#e05454;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.reject-modal-confirm:hover{background:#c93f3f}
