@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--admin-primary:#0d4b32;--admin-primary-dark:#083624;--admin-soft:#edf5f0;--admin-accent:#f2c84b;--admin-ink:#17241e;--admin-muted:#6d7772;--admin-line:#e1e8e4;--admin-bg:#f4f7f5;--admin-danger:#b52b38;--admin-success:#18794e;--admin-radius:17px;--admin-shadow:0 14px 35px rgba(18,52,37,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--admin-ink);background:var(--admin-bg);line-height:1.6}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.admin-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--admin-primary-dark),#06291b);color:#fff;padding:22px 16px;overflow-y:auto;z-index:40}
.admin-brand{display:flex;align-items:center;gap:11px;padding:0 9px 21px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px}.admin-brand img{width:49px;height:49px;border-radius:50%;object-fit:contain;background:var(--admin-primary)}.admin-brand b{display:block;font-size:18px}.admin-brand small{color:rgba(255,255,255,.58);font-size:10px}
.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:rgba(255,255,255,.77);font-size:13px;font-weight:600;transition:.18s}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.12);color:#fff}.admin-sidebar nav a.active{box-shadow:inset -3px 0 0 var(--admin-accent)}.admin-sidebar nav i{font-style:normal;width:22px;text-align:center}.admin-sidebar .nav-divider{height:1px;background:rgba(255,255,255,.1);margin:10px 8px}
.admin-main{min-width:0}.admin-top{height:72px;background:#fff;border-bottom:1px solid var(--admin-line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.admin-top .top-right,.admin-top .top-left{display:flex;align-items:center;gap:12px}.admin-top button{border:0;background:var(--admin-soft);width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.admin-top .user-chip{display:flex;align-items:center;gap:9px}.admin-top .user-chip span{width:39px;height:39px;border-radius:50%;background:var(--admin-primary);color:#fff;display:grid;place-items:center;font-weight:800}.admin-top .user-chip b{display:block;font-size:12px}.admin-top .user-chip small{display:block;color:var(--admin-muted);font-size:9px}
.admin-content{padding:28px;max-width:1500px;margin:auto}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-title span{color:var(--admin-primary);font-size:11px;font-weight:800}.admin-title h1{font-size:30px;margin:2px 0 0;line-height:1.3}
.admin-btn{border:0;border-radius:11px;background:var(--admin-primary);color:#fff;min-height:43px;padding:9px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;transition:.2s}.admin-btn:hover{background:var(--admin-primary-dark);transform:translateY(-1px)}.admin-btn.secondary{background:#fff;color:var(--admin-ink);border:1px solid var(--admin-line)}.admin-btn.danger{background:var(--admin-danger)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stats-grid article{background:#fff;border:1px solid var(--admin-line);border-radius:var(--admin-radius);padding:19px;box-shadow:0 5px 16px rgba(18,52,37,.03)}.stats-grid article small{color:var(--admin-muted);font-size:11px}.stats-grid article b{display:block;font-size:25px;margin-top:6px}.stats-grid article i{float:left;width:42px;height:42px;border-radius:12px;background:var(--admin-soft);color:var(--admin-primary);display:grid;place-items:center;font-style:normal;font-size:20px}
.admin-grid{display:grid;gap:20px}.admin-grid.two{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--admin-line);border-radius:var(--admin-radius);padding:21px;box-shadow:0 4px 15px rgba(18,52,37,.025)}.panel h2{font-size:17px;margin:0 0 17px}.panel p{color:var(--admin-muted)}
.table-wrap{overflow:auto;border:1px solid var(--admin-line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}th,td{text-align:right;padding:13px 14px;border-bottom:1px solid var(--admin-line);font-size:12px;vertical-align:middle}th{background:#f7f9f8;color:var(--admin-muted);font-size:10px;white-space:nowrap}tr:last-child td{border-bottom:0}td b{display:block}td small{display:block;color:var(--admin-muted);font-size:10px;margin-top:2px}.table-action{border:1px solid var(--admin-line);background:#fff;border-radius:8px;padding:6px 10px;color:var(--admin-primary);font-weight:700;cursor:pointer}.table-action:hover{background:var(--admin-soft)}
.status{display:inline-flex;padding:4px 9px;border-radius:30px;background:#edf2ef;font-size:10px;font-weight:800}.status.received,.status.confirmed{background:#fff6d9;color:#795800}.status.preparing,.status.out_for_delivery{background:#e6f0ff;color:#1c5caa}.status.completed,.status.delivered,.status.ready_pickup{background:#e7f7ef;color:var(--admin-success)}.status.cancelled,.status.returned_full{background:#fff0f1;color:var(--admin-danger)}
.admin-form{display:grid;gap:14px}.admin-form label,.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea,.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid var(--admin-line);border-radius:10px;background:#fff;padding:10px 12px;outline:0}.admin-form input,.admin-form select,.modal-form input,.modal-form select{height:44px}.admin-form textarea,.modal-form textarea{min-height:95px;resize:vertical}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(13,75,50,.08)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}.form-grid .check{flex-direction:row;align-items:center;align-self:end;min-height:44px}.form-grid .check input{width:auto;height:auto}
.social-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-alert{padding:13px 16px;border-radius:11px;margin-bottom:17px;font-size:12px;font-weight:700}.admin-alert.success{background:#e7f7ef;color:var(--admin-success);border:1px solid #c9ead8}.admin-alert.error{background:#fff0f1;color:var(--admin-danger);border:1px solid #ffd4d9}
dialog{border:0;border-radius:20px;padding:0;width:min(92vw,650px);box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(4,24,15,.58);backdrop-filter:blur(2px)}dialog.wide-dialog{width:min(95vw,1050px)}.modal-form{padding:23px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--admin-line)}.dialog-head h2{margin:0;font-size:19px}.dialog-head button{width:35px;height:35px;border:0;border-radius:9px;background:#f1f3f2;font-size:22px;line-height:1}.modal-form>.admin-btn{margin-top:18px;min-width:150px}
.details-list{display:grid;gap:0;margin:0 0 25px}.details-list>div{display:grid;grid-template-columns:130px 1fr;padding:10px 0;border-bottom:1px dashed var(--admin-line)}.details-list dt{color:var(--admin-muted);font-size:11px}.details-list dd{margin:0;font-size:12px}.order-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--admin-line);font-size:12px}.order-line small{display:block;color:var(--admin-muted)}
.admin-timeline{display:grid}.admin-timeline article{position:relative;display:grid;grid-template-columns:21px 1fr;gap:10px;padding-bottom:20px}.admin-timeline article:not(:last-child):before{content:'';position:absolute;right:6px;top:13px;bottom:-2px;width:2px;background:var(--admin-line)}.admin-timeline i{width:13px;height:13px;border-radius:50%;background:var(--admin-primary);margin-top:4px;position:relative;z-index:2}.admin-timeline b{display:block;font-size:12px}.admin-timeline small{color:var(--admin-muted);font-size:9px}.admin-timeline p{margin:3px 0 0;font-size:11px}
.admin-login-page{min-height:100vh;background:radial-gradient(circle at top left,#1f7551,#062d1e 70%);display:grid;place-items:center;padding:25px}.admin-login{width:min(100%,450px);background:#fff;border-radius:26px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.27)}.admin-login img{width:80px;height:80px;border-radius:50%;margin:auto;background:var(--admin-primary)}.admin-login h1{text-align:center;margin:12px 0 3px}.admin-login>p{text-align:center;color:var(--admin-muted);font-size:12px}.admin-login form{display:grid;gap:14px;margin-top:20px}.admin-login label{display:grid;gap:6px;font-size:11px;font-weight:700}.admin-login input{height:47px;border:1px solid var(--admin-line);border-radius:10px;padding:0 12px}.admin-login .admin-btn{width:100%}
.toast{position:fixed;top:90px;left:20px;z-index:1000;min-width:290px;max-width:430px;border-radius:11px;padding:13px 16px;color:#fff;box-shadow:var(--admin-shadow)}.toast.success{background:var(--admin-success)}.toast.error{background:var(--admin-danger)}
@media(max-width:1100px){.admin-shell{grid-template-columns:230px 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-shell{display:block}.admin-sidebar{position:fixed;right:0;top:0;width:270px;transform:translateX(110%);transition:.25s;box-shadow:-25px 0 60px rgba(0,0,0,.25)}.admin-sidebar.open{transform:translateX(0)}.admin-top{height:64px;padding:0 15px}.admin-content{padding:18px}.admin-grid.two{grid-template-columns:1fr}.admin-title h1{font-size:25px}.form-grid,.form-grid.three,.social-settings{grid-template-columns:1fr}.stats-grid{gap:11px}.panel{padding:15px}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:14px}.stats-grid article b{font-size:19px}.admin-title{align-items:flex-start;flex-direction:column}.admin-title .admin-btn{width:100%}.admin-top .user-chip b,.admin-top .user-chip small{display:none}.details-list>div{grid-template-columns:95px 1fr}.toast{left:10px;right:10px;min-width:0}}