body{margin:0;background-color:#f6f6f6;font-family:Poppins;height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;padding:12px 18px;position:sticky;top:0;z-index:1000}.nav-left{display:flex;align-items:center;gap:12px}.brand{font-size:18px;font-weight:600}.menu-btn{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;display:none}.nav-right{display:flex;align-items:center;gap:15px;position:relative}.nav-user{font-size:14px;color:#d1d5db}.logout-btn{background:#ef4444;border:none;color:#fff;padding:6px 12px;border-radius:5px;cursor:pointer}.bell{font-size:20px;cursor:pointer;position:relative}.dot{position:absolute;top:-2px;right:-4px;background:red;color:#fff;font-size:10px;padding:2px 6px;border-radius:50%}.delete{display:none!important}.notification-box{position:absolute;top:35px;right:0;width:300px;max-height:400px;overflow-y:auto;background:#fff;color:#000;border-radius:6px;box-shadow:0 5px 15px #0000004d;z-index:2000}.notify{padding:10px;border-bottom:1px solid #374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.notify.unread{background:#374151}.notify p{margin:0;font-size:10px}.notify small{color:#9ca3af;font-size:9px;text-wrap:nowrap}.notify-footer{display:flex;justify-content:space-between;padding:8px;background:#111827;border-top:1px solid #374151}.notify-footer button{background:#2563eb;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer}.notify-footer .danger{background:#ef4444}@media(max-width:768px){.menu-btn{display:block}.nav-user{display:none}.notification-box{width:90vw;right:5%;top:45px}}.admin{display:flex;min-height:100vh;background:#f3f4f6}.admin-content{flex:1;padding:20px;overflow-x:hidden}.admin-loader{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;font-weight:600;color:#555}@media(max-width:992px){.admin{flex-direction:column}.admin-content{padding:15px}}.sidebar{width:250px;min-height:100vh;background:#fff;border-right:1px solid #e5e7eb;padding-top:15px;position:relative}.sidebar-close{display:none;font-size:22px;font-weight:700;position:absolute;right:15px;top:10px;cursor:pointer}.sidebar-item{display:flex;align-items:center;gap:14px;padding:20px 18px;margin:6px 12px;border-radius:6px;background:#f9fafb;cursor:pointer;color:#374151;text-decoration:none;transition:.25s}.sidebar-item:hover{background:#e5e7eb}.sidebar-item.active{background:#111827;color:#fff}.sidebar-item img{width:18px}.dropdown{justify-content:space-between}.arrow{margin-left:auto;transition:transform .3s ease}.dropdown.open .arrow{transform:rotate(180deg)}.submenu{display:none;margin-left:45px;margin-right:12px;flex-direction:column}.submenu.show{display:flex;animation:fadeSlide .25s ease}.submenu a{padding:15px 10px;font-size:13px;border-radius:5px;text-decoration:none;color:#374151}.submenu a.active{background:#111827;color:#fff}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none}@media(max-width:992px){.awais{margin-top:35px}.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:.3s ease;z-index:1001}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000073;z-index:1000;opacity:0;pointer-events:none;transition:.3s}body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:all}.sidebar-close{display:block}}.admin-orders{padding:10px;background:#f9fafb;border-radius:12px;min-height:100%}.admin-orders h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.filters{margin-bottom:15px}.fb{font-weight:700;margin-right:3px}.nom p{margin:0}.filters select{padding:8px 12px;border-radius:8px}.table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;background:#fff}.orders-table th,.orders-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.orders-table th{background:#f8fafc;font-weight:600;font-size:14px}.mono{font-size:13px}.badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.badge.pending{background:#ffeeba}.badge.confirmed{background:#cce5ff}.badge.shipped{background:#d1ecf1}.badge.delivered{background:#d4edda}.badge.cancelled{background:#f8d7da}.actions{display:flex;gap:8px}.actions button{padding:12px 10px;border-radius:6px;cursor:pointer;border:none}.actions .danger{background:#dc3545;color:#fff}.items-row td{background:#f9fafb}.item-card{display:flex;gap:10px;background:#fff;padding:10px;border-radius:10px;align-items:center;box-shadow:0 4px 10px #0000000f}.item-card img{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-info .name{font-weight:600}.item-info .price{color:#28a745;font-weight:700}.pagination{display:flex;justify-content:center;gap:15px;margin-top:20px}.pagination button{padding:8px 14px;border-radius:8px}.select{width:170px!important}@media(max-width:600px){.items-grid{grid-template-columns:1fr}.actions{flex-direction:row}}.modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:15px}.invoice{background:#fff;width:100%;max-width:420px;border-radius:10px;padding:20px;animation:scaleIn .25s ease;box-shadow:0 15px 40px #00000040}.invoice h3{text-align:center;margin-bottom:15px}.invoice p{margin:4px 0;font-size:14px}.invoice hr{margin:12px 0;border:none;border-top:1px dashed #ddd}.invoice h4{margin-top:10px;text-align:right}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.modal-actions button{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;background:#333;color:#fff;font-size:13px}.modal-actions button:hover{opacity:.85}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media print{body *{visibility:hidden}.invoice,.invoice *{visibility:visible}.invoice{position:absolute;inset:0;width:100%;max-width:100%;box-shadow:none;border-radius:0}.modal-actions{display:none}}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;background:#f4f7fa}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(to right,#fff,#f4f7fa)}.login-card{background:#fff;width:100%;max-width:400px;border-radius:12px;padding:40px 30px;box-shadow:0 15px 40px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.logo-container img{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.logo-container h1{font-size:22px;font-weight:700;color:#222}.form-container h2{margin-bottom:25px;font-size:20px;color:#333}.input-group{text-align:left;margin-bottom:20px}.input-group label{display:block;font-size:14px;color:#555;margin-bottom:5px}.input-group input{width:100%;padding:12px 15px;font-size:15px;border-radius:6px;border:1px solid #ddd;outline:none;transition:all .2s ease}.input-group input:focus{border-color:#ff5a5a;box-shadow:0 0 8px #ff5a5a33}.submit-btn{width:100%;padding:12px;font-size:16px;font-weight:600;color:#fff;background:#ff5a5a;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#ff3b3b}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-card{padding:30px 20px}.logo-container h1,.form-container h2{font-size:18px}.input-group input{padding:10px 12px;font-size:14px}.submit-btn{font-size:15px;padding:10px}}