:root{--ink:#1f2937;--muted:#6b7280;--bg:#f8f7f4;--card:#fff;--gold:#ad8434;--gold-light:#f5ecd6;--line:#e9e5dc;--green:#16755d;--red:#b24545}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Arial,sans-serif;overflow-x:hidden}header{height:72px;padding:0 28px;background:#17251f;color:#fff;display:flex;align-items:center;justify-content:space-between}.gift-header{height:108px;padding:0;position:relative;overflow:hidden;justify-content:center}.gift-banner{width:100%;height:100%;object-fit:cover;object-position:center}.gift-header .menu{position:absolute;left:18px;z-index:1;text-shadow:0 1px 4px #000}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:block;width:48px;height:48px;flex:0 0 48px}.brand-copy{display:grid;gap:2px;line-height:1.1}.brand strong{font-size:21px;display:block;letter-spacing:.5px}.brand small{color:#d4d9d5}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d9ba70;border-radius:50%;color:#e8c979;font-size:21px;font-weight:800}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}aside{border-left:1px solid var(--line);padding:24px 14px;background:#fcfbf8}nav{display:grid;gap:6px}nav button{border:0;background:transparent;padding:13px 16px;text-align:right;color:#5d665f;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}nav button:hover,nav button.active{background:var(--gold-light);color:#765713}.private{font-size:13px;color:var(--muted);position:absolute;bottom:16px;line-height:1.7}main{padding:34px;max-width:1500px;width:100%;min-width:0;margin:auto}.view{display:none}.view.active{display:block}.title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.title h1{margin:0 0 7px;font-size:27px}.title p{color:var(--muted);margin:0}.primary{border:0;background:var(--gold);color:#fff;border-radius:8px;padding:11px 17px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.primary:hover{background:#8f6d2b}.gift-card{max-width:900px;margin:0 auto 24px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#102b21;box-shadow:0 8px 24px #17251f18}.gift-card picture{display:block;aspect-ratio:1200/676;background:#102b21}.gift-card img{display:block;width:100%;height:100%;object-fit:cover}.gift-card figcaption{padding:9px 14px;text-align:center;color:#ead39b;font-size:14px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0}.card{padding:19px}.card p{color:var(--muted);font-size:14px;margin:0 0 11px}.card strong{font-size:25px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{font-size:18px;margin:0}.link{border:0;background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}.table-wrap{overflow:auto;max-width:100%;min-width:0}table{width:100%;border-collapse:collapse;min-width:670px}th,td{text-align:right;padding:13px 10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:13px}tbody tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:#edf3ef;color:var(--green);font-size:12px;font-weight:700}.tag.shipped{background:#e6eff7;color:#376a91}.tag.closed{background:#eeeef0;color:#555}.action{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px;font:inherit;cursor:pointer}.action.danger{color:var(--red);border-color:#edcaca}.inline-form{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;align-items:end;margin-top:12px;padding:13px;background:#faf9f6;border-radius:9px}.inline-form label{margin:0}.inline-form .primary{height:42px}.note-form{grid-template-columns:1fr auto}.order-notes{display:grid;gap:8px}.order-notes .note{padding:12px}.muted{color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;margin-bottom:16px}.filter{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:8px;font:inherit;cursor:pointer}.filter.active{border-color:var(--gold);color:#826225;background:var(--gold-light)}dialog{border:0;border-radius:14px;padding:0;width:min(620px,calc(100% - 24px));box-shadow:0 20px 50px #0004;color:var(--ink)}dialog::backdrop{background:#14221c88}dialog form,dialog>div{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-head h2{margin:0;font-size:20px}.close{border:0;background:transparent;font-size:26px;cursor:pointer;color:var(--muted)}label{display:grid;gap:6px;font-size:14px;font-weight:700;margin:11px 0}input,select,textarea{font:inherit;border:1px solid #d8d5ce;border-radius:7px;padding:10px;background:#fff;color:var(--ink);width:100%}textarea{min-height:78px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{width:100%;margin-top:8px}.note-entry{display:grid;gap:12px;margin-bottom:20px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.note{padding:17px;background:#fffdf7;border:1px solid #eee2bd;border-radius:10px}.note p{margin:0 0 13px;line-height:1.7}.note small{color:var(--muted)}.details h2{margin-top:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.detail{background:#faf9f6;padding:12px;border-radius:8px}.detail span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.detail strong{font-size:16px}.subhead{margin:23px 0 8px;font-size:16px}.empty{padding:18px;color:var(--muted);text-align:center}#toast{position:fixed;left:22px;bottom:22px;background:#17251f;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}.menu{display:none;background:transparent;border:0;color:#fff;font-size:24px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}aside{position:fixed;z-index:30;top:72px;right:0;width:min(82vw,320px);height:calc(100dvh - 72px);transform:translateX(110%);transition:transform .25s ease;box-shadow:-5px 0 18px #0002;overflow-y:auto}.nav-open aside{transform:translateX(0)}body.nav-open{overflow:hidden}body.nav-open::before{content:"";position:fixed;z-index:20;inset:72px 0 0;background:#102b2166}.menu{display:block;position:relative;z-index:31}.private{position:static;margin:25px 15px}main{padding:24px 17px}}@media(max-width:560px){header{padding:0 17px}.brand-mark{width:42px;height:42px;flex-basis:42px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:12px}.cards,.notes-grid,.two,.detail-grid,.inline-form,.note-form{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.title .primary{width:100%}main{padding:22px 13px}.panel{padding:13px}.card{padding:15px}}