:root{--p:#6b4a9b;--r:#e0475b;--g:#3fb08f;--y:#f9c933;--bg:#f6f4fa;--t:#2a2140}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--t)}
a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:14px}
.btn{background:var(--p);color:#fff;border:0;padding:9px 16px;border-radius:10px;cursor:pointer}.btn.r{background:var(--r)}.btn.g{background:var(--g)}.btn.o{background:#fff;color:var(--p);border:1px solid var(--p)}
input,select{padding:9px 12px;border:1px solid #d8d0e6;border-radius:10px;background:#fff;width:100%}
.side{position:fixed;inset:0 0 0 auto;width:230px;background:#fff;border-left:1px solid #e6e0f0;padding:14px;overflow:auto}
.side img{width:100%;border-radius:10px;margin-bottom:10px}.side a{display:block;padding:10px 12px;border-radius:10px;margin:2px 0;cursor:pointer}
.side a.on,.side a:hover{background:var(--p);color:#fff}.main{margin-right:230px;padding:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:14px 0}
.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #6b4a9b14}.card b{font-size:22px;display:block;margin-top:4px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th{background:var(--p);color:#fff}
th,td{padding:9px 12px;text-align:right;border-bottom:1px solid #eee}.bar{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap;align-items:center}
.bar>*{width:auto}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}
.tag{padding:2px 10px;border-radius:20px;color:#fff;font-size:12px}.pos{color:var(--g)}.neg{color:var(--r)}
@media(max-width:800px){.side{position:static;width:100%;display:flex;flex-wrap:wrap}.side img{display:none}.main{margin:0}}
@media print{.side,.noprint{display:none!important}.main{margin:0}}
.main::before{content:"";display:block;height:90px;margin:-22px -22px 14px;background:radial-gradient(circle at 12% 50%,#f9c93355 0 22px,transparent 23px),radial-gradient(circle at 30% 30%,#e0475b44 0 16px,transparent 17px),radial-gradient(circle at 55% 65%,#3fb08f44 0 26px,transparent 27px),radial-gradient(circle at 80% 35%,#6b4a9b44 0 20px,transparent 21px),linear-gradient(135deg,#fff,#efe9f8);animation:fl 8s ease-in-out infinite alternate;background-size:120% 100%}
@keyframes fl{to{background-position:30px 0}}.card{transition:.25s}.card:hover{transform:translateY(-4px)}
.chart{display:flex;align-items:flex-end;gap:10px;height:140px}.chart div{flex:1;text-align:center;font-size:11px}.chart i{display:block;border-radius:8px 8px 0 0;background:linear-gradient(var(--p),var(--r));min-height:3px}
.stm{max-width:820px;background:#fff;padding:24px;border-radius:16px}.stm hr{border:0;height:4px;background:linear-gradient(90deg,var(--y),var(--r),var(--p),var(--g));margin:12px 0}
@media print{.main::before{display:none}.stm{box-shadow:none;padding:0}body{background:#fff}}
.bdg{background:var(--r);color:#fff;border-radius:20px;padding:0 8px;font-size:12px;margin-inline-start:6px}.side a:hover .bdg,.side a.on .bdg{background:#fff;color:var(--p)}
.prt{display:none}@media print{.prt{display:block}}