@font-face{font-family:DIN Next Arabic;src:url(/fonts/DINNextLTArabic-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DIN Next Arabic;src:url(/fonts/DINNextLTArabic-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:DIN Next Arabic;src:url(/fonts/DINNextLTArabic-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{color:#2c2723;font-synthesis:none;text-rendering:optimizelegibility;--ink:#2c2723;--muted:#80766e;--line:#e4dbd0;--paper:#fffdf9;--wine:#8e292c;--wine-dark:#6f1f23;background:#f5f1ea;font-family:DIN Next Arabic,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#f5f1ea;min-width:320px}body{background:radial-gradient(circle at 82% -10%,#fff8eb 0,#0000 34%),#f5f1ea;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9eb;flex-direction:column;height:100dvh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 8px 29px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:19px}.brand span{color:var(--muted);margin-top:1px;font-size:12px}.brand-mark{background:var(--wine);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;gap:2px;width:44px;height:44px;display:flex;box-shadow:0 9px 22px #8e292c38}.brand-mark span{background:#fff8ed;border-radius:4px;width:3px}.brand-mark span:first-child,.brand-mark span:nth-child(5){opacity:.7;height:9px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:16px}.brand-mark span:nth-child(3){height:23px}nav{overscroll-behavior:contain;gap:4px;min-height:0;padding-top:22px;display:grid;overflow-y:auto}.nav-item{color:#6f6660;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;transition:all .18s;display:flex}.nav-item:hover{color:var(--wine);background:#f5eee5}.nav-item.active{color:var(--wine-dark);box-shadow:inset -3px 0 var(--wine);background:#f3e7df;font-weight:700}.nav-item b{color:#fff;background:var(--wine);text-align:center;border-radius:12px;min-width:25px;margin-right:auto;padding:2px 7px;font-size:11px}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.mobile-close,.mobile-topbar,.nav-scrim{display:none}.admin-profile{cursor:pointer;text-align:right;background:0 0;border:0;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:15px 9px 4px;display:grid}.avatar{color:#fff;background:linear-gradient(145deg, #ad5250, var(--wine-dark));border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.admin-profile strong,.admin-profile span{display:block}.admin-profile strong{font-size:13px}.admin-profile span{color:var(--muted);font-size:11px}.main-content{width:100%;min-width:0;max-width:1800px;margin-inline:auto;padding:30px clamp(24px,4vw,56px) 50px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.page-header p{color:var(--muted);margin:0 0 2px;font-size:13px}.page-header h1{letter-spacing:-.5px;margin:0;font-size:clamp(26px,2.6vw,36px)}.page-actions,.top-actions{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);color:#9b9189;background:#fffdf9c7;border-radius:12px;align-items:center;gap:9px;width:min(270px,23vw);height:43px;padding:0 13px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.icon-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.primary-button{color:#fff;background:var(--wine);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;height:43px;padding:0 17px;display:flex;box-shadow:0 9px 20px #8e292c2b}.primary-button:hover{background:var(--wine-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.58}.secondary-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;min-height:42px;padding:0 17px}.status-banner{background:linear-gradient(92deg,#fffdf9f0,#f7eee0e0);border:1px solid #dfd3c4;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;min-height:71px;padding:13px 17px;display:grid}.status-icon{color:#32705a;background:#e0eee5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.status-banner.warning .status-icon{color:#9a641d;background:#f7ead2}.status-banner strong,.status-banner span{display:block}.status-banner strong{font-size:14px}.status-banner span{color:var(--muted);margin-top:2px;font-size:12px}.status-banner button{color:var(--wine);cursor:pointer;background:0 0;border:0;font-weight:700}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fffdf9e6;border-radius:16px;grid-template-columns:1fr auto;align-content:space-between;gap:3px;min-height:152px;padding:18px;display:grid;box-shadow:0 9px 27px #48311f09}.stat-card>span{color:var(--muted);align-self:center;font-size:13px}.stat-card>strong{grid-column:1/-1;font-size:29px;line-height:1}.stat-card small{color:#7f756d;grid-column:1/-1;font-size:11px}.stat-icon{border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.stat-icon.wine{color:#8e292c;background:#f4e2df}.stat-icon.amber{color:#9a641d;background:#f7ead2}.stat-icon.blue{color:#406a84;background:#e1ebef}.stat-icon.green{color:#38715c;background:#dfede5}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fffdf9eb;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #48311f09}.panel-heading{justify-content:space-between;align-items:center;padding:20px 21px 16px;display:flex}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{color:var(--muted);margin:2px 0 0;font-size:12px}.panel-heading>button{color:var(--wine);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.activity-list{border-top:1px solid #eee6dc}.activity-row{border-bottom:1px solid #f0e9e0;grid-template-columns:41px minmax(130px,1fr) auto 75px;align-items:center;gap:12px;min-height:67px;padding:10px 21px;display:grid}.activity-row:last-child{border-bottom:0}.file-kind{width:39px;height:39px;color:var(--wine);background:#f4e8e2;border-radius:11px;place-items:center;display:grid}.activity-name strong,.activity-name span{display:block}.activity-name strong{font-size:13px}.activity-name span,.activity-row time{color:var(--muted);font-size:11px}.status-pill{border-radius:14px;padding:4px 10px;font-size:10px}.status-pill.review{color:#996119;background:#f6e8cf}.quick-panel{align-self:start;padding-bottom:10px}.quick-panel>button{cursor:pointer;text-align:right;background:#fffdfa;border:1px solid #ede4da;border-radius:13px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;width:calc(100% - 24px);min-height:64px;margin:0 12px 8px;padding:8px 10px;display:grid}.quick-panel>button:hover{border-color:#d8c7b8;transform:translateY(-1px)}.quick-panel button strong,.quick-panel button small{display:block}.quick-panel button strong{font-size:13px}.quick-panel button small{color:var(--muted);font-size:10px}.quick-icon{border-radius:11px;place-items:center;width:41px;height:41px;display:grid}.quick-icon.audio{color:var(--wine);background:#f3e3df}.quick-icon.pdf{color:#9b641d;background:#f6ead5}.quick-icon.photo{color:#3c6d80;background:#e1ebef}.loading-page{background:#f5f1ea;place-content:center;justify-items:center;gap:20px;min-height:100vh;display:grid}.loading-page .spin{color:var(--wine)}.login-page{background:radial-gradient(circle at 70% 15%,#a0604929,#0000 32%),radial-gradient(circle at 20% 84%,#b48e5b21,#0000 30%),#f2ebe1;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:#fffdf9f0;border:1px solid #8e292c1f;border-radius:25px;width:min(100%,430px);padding:38px;box-shadow:0 28px 70px #4e32251f}.login-card>.brand-mark{margin:0 auto 18px}.login-card .eyebrow{color:var(--wine);font-size:12px;font-weight:700}.login-card h1{margin:2px 0 6px;font-size:34px}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 auto 25px;font-size:13px;line-height:1.8}.login-card form{text-align:right;gap:15px;display:grid}.login-card label,.form-grid label{color:#5f554e;gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.config-section input,.config-section select,.config-section textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdfa;border-radius:11px;outline:0}.login-card input,.form-grid input,.form-grid select,.config-section input,.config-section select{height:44px;padding:0 12px}.form-grid textarea,.config-section textarea{resize:vertical;padding:10px 12px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.config-section input:focus,.config-section textarea:focus{border-color:#b37870;box-shadow:0 0 0 3px #8e292c14}.login-submit{justify-content:center;width:100%;margin-top:5px}.text-button{color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:12px}.login-card>small{color:#988e86;margin-top:18px;font-size:10px;display:block}.form-error,.inline-error,.success-message{border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;display:flex}.form-error,.inline-error{color:#8c302c;background:#f7e6e1}.denied-card>svg{color:#9a641d}.denied-card .secondary-button{margin-top:10px}.content-panel{min-height:420px}.content-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.search-box.wide{background:#fff;width:min(380px,45%)}.select-control{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:7px;height:43px;padding:0 10px;display:flex}.select-control select,.period-select{color:var(--ink);background:0 0;border:0;outline:0}.result-count{color:var(--muted);margin-right:auto;font-size:12px}.content-table{overflow-x:auto}.table-head,.content-row{grid-template-columns:minmax(260px,1.5fr) 1fr .65fr .65fr .9fr 42px;align-items:center;gap:14px;min-width:780px;padding:10px 18px;display:grid}.table-head{color:var(--muted);background:#faf5ee;font-size:11px}.content-row{border-top:1px solid #efe7de;min-height:69px;font-size:12px}.content-title{align-items:center;gap:11px;min-width:0;display:flex}.content-title>div{min-width:0}.content-title strong,.content-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.content-title small{color:var(--muted);margin-top:2px;font-size:10px}.rights-ok{color:#2c674f}.rights-pending{color:#9a641d}.file-kind.audio{color:var(--wine);background:#f4e8e2}.file-kind.pdf{color:#9b641d;background:#f6ead5}.file-kind.photo{color:#3c6d80;background:#e1ebef}.content-row time{color:var(--muted);font-size:10px}.status-pill.published{color:#2c674f;background:#deeee5}.status-pill.draft{color:#756a5c;background:#ebe5dc}.status-pill.archived{color:#8a4a47;background:#f3dfdc}.row-menu{position:relative}.row-menu summary{cursor:pointer;list-style:none}.row-menu summary::-webkit-details-marker{display:none}.row-menu>div{z-index:6;border:1px solid var(--line);background:#fff;border-radius:10px;width:165px;padding:6px;display:grid;position:absolute;top:30px;left:0;box-shadow:0 12px 30px #3c281e26}.row-menu button,.row-menu a{cursor:pointer;text-align:right;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:11px}.row-menu button:hover,.row-menu a:hover{background:#f5eee5}.empty-state{color:#a2958b;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:260px;display:grid}.empty-state strong{color:#6b6058}.empty-state span{font-size:12px}.loading-rows{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.inline-error{margin:14px}.upload-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);align-items:start;gap:18px;display:grid}.form-panel,.upload-panel{padding:22px}.form-panel h2,.upload-panel h2{margin:0 0 18px;font-size:18px}.type-selector{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px;display:grid}.type-selector button{border:1px solid var(--line);min-height:78px;color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;place-items:center;gap:5px;display:grid}.type-selector button.selected{color:var(--wine);background:#f8ede8;border-color:#c99a91;box-shadow:inset 0 0 0 1px #c99a91}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.rights-block{background:#fffaf0;border:1px solid #e2d3bd;border-radius:14px;margin-top:22px;padding:17px}.rights-block>div:first-child{color:#7c5724;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.rights-block>div:first-child>svg{flex:0 0 21px;margin-top:2px}.rights-block strong,.rights-block small{display:block}.rights-block strong{color:#4e4135;font-size:13px}.rights-block small{color:#806f5a;margin-top:2px;font-size:10px;line-height:1.6}.confirmation-check{cursor:pointer;grid-template-columns:20px 1fr;align-items:flex-start;line-height:1.7;gap:9px!important;font-weight:500!important;display:flex!important}.confirmation-check input{accent-color:var(--wine);margin:3px 0 0;width:18px!important;height:18px!important}.rights-warning{color:#895b1d;background:#faedcf;border-radius:10px;align-items:flex-start;gap:7px;margin-top:14px;padding:10px 11px;font-size:11px;line-height:1.6;display:flex}.rights-warning svg{flex:0 0 17px;width:17px}.drop-zone{color:#8e8177;cursor:pointer;text-align:center;background:#fcf8f2;border:1.5px dashed #c9b9ac;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:210px;padding:20px;display:flex}.drop-zone:hover,.drop-zone.has-file{color:var(--wine);background:#f8eee9;border-color:#ac6d65}.drop-zone strong{overflow-wrap:anywhere;color:#514740;max-width:100%;font-size:13px}.drop-zone span{font-size:10px}.drop-zone input{opacity:0;pointer-events:none;position:absolute}.upload-image-preview{object-fit:contain;border:1px solid var(--line);background:#f1ece5;border-radius:14px;width:100%;max-height:260px;margin-top:12px;display:block}.file-notice{color:#2c674f;background:#e2f0e8;border-radius:10px;align-items:flex-start;gap:7px;margin-top:12px;padding:10px 11px;font-size:11px;line-height:1.6;display:flex}.file-notice svg{flex:0 0 17px;width:17px}.upload-progress{margin:15px 0 0}.upload-progress>div{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.upload-progress progress{width:100%;height:8px;accent-color:var(--wine);margin-top:5px}.submit-upload{justify-content:center;width:100%;margin-top:15px}.security-note{color:#6e7d72;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#261d1885;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rights-dialog{background:var(--paper);border:1px solid #dbcbbd;border-radius:21px;width:min(100%,610px);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 30px 90px #2318123d}.rights-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px 17px;display:flex}.rights-dialog header p{color:var(--wine);margin:0 0 2px;font-size:10px}.rights-dialog header h2{margin:0;font-size:21px}.rights-dialog header button{cursor:pointer;background:#f3ece4;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.rights-dialog form{gap:14px;padding:20px 23px 23px;display:grid}.rights-dialog form>label{color:#5f554e;gap:6px;font-size:12px;font-weight:700;display:grid}.rights-dialog input:not([type=checkbox]),.rights-dialog textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdfa;border-radius:11px;outline:0;padding:10px 12px}.rights-dialog input:not([type=checkbox]){height:44px}.rights-dialog textarea{resize:vertical}.rights-explainer{color:#756650;background:#faf0dc;border-radius:11px;margin:0;padding:11px 13px;font-size:11px;line-height:1.8}.rights-dialog .inline-error{margin:0}.rights-dialog footer{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:6px;padding:13px 15px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 14px}.tabs button.active{color:var(--wine);background:#f3e7df;font-weight:700}.comment-list{padding:5px 17px}.comment-card{border-bottom:1px solid #eee6dd;grid-template-columns:42px 1fr auto;gap:12px;padding:17px 4px;display:grid}.comment-avatar,.user-avatar{width:40px;height:40px;color:var(--wine);background:#f2e5df;border-radius:50%;place-items:center;display:grid}.comment-card header{align-items:center;gap:10px;display:flex}.comment-card time,.comment-card small{color:var(--muted);font-size:10px}.comment-card p{color:#534943;margin:5px 0;font-size:13px;line-height:1.7}.moderation-actions{align-items:center;gap:6px;display:flex}.moderation-actions button{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:11px;display:flex}.moderation-actions svg{width:15px}.moderation-actions .approve{color:#2f674f;background:#e0eee5}.moderation-actions .reject{color:#8a3c38;background:#f3e1de}.users-head,.users-row{grid-template-columns:minmax(280px,1.6fr) .6fr 1fr 1fr}.load-more{margin:18px auto;display:block}.staff-layout{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);align-items:start;gap:0;display:grid}.staff-form{border-left:1px solid var(--line);background:#fcf8f2;gap:14px;padding:22px;display:grid}.staff-form-heading,.staff-list-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.staff-form h2,.staff-list-heading h2,.section-heading h2{margin:0;font-size:17px}.staff-form p,.staff-list-heading p,.section-heading p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.6}.staff-form label{color:#5f554e;gap:6px;font-size:12px;font-weight:700;display:grid}.staff-form input,.staff-form select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fffdfa;border-radius:11px;outline:0;padding:0 12px}.staff-form input:focus,.staff-form select:focus{border-color:#b37870;box-shadow:0 0 0 3px #8e292c14}.staff-form input[readonly]{color:var(--muted);background:#f2ece4}.staff-submit{justify-content:center;width:100%;margin-top:4px}.staff-directory{min-width:0;padding:22px}.staff-list-heading{margin-bottom:14px}.staff-list{gap:10px;display:grid}.staff-card{background:#fffdfa;border:1px solid #e9dfd5;border-radius:14px;grid-template-columns:42px minmax(145px,1fr) auto;align-items:center;gap:11px;min-width:0;padding:14px;display:grid}.staff-identity{min-width:0}.staff-identity strong,.staff-identity span,.staff-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.staff-identity strong{font-size:13px}.staff-identity span,.staff-identity small{color:var(--muted);font-size:10px}.role-pill{color:#5b514a;white-space:nowrap;background:#eee7df;border-radius:999px;justify-self:end;padding:5px 9px;font-size:10px}.role-pill.owner{color:#7d292c;background:#f2dfdd}.role-pill.content-admin{color:#376479;background:#e1ebef}.role-pill.moderator{color:#8a5e20;background:#f5e8d1}.role-pill.analyst{color:#2f674f;background:#deeee5}.staff-actions{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:6px;display:flex}.staff-actions button{border:1px solid var(--line);min-height:34px;color:var(--wine);cursor:pointer;background:#fff;border-radius:9px;padding:0 10px;font-size:10px}.staff-actions button.danger{color:#943b37;background:#f8e8e5;place-items:center;width:36px;margin-right:auto;padding:0;display:grid}.staff-actions svg{width:15px}.setup-link{background:#fff8e9;border:1px solid #d8c59d;border-radius:13px;margin-bottom:16px;padding:14px}.setup-link>strong{font-size:13px}.setup-link>p{color:#7b6c57;margin:3px 0 9px;font-size:10px}.setup-link>div{gap:7px;display:flex}.setup-link input{background:#fff;border:1px solid #e0d0ae;border-radius:9px;flex:1;min-width:0;height:39px;padding:0 10px;font-size:10px}.setup-link button{color:#fff;background:var(--wine);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:76px;font-size:10px;display:flex}.setup-link button svg{width:15px}.app-users-section{padding:20px 0 0}.section-heading{padding:0 20px 18px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.config-section{padding:22px}.config-section h2{margin:0 0 18px;font-size:18px}.config-section>label{border-bottom:1px solid #eee6dc;grid-template-columns:minmax(190px,.8fr) 1.2fr;align-items:center;gap:15px;padding:13px 0;display:grid}.config-section>label:last-child{border-bottom:0}.config-section label strong,.config-section label small{overflow-wrap:anywhere;display:block}.config-section label strong{text-align:left;direction:ltr;font-size:11px}.config-section label small{color:var(--muted);margin-top:3px;font-size:9px}.color-input{grid-template-columns:44px 1fr;gap:7px;display:grid}.color-input input[type=color]{padding:3px}.artwork-config-section{grid-column:1/-1}.artwork-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.artwork-heading h2{margin-bottom:3px}.artwork-heading p{color:var(--muted);margin:0;font-size:11px}.artwork-heading>svg{width:42px;height:42px;color:var(--wine);background:#f3e7df;border-radius:12px;padding:10px}.artwork-uploader{background:#fcf8f2;border:1px solid #eadfd4;border-radius:16px;grid-template-columns:minmax(150px,220px) minmax(260px,1fr);align-items:center;gap:22px;padding:18px;display:grid}.artwork-preview{aspect-ratio:1;background:#f2ebe2;border:1px solid #dfd3c6;border-radius:22%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #4d372a1f}.artwork-preview img{object-fit:cover;width:100%;height:100%;display:block}.artwork-preview>div{color:#9a8d83;justify-items:center;gap:8px;font-size:11px;display:grid}.artwork-preview-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#492522d1;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;inset:auto 10px 10px}.artwork-upload-controls{gap:11px;min-width:0;display:grid}.artwork-file{color:#8e8177;cursor:pointer;background:#fffdfa;border:1.5px dashed #c9b9ac;border-radius:14px;align-items:center;gap:13px;min-width:0;min-height:94px;padding:15px;display:flex}.artwork-file:hover,.artwork-file.has-file{color:var(--wine);background:#f8eee9;border-color:#ac6d65}.artwork-file>svg{flex:none}.artwork-file>span{min-width:0}.artwork-file strong,.artwork-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artwork-file strong{color:#514740;font-size:13px}.artwork-file small{color:var(--muted);margin-top:4px;font-size:10px}.artwork-file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.artwork-upload-button{justify-content:center;width:100%}.artwork-upload-controls .security-note{margin:0}.artwork-upload-progress{margin:16px 0 2px}.config-section>label.artwork-url-field{margin-top:4px}.success-message{color:#2c674f;background:#deeee5;margin-bottom:14px}.period-select{border:1px solid var(--line);background:#fff;border-radius:11px;height:42px;padding:0 12px}.analytics-stats{grid-template-columns:repeat(3,1fr)}.analytics-list{padding-bottom:15px}.metric-row{border-top:1px solid #eee6dc;grid-template-columns:30px minmax(150px,1fr) 80px 1fr;align-items:center;gap:12px;padding:11px 20px;font-size:12px;display:grid}.metric-row b{color:var(--muted)}.metric-row>strong{text-align:left}.metric-row>div{background:#eee7df;border-radius:8px;height:7px;overflow:hidden}.metric-row i{border-radius:inherit;background:linear-gradient(90deg,var(--wine),#c57c67);height:100%;display:block}.integration-empty{color:#9b8f86;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:350px;padding:25px;display:grid}.integration-empty h2{color:#50463f;margin:0}.integration-empty p{max-width:500px;margin:0}.audit-panel .activity-row{grid-template-columns:41px minmax(180px,1fr) auto 145px}.details-list{gap:0;margin:0;display:grid}.details-list>div{border-bottom:1px solid #eee6dc;justify-content:space-between;gap:20px;padding:12px 0;display:flex}.details-list dt{color:var(--muted)}.details-list dd{margin:0;font-weight:700}@media (width<=1100px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-inline:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.upload-layout,.settings-grid,.staff-layout,.config-section>label{grid-template-columns:1fr}.staff-form{border-left:0;border-bottom:1px solid var(--line)}.admin-shell{padding:calc(66px + env(safe-area-inset-top)) 0 calc(78px + env(safe-area-inset-bottom));display:block}.sidebar{z-index:40;width:min(86vw,320px);height:100dvh;padding:calc(25px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) 16px;border-left:1px solid var(--line);border-right:0;transition:transform .22s;position:fixed;inset:0 0 0 auto;transform:translate(105%)}.sidebar.open{transform:translate(0)}.sidebar .brand{justify-content:flex-start;padding-inline:7px;display:flex}.sidebar .brand>div:last-child,.sidebar .nav-item span,.sidebar .admin-profile>div:not(.avatar),.sidebar .admin-profile>svg{display:block}.sidebar .nav-item{justify-content:flex-start;width:100%;padding:0 13px}.sidebar-footer{display:block}.mobile-close{left:13px;top:calc(16px + env(safe-area-inset-top));background:#f2ebe2;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:absolute}.nav-scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#231b1661;border:0;display:block;position:fixed;inset:0}.mobile-topbar{z-index:30;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffdf9eb;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.mobile-topbar>button{background:#f5eee6;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.mobile-brand{align-items:center;gap:8px;display:flex}.mobile-brand .brand-mark{flex-basis:33px;width:33px;height:33px}.main-content{padding:20px max(14px, env(safe-area-inset-right)) 30px max(14px, env(safe-area-inset-left))}.page-header{align-items:flex-start}.page-header h1{font-size:26px}.page-actions .primary-button{justify-content:center;width:43px;padding:0;font-size:0}.status-banner{grid-template-columns:40px 1fr}.status-banner button{display:none}.stats-grid,.analytics-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:135px;padding:14px}.dashboard-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:40px 1fr auto}.activity-row time{display:none}.content-toolbar{flex-wrap:wrap}.search-box.wide{width:100%}.result-count{margin-right:0}.content-table{overflow:visible}.table-head{display:none}.content-row{background:#fffdfa;border:1px solid #e9dfd5;border-radius:13px;min-width:0;margin:10px;padding:14px}.content-row:not(.users-row){grid-template-columns:1fr auto;gap:9px 14px;display:grid}.content-row:not(.users-row) .content-title{border-bottom:1px solid #eee6dc;grid-column:1/-1;padding-bottom:8px}.content-row:not(.users-row)>span:not(.status-pill),.content-row:not(.users-row)>time{color:var(--muted);font-size:10px}.content-row:not(.users-row) .row-menu{justify-self:end}.users-row{grid-template-columns:1fr auto;gap:10px 14px;display:grid}.users-row .content-title{grid-column:1/-1}.users-row time{display:block}.users-row time:first-of-type:before{content:"التسجيل: "}.users-row time:last-of-type:before{content:"آخر دخول: "}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.comment-card{grid-template-columns:40px 1fr}.moderation-actions{grid-column:2}.metric-row{grid-template-columns:25px 1fr 70px}.metric-row>div{grid-column:2/-1}}@media (width<=560px){.page-header{flex-direction:column;gap:12px}.page-actions{justify-content:flex-end;width:100%}.page-actions .primary-button{width:auto;padding:0 14px;font-size:12px}.artwork-uploader{grid-template-columns:1fr;padding:14px}.artwork-preview{justify-self:center;width:min(210px,72vw)}.artwork-file{min-height:82px}.details-list>div{flex-direction:column;align-items:flex-start;gap:4px}.details-list dd{overflow-wrap:anywhere;max-width:100%}.comment-card{grid-template-columns:36px minmax(0,1fr)}.comment-avatar{width:36px;height:36px}.moderation-actions{grid-column:1/-1;justify-content:flex-end}.setup-link>div{flex-direction:column;align-items:stretch}.setup-link button{height:39px}}@media (width<=430px){.login-page{padding:14px}.login-card{border-radius:20px;padding:28px 20px}.stats-grid,.analytics-stats{grid-template-columns:1fr}.stat-card{min-height:126px}.type-selector{grid-template-columns:1fr}.type-selector button{grid-template-columns:30px 1fr;min-height:60px}.tabs{white-space:nowrap;overflow-x:auto}.staff-form,.staff-directory{padding:17px 14px}.staff-card{grid-template-columns:38px minmax(0,1fr)}.staff-card .role-pill{grid-column:2;justify-self:start}.staff-actions{grid-column:1/-1}.section-heading{padding-inline:14px}}@media (height<=640px) and (width<=900px){.sidebar nav{padding-top:12px}.nav-item{min-height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}