*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f7f4f6;color:#24171d}aside{position:fixed;left:0;top:0;bottom:0;width:235px;background:#281820;color:#fff;padding:24px}aside h2{margin-top:0}aside nav{display:grid;gap:7px}aside a{color:#fff;text-decoration:none;padding:11px;border-radius:8px}aside a:hover{background:#ffffff18}.admin-main{margin-left:235px;padding:25px}.admin-main>header{display:flex;justify-content:space-between;margin-bottom:22px}.side-toggle{display:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 30px #0000000c}.stat b{font-size:28px;display:block;margin-top:8px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.btn,button{display:inline-block;border:0;background:#a64769;color:#fff;padding:11px 15px;border-radius:9px;text-decoration:none;font-weight:bold;cursor:pointer}.danger{background:#862d3b}.secondary{background:#40343a}.alert{padding:12px;border-radius:9px;margin:12px 0}.success{background:#e4f8ea}.error{background:#ffe5ea}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{display:grid;gap:7px;font-weight:bold;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{padding:11px;border:1px solid #ddd;border-radius:9px;font:inherit}.full{grid-column:1/-1}table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}td img{width:55px;height:55px;object-fit:cover;border-radius:8px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#eee;font-size:11px}.status-new{background:#fff0b6}.status-delivered{background:#dff6e7}.login{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,92%);background:#fff;padding:28px;border-radius:18px}.login-card label{display:grid;gap:7px;margin:14px 0}.login-card input{padding:12px}@media(max-width:900px){aside{transform:translateX(-100%);z-index:10;transition:.2s}.side-open aside{transform:none}.admin-main{margin-left:0}.side-toggle{display:block}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}table{display:block;overflow:auto}}

/* ADMIN RESPONSIVE PATCH */
.admin-main,.panel,.stat{min-width:0}.panel{overflow:hidden}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{min-height:42px;padding:9px 11px;border:1px solid #ddd;border-radius:9px;font:inherit}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:20px}th,td{white-space:nowrap}}
@media(max-width:900px){aside{width:min(280px,84vw);transform:translateX(-100%);z-index:100;box-shadow:18px 0 45px rgba(0,0,0,.18)}.side-open aside{transform:translateX(0)}.side-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}.admin-main{margin-left:0;padding:16px}.admin-main>header{position:sticky;top:0;z-index:80;background:#f7f4f6;padding:10px 0}.side-toggle{display:inline-grid;place-items:center;width:42px;height:42px;padding:0}.panel{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:760px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:620px){.admin-main{padding:12px}.admin-main h1{font-size:26px;margin:10px 0 18px}.cards{grid-template-columns:1fr;gap:12px}.stat,.panel{border-radius:13px;padding:15px}.stat b{font-size:23px}.toolbar{align-items:stretch;flex-direction:column}.toolbar>*{width:100%}.toolbar .btn,.toolbar button{text-align:center}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{width:100%;font-size:16px}.login-card{padding:22px 18px}.panel table{min-width:0;display:block}.panel table tbody,.panel table tr,.panel table td,.panel table th{display:block;width:100%}.panel table tr:first-child{display:none}.panel table tr{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:10px}.panel table td{white-space:normal;border:0;padding:7px 4px;overflow-wrap:anywhere}.panel table td img{width:76px;height:76px}.panel table td .btn,.panel table td button{width:100%;margin-top:5px;text-align:center}.panel table td form{display:block!important;width:100%}}