*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{background:#f4f6f9;}

/* HEADER */
.header{
position:fixed;top:0;left:0;width:100%;height:60px;background:#111;color:#fff;
display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;
}
.logo{font-size:20px;font-weight:bold;}
.menu-toggle{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;display:none;}
.user-area{font-size:14px;}

/* LAYOUT */
.container{display:flex;margin-top:60px;}

/* SIDEBAR */
.sidebar{width:230px;background:#222;height:100vh;position:fixed;top:60px;left:0;padding-top:20px;}
.sidebar ul{list-style:none;}
.sidebar ul li{padding:15px 20px;}
.sidebar ul li a{color:#fff;text-decoration:none;display:block;}
.sidebar ul li:hover{background:#444;}
.content{margin-left:230px;padding:20px;width:100%;}

/* FOOTER */
.footer{text-align:center;padding:15px;background:#111;color:#fff;margin-top:20px;}

/* DASHBOARD */
.dashboard{padding:20px;}
.welcome-box{background:#fff;padding:20px;border-radius:10px;margin-bottom:25px;box-shadow:0 4px 10px rgba(0,0,0,0.08);}
.welcome-box h2{margin-bottom:5px;}

.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px;}
.stat-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:0.3s;}
.stat-card:hover{transform:translateY(-5px);}
.stat-card h3{font-size:14px;color:#777;margin-bottom:5px;}
.stat-card p{font-size:24px;font-weight:700;}
.wallet{background:#111;color:#fff;}

.quick-actions{margin-bottom:30px;display:flex;gap:15px;flex-wrap:wrap;}
.action-btn{background:#111;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-size:14px;}
.action-btn:hover{background:#333;}

.recent-orders{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.08);}
.recent-orders table{width:100%;border-collapse:collapse;margin-top:10px;}
.recent-orders th{background:#f4f6f9;text-align:left;padding:12px;font-size:14px;}
.recent-orders td{padding:12px;border-bottom:1px solid #eee;font-size:13px;}
.order-link{max-width:220px;overflow:hidden;}

.status{padding:5px 10px;border-radius:4px;font-size:12px;}
.status.pending{background:#ffeaa7;}
.status.processing{background:#74b9ff;color:#fff;}
.status.completed{background:#55efc4;}

/* MOBILE */
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
.stats-grid{grid-template-columns:1fr;}
.quick-actions{flex-direction:column;}
.action-btn{width:100%;text-align:center;}
.sidebar{left:-230px;transition:0.3s;}
.sidebar.active{left:0;}
.menu-toggle{display:block;}
.content{margin-left:0;}
}
.order-form{
background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.08);max-width:500px;}
.order-form label{display:block;margin-top:15px;font-weight:500;}
.order-form input, .order-form select{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:6px;}
.order-form button{margin-top:20px;padding:12px 20px;background:#111;color:#fff;border:none;border-radius:6px;cursor:pointer;}
.order-form button:hover{background:#333;}
.orders-table{
width:100%;
border-collapse:collapse;
background:#fff;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
border-radius:10px;
overflow:hidden;
}

.orders-table th, .orders-table td{
padding:12px;
text-align:left;
border-bottom:1px solid #eee;
}

.orders-table th{
background:#f4f6f9;
font-size:14px;
}

.orders-table td{
font-size:13px;
}

.orders-table td .status{
padding:4px 10px;
border-radius:4px;
font-size:12px;
}

.status.pending{background:#ffeaa7;}
.status.processing{background:#74b9ff;color:#fff;}
.status.completed{background:#55efc4;}
.notification-bell{
position:relative;
cursor:pointer;
margin-left:15px;
}
.notification-bell{
position:relative;
cursor:pointer;
margin-left:15px;
}
#notifCount{
background:red;
color:#fff;
padding:2px 6px;
border-radius:50%;
font-size:12px;
position:absolute;
top:-8px;
right:-8px;
}
.notif-dropdown{
position:absolute;
right:0;
background:#fff;
width:250px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
border-radius:6px;
overflow:hidden;
z-index:10000;
}
.notif-dropdown ul{list-style:none;margin:0;padding:0;}
.notif-dropdown li{padding:10px;border-bottom:1px solid #eee;font-size:13px;}
.notif-dropdown li:last-child{border-bottom:none;}