.daxin-agent{

max-width:1000px;

margin:40px auto;

عائلة الخطوط:
أريال،,
sans-serif؛;

}

.agent-header{

الخلفية:
تدرج خطي(
135 درجة،,
#006b45،,
#00b86b
);

اللون: أبيض؛;

padding:45px;

border-radius: 20px;

text-align:center;

}

.agent-header h1{

حجم الخط: 40 بكسل؛;

margin-bottom:15px;

}

.agent-card{

الخلفية: أبيض؛;

padding:35px;

margin-top:30px;

border-radius: 20px;

box-shadow:
0 8px 30px rgba(0,0,0,.12);

}

.agent-card h2{

حجم الخط: 28 بكسل؛;

اللون:#006b45؛;

}

#productInput{

العرض: 100%؛;

الارتفاع: 120 بكسل؛;

padding:15px;

حجم الخط: 17 بكسل؛;

الحدود:

1px solid #ccc;

border-radius: 10px;

}

زر{

التباعد:

15px 35px؛;

margin-top:20px;

border-radius:30px;

border:none;

حجم الخط: 16 بكسل؛;

cursor:pointer;

}

#generateBtn{

الخلفية: #008f55؛;

اللون: أبيض؛;

}

.tiktok{

الخلفية: #000؛;

اللون: أبيض؛;

}

.publish{

الخلفية: #fe2c55؛;

اللون: أبيض؛;

margin-left:15px;

}

.output{

الخلفية: #f1faf5؛;

border-left:

5px solid #008f55;

padding:25px;

border-radius: 12px;

}

.output h3{

اللون: #008f55؛;

}

#status{

margin-top:25px;

حجم الخط: 20 بكسل؛;

font-weight:bold;

اللون: #008f55؛;

}

.daxin-dashboard{

max-width:1200px;
margin:40px auto;
عائلة الخطوط:
أريال،,
هيلفيتيكا،,
sans-serif؛;

اللون: #1e293b؛;

}

.daxin-header{

الخلفية:
linear-gradient(135 درجة، #0f172a، #2563eb)؛;

padding:45px;

border-radius: 25px;

اللون: أبيض؛;

margin-bottom:30px;

}

.daxin-header h1{

حجم الخط: 42 بكسل؛;
margin:0 0 15px;

}

.daxin-header p{

حجم الخط: 18 بكسل؛;

العتامة: 0.9؛;

}

.grid{

display:grid;

grid-template-columns:
repeat(2,1fr);

gap:25px;

}

.box{

الخلفية: أبيض؛;

padding:30px;

border-radius: 20px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

}

.box h2{

حجم الخط: 26 بكسل؛;

margin-bottom:20px;

}

الإدخال،,
textarea،,
اختر{

العرض: 100%؛;

padding:14px;

border-radius: 10px;

border: 1px solid #ddd;

margin-bottom:15px;

حجم الخط: 16 بكسل؛;

}

textarea{

الارتفاع: 120 بكسل؛;

}

.btn{

الخلفية: #2563eb؛;

اللون: أبيض؛;

border:none;

padding: 14px 25px;

border-radius: 10px;

cursor:pointer;

حجم الخط: 16 بكسل؛;

}

.btn:hover{

الخلفية: #1d4ed8؛;

}

.ai-result{

الخلفية: #f8fafc؛;

padding:20px;

border-radius: 15px;

}

.tag{

display:inline-block;

الخلفية: #dbeafe؛;

padding: 8px 15px;

border-radius:30px;

margin:5px;

}

.channel{

display:flex;

justify-content:space-between;

padding:15px;

border-bottom: 1px solid #eee;

}

.status{

اللون: أخضر؛;

font-weight:bold;

}

.analytics{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:20px;

}

.metric{

الخلفية: #f1f5f9؛;

padding:25px;

border-radius: 15px;

text-align:center;

}

.metric strong{

display:block;

حجم الخط: 32 بكسل؛;

اللون: #2563eb؛;

}

.loading{

display:none;

اللون: #2563eb؛;

font-weight:bold;

}

@media(max-width:768px){

.grid{

grid-template-columns: 1fr;

}

.analytics{

grid-template-columns: 1fr;

}

}