:root{--a:#ef4f87;--ad:#120a0f;--al:#fde8f0;--bg:#f8f2f5;--line:#e6d4dc;--text:#2b2025;--muted:#7c6972;--white:#fff;--danger:#a53b52;--shadow:0 12px 35px rgba(92,27,56,.10)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#fde8f0,transparent 38%),linear-gradient(135deg,#fff8fb,#f0dce5)}.login-card{width:min(460px,calc(100% - 30px));background:#fff;padding:42px;border-radius:18px;box-shadow:var(--shadow)}.login-card>img{width:270px;margin-bottom:28px}.login-card h1{font:400 2.2rem Georgia,serif;color:var(--ad);margin:10px 0}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card label,.settings-grid label,.dialog-form label,.theme-controls label{display:grid;gap:7px;font-size:.88rem;font-weight:650}.login-card input,.settings-grid input,.settings-grid textarea,.dialog-form input,.dialog-form select,.theme-controls input,.theme-controls select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.setup-badge{display:inline-block;background:var(--al);color:var(--a);padding:6px 10px;border-radius:99px;font-size:.75rem;font-weight:700}.login-back{display:block;margin-top:22px;color:var(--a)}.admin-body{min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--ad);color:#fff;display:flex;flex-direction:column;z-index:100}.admin-brand{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-brand img{width:96px;height:96px;object-fit:cover;border-radius:50%;background:#fff;border:2px solid var(--a);filter:none}.admin-brand span{display:block;margin-top:8px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.admin-sidebar nav{padding:18px 12px;display:grid;gap:5px}.admin-sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:8px;font-size:.9rem;color:rgba(255,255,255,.78)}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.admin-sidebar nav a span{width:22px;text-align:center}.admin-sidebar nav a b{margin-left:auto;background:#d8b56d;color:#163d28;border-radius:99px;padding:2px 7px;font-size:.7rem}.admin-sidebar__bottom{margin-top:auto;padding:15px 20px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:10px;font-size:.82rem}.admin-main{margin-left:250px;min-height:100vh}.admin-topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:80}.admin-topbar>div:first-of-type{display:grid}.admin-topbar span{font-size:.75rem;color:var(--muted)}.admin-user{display:flex;align-items:center;gap:10px}.admin-user i{width:36px;height:36px;background:var(--a);color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal}.sidebar-toggle{display:none}.admin-content{padding:30px;max-width:1800px;margin:auto}.admin-flash{padding:14px 18px;border-radius:8px;margin-bottom:20px}.admin-flash--success{background:#e5f3e8;color:#236035}.admin-flash--error{background:#fae7e4;color:#96372e}.welcome-panel{background:linear-gradient(115deg,#ef4f87,#6f163d);color:#fff;border-radius:14px;padding:34px;display:flex;justify-content:space-between;align-items:center}.welcome-panel span{opacity:.8}.welcome-panel h1{font:400 2.5rem Georgia,serif;margin:6px 0}.welcome-panel p{margin:0;opacity:.82}.admin-button{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:650;font-size:.86rem}.admin-button--primary{background:var(--a);color:#fff;border-color:var(--a)}.admin-button--light{background:#fff;color:var(--a)}.admin-button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stats-cards article,.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(25,60,38,.04)}.stats-cards article{padding:22px}.stats-cards span{color:var(--muted);font-size:.82rem}.stats-cards strong{display:block;font:400 2.6rem Georgia,serif;color:var(--ad);margin:5px 0}.stats-cards a{color:var(--a);font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.admin-card{padding:24px}.admin-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-card h2{font:400 1.45rem Georgia,serif;color:var(--ad);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{padding:22px 12px;text-align:center;border:1px solid var(--line);border-radius:9px}.quick-grid b{display:block;font-size:1.6rem;color:var(--a);margin-bottom:8px}.quick-grid span{font-size:.82rem}.activity-list{display:grid;gap:12px}.activity-list>div{display:flex;gap:12px}.activity-list i{width:10px;height:10px;border-radius:50%;background:var(--a);margin-top:5px}.activity-list p{margin:0}.activity-list strong,.activity-list span{display:block}.activity-list span{font-size:.75rem;color:var(--muted);margin-top:3px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading h1,.editor-toolbar h1{font:400 2.35rem Georgia,serif;color:var(--ad);margin:0 0 5px}.page-heading p{margin:0;color:var(--muted)}.admin-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);font-size:.85rem}.admin-table th{background:#f8faf8;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.admin-table td strong,.admin-table td span{display:block}.admin-table td span{font-size:.73rem;color:var(--muted);margin-top:3px}.table-actions{text-align:right!important;white-space:nowrap}.table-actions a{margin-left:14px}.table-actions a.primary{color:var(--a);font-weight:700}.status-pill{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:99px;font-size:.68rem!important;font-weight:700}.status-pill--published,.status-pill--done{background:#e5f3e8;color:#2a6a3b}.status-pill--draft,.status-pill--new{background:#fff1d8;color:#8a621e}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.editor-toolbar>div:last-child{display:flex;gap:10px}.editor-toolbar a:first-child{font-size:.8rem;color:var(--a)}.editor-toolbar span{font-size:.76rem;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:minmax(520px,.8fr) minmax(540px,1.2fr);gap:20px;align-items:start}.visual-editor{padding:0;overflow:hidden}.editor-section{border-bottom:1px solid var(--line)}.editor-section>header{display:flex;align-items:center;gap:10px;background:#f8faf8;padding:15px 18px}.editor-section>header strong{margin-right:auto}.editor-section>header button{border:0;background:none;cursor:pointer;color:var(--muted)}.editor-section__body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-field{display:grid;gap:6px}.editor-field--wide{grid-column:1/-1}.editor-field label{font-size:.75rem;font-weight:700;color:#536056}.editor-field input,.editor-field textarea,.editor-field select{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.editor-field textarea{min-height:90px;resize:vertical}.editor-field .input-with-button{display:flex}.editor-field .input-with-button input{border-radius:7px 0 0 7px}.editor-field .input-with-button button{border:1px solid var(--line);border-left:0;background:#f6f8f6;border-radius:0 7px 7px 0}.editor-array{grid-column:1/-1;border:1px dashed #cbd5cd;border-radius:8px;padding:12px}.editor-array>header{display:flex;justify-content:space-between}.editor-array-item{border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:12px}.editor-array-item>header{display:flex;justify-content:space-between;margin-bottom:10px}.editor-add-section{padding:18px;display:flex;gap:10px}.live-preview{position:sticky;top:94px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.live-preview header{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#f8faf8;border-bottom:1px solid var(--line);font-size:.8rem}.live-preview header button{border:0;background:none;color:var(--a);cursor:pointer}.live-preview iframe{width:100%;height:calc(100vh - 155px);border:0;background:#fff}.theme-editor{display:grid;grid-template-columns:430px 1fr;gap:20px;align-items:start}.theme-controls{position:sticky;top:95px}.theme-controls h2{margin:10px 0 15px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:25px}.theme-grid label{font-size:.75rem}.theme-grid label span{display:flex}.theme-grid input[type=color]{width:44px;padding:2px}.theme-grid output{font-size:.7rem;color:var(--muted)}.design-preview{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.design-preview iframe{width:100%;height:calc(100vh - 145px);border:0}.media-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.media-toolbar input{width:320px;padding:10px;border:1px solid var(--line);border-radius:8px}.media-toolbar span{color:var(--muted);font-size:.8rem}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.media-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.media-grid article>img,.file-icon{width:100%;height:150px;object-fit:cover;background:#e8eee9}.file-icon{display:grid;place-items:center;font-weight:bold;color:var(--a)}.media-grid article>div{padding:12px}.media-grid strong,.media-grid span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-grid strong{font-size:.8rem}.media-grid span{font-size:.7rem;color:var(--muted);margin:3px 0 8px}.media-grid input{width:100%;border:1px solid var(--line);padding:6px;font-size:.68rem}.media-actions{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.media-actions button,.media-actions a{border:0;background:none;padding:0;font-size:.7rem;color:var(--a);cursor:pointer}.media-actions form{display:inline}.form-list{display:grid;gap:14px}.form-list article{display:flex;justify-content:space-between;align-items:center}.form-list__actions{display:flex;gap:8px;align-items:center}.form-list__actions form{margin:0}.form-list h2{margin:8px 0}.form-list p{margin:0;color:var(--muted)}.visual-editor--form{max-width:900px}.inbox-layout{display:grid;grid-template-columns:350px 1fr;gap:18px}.inbox-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.inbox-list>a{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.inbox-list>a.active{background:var(--al)}.inbox-list>a.unread i{background:#d09f45}.inbox-list i{width:7px;height:7px;border-radius:50%;background:#cad2cc}.inbox-list strong,.inbox-list span{display:block}.inbox-list strong{font-size:.8rem}.inbox-list span,.inbox-list time{font-size:.7rem;color:var(--muted)}.inbox-detail{min-height:500px}.inbox-detail>header{border-bottom:1px solid var(--line);padding-bottom:18px}.inbox-detail>header span{font-size:.75rem;color:var(--muted)}.inbox-detail dl>div{display:grid;grid-template-columns:180px 1fr;padding:13px 0;border-bottom:1px solid var(--line)}.inbox-detail dt{color:var(--muted);font-size:.78rem}.inbox-detail dd{margin:0}.inbox-actions{display:flex;gap:10px;margin-top:25px}.two-column,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nav-row{display:grid;grid-template-columns:1fr 1.4fr auto auto auto;gap:8px;margin:8px 0}.nav-row input{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px}.nav-row button{border:0;background:#f1f4f1;border-radius:6px}.settings-grid section{display:grid;gap:14px}.settings-grid textarea{min-height:100px}.input-with-button{display:flex}.input-with-button input{border-radius:8px 0 0 8px}.input-with-button button{border:1px solid var(--line);border-left:0;background:#f4f6f4;border-radius:0 8px 8px 0}.switch-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.switch-row input{width:auto}.help{font-size:.75rem;color:var(--muted)}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.user-grid article{text-align:center}.user-grid article>i{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:var(--al);color:var(--a);font:400 1.7rem Georgia,serif}.user-grid p{color:var(--muted)}.password-form{display:flex}.password-form input{min-width:0;flex:1;padding:8px;border:1px solid var(--line)}.password-form button{border:0;background:var(--a);color:#fff}.user-delete{margin-top:10px}.user-delete button{border:0;background:none;color:var(--danger);cursor:pointer}.backup-card>span{display:block;font:400 3rem Georgia,serif;color:#c9d8cc}.backup-card p{color:var(--muted)}.backup-card form{display:grid;gap:15px}.media-modal{position:fixed;inset:0;background:rgba(14,32,22,.65);z-index:999;padding:4vh 5vw}.media-modal__panel{background:#fff;border-radius:14px;height:92vh;overflow:auto;padding:20px}.media-modal__panel>header{display:flex;justify-content:space-between;align-items:center}.media-modal__panel>header button{font-size:2rem;border:0;background:none}.media-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.media-picker-grid button{border:1px solid var(--line);background:#fff;padding:0;border-radius:8px;overflow:hidden;cursor:pointer}.media-picker-grid img{width:100%;height:110px;object-fit:cover}.media-picker-grid span{display:block;padding:7px;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{border:0;border-radius:13px;padding:0;box-shadow:var(--shadow);width:min(480px,calc(100% - 30px))}dialog::backdrop{background:rgba(16,35,23,.6)}.dialog-form{padding:24px;display:grid;gap:14px}.dialog-form header{display:flex;justify-content:space-between}.dialog-form header button{border:0;background:none;font-size:1.7rem}.empty-state{padding:35px;text-align:center;color:var(--muted)}
@media(max-width:1300px){.media-grid{grid-template-columns:repeat(4,1fr)}.editor-layout{grid-template-columns:1fr}.live-preview{position:relative;top:auto}.live-preview iframe{height:700px}.theme-editor{grid-template-columns:360px 1fr}}
@media(max-width:900px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.sidebar-toggle{display:block}.stats-cards{grid-template-columns:1fr 1fr}.dashboard-grid,.theme-editor,.two-column,.settings-grid,.inbox-layout{grid-template-columns:1fr}.theme-controls{position:relative;top:auto}.media-grid{grid-template-columns:repeat(3,1fr)}.user-grid{grid-template-columns:1fr 1fr}.admin-content{padding:18px}}
@media(max-width:600px){.stats-cards,.quick-grid,.theme-grid,.media-grid,.user-grid{grid-template-columns:1fr}.page-heading,.editor-toolbar{display:block}.page-heading .admin-button,.editor-toolbar>div:last-child{margin-top:14px}.admin-topbar{padding:0 14px}.admin-user span{display:none}.editor-section__body{grid-template-columns:1fr}.editor-field--wide{grid-column:1}.media-picker-grid{grid-template-columns:repeat(2,1fr)}.inbox-detail dl>div{grid-template-columns:1fr}.nav-row{grid-template-columns:1fr}}

/* TattobyBasti v2.1 upload status */
.upload-status-card{display:grid;gap:4px;margin-bottom:18px;padding:14px 18px}.upload-status-card strong{color:var(--a)}.upload-status-card span,.upload-status-card small{font-size:.75rem;color:var(--muted)}

/* BEGIN INKERELLA ADMIN MENU SCROLL FIX v1.0.0 */
.admin-sidebar{
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
}
.admin-brand,
.admin-sidebar__bottom{
    flex:0 0 auto;
}
.admin-sidebar nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
    padding-bottom:max(18px,env(safe-area-inset-bottom));
}
.admin-sidebar nav::-webkit-scrollbar{width:7px}
.admin-sidebar nav::-webkit-scrollbar-track{background:transparent}
.admin-sidebar nav::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.24);
    border-radius:999px;
}
.admin-sidebar nav{
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.28) transparent;
}

@media(max-width:900px){
    .admin-sidebar{
        top:0;
        bottom:auto;
        transition:transform .24s ease;
        will-change:transform;
    }
    .admin-body::before{
        content:"";
        position:fixed;
        inset:0;
        z-index:90;
        background:rgba(12,5,9,.58);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .2s ease,visibility .2s ease;
    }
    .admin-body.admin-menu-open{
        overflow:hidden;
    }
    .admin-body.admin-menu-open::before{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
    .admin-body.admin-menu-open .admin-sidebar,
    .admin-body.admin-menu-open .admin-sidebar nav{
        touch-action:pan-y;
    }
    .admin-sidebar__bottom{
        padding-bottom:max(15px,env(safe-area-inset-bottom));
    }
}

@media(prefers-reduced-motion:reduce){
    .admin-sidebar,
    .admin-body::before{transition:none!important}
}
/* END INKERELLA ADMIN MENU SCROLL FIX v1.0.0 */
