{"version":3,"file":"index.css","mappings":";;;;;;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;AACA;EACE;EACA;AACF;AACE;EACE;EACA;EACA;EACA;EACA;EACA;AACJ;AAEE;EACE;EACA;EACA;AAAJ;AAGE;EACE;EACA;EACA;AADJ;;AAKA;AACA;EACE;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;IACE;IACA;EAFF;EAKA;IACE;IACA;EAHF;AACF;AAMA;EACE;IACE;IACA;EAJF;EAOA;IACE;IACA;EALF;AACF;AAQA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;EACA;AANJ;;AAUA;EACE;EACA;AAPF;AASE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;AASI;EACE;EACA;AAPN;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;AATF;AAWE;EACE;EACA;EACA;EACA;AATJ;AAYE;EACE;EACA;EACA;EACA;AAVJ;;AAcA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAXF;;AAcA;EACE;EACA;AAXF;AAaE;EACE;EACA;EACA;EACA;AAXJ;AAcE;EACE;EACA;EACA;EACA;AAZJ;AAeE;EACE;EACA;AAbJ;;AAiBA;EACE;EACA;EACA;AAdF;;AAiBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACE;EACA;AAdJ;;AAkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;AAiBE;EACE;EACA;AAfJ;AAkBE;EACE;EACA;AAhBJ;AAmBE;EACE;AAjBJ;;AAqBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBF;AAoBE;EACE;AAlBJ;AAqBE;EACE;AAnBJ;AAsBE;EACE;AApBJ;AAuBE;EACE;AArBJ;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;AAwBE;EACE;EACA;AAtBJ;AAyBE;EACE;EACA;AAvBJ;AA0BE;EACE;EACA;AAxBJ;AA2BE;EACE;EACA;AAzBJ;;AA6BA;EACE;AA1BF;AA4BE;EACE;EACA;EACA;AA1BJ;AA4BI;EACE;AA1BN;AA6BI;EACE;AA3BN;AA8BI;EACE;AA5BN;AA+BI;EACE;AA7BN;AAiCE;EACE;EACA;EACA;EACA;AA/BJ;;AAmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhCF;AAkCE;EACE;EACA;AAhCJ;;AAoCA;AACA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAjCF;EAoCA;IACE;IACA;IACA;IACA;EAlCF;EAqCA;;IAEE;IACA;IACA;EAnCF;EAsCA;IACE;EApCF;EAuCA;IACE;EArCF;EAwCA;IACE;IACA;EAtCF;EAyCA;IACE;EAvCF;EAyCE;;IAEE;EAvCJ;AACF,C;;;;AChXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;AACF;AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACE;AACN;AAGE;EACE;EACA;EACA;EACA;EACA;AADJ;AAIE;EACE;EACA;EACA;EACA;AAFJ;AAII;EACE;EACA;AAFN;;AAOA;EACE;EACA;EACA;EACA;EACA;AAJF;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AAJJ;AAMI;EACE;EACA;AAJN;AAQE;EACE;EACA;EACA;EACA;AANJ;AAQI;EACE;EACA;EACA;AANN;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;EACA;EACA;AARJ;AAWE;EACE;AATJ;AAYE;EACE;EACA;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;EACA;EACA;AAZF;AAcE;EACE;EACA;EACA;EACA;AAZJ;AAeE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAbJ;AAeI;EACE;EACA;EACA;AAbN;AAgBI;EACE;AAdN;AAgBM;EACE;EACA;EACA;EACA;EACA;AAdR;AAiBM;EACE;EACA;EACA;EACA;AAfR;AAoBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAoBI;EACE;EACA;EACA;EACA;EACA;AAlBN;AAqBI;EACE;EACA;EACA;AAnBN;;AAwBA;EACE;EACA;EACA;EACA;AArBF;;AAwBA;EACE;EACA;EACA;EACA;EACA;AArBF;AAuBE;EACE;AArBJ;AAwBE;EACE;EACA;EACA;EACA;AAtBJ;;AA0BA;EACE;IACE;IACA;EAvBF;EA0BA;IACE;EAxBF;EA0BE;IACE;IACA;IACA;EAxBJ;EA0BI;IACE;EAxBN;EA4BE;IACE;EA1BJ;EA6BE;IACE;EA3BJ;EA+BA;IACE;IACA;EA7BF;EA+BE;IACE;IACA;IACA;EA7BJ;EA+BI;IACE;EA7BN;EAiCE;IACE;EA/BJ;EAiCI;IACE;EA/BN;EAoCA;IACE;IACA;EAlCF;EAoCE;IACE;IACA;EAlCJ;EAqCE;IACE;IACA;EAnCJ;EAqCI;IACE;EAnCN;EAuCM;IACE;EArCR;EAwCM;IACE;EAtCR;EA2CE;IACE;IACA;EAzCJ;EA2CI;IACE;EAzCN;EA4CI;IACE;EA1CN;EA+CA;IACE;IACA;EA7CF;EAgDA;IACE;EA9CF;EAiDA;IACE;EA/CF;EAkDA;IACE;EAhDF;EAmDA;IACE;IACA;IACA;EAjDF;EAmDE;IACE;EAjDJ;EAqDA;IACE;IACA;EAnDF;EAsDA;IACE;EApDF;EAsDE;IACE;EApDJ;EAuDE;IACE;EArDJ;AACF;AAyDA;EACE;IACE;EAvDF;EA0DA;IACE;EAxDF;EA2DA;IACE;IACA;EAzDF;EA4DA;IACE;EA1DF;EA6DA;IACE;IACA;EA3DF;EA8DA;IACE;IACA;EA5DF;EA+DA;IACE;EA7DF;EAgEA;IACE;EA9DF;EAgEE;IACE;IACA;EA9DJ;EAgEI;IACE;EA9DN;EAkEM;IACE;EAhER;EAmEM;IACE;EAjER;EAsEE;IACE;IACA;EApEJ;EAsEI;IACE;EApEN;EAuEI;IACE;EArEN;AACF,C;;;;ACpZA;EACI;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACR;AAEI;EACI;EACA;EACA;AAAR;;AAIA;EACI;IACI;EADN;EAIE;IACI;EAFN;AACF,C;;;;AC9BA;EACI;EACA;EACA;AACJ;AACI;EACI;AACR;AAEI;EACI;EACA;EACA;AAAR;AAGI;EACI;EACA;EACA;EACA;AADR;AAGQ;EACI;EACA;AADZ;AAIQ;EACI;EACA;EACA;AAFZ;AAKQ;EACI;EACA;EACA;AAHZ;AAOI;EACI;EACA;EACA;AALR;;AAUI;EAAkB;EAAiB;EAAkB;AAJzD;AAKI;EAAkB;EAAoB;EAAgB;AAA1D;;AAGA;AACA;EACI;EACA;EACA;EACA;AAAJ;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;AAEI;EAAiB;AACrB;AACI;EACI;EACA;AACR;AAEI;EACI;EACA;EACA;EACA;AAAR;;AAIA;AACA;EACI;EACA;EACA;AADJ;AAGI;EAAQ;AAAZ;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAR;AAEQ;EAAU;AAClB;;AAGA;EACI;EACA;EACA;AAAJ;AAEI;EAAI;EAAgB;AAExB;AAF+C;EAAU;AAKzD;;AAFA;AACA;EACI;EACA;EACA;AAKJ;AAHI;EALJ;IAKgC;EAO9B;AACF;;AALA;EACI;EACA;AAQJ;;AALA;EACI;EACA;EACA;EACA;EACA;AAQJ;;AALA;EACI;EACA;EACA;AAQJ;;AALA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAQJ;AANI;EACI;EACA;EACA;AAQR;AALI;EACI;EACA;EACA;AAOR;AAJI;EAAa;EAAmB;AAQpC;;AALA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAQJ;;AALA;EAAkB;IAAK;EAUrB;AACF;AATA;EAAQ;AAYR,C;;;;ACtMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EAEE;;;IAGE;IACA;EADF;AACF;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AALF;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;AAQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANJ;AASE;EACE;AAPJ;AASI;EAHF;IAII;EANJ;AACF;AASE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;AAUE;EACE;EACA;AARJ;AAUI;EACE;AARN;AAWI;EACE;AATN;AAaE;EACE;AAXJ;AAcE;EACE;EACA;AAZJ;AAeE;EACE;AAbJ;;AAiBA;EAEE;IAEE;IACA;EAhBF;EAmBA;IACE;IACA;EAjBF;AACF;AAqBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;;EAGE;EACA;EACA;AAnBJ;AAsBE;EACE;AApBJ;AAwBI;EACE;EACA;EACA;AAtBN;AAyBI;EACE;EACA;EACA;AAvBN;AA0BI;EACE;EACA;EACA;AAxBN;AA4BE;EAhDF;IAiDI;IACA;EAzBF;AACF;;AA6BA;EACE;EACA;EACA;EACA;EACA;AA1BF;;AA6BA;EACE;EACA;EACA;EACA;EACA;AA1BF;AA4BE;EACE;EACA;EACA;EACA;EACA;EACA;AA1BJ;AA6BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA3BJ;;AA+BA;EACE;EACA;EACA;EACA;AA5BF;;AA+BA;EAEE;IAEE;EA9BF;EAiCA;IACE;EA/BF;AACF;AAmCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCF;AAmCE;EACE;EACA;EACA;EACA;AAjCJ;;AAwCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAtCF;;AAyCA;EACE;IACE;IACA;EAtCF;EAyCA;IACE;IACA;EAvCF;AACF;AA0CA;EACE;EACA;EACA;EACA;EACA;AAxCF;;AA2CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxCF;;AA2CA;EACE;EACA;EACA;EACA;EACA;EACA;AAxCF;;AA2CA;EACE;IACE;IACA;EAxCF;EA2CA;IACE;IACA;EAzCF;AACF;AA6CE;EACE;EACA;EACA;EACA;EACA;AA3CJ;AA8CE;EACE;EACA;EACA;EACA;AA5CJ;;AAgDA;EACE;EACA;EACA;EACA;AA7CF;;AAgDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7CF;AA+CE;EACE;EACA;EACA;AA7CJ;AAgDE;EACE;EACA;AA9CJ;AAiDE;EACE;EACA;EACA;AA/CJ;;AAoDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAlDF;AAoDE;EACE;AAlDJ;AAqDE;EACE;AAnDJ;AAsDE;EACE;EACA;AApDJ;;AAyDA;EACE;EACA;EACA;AAtDF;;AAyDA;EACE;EACA;EACA;EACA;EACA;AAtDF;;AAyDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtDF;;AAyDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtDF;;AAyDA;EAEE;IAEE;IACA;EAxDF;EA2DA;IACE;IACA;EAzDF;AACF;AA4DA;EACE;EACA;EACA;EACA;AA1DF;;AA6DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA1DF;;AA6DA;EACE;AA1DF;;AA6DA;EACE;EACA;EACA;EACA;EACA;EACA;AA1DF;;AA6DA;EACE;EACA;EACA;AA1DF;AA4DE;EALF;IAMI;EAzDF;AACF;;AA4DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzDF;AA2DE;EACE;EACA;EACA;EACA;AAzDJ;AA4DE;EACE;EACA;EACA;EACA;EACA;AA1DJ;AA4DI;EACE;EACA;AA1DN;AA8DE;EACE;EACA;AA5DJ;AA+DE;EACE;EACA;AA7DJ;;AAkEA;EACE;EACA;EACA;EACA;EACA;EACA;AA/DF;;AAkEA;EACE;EACA;EACA;AA/DF;AAiEE;EAEE;EACA;EACA;EACA;EACA;AAhEJ;AAmEE;EACE;EACA;EACA;AAjEJ;AAoEE;EACE;EACA;AAlEJ;;AAsEA;EACE;EACA;EACA;EACA;EACA;AAnEF;;AAsEA;EAEE;IAEE;IACA;EArEF;EAwEA;IACE;IACA;EAtEF;AACF;AAyEA;EACE;EACA;EACA;AAvEF;;AA0EA;EACE;EACA;AAvEF;AAyEE;EACE;EACA;EACA;EACA;EACA;AAvEJ;AAyEI;EACE;EACA;AAvEN;AA0EI;EACE;EACA;AAxEN;;AA6EA;EAEE;IAGE;IACA;EA7EF;EAgFA;IACE;IACA;EA9EF;AACF;AAkFA;EACE;EACA;EACA;AAhFF;;AAmFA;EACE;EACA;EACA;EACA;AAhFF;;AAmFA;EACE;EACA;EACA;AAhFF;AAkFE;EACE;AAhFJ;;AAoFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjFF;AAmFE;EACE;EACA;EACA;AAjFJ;AAoFE;EACE;EACA;EACA;AAlFJ;;AAsFA;EACE;EACA;EACA;EACA;EACA;AAnFF;AAqFE;EACE;EAGA;EACA;EACA;EACA;AArFJ;AAwFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtFJ;AAwFI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtFN;;AA4FA;EACE;EACA;EACA;EACA;EACA;AAzFF;;AA4FA;EACE;EACA;EACA;EACA;EACA;AAzFF;AA2FE;EACE;EACA;AAzFJ;AA4FE;EACE;EACA;AA1FJ;;AA8FA;EAEE;IAGE;IACA;EA9FF;EAiGA;IACE;IACA;EA/FF;AACF;AAoGE;EACE;AAlGJ;AAoGI;EACE;AAlGN;AAsGE;EACE;EACA;EACA;AApGJ;AAsGI;EACE;AApGN;AAwGE;EACE;EACA;AAtGJ;AAyGE;EACE;AAvGJ;;AA4GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzGF;;AA6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1GF;AA4GE;EACE;EACA;EACA;EAIA;EACA;EACA;AA7GJ;AAgHE;EACE;EACA;AA9GJ;AAiHE;EACE;AA/GJ;AAkHE;EACE;EACA;AAhHJ;AAmHE;EACE;EACA;AAjHJ;AAoHE;EACE;AAlHJ;;AAsHA;EACE;IACE;EAnHF;EAsHA;IAEE;EArHF;AACF;AAyHA;EACE;EACA;EACA;AAvHF;;AA0HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvHF;AAyHE;EACE;EACA;AAvHJ;AA0HE;EACE;AAxHJ;;AA4HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzHF;AA2HE;EACE;AAzHJ;AAwHE;EACE;AAzHJ;AA0GA;EAkBE;EACA;AAzHF;AA2HE;EACE;AAzHJ;AA4HE;EACE;EACA;AA1HJ;;AA8HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3HF;AA6HE;EACE;EACA;AA3HJ;AA8HE;EACE;AA5HJ;AA+HE;EACE;EACA;AA7HJ;AAgIE;EACE;EACA;AA9HJ;;AAmIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhIF;AAkIE;EACE;EACA;EACA;AAhIJ;AAmIE;EACE;EACA;AAjIJ;AAoIE;EACE;EACA;AAlIJ;;AAuIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApIF;;AAwIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AArIF;AAuIE;EATF;IAUI;EApIF;AACF;;AA0IE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvIJ;AAyII;EACE;EACA;EACA;AAvIN;AA0II;EACE;EACA;AAxIN;AA2II;EACE;EACA;AAzIN;;AAgJA;EACE;IACE;EA7IF;AACF;AAgJA;EACE;IACE;EA9IF;EAiJA;IACE;EA/IF;AACF;AAkJA;EACE;IACE;IACA;EAhJF;EAmJA;IACE;IACA;EAjJF;AACF;AAqJA;EACE;IACE;IACA;EAnJF;EAsJA;IACE;EApJF;EAuJA;IACE;EArJF;EAwJA;IACE;EAtJF;EAyJA;IACE;EAvJF;EA0JA;IACE;EAxJF;EA2JA;IACE;EAzJF;AACF;AA4JA;EACE;IACE;EA1JF;AACF;AA8JA;;;GAAA;AAKA;;;;;;;;;;;;GAAA;AAeA;EACE;EACA;EACA;EACA;EACA;AA/JF;;AAoKA;EACE;EACA;EACA;EACA;EACA;EACA;AAjKF;;AAoKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjKF;;AAoKA;EACE;EACA;EACA;EACA;AAjKF;;AAoKA;EAEE;IAEE;EAnKF;EAsKA;IACE;EApKF;AACF;AAuKA;EACE;EACA;EACA;EACA;AArKF;;AAwKA;EACE;EACA;EACA;EACA;EACA;AArKF;;AAyKA;EACE;EACA;EACA;EACA;EACA;AAtKF;;AAyKA;EACE;EACA;EACA;EACA;EACA;AAtKF;AAwKE;EACE;AAtKJ;AAyKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvKJ;AA0KE;EACE;EACA;EACA;EACA;EACA;AAxKJ;AA2KE;EACE;EACA;EACA;EACA;AAzKJ;;AA8KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3KF;;AA8KA;EACE;EACA;EACA;EACA;EACA;EACA;AA3KF;;AA8KA;EACE;EACA;EACA;EACA;EACA;EACA;AA3KF;AA6KE;EACE;EACA;EACA;EACA;AA3KJ;AA8KE;EACE;EACA;EACA;EACA;EACA;AA5KJ;AA8KI;EACE;AA5KN;AA+KI;EACE;EACA;EACA;EACA;EACA;EACA;AA7KN;;AAmLA;EACE;EACA;EACA;EACA;EACA;EACA;AAhLF;;AAmLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhLF;AAkLE;EACE;EACA;AAhLJ;AAmLE;EACE;AAjLJ;;AAqLA;EAEE;IAEE;EApLF;EAuLA;IACE;EArLF;AACF;AAwLA;EACE;EACA;EACA;EACA;AAtLF;;AAyLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtLF;AAwLE;EACE;AAtLJ;;AA8LA;EACE;EACA;EACA;EACA;EACA;EACA;AA3LF;;AA+LA;EACE;EACA;EACA;EACA;EACA;EACA;AA5LF;;AA+LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5LF;;AA+LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5LF;;AA+LA;EAEE;IAEE;EA9LF;EAiMA;IACE;EA/LF;AACF;AAkMA;EACE;EACA;EACA;EACA;EACA;AAhMF;;AAmMA;EACE;EACA;EACA;EACA;EACA;AAhMF;AAkME;EACE;EACA;AAhMJ;;AAqMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAlMF;;AAqMA;EACE;EACA;EACA;EACA;EACA;EACA;AAlMF;AAoME;EACE;AAlMJ;AAqME;EACE;AAnMJ;;AAuMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApMF;;AAuMA;EACE;EACA;EACA;AApMF;AAsME;EACE;EACA;EACA;EACA;AApMJ;AAuME;EACE;EACA;EACA;AArMJ;AAuMI;EACE;EACA;EACA;AArMN;;AA2MA;EACE;AAxMF;;AA2MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxMF;AA2ME;EACE;EACA;AAzMJ;AA4ME;EACE;EACA;AA1MJ;AA4MI;EACE;AA1MN;AA8ME;EACE;EACA;AA5MJ;AAgNE;EACE;EACA;EACA;EACA;EACA;AA9MJ,C;;;;ACh6CA,gBAAgB;AAsChB;EACE;EACA;EACA;AApCF;AAsCE;EArBA,mBAJiB;EAKjB,qFAPe;EAQf;EAqBE;EACA;EACA;AAlCJ;AAqCM;EAtBJ;EACA;EACA;EAsBM;EACA;EACA;EACA;EACA;EACA,cArDQ;AAoBhB;AAmCQ;EACE;EACA;AAjCV;AAqCM;EACE;EACA;EACA,cA3DI;EA4DJ;AAnCR;AAsCM;EACE;EACA,cAhEM;EAiEN;EACA;AApCR;AAuCM;EACE;EACA,mBAhEQ;EAiER;EACA;EACA;AArCR;AAuCQ;EACE;EACA;EACA,cAhFE;EAiFF;EACA;AArCV;AAwCQ;EACE;EACA;EACA;AAtCV;AAwCU;EACE,cA1FE;EA2FF;EACA;EACA;AAtCZ;AAwCY;EACE;AAtCd;AA4CM;EACE;EACA,mBA9GQ;EA+GR;EACA;EACA,mBApGQ;EAqGR;EACA;EArFN;AA4CF;AA4CQ;EACE;AA1CV;AAiDE;EA5FF;IA6FI;EA9CF;AACF;;AAkDA;EACE;EACA;AA/CF;;AAmDA;EAxHE,mBAJiB;EAKjB,qFAPe;EAQf;EAwHA;EACA;AA9CF;AAgDE;EACE;EACA;AA9CJ;AAgDI;EACE;EACA;EACA,cAjJM;EAkJN;AA9CN;AAiDI;EACE,cArJQ;EAsJR;AA/CN;AAmDE;EAxIA;EACA;EACA;EAwIE;EACA;EACA;EACA;EACA;EACA;AA/CJ;AAiDI;EACE;EACA;EACA;EACA;EACA,yBA9KU;EA+KV;EACA;AA/CN;AAiDM;EACE;EACA;EACA,yBApLU;EAqLV;AA/CR;AAkDM;EACE;EACA;EACA,yBAzLQ;EA0LR;AAhDR;AAqDE;EACE;EACA;EACA;AAnDJ;AAqDI;EACE;EACA;EACA;EACA;EACA,mBA/LU;EAiBd;AA4HF;AAqDM;EACE;AAnDR;AAqDQ;EACE,mBA/MM;EAgNN;AAnDV;AAqDU;EACE;AAnDZ;AAwDM;EACE;AAtDR;AAwDQ;EACE,mBAhOM;EAiON;AAtDV;AA0DM;EACE,mBA9NW;AAsKnB;AA0DQ;EACE;EACA;AAxDV;AA4DM;EAtNJ;EACA;EACA;EAsNM;EACA;EACA;EACA;EACA;EACA;EAvNN;AAgKF;AA2DM;EACE,cArPI;EAsPJ;AAzDR;;AA+DA;EACE;IACE;EA5DF;EA+DA;IACE;EA7DF;AACF;AAiEA;EA1PE,mBAJiB;EAKjB,qFAPe;EAQf;EA0PA;EACA;AA7DF;AA+DE;EACE;AA7DJ;AA+DI;EA5PF;EACA;EACA;EA4PI;EACA;EACA;EACA;EACA;AA3DN;AA6DM;EACE;EACA;EACA,cA/RQ;AAoOhB;AA+DI;EACE;EACA;EACA,cAjSM;EAkSN;AA7DN;AAgEI;EACE;EACA,cAtSQ;EAuSR;EACA;AA9DN;AAkEE;EACE;AAhEJ;AAkEI;EACE;EACA;EACA,cAnTM;EAoTN;AAhEN;AAmEI;EACE;EACA;EACA;AAjEN;AAmEM;EACE;EACA;EACA;EACA,mBAxTQ;EAyTR;EAxSN;AAwOF;AAmEQ;EACE;AAjEV;AAoEQ;EACE;AAlEV;AAqEQ;EACE;AAnEV;AAsEQ;EACE;AApEV;AAuEQ;EACE;AArEV;AAwEQ;EACE;AAtEV;AAyEQ;EACE;EACA;EACA;EACA;AAvEV;AA2EU;EACE;EACA;EACA,cAvWA;EAwWA;AAzEZ;AA4EU;EACE;EACA,cA5WE;EA6WF;AA1EZ;AAiFE;EACE;EACA,mBA/WY;EAgXZ;AA/EJ;AAiFI;EACE;EACA;EACA,cA7XM;EA8XN;AA/EN;AAkFI;EACE,cAjYQ;EAkYR;AAhFN;AAmFI;EACE;EACA;EACA;EACA;AAjFN;AAmFM;EACE;EACA;EACA;AAjFR;AAmFQ;EA9XN;EACA;EACA;EA8XQ;EACA;EACA,mBA1ZM;EA2ZN;EACA;EACA;EACA;EACA;AA/EV;AAkFQ;EACE,cA9ZE;AA8UZ;AAkFU;EACE;AAhFZ;AAsFI;EACE;EACA;EACA,mBA/aU;EAgbV;EACA;EACA;EACA,mBAtaU;EAuaV;EACA;EACA;EAxZJ;AAqUF;AAsFM;EACE;AApFR;;AA2FA;EA/aE,mBAJiB;EAKjB,qFAPe;EAQf;EA+aA;EACA;EACA;AAtFF;AAyFI;EAhbF;EACA;EACA;EAgbI;EACA;EACA;EACA;EACA;EACA,cA7cS;AAwXf;AAuFM;EACE;EACA;AArFR;AAyFI;EACE;EACA;EACA,cArdM;EAsdN;AAvFN;AA0FI;EACE;EACA,cA1dQ;EA2dR;AAxFN;AA2FI;EACE;EACA;EACA;EACA;AAzFN;AA2FM;;EAEE;EACA,mBAheQ;EAieR;EACA;EACA;EACA;EAndN;AA2XF;AA4FM;EACE,mBAtfQ;EAufR;AA1FR;AA4FQ;EACE;AA1FV;AA8FM;EACE;EACA,cA3fI;AA+ZZ;AA8FQ;EACE;AA5FV;;AAoGA;EAzfE,mBAJiB;EAKjB,qFAPe;EAQf;EAyfA;EACA;AA/FF;AAiGE;EACE;EACA;EACA,cA9gBQ;EA+gBR;EACA;EACA;EACA;EACA;AA/FJ;AAiGI;EACE;EACA;EACA;EACA;EACA,mBAlhBU;EAmhBV,cAhiBU;AAichB;AAmGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjGJ;;AAsGA;EACE;AAnGF;AAqGE;EACE;EACA,cAhjBQ;EAijBR;EACA;EACA;EACA;EACA;AAnGJ;;AAwGA;EACE;EACA;EACA;EACA;AArGF;;AAwGA;EApjBE,mBAJiB;EAKjB,qFAPe;EAQf;EAUA;AAucF;AAqGE;EACE;EACA;AAnGJ;AAsGE;EACE;EACA;EACA;EACA;AApGJ;AAsGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,cA5lBU;AAwfhB;AAuGI;EACE;EACA;EACA,cA5lBQ;AAufd;AA0GI;EACE;EACA;EACA,cArmBM;EAsmBN;AAxGN;AA2GI;EACE,cAzmBQ;EA0mBR;EACA;AAzGN;AA4GI;EACE;EACA;EACA;AA1GN;AA4GM;EACE;EACA;EACA;EACA;AA1GR;AA4GQ;EACE;EACA;AA1GV;AA6GQ;EACE;EACA;AA3GV;AA8GQ;EACE;EACA;AA5GV;AA+GQ;EACE;EACA;AA7GV;AAgHQ;EACE;EACA;AA9GV;AAiHQ;EACE;EACA;AA/GV;AAkHQ;EACE;EACA;AAhHV;;AAwHA;EACE;EACA;EACA;AArHF;;AAwHA;EA3pBE,mBAJiB;EAKjB,qFAPe;EAQf;AAuiBF;AAqHE;EACE;EACA;EACA,cA9qBQ;EA+qBR;EACA;EACA;AAnHJ;AAsHE;EACE;EACA;EACA;AApHJ;AAsHI;EACE;EACA;EACA;AApHN;AAsHM;EACE,cA9rBM;EA+rBN;AApHR;AAuHM;EACE;EACA;EACA,cAtsBI;AAilBZ;;AA4HA;EACE;EACA;EACA;EACA;AAzHF;AA2HE;EAtsBA,mBAJiB;EAKjB,qFAPe;EAQf;EAUA;AAqkBF;AAyHI;EACE;EACA;AAvHN;AA0HI;EACE;EACA;EACA;EACA;AAxHN;AA0HM;EACE;EACA;EACA;EACA;EACA;AAxHR;AA2HM;EACE;EACA;EACA,cA5uBM;AAmnBd;AA6HI;EACE;EACA,cApvBU;AAynBhB;AA8HI;EACE;EACA,cA7vBU;AAioBhB;AA+HI;EACE;EACA;AA7HN;AAgII;EACE;EACA,cApwBU;AAsoBhB;AAkIM;EACE;EACA;EACA,cAzwBI;EA0wBJ;AAhIR;AAmIM;EACE;EACA;EACA;EACA;EACA;AAjIR;AAmIQ;EACE,cAtxBM;AAqpBhB;AAoIQ;EACE,cA5xBK;AA0pBf;AAqIQ;EACE;EACA;AAnIV;AAuIM;EACE,cAlyBM;EAmyBN;AArIR;;AA4IA;EACE;EACA;EACA;EACA;AAzIF;AA2IE;EANF;IAOI;EAxIF;AACF;AA0IE;EAxyBA,mBAJiB;EAKjB,qFAPe;EAQf;AAiqBF;AAwII;EACE;EACA;EACA;EACA;AAtIN;AAwIM;EACE;EACA;EACA,cAj0BI;AA2rBZ;AAyIM;EACE;EACA;AAvIR;AAyIQ;EACE;EACA,mBAl0BM;EAm0BN;EACA;EACA;EACA;EACA,mBA50BS;EA60BT,cA/0BI;EAwBZ;AAirBF;AAyIU;EACE;AAvIZ;AA0IU;EACE,mBA71BI;EA81BJ;AAxIZ;AA8II;EAEE;AA7IN;;AAmJA;EA11BE,mBAJiB;EAKjB,qFAPe;EAQf;AA2sBF;AAgJE;EACE;EACA;EACA,cA72BQ;EA82BR;AA9IJ;AAiJE;EACE;AA/IJ;AAiJI;EACE;EACA;AA/IN;AAkJQ;EACE;AAhJV;AAkJU;EACE;EACA;EACA;EACA,cAh4BA;EAi4BA;EACA;EACA;AAhJZ;AAkJY;EACE;AAhJd;AAuJQ;EACE;EAr3BR;AAiuBF;AAuJU;EACE,mBA/4BO;AA0vBnB;AAwJU;EACE;EACA,cAv5BA;AAiwBZ;AAwJY;EACE;AAtJd;AAyJY;EACE;AAvJd;AAyJc;EA74BZ;EACA;EACA;EA64Bc;EACA;EACA;EACA,cA16BA;EA26BA,mBA95BA;EA+5BA;EACA;EACA;AArJhB;AAyJY;EACE;EACA;AAvJd;AA0JY;EACE;EACA,cAr7BE;AA6xBhB;;AAkKA;EAEI;IACE;IACA;IACA;EAhKJ;EAmKE;IACE;EAjKJ;EAqKA;IACE;EAnKF;EAsKA;IACE;EApKF;EAuKI;IACE;IACA;IACA;EArKN;EA4KI;IACE;EA1KN;EA4KM;;IAEE;EA1KR;EAiLE;IACE;EA/KJ;EAkLE;IACE;EAhLJ;AACF;AAsLE;EACE;EACA;EACA;EACA;EACA,mBAl/BY;EAm/BZ;EACA;EACA;EACA;AApLJ;AAuLE;EACE;EACA;AArLJ;AAuLI;EACE;EACA;AArLN;AAwLI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBA3gCa;EA4gCb;EACA;EA7/BJ;EANA;EACA;EACA;EAogCI;AApLN;AAsLM;EACE;EACA;EACA;AApLR;AAsLQ;EACE;EACA;EACA,cAniCE;EAoiCF;AApLV;AAuLQ;EACE,cAviCI;EAwiCJ;EACA;EACA;AArLV;AAwLQ;EACE;EACA;EACA;EACA,mBA1iCM;EA2iCN;EACA;EACA;AAtLV;AA4LI;;;EAGE;EACA;AA1LN;AA6LI;EACE;EACA;AA3LN;AAgME;EACE;EAvjCF;EACA;EACA;EAujCE;EACA,mBArkCY;AAy4BhB;AA8LI;EACE;EACA;EACA;AA5LN;AA8LM;EACE;EACA;EACA;EACA;AA5LR;AA8LQ;EACE;EACA;EACA;AA5LV;AA8LU;EACE;EACA;EACA,cAjmCE;EAkmCF;AA5LZ;AA+LU;EACE;EACA;EACA;EACA;AA7LZ;AA+LY;EACE;AA7Ld;AAmMM;EAhmCJ;EACA;EACA;AAg6BF;AAiMQ;EACE;AA/LV;AAkMQ;EACE;EACA;AAhMV;AAoMM;EACE;EACA;EACA;EACA;EACA;AAlMR;AAoMQ;EACE;EACA;EACA;EACA;EAlnCR;AAi7BF;AAsMU;EACE;EACA;EACA;EACA;EACA;EACA;AApMZ;AAsMY;EACE;EACA;AApMd;AAsMc;EACE,mBA9pCA;AA09BhB;AAuMc;EACE,mBAtqCA;AAi+BhB;AAwMc;EACE,mBAvqCA;AAi+BhB;AA6MM;EACE;EACA;EACA;EACA;AA3MR;AA6MQ;EACE;EACA;EACA;EACA;AA3MV;AAkNE;EAhrCA,mBAJiB;EAKjB,qFAPe;EAQf;EAgrCE;EACA;EACA;AA9MJ;AAgNI;EACE;AA9MN;AAgNM;EACE;EACA;EACA,cAzsCI;EA0sCJ;AA9MR;AAiNM;EACE,cA7sCM;EA8sCN;EACA;AA/MR;AAkNM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAhNR;AAkNQ;EACE;EACA;EACA;EACA;EACA;EACA,mBA1tCM;EA2tCN;AAhNV;AAkNU;EAltCR;EACA;EACA;EAktCU;EACA;EACA,mBA9uCI;EA+uCJ;EACA;EACA;EACA;EACA;AA9MZ;AAiNU;EACE,cAlvCA;EAmvCA;AA/MZ;AAiNY;EACE;EACA,cA5vCE;AA6iChB;AAqNM;EACE;EACA;EACA;EACA;EACA;EACA,mBA3vCQ;EA4vCR;EACA;EACA;EACA;EACA;EA/uCN;AA6hCF;AAqNQ;EACE;EACA;AAnNV;;AA2NA;EACE;IACE;IACA;IACA;EAxNF;EA2NA;IACE;IACA;IACA;EAzNF;AACF;AA4NA;EACE;AA1NF;;AA8NA;EACE;IACE;IACA;EA3NF;EA8NA;;;IAGE;IACA;EA5NF;EA+NA;IACE;EA7NF;EAgOA;;;IAGE;EA9NF;AACF;AAkOA;EACE;EACA;EACA;EACA;EACA;EACA;EApzCA;EACA;EACA;EAozCA;EACA;AA9NF;;AAiOA;EACE;EACA,mBAt0CiB;EAu0CjB,qFAz0Ce;EA00Cf;EACA;EACA;EACA;AA9NF;AAgOE;EACE;EACA;EACA;EACA;EACA;AA9NJ;AAgOI;EACE;EACA;EACA,cAh2CM;EAi2CN;AA9NN;AAiOI;EACE;EACA;EACA,cAt2CQ;EAu2CR;EA/0CJ;AAinCF;AAiOM;EACE,cA52CI;AA6oCZ;AAoOE;EACE;EACA;AAlOJ;;AAwOE;EACE;EACA;EACA;EACA;AArOJ;AAuOI;EACE;EACA;EACA;EACA;EACA,mBA53CU;EA63CV,mBAl4Ca;AA6pCnB;AAuOM;EACE;EACA;AArOR;AAwOM;EACE;EACA;AAtOR;AAyOM;EACE;EACA;AAvOR;AA0OM;EAEE;EACA;AAzOR;AA4OM;EACE;EACA;AA1OR;AA6OM;EACE,cAj6CM;EAk6CN;EACA;AA3OR;AA8OM;EACE;EACA;EACA,cA16CI;AA8rCZ;AAiPE;;;;;EAKE;AA/OJ;AAiPI;;;;;;;;;;EAEE;EACA;EACA,cA17CM;EA27CN;AAvON;AA0OI;;;;;;;;;;;;;;;;;;;;EAIE;EACA;EACA;EACA;EACA;AAxNN;AA0NM;;;;;;;;;;;;;;;;;;;;EACE;AArMR;AAwMM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIE,cA/8CM;EAg9CN;AA1HR;AA6HM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA,cAz9CI;AA06CZ;AAmDI;;;;;EACE;EACA;EACA,mBA79Ca;EA89Cb,mBAz9CU;AA46ChB;AA+CM;;;;;EACE;EACA;EACA;EACA;AAzCR;AA2CQ;;;;;EACE,cA1+CE;EA2+CF;AArCV;AAwCQ;;;;;EACE,cA9+CI;AA48Cd;AAuCI;;;;;;;;;;;;;;;;;;;;EAIE;EACA;EACA;AArBN;AAwBI;;;;;EACE;EACA,mBA5/Ca;EA6/Cb,mBAx/CU;AAs+ChB;AAoBM;;;;;EACE;EACA;EACA;AAdR;AAgBQ;;;;;EACE;EACA;EACA;EACA,cA3gDE;AAigDZ;AAgBE;EACE;EACA;EACA,mBA5gDY;AA8/ChB;AAgBI;EACE,cAthDQ;EAuhDR;EACA;EACA;AAdN;;AAqBI;EACE;EACA;AAlBN;AAoBM;;EAEE;EACA;EACA;AAlBR;AAqBM;EACE;EACA;EACA,cA/iDI;AA4hDZ;;AA4BA;;;;EAIE;EACA;EACA,cA7jDY;EA8jDZ;EAtiDA;AA8gDF;AA2BE;;;;EACE,cAxkDY;EAykDZ;AAtBJ;;AA0BA;EACE;EACA;EACA;EACA;AAvBF;AAyBE;EACE;EACA;EACA;AAvBJ;;AA4BE;EACE;AAzBJ;;AA8BE;EACE;AA3BJ;;AAiCE;EACE;EACA;EACA;EACA;EACA;EACA;AA9BJ;AAgCI;EACE;EACA;EACA;AA9BN;AAgCM;EACE;AA9BR;AAkCI;EACE;EACA;EACA;AAhCN;AAkCM;EACE;AAhCR;AAkCQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,cAnoDI;AAmmDd;AAmCQ;EACE;EACA;EACA,mBAloDM;EAmoDN;EACA;EAnnDR;AAmlDF;AAmCU;EACE;EACA,qBAtpDI;EAupDJ;AAjCZ;AAoCU;EACE,cAppDC;AAknDb;AAiCU;EACE,cAppDC;AAknDb;AA6CU;EACE;EACA;KAAA;UAAA;EACA;EA3oDV;AAimDF;AA6CY;EACE,mBArqDK;AA0nDnB;AA8CY;EACE,mBAzqDK;EA0qDL,cAlrDE;AAsoDhB;AA+CY;EACE;EACA;EACA;EACA;EA3pDZ;AA+mDF;AAgDY;EAEE;AA/Cd;AAsDQ;EACE;AApDV;AAsDU;EACE;EACA;EACA;EACA;EACA;EACA,mBA/sDI;EAgtDJ;EACA;EACA,mBArsDI;EAssDJ;EArrDV;AAkoDF;AAsDY;EACE;EACA;AApDd;AAuDY;EACE;EACA;AArDd;AA6DE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3DJ;AA6DI;EACE,cA1uDQ;EA2uDR;AA3DN;AA8DI;EACE;EACA;EACA;AA5DN;AA8DM;EACE;EACA;EACA;EACA,cAxvDI;EAyvDJ,mBAjvDQ;EAkvDR;EACA;EAluDN;AAuqDF;AA8DQ;EACE,mBA5vDS;EA6vDT,qBArwDM;AAysDhB;AA+DQ;EACE,mBAzwDM;EA0wDN;EACA,qBA3wDM;AA8sDhB;AAgEQ;EACE;EACA;AA9DV;;AAsEA;EACE;IACE;IACA;EAnEF;EAqEE;IACE;EAnEJ;EAqEI;IACE;EAnEN;EAuEE;IACE;EArEJ;EA0EE;IACE;EAxEJ;EA2EE;;;;IAIE;EAzEJ;EA8EE;IACE;IACA;EA5EJ;EA8EI;IACE;EA5EN;EA8EM;IACE;EA5ER;EAiFE;IACE;IACA;IACA;EA/EJ;EAiFI;IACE;IACA;EA/EN;EAyFI;IACE;IACA;EAvFN;EA2FM;IACE;EAzFR;EA2FQ;IACE;EAzFV;EA4FQ;IACE;EA1FV;EA6FQ;IACE;IACA;EA3FV;EAiGE;IACE;EA/FJ;EAkGM;IACE;EAhGR;EAmGU;IACE;IACA;EAjGZ;EAoGU;IACE;EAlGZ;EAuGM;IACE;EArGR;EAuGQ;IACE;EArGV;EAyGM;IACE;IACA;EAvGR;EA4GE;IACE;EA1GJ;EA6GM;IACE;EA3GR;EA8GM;IACE;EA5GR;EAgHQ;IACE;EA9GV;EAgHU;IACE;IACA;IACA;EA9GZ;EAiHU;IACE;EA/GZ;EAoHM;IACE;IACA;EAlHR;EAuHE;IACE;IACA;EArHJ;AACF;AA0HA;EACE;EACA;EACA;EACA;EACA;AAxHF;AA0HE;;EAEE;EACA;EACA;AAxHJ;AA0HI;;EACE;EACA;EACA;EACA;AAvHN;AAyHM;;EACE;EACA;EACA;EACA;EACA;EACA;AAtHR;AA2HM;;EACE;EACA;AAxHR;AA0HQ;;EACE;AAvHV;AA0HQ;;EACE;AAvHV;AA2HM;;EACE;EACA;AAxHR;AA0HQ;;EACE;EACA;AAvHV;AAyHU;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtHZ;AAwHY;;EACE;EACA;EACA;AArHd;AA0HQ;;EACE;AAvHV;AAyHU;;EACE;EACA;EACA;EACA;EACA;AAtHZ;AA0HQ;;;EAEE;EACA;EACA;AAvHV;AA0HQ;;;;EAGE;EACA;EACA;AAvHV;AA0HQ;;EACE;EACA;EACA;AAvHV;AA0HQ;;EACE;EACA;EACA;AAvHV;AA0HQ;;EACE;EACA;EACA;AAvHV;AA0HQ;;EACE;AAvHV;AAyHU;;EACE;EACA;EACA;EACA;EACA;AAtHZ;AAwHY;;EACE;EACA;EACA;EACA;AArHd;AAwHY;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArHd;;AA+HA;;EAEE;AA5HF;AA8HE;;EACE;EACA;EACA;EACA;EACA;EACA;AA3HJ;;AA+HA;EACE;AA5HF;AA8HE;EACE;EACA;EACA;EACA;AA5HJ;;AAgIA;EACE;EACA;EACA;EACA;AA7HF;AA+HE;EACE;EACA;EACA;EACA;AA7HJ;AA+HI;EACE;EACA;EACA;EACA;EACA;AA7HN;AAgII;EACE;EACA;EACA;EACA;AA9HN;;AAoIA;EAGI;;IAEE;EAnIJ;EAqII;;IACE;EAlIN;EAqII;;IACE;EAlIN;EAoIM;;IACE;EAjIR;EAoIM;;IACE;EAjIR;EAmIQ;;IACE;EAhIV;EAkIU;;IACE;EA/HZ;EAuIA;IACE;IACA;EArIF;EAuIE;IACE;EArIJ;EAuII;IACE;EArIN;EAwII;IACE;EAtIN;AACF;AA+IA;EACE;AA7IF;AA+IE;EACE;EACA;EACA;EACA;EACA;EACA;AA7IJ;AA+II;EACE;EACA;EACA;EACA;EACA;EACA;AA7IN;AAgJI;EACE;AA9IN;AAiJI;EACE;EACA;AA/IN;AAkJI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAhJN;AAmJI;EACE;EACA;AAjJN;AAoJI;EACE;EACA;EACA;AAlJN;AAuJE;;EAEE;EACA;EACA;EACA;EACA;EACA;AArJJ;AAwJE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtJJ;AAyJE;EACE;EACA;EACA;AAvJJ;AA0JE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAxJJ;AA2JE;EACE;AAzJJ;AA4JE;EACE;IACE;EA1JJ;EA6JE;IACE;EA3JJ;AACF;AAiKI;EACE;AA/JN;AAkKI;EACE;EACA;EACA;AAhKN;AAmKI;EACE;EACA;AAjKN;AAoKI;EACE;EACA;EACA;EACA;EACA;AAlKN;AAqKI;EACE;EACA;AAnKN;AAsKI;EACE;AApKN;AAuKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArKN;AAwKI;EACE;AAtKN;AAyKI;EACE;AAvKN;AA0KI;EACE;EACA;AAxKN;AA2KI;EACE;EACA;EACA;AAzKN;AA4KI;EACE;EACA;AA1KN;AA6KI;EACE;EACA;EACA;EACA;EACA;EACA;AA3KN;AA8KI;EACE;EACA;AA5KN;AA+KI;EACE;EACA;EACA;EACA;EACA;EACA;AA7KN;AAgLI;EACE;EACA;EACA;AA9KN;AAiLI;EACE;EACA;AA/KN;AAkLI;EACE;EACA;AAhLN;AAmLI;EACE;EACA;AAjLN;AAoLI;EACE;EACA;EACA;EACA;EACA;EACA;AAlLN;AAqLI;EACE;EACA;AAnLN;AAsLI;EACE;EACA;AApLN;AAuLI;EACE;EACA;AArLN;AAwLI;EACE;EACA;AAtLN;AAyLI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvLN;AA0LI;EACE;AAxLN;AA2LI;EACE;EACA;AAzLN;AA4LI;EACE;AA1LN;AA6LI;EACE;EACA;AA3LN;AA8LI;EACE;AA5LN;AA+LI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7LN;AA+LM;EACE;EACA;EACA;EACA;AA7LR;AAgMM;EACE;EACA;EACA;EACA;AA9LR;AAiMM;EACE;EACA;EACA;EACA;EACA;AA/LR;AAkMM;EACE;EACA;EACA;EACA;EACA;EACA;AAhMR;AAkMQ;EACE;EACA;EACA;EACA;AAhMV;AAmMQ;EACE;EACA;EACA;EACA;AAjMV;AAmMU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjMZ;AAmMY;EACE;AAjMd;AAoMY;EACE;EACA;EACA;EACA;AAlMd;AAwMM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtMR;AAwMQ;EACE;EACA;AAtMV;AAyMQ;EACE;AAvMV;AA4MI;EACE;EACA;EACA;EACA;AA1MN;AA8ME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5MJ;AAiNI;EACE;AA/MN;AAkNI;EACE;EACA;EACA;AAhNN;AAmNI;EACE;EACA;AAjNN;AAoNI;EACE;EACA;EACA;AAlNN;AAqNI;EACE;EACA;EACA;EACA;EACA;EACA;AAnNN;AAsNI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApNN;AAuNI;EACE;AArNN;AAwNI;EACE;EACA;EACA;EACA;AAtNN;AAyNI;EACE;EACA;EACA;EACA;AAvNN;AA0NI;EACE;EACA;AAxNN;AA2NI;EACE;EACA;AAzNN;AA4NI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1NN;AA6NI;EACE;EACA;AA3NN;AA8NI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA5NN;AA+NI;EACE;EACA;EACA;AA7NN;AAgOI;EACE;EACA;AA9NN;AAiOI;EACE;EACA;AA/NN;;AAqOA;EAEI;IACE;IACA;IACA;EAnOJ;EAsOE;IACE;EApOJ;EAuOE;IACE;IACA;EArOJ;EAwOE;IACE;EAtOJ;EAyOE;IACE;EAvOJ;EA0OE;IACE;EAxOJ;EA2OE;IACE;EAzOJ;EA4OE;IACE;EA1OJ;EA6OE;IACE;EA3OJ;AACF;AAgPA;EACE;AA9OF;AAgPE;EACE;EACA;EACA;EACA;AA9OJ;AAgPI;EACE;EACA;EACA;EACA;EACA;EACA,cAlwFM;AAohFZ;AAiPI;EACE;EACA;AA/ON;AAiPM;EACE;EACA;EACA;EACA;EACA;EArvFN;AAugFF;AAiPQ;EACE;AA/OV;AAkPQ;EACE,mBA3xFM;EA4xFN;EACA,qBA7xFM;AA6iFhB;AAsPE;EACE;EACA;EACA;EACA;AApPJ;AAsPI;EAvxFF,mBAJiB;EAKjB,qFAPe;EAQf;EAuxFI;AAlPN;AAoPM;EACE;EACA;EACA;EACA;AAlPR;AAoPQ;EACE,cApzFM;AAkkFhB;AAqPQ;EACE;EACA;EACA,cArzFE;AAkkFZ;AAuPM;EACE;EACA;EACA,cA5zFI;EA6zFJ;AArPR;AAwPM;EACE,cAh0FM;EAi0FN;AAtPR;AA6PE;EA5zFA,mBAJiB;EAKjB,qFAPe;EAQf;EA4zFE;EACA;AAzPJ;AA2PI;EACE;EACA;AAzPN;AA2PM;;EAEE;EACA;EACA;AAzPR;AA4PM;EACE;EACA;EACA,cA51FI;AAkmFZ;AA8PQ;EACE;EACA,cAl2FE;AAsmFZ;AA+PQ;EACE,cAr2FI;EAs2FJ;AA7PV;AAiQM;EACE;EACA;EACA;EACA;AA/PR;AAiQQ;EACE;EACA;AA/PV;AAkQQ;EACE;EACA;AAhQV;AAmQQ;EACE;EACA;AAjQV;AAuQE;EAt3FA,mBAJiB;EAKjB,qFAPe;EAQf;EAs3FE;AAnQJ;AAqQI;EACE;EACA,cAz4FM;AAsoFZ;AAuQM;EACE;EACA;EACA;EACA;EACA;AArQR;AAuQQ;EACE;AArQV;AAyQU;EACE;EACA;EACA,cA55FA;AAqpFZ;AA0QU;EACE,cA/5FE;EAg6FF;AAxQZ;AA4QQ;EACE;EACA,cA16FK;AAgqFf;;AAkRA;EACE;AA/QF;AAiRE;EACE;AA/QJ;AAiRI;EACE;EACA;EACA;EACA;AA/QN;AAkRI;EACE;AAhRN;AAoRE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlRJ;AAsRE;EACE;EACA;EACA;AApRJ;AAsRI;EACE;EACA;EACA;EACA;EACA;EAh8FJ;AA6qFF;AAsRM;EACE;AApRR;AAuRM;EACE,mBAt+FQ;EAu+FR;EACA,qBAx+FQ;AAmtFhB;AA0RE;EACE;EACA;EACA;EACA;AAxRJ;AA0RI;EAj+FF,mBAJiB;EAKjB,qFAPe;EAQf;EAi+FI;EACA;AAtRN;AAwRM;EACE;EACA;EACA,cAt/FI;EAu/FJ;AAtRR;AAyRM;EACE;EACA;EACA,cAlgGQ;EAmgGR;AAvRR;AA0RM;EACE;EACA;EACA,cApgGI;EAqgGJ;AAxRR;AA2RM;EACE,cAxgGM;EAygGN;AAzRR;AA8RE;EACE;EACA;EACA;AA5RJ;AA8RI;EAvgGF,mBAJiB;EAKjB,qFAPe;EAQf;AA4uFF;AA4RM;EACE;EACA;EACA;EACA;AA1RR;AA4RQ;EACE;EACA,cA/hGE;AAqwFZ;AA6RQ;EACE,cAliGI;EAmiGJ;EA3gGR;AAivFF;AA6RU;EACE,cA7iGI;EA8iGJ;AA3RZ;AAgSM;EACE;EACA,cAhjGI;AAkxFZ;AAiSM;EAhiGJ;EACA;EACA;EAgiGM;EACA,cArjGM;AAwxFd;AAgSM;EACE;EACA;EACA;EACA;AA9RR;AAgSQ;EACE;EACA;EACA;AA9RV;AAgSU;EACE;EACA;EACA;AA9RZ;AAiSU;EACE,cA1kGE;EA2kGF;AA/RZ;AAkSU;EACE,cAhlGA;EAilGA;EACA;AAhSZ;AAuSE;EA5kGA,mBAJiB;EAKjB,qFAPe;EAQf;AAwyFF;AAqSI;EACE;EACA;EACA;EACA;AAnSN;AAqSM;EACE;EACA,cApmGI;AAi0FZ;AAsSM;EACE,cAvmGM;EAwmGN;EAhlGN;AA6yFF;AAsSQ;EACE,cAlnGM;EAmnGN;AApSV;AAySI;EACE;EACA,cArnGM;AA80FZ;AA0SI;EACE;EACA;AAxSN;AA0SM;;EAEE;EACA;EACA;AAxSR;AA2SM;EACE;EACA;EACA,cAtoGI;AA61FZ;AA4SM;EACE;EACA;EACA;EACA;AA1SR;AA4SQ;EACE;EACA;AA1SV;AA6SQ;EACE;EACA;AA3SV;AA8SQ;EACE;EACA;AA5SV;AA+SQ;EACE;EACA;AA7SV;AAgTQ;EACE;EACA;AA9SV;AAoTE;EA9pGA,mBAJiB;EAKjB,qFAPe;EAQf;AA62FF;AAkTI;EACE;EACA;EACA;EACA;AAhTN;AAkTM;EACE;EACA,cAtrGI;AAs4FZ;AAmTM;EACE,cAzrGM;EA0rGN;EAlqGN;AAk3FF;AAmTQ;EACE,cApsGM;EAqsGN;AAjTV;AAsTI;EACE;AApTN;AAsTM;EACE,cAzsGI;EA0sGJ;EACA;AApTR;AAuTM;EACE;EACA;AArTR;AAuTQ;EACE;AArTV;AAuTU;EACE;EACA;EACA;EACA,cAztGA;EA0tGA;EACA;EACA;EACA;AArTZ;AA0TU;EACE;AAxTZ;AA0TY;EACE;AAxTd;AA4TU;EACE;EACA,cA5uGA;AAk7FZ;AA4TY;EACE;EACA;EACA;EACA;EACA;EACA;AA1Td;AA6TY;EACE;AA3Td;AAoUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlUJ;AAqUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnUJ;AAqUI;EACE;EACA;EACA;EACA;EACA;AAnUN;AAqUM;EACE,cAhyGI;EAiyGJ;EACA;AAnUR;AAsUM;EACE;EACA;EACA;EACA,cAxyGM;EAyyGN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAxxGN;AAq9FF;AAsUQ;EACE;EACA,cAtzGE;AAk/FZ;AAyUI;EACE;EACA;AAvUN;AAyUM;EACE;EACA,mBAzzGQ;EA0zGR;EACA;AAvUR;AAyUQ;EACE,cAr0GI;EAs0GJ;EACA;EACA;AAvUV;AA2UM;EACE;AAzUR;AA2UQ;EACE,cAj1GE;EAk1GF;EACA;EACA;AAzUV;AA4UQ;EACE;EACA,mBAj1GM;EAk1GN;EACA;AA1UV;AA6UQ;EACE;EACA;EACA;AA3UV;AA6UU;EACE;EACA;EACA;EACA;EACA;EACA,mBAj2GI;EAk2GJ;AA3UZ;AA6UY;EACE;EACA;EACA;EACA;AA3Ud;AA8UY;EACE;EACA;EACA;AA5Ud;AA8Uc;EACE,cAx3GF;EAy3GE;EACA;AA5UhB;AA+Uc;EACE,cA/3GJ;EAg4GI;AA7UhB;AAgVc;EACE,cAz4GA;EA04GA;EACA;AA9UhB;AAoVQ;EACE;EACA,mBAt4GM;EAu4GN;AAlVV;AAoVU;EACE,cAl5GA;EAm5GA;EACA;EACA;AAlVZ;AAqVU;EACE;EACA;EACA;AAnVZ;AAqVY;EACE;EACA;EACA;EACA;EACA;EACA,mBA35GE;EA45GF;AAnVd;AAqVc;EACE,cAt6GF;EAu6GE;AAnVhB;AAsVc;EACE,cA56GJ;EA66GI;AApVhB;AA2VM;EACE;AAzVR;AA2VQ;EACE,cAx7GE;EAy7GF;EACA;EACA;AAzVV;AA4VQ;EACE;EACA;EACA;EACA,mBA17GM;AAgmGhB;AA4VU;EACE;EACA;AA1VZ;AA4VY;EACE;EACA;EACA;EACA;AA1Vd;AA4Vc;EACE;EACA;EACA;EACA,cAl9GJ;EAm9GI;EACA;EACA;EACA;AA1VhB;AA+Vc;EACE;EAn8Gd;AAumGF;AA+VgB;EACE;AA7VlB;AAiWc;EACE;EACA;AA/VhB;AAiWgB;EACE;EACA;AA/VlB;AAiWkB;EACE;EACA;EACA;EACA;EACA;EACA,mBAv/GJ;EAw/GI;EACA;EACA;EACA;AA/VpB;AAmWgB;EACE;AAjWlB;AAmWkB;EACE,cA9/GR;AA6pGZ;AAqWgB;EACE;EACA;EACA,cArgHN;AAkqGZ;AAsWgB;EACE;AApWlB;AAsWkB;EACE;EACA;EACA;EACA;EACA;AApWpB;AAsWoB;EACE;EACA;EA3/GpB;AAwpGF;AAuWoB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,cA/hHV;EAgiHU;AArWtB;AA0WgB;EACE;EACA;EACA;EACA;EACA;EACA;AAxWlB;AAiXI;EACE;EACA;EACA;EACA;EACA;AA/WN;AAiXM;EACE;EACA,mBArjHQ;EAsjHR;EACA;EAtiHN;AAwrGF;AAiXQ;EACE;EACA,cApkHE;EAqkHF;AA/WV;AAiXU;EACE;AA/WZ;;AAwXA;EACE;EACA;EACA;EACA;EACA;AArXF;AAwXI;EACE,cA1lHM;EA2lHN;EACA;EACA;AAtXN;AAyXI;EACE;EACA;EACA;EACA;AAvXN;AAyXM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAvXR;AAyXQ;EACE;EACA;AAvXV;AA2XU;EACE;EACA,cAvnHA;EAwnHA;AAzXZ;AA4XU;EACE,cA3nHE;EA4nHF;EACA;AA1XZ;AAgYI;EACE;AA9XN;AAgYM;EACE;EACA;EACA;EAjnHN;AAovGF;;AAqYE;EACE;EACA;EACA;EACA;EACA;AAlYJ;AAoYI;EACE;AAlYN;AAqYI;EACE;EACA;AAnYN;AAuYM;EACE;EACA,cArqHI;EAsqHJ;AArYR;AAwYM;EACE,cAzqHM;EA0qHN;AAtYR;;AA6YA;EAEI;IACE;EA3YJ;EA8YE;IACE;EA5YJ;EA+YE;IACE;IACA;IACA;EA7YJ;EAgZE;IACE;EA9YJ;EAiZE;IACE;EA/YJ;AACF;AAoZA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlZF;;AAqZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlZF;;AAqZA;EACE;IACE;IACA;EAlZF;EAqZA;IACE;IACA;EAnZF;AACF;AAsZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;AApZF;;AAuZA;EACE;AApZF;;AAuZA;;EAEE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;EACE;EACA;AApZF;;AAuZA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;EACE;EACA;EACA;AApZF;;AAuZA;AACA;EACE;IACE;IACA;EApZF;EAuZA;;;IAGE;EArZF;EAwZA;IACE;EAtZF;EAyZA;IACE;EAvZF;EA0ZA;IACE;IACA;EAxZF;AACF;AA2ZA;AAEE;EACE;EACA;EACA;EACA;AA1ZJ;AA4ZI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA1ZN;AA4ZM;EACE;AA1ZR;AA+ZE;EACE;EACA;AA7ZJ;AA+ZI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7ZN;AA+ZM;EACE;EACA;AA7ZR;AAgaM;EACE;EACA;EACA;AA9ZR;AAmaE;EACE;EACA;EACA;EACA;EACA;AAjaJ;AAmaI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjaN;AAoaI;EACE;EACA;AAlaN;AA6VA;EAyEE;AAnaF;AAqaI;EACE;EACA;EACA;EACA;AAnaN;AAsaI;EACE;EACA;EACA;EACA;EACA;EACA;AApaN;AAsaM;EACE;EACA;AApaR;AAuaM;EACE;EACA;EACA;EACA;AAraR;AAuaQ;EACE;EACA;AAraV;AAwaQ;EACE;EACA;EACA;EACA;EACA;EACA;AAtaV;AA0aM;EACE;EACA;EACA;EACA;EACA;AAxaR;AA2aM;EACE;EACA;EACA;AAzaR;AA8aI;EACE;EACA;EACA;EACA;EACA;AA5aN;AA8aM;EACE;EACA;EACA;AA5aR;AA+aM;EACE;EACA;AA7aR;AA+aQ;EACE;EACA;EACA;AA7aV;AAibM;EACE;EACA;AA/aR;AAmbI;EACE;EACA;EACA;EACA;AAjbN;AAmbM;EACE;EACA;EACA;EACA;AAjbR;AAobM;EACE;EACA;EACA;AAlbR;AAqbM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnbR;AAqbQ;EACE;EACA;EACA;AAnbV;AAqbU;EACE;EACA;AAnbZ;AAsbU;EACE;EACA;AApbZ;AAwbQ;EACE;EACA;EACA;AAtbV;AAqOA;EAuNE;AAzbF;AA2bI;EACE;EACA;EACA;EACA;AAzbN;AA2bM;EACE;EACA;AAzbR;AA2bQ;EACE;AAzbV;AA2bU;EACE;EACA;EACA;EACA;EACA;EACA;AAzbZ;AA8bU;EACE;EACA;AA5bZ;AA8bY;EACE;AA5bd;AA+bY;EACE;AA7bd;AAicU;EACE;EACA;AA/bZ;AAkcc;EACE;EACA;EACA;AAhchB;AAmcc;EACE;EACA;AAjchB;AAqcY;EACE;AAncd;AAqcc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnchB;AAqcgB;EACE;AAnclB;AAwcY;EACE;EACA;EACA;EACA;EACA;EACA;AAtcd;AAwcc;EACE;EACA;AAtchB;AAycc;EACE;EACA;AAvchB;AA0cc;EACE;EACA;AAxchB;AA4cY;EACE;EACA;EACA;AA1cd;AA4cc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1chB;AA4cgB;EACE;EACA;AA1clB;AA6cgB;EACE;EACA;AA3clB;AA6ckB;EACE;AA3cpB;AA+cgB;EACE;EACA;AA7clB;AA+ckB;EACE;AA7cpB;AAidgB;EACE;EACA;AA/clB;AAidkB;EACE;AA/cpB;AAmdgB;EACE;EACA;AAjdlB;AA0dI;EACE;EACA;EACA;AAxdN;AA0dM;EACE;EACA;AAxdR;AA4FA;EAiYE;AA1dF;AA4dI;EACE;EACA;EACA;EACA;EACA;EACA;AA1dN;AA4dM;EACE;EACA;AA1dR;AA4dQ;EACE;AA1dV;AA4dU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1dZ;AA4dY;EACE;AA1dd;AA6dY;EACE;AA3dd;AAieU;EACE;EACA;AA/dZ;AAieY;EACE;EACA;AA/dd;AAkeY;EACE;AAhed;AAmeY;EACE;AAjed;AAmec;EACE;AAjehB;AAseU;EACE;EACA;AApeZ;AAseY;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAped;AAueY;EACE;EACA;EACA;AAred;AAweY;EACE;EACA;EACA;EACA;EACA;EACA;AAted;AAyeY;EAEE;EACA;EACA;AAxed;AAUA;EAueE;AA9eF;AA+eE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7eJ;AAgfE;EACE;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;AA9eJ;AAgfI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA9eN;AAgfM;EACE;EACA;EACA;EACA;AA9eR;AAifM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/eR;AAifQ;EACE;EACA;AA/eV;AAofI;EACE;AAlfN;AAofM;EACE;EACA;EACA;EACA;AAlfR;AAofQ;EANF;IAOI;IACA;EAjfR;AACF;AAqfQ;EACE;EACA;EACA;EACA;EACA;EACA;AAnfV;AAsfQ;EACE;EACA;EACA;EACA;EACA;AApfV;AAsfU;EACE;AApfZ;AAufU;EACE;EACA;EACA;AArfZ;AAwfU;EACE;EACA;AAtfZ;AAwfY;EACE;EACA;EACA;AAtfd;AAyfY;EACE;EACA;EACA;EACA;EACA;AAvfd;AA0fY;EACE;EACA;EACA;AAxfd;AA8fM;EACE;AA5fR;AA8fQ;EACE;EACA;EACA;EACA;EACA;EACA;AA5fV;AA+fQ;EACE;EACA;EACA;AA7fV;AA+fU;EACE;EACA;AA7fZ;AA+fY;EACE;AA7fd;AA+fc;EACE;EACA;EACA;EACA;EACA;EACA;AA7fhB;AAkgBc;EACE;AAhgBhB;AAkgBgB;EACE;AAhgBlB;AAmgBgB;EACE;AAjgBlB;AAqgBc;EACE;AAngBhB;AAqgBgB;EACE;EACA;EACA;AAngBlB;AAqgBkB;EACE;AAngBpB;AA4gBM;EACE;EACA;EACA;EACA;AA1gBR;AA4gBQ;EACE;EACA;EACA;EACA;AA1gBV;AA6gBQ;EACE;EACA;EACA;AA3gBV;AA6gBU;EALF;IAMI;EA1gBV;AACF;AA+gBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA7gBN;AA+gBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA7gBR;AA+gBQ;EACE;EACA;AA7gBV;AA+gBU;EACE;AA7gBZ;AAihBQ;EACE;EACA;AA/gBV;AAihBU;EACE;AA/gBZ;AAmhBQ;EACE;EACA;EACA;AAjhBV;AAmhBU;EACE;AAjhBZ;;AAyhBA;EACE;IACE;EAthBF;EAyhBA;IACE;EAvhBF;AACF;AA0hBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAxhBF;;AA2hBA;EACE;EACA;EACA;EACA;AAxhBF;;AA4hBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AAzhBF;AA2hBE;EACE;EACA;EACA;EACA;AAzhBJ;AA2hBI;EACE;AAzhBN;AA6hBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;EACA;EACA;EACA;AA3hBJ;AA6hBI;EACE;AA3hBN;AA+hBE;EACE;EACA;EACA;EACA;AA7hBJ;AAgiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;AA9hBJ;AAiiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/hBJ;AAiiBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/hBN;AAkiBI;EACE;AAhiBN;AAmiBI;EACE;EACA;AAjiBN;;AAsiBA;EACE;EACA;EACA;EACA;EACA;AAniBF;AAqiBE;EACE;EACA;EACA;EACA;AAniBJ;;AAwiBA;EACE;EACA;EACA;EACA;EACA;AAriBF;AAuiBE;EACE;EACA;AAriBJ;AAuiBI;EACE;EACA;EACA;AAriBN;AAwiBI;EACE;EACA;EACA;EACA;AAtiBN;AAyiBI;EACE;EACA;EACA;AAviBN;AA2iBE;EACE;EACA;EACA;EACA;EACA;AAziBJ;AA2iBI;EACE;EACA;EACA;EACA;EACA;EACA;AAziBN;AA6iBE;EACE;EACA;EACA;EACA;EACA;EACA;AA3iBJ;AA6iBI;EACE;EACA;EACA;EACA;AA3iBN;AA8iBI;EACE;EACA;EACA;AA5iBN;AA8iBM;EACE;EACA;EACA;AA5iBR;AAijBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/iBJ;AAijBI;EACE;AA/iBN;;AAojBA;EACE;EACA;EACA;EACA;AAjjBF;AAmjBE;EACE;EACA;EACA;EACA;EACA;AAjjBJ;AAmjBI;EACE;EACA;AAjjBN;AAqjBE;EACE;EACA;AAnjBJ;;AAujBA;EACE;EACA;AApjBF;;AAujBA;AACA;EACE;EACA;EACA;EACA;EACA;AApjBF;AAsjBE;EACE;AApjBJ;;AAwjBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAtjBF;;AAyjBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AAtjBF;;AAyjBA;EACE;EACA;EACA;EACA;AAtjBF;;AAyjBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAtjBF;AAwjBE;EACE;EACA;EACA;AAtjBJ;;AA0jBA;AACA;EACE;EACA;EACA;AAvjBF;;AA0jBA;EACE;EACA;AAvjBF,C;;;;AC9nJA,gBAAgB;AAAhB;AAGA;ACHA;;wCAAA;ACAA;;wCAAA;AAIA;EACE;AFOF;AENE;EACE;EACA;EACA;EACA;AFQJ;AENI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AFQN;AENM;EACE;EACA;EACA;AFQR;AEJI;EACE;EACA;EACA;EACA;AFMN;AEJM;EACE;EACA;EACA;EACA;EACA;EACA;AFMR;AEJQ;EACE;EACA;EACA;AFMV;AEFM;EACE;EACA;EACA;AFIR;AEpDA;EAqDE;AFEF;AEDE;EACE;AFGJ;AEFI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFIN;AEFM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFIR;AEFQ;EACE;EACA;AFIV;AEDQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFGV;AECU;EACE;EACA;EACA;EACA;EACA;AFCZ;AEEU;EACE;EACA;EACA;EACA;EACA;AFAZ;AErDE;EA2DE;AFHJ;AEII;EACE;EACA;EACA;EACA;EACA;AFFN;AEIM;EACE;EACA;EACA;AFFR;AEKM;EACE;EACA;EACA;AFHR;AEzEE;EAgFE;AFJJ;AEKI;EACE;EACA;EACA;EACA;EACA;EAEA;AFJN;AEKM;;EAEE;AFHR;AEMM;EACE;AFJR;AEQQ;EACE;EACA;AFNV;AEWQ;EACE;AFTV;AExJA;EAuKE;AFZF;AEaE;EACE;IACE;IACA;EFXJ;EEaI;IACE;EFXN;EEcI;IACE;EFZN;EEcM;IACE;EFZR;EEkBI;IACE;EFhBN;EEmBI;IACE;EFjBN;AACF;AEqBE;EAEI;IACE;IACA;IACA;EFpBN;EEsBM;IACE;IACA;EFpBR;EEsBQ;IACE;IACA;IACA;EFpBV;EEwBU;IACE;EFtBZ;EE4BI;IACE;EF1BN;AACF;AE8BE;EAGM;IACE;IACA;IACA;EF9BR;AACF;;AC3MA;EAEE;AD6MF;AC5ME;EACE;EACA;EACA;EACA;EACA;EACA;AD8MJ;AC5MI;EACE;EACA;AD8MN;AC3NA;EAiBE;AD6MF;AC5ME;EACE;EACA;EACA;EACA;AD8MJ;ACpOA;EAyBE;AD8MF;AC7ME;EACE;EACA;EACA;EACA;AD+MJ;AC7OA;EAiCE;AD+MF;AC9ME;EACE;EACA;EACA;EACA;ADgNJ;AC9MI;EACE;EACA;EACA;EACA;EACA;EACA;ADgNN;AC9MM;EACE;EACA;ADgNR;AC7MM;EACE;EACA;EACA;EACA;AD+MR;AC7MQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+MV;AC7MU;EACE;AD+MZ;AC5MU;EACE;AD8MZ;AC3MU;EACE;AD6MZ;AC1MU;EACE;AD4MZ;ACxMQ;EACE;EACA;AD0MV;ACxMU;EACE;EACA;EACA;EACA;EACA;AD0MZ;ACvMU;EACE;EACA;EACA;EACA;ADyMZ;ACtMU;EACE;EACA;EACA;EACA;EACA;ADwMZ;ACrMU;EACE;EACA;EACA;EACA;EACA;ADuMZ;ACpMU;EACE;EACA;ADsMZ;ACjMM;EACE;EACA;EACA;EACA;EACA;EACA;ADmMR;ACzUA;EA2IE;ADiMF;AChME;EACE;EACA;EACA;EACA;ADkMJ;AC/LE;EACE;EACA;EACA;ADiMJ;AC9LE;EACE;EACA;EACA;EACA;EACA;ADgMJ;AC9VA;EAiKE;ADgMF;AC/LE;EACE;EACA;EACA;ADiMJ;AC/LI;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;;;;;;;;;;;;;;;;;;;;;KAAA;ADuNN;AC9LM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADgMR;AC7LM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+LR;AC3LM;EACE;EACA;AD6LR;AC1LM;EACE;AD4LR;AC1LQ;EACE;EACA;EACA;EACA;AD4LV;AC1LU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD4LZ;ACzLU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AD2LZ;ACvLQ;EACE;EACA;EACA;EACA;ADyLV;ACrLM;EACE;EACA;EACA;ADuLR;ACrLQ;EACE;EACA;ADuLV;ACnLM;EACE;EACA;EACA;ADqLR;ACnLQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqLV;AClLQ;EACE;EACA;ADoLV;ACjeA;EAmTE;ADiLF;AChLE;EACE;EACA;EACA;EACA;EACA;EACA;ADkLJ;AChLI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADkLN;AC/KI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADiLN;AC9KI;EACE;EACA;EACA;ADgLN;AC9KM;EACE;EACA;EACA;EACA;ADgLR;AC7KM;EACE;EACA;EACA;EACA;AD+KR;AC3KI;EACE;EACA;EACA;AD6KN;AC1KI;EACE;EACA;EACA;AD4KN;ACzKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD2KN;ACzKM;EACE;EACA;AD2KR;AC7iBA;EAuYE;ADyKF;ACxKE;EACE;EACA;EACA;EACA;EACA;EACA;AD0KJ;ACxKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AD0KN;ACvKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADyKN;ACtKI;EACE;EACA;EACA;EACA;ADwKN;ACtKM;EACE;EACA;EACA;EACA;ADwKR;ACpKI;EACE;EACA;EACA;ADsKN;AC3lBA;EAybE;ADqKF;ACpKE;EACE;EACA;EACA;EACA;EACA;EACA;ADsKJ;ACpKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADsKN;ACnKI;EACE;EACA;EACA;EACA;ADqKN;ACnKM;EACE;EACA;EACA;EACA;ADqKR;ACjKI;EACE;EACA;EACA;ADmKN;ACjoBA;EAkeE;ADkKF;ACjKE;EACE;EACA;EACA;EACA;EACA;EACA;ADmKJ;ACjKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADmKN;AChKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADkKN;AC/JI;EACE;EACA;EACA;ADiKN;AC/JM;EACE;EACA;EACA;EACA;ADiKR;AC7JI;EACE;EACA;EACA;AD+JN;AC9qBA;EAmhBE;AD8JF;AC5JI;EACE;AD8JN;AC5JM;EACE;EACA;EACA;EACA;AD8JR;AC5JQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD8JV;AC5JU;EACE;EACA;AD8JZ;AC3JU;EACE;EACA;AD6JZ;AC1JU;EACE;EACA;AD4JZ;ACxJQ;EACE;EACA;EACA;AD0JV;ACpJM;EACE;EACA;EACA;ADsJR;ACjJM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADmJR;ACjJQ;EACE;ADmJV;AChJQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADkJV;AC/IQ;EACE;EACA;ADiJV;AC/IU;EACE;EACA;EACA;EACA;ADiJZ;AC9IU;EACE;EACA;ADgJZ;AC1II;EACE;EACA;AD4IN;AC1IM;EACE;EACA;EACA;AD4IR;ACzIM;EACE;EACA;EACA;EACA;AD2IR;ACxIM;EACE;EACA;EACA;AD0IR;ACrIE;EACE;ADuIJ;;ACnIA;;wCAAA;AAIA;EACE;EACA;EACA;EACA;EACA;ADqIF;;AClIA;EACE;EACA;EACA;EACA;EACA;ADqIF;ACnIE;EACE;EACA;ADqIJ;;ACjIA;EACE;EACA;ADoIF;;ACjIA;EACE;EACA;EACA;ADoIF;AClIE;EACE;ADoIJ;AClII;EACE;EACA;EACA;EACA;EACA;EACA;ADoIN;AC/HI;EACE;EACA;ADiIN;AC/HM;EACE;ADiIR;AC7HI;EACE;EACA;EACA;AD+HN;;AC1HA;;wCAAA;AAIA;EACE;EACA;EACA;EACA;EACA;AD4HF;AC1HE;EACE;EACA;EACA;AD4HJ;AC1HI;EACE;EACA;AD4HN;ACzHI;EACE;EACA;AD2HN;;ACtHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADyHF;;ACtHA;EACE;EACA;EACA;ADyHF;ACvHE;EACE;ADyHJ;ACtHE;;;;EAIE;ADwHJ;;ACpHA;;wCAAA;AAIA;AACA;EAEI;IACE;EDqHJ;AACF;ACjHA;AACA;EAEI;IACE;EDkHJ;EC/GE;IACE;EDiHJ;EC9GE;IACE;IACA;IACA;IACA;EDgHJ;AACF;AC5GA;AACA;EAEI;IACE;ED6GJ;EC1GE;IACE;ED4GJ;EC1GI;IACE;ED4GN;AACF;ACvGA;AACA;EAEI;IACE;IACA;EDwGJ;ECrGE;IACE;IACA;EDuGJ;ECpGE;IACE;EDsGJ;EClGI;IACE;EDoGN;EClGM;IACE;IACA;IACA;EDoGR;EChGQ;IACE;EDkGV;EC7FI;IACE;ED+FN;EC1FI;IACE;ED4FN;ECzFQ;IACE;IACA;IACA;ED2FV;ECxFQ;IACE;ED0FV;ECtFM;IACE;EDwFR;ECpFI;IACE;EDsFN;EClFE;IACE;EDoFJ;EChFA;IACE;IACA;EDkFF;EChFE;;IAEE;EDkFJ;AACF;AC9EA;AACA;EAEI;IACE;IACA;ED+EJ;EC3EI;IACE;IACA;IACA;ED6EN;ECxEI;IACE;ED0EN;ECxEM;IACE;IACA;IACA;ED0ER;ECjEI;;;;IACE;EDsEN;ECpEM;;;;IACE;EDyER;ECrEI;;;;IACE;ED0EN;ECvEI;;;;IACE;ED4EN;ECvEA;IACE;EDyEF;ECvEE;IACE;IACA;EDyEJ;ECtEE;IACE;EDwEJ;AACF;ACpEA;;wCAAA;AAIA;EACE;ADqEF;ACpEE;EACE;EACA;EACA;EACA;ADsEJ;ACpEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADsEN;ACpEM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADsER;ACnEM;EACE;EACA;ADqER;AClEM;EACE;EACA;EACA;ADoER;ACjEM;EACE;EACA;EACA;ADmER;AChEM;EACE;EACA;EACA;ADkER;AC/DM;EACE;EACA;EACA;ADiER;AC9DM;EACE;EACA;EACA;EACA;ADgER;AC7DU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+DZ;AC7DY;EACE;EACA;EACA;EACA;EACA;EACA;AD+Dd;ACzDU;EACE;EACA;EACA;EACA;AD2DZ;ACzDY;EACE;EACA;AD2Dd;ACxDY;EACE;EACA;AD0Dd;ACpDU;EACE;EACA;EACA;EACA;ADsDZ;ACpDY;EACE;EACA;ADsDd;AChDU;EACE;EACA;EACA;EACA;ADkDZ;AC7CU;EACE;EACA;AD+CZ;AC1CM;EACE;AD4CR;AC1CQ;EACE;EACA;EACA;EACA;EACA;AD4CV;ACzCQ;EACE;EACA;EACA;EACA;AD2CV;ACxCQ;EACE;EACA;AD0CV;ACtCM;EACE;ADwCR;ACtCQ;EACE;EACA;EACA;EACA;EACA;EACA;ADwCV;ACtCU;EACE;EACA;ADwCZ;ACrCU;EACE;EACA;EACA;ADuCZ;ACnCQ;EACE;EACA;EACA;ADqCV;ACnCU;EACE;EACA;EACA;EACA;EACA;ADqCZ;ACnCY;EACE;EACA;EACA;ADqCd;ACnCc;EACE;ADqChB;AClCc;EACE;ADoChB;ACjCc;EACE;ADmChB;AChCc;EACE;ADkChB;ACvPA;EA8NE;AD4BF;AC3BE;EACE;EACA;EACA;EACA;EACA;AD6BJ;AC3BI;EACE;EACA;EACA;EACA;EACA;EACA;AD6BN;AC1BQ;EACE;EACA;EACA;EACA;AD4BV;ACzBQ;EACE;EACA;EACA;AD2BV;ACtBQ;EACE;EACA;ADwBV;ACtBU;EACE;EACA;EACA;EACA;EACA;ADwBZ;ACtBY;EACE;EACA;EACA;ADwBd;ACtBc;EACE;ADwBhB;ACrBc;EACE;ADuBhB;ACfI;EACE;EAEA;ADgBN;ACbM;EACE;EACA;ADeR;ACbQ;EACE;EACA;EACA;ADeV;ACZQ;EACE;EACA;EACA;EACA;ADcV;ACXQ;EACE;EACA;EACA;ADaV;ACVQ;EACE;EACA;EACA;ADYV;;ACNE;AACA;EACE;IACE;EDSJ;ECNE;ADQJ;ACLE;EACE;IACE;IACA;EDOJ;ECHQ;IACE;EDKV;ECCE;ADCJ;ACEE;EAGM;IACE;EDFR;ECKM;IACE;EDHR;ECKQ;IACE;EDHV;ECOM;IACE;EDLR;ECUE;ADRJ;ACWA;EACE;IACE;EDTF;ECWA;IACE;EDTF;AACF;ACYA;EACE;ADVF;ACWE;EACE;EACA;EACA;EACA;ADTJ;ACWI;EACE;ADTN;ACYI;EACE;ADVN;ACHA;EAiBE;ADXF;ACaI;EACE;EACA;EACA;ADXN;ACcI;EACE;EACA;EACA;EACA;EACA;EACA;ADZN;ACeI;EACE;EACA;EACA;EACA;EACA;ADbN;ACgBI;EACE;EACA;EACA;EACA;EACA;EACA;ADdN;ACgBM;EACE;EACA;ADdR;ACkBI;EACE;EACA;EACA;EACA;EACA;ADhBN;ACmBI;EACE;EACA;EACA;EACA;EACA;EACA;ADjBN;ACmBM;EACE;ADjBR;ACmBQ;EACE;EACA;EACA;EACA;ADjBV;ACoBQ;EACE;EACA;EACA;EACA;ADlBV;ACpEA;EA4FE;ADrBF;ACsBE;EACE;EACA;EACA;ADpBJ;ACsBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADpBN;ACuBI;EACE;EACA;ADrBN;ACyBE;EACE;EACA;ADvBJ;AC0BE;EACE;EACA;ADxBJ;AC2BE;EACE;EACA;EACA;EACA;ADzBJ;AC2BI;EACE;ADzBN;AC4BI;EACE;AD1BN;AC8BE;EACE;EACA;EACA;AD5BJ;AC8BI;EACE;EACA;EACA;AD5BN;AC8BM;EACE;EACA;AD5BR;AC9HA;EA+JE;AD9BF;AC+BE;EACE;IACE;ED7BJ;EC+BI;IACE;IACA;ED7BN;ECgCI;IACE;ED9BN;ECkCE;IACE;EDhCJ;ECmCE;IACE;IACA;IACA;IACA;EDjCJ;ECoCE;IACE;IACA;EDlCJ;ECqCM;IACE;EDnCR;ECsCM;IACE;EDpCR;ECyCE;IACE;IACA;IACA;EDvCJ;ECyCI;IACE;IACA;IACA;EDvCN;EC0CI;IACE;EDxCN;EC4CE;IACE;ED1CJ;EC4CI;IACE;IACA;ED1CN;EC6CI;IACE;ED3CN;AACF;AC+CE;EACE;IACE;IACA;ED7CJ;EC+CI;;IAEE;ED7CN;ECmDM;IACE;EDjDR;ECoDM;IACE;EDlDR;ECwDI;IACE;IACA;IACA;EDtDN;ECwDM;IACE;EDtDR;AACF;;AGxiDA;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;AHyiDJ;AGviDI;EACE;EACA;AHyiDN;AGpjDA;EAeE;AHwiDF;AGviDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHyiDJ;AGtiDE;EACE;EACA;EACA;EACA;EACA;AHwiDJ;AGriDE;EACE;EACA;AHuiDJ;AGriDI;EACE;EACA;AHuiDN;AGliDQ;EACE;EACA;EACA;AHoiDV;AGliDU;EACE;AHoiDZ;AGjiDU;EACE;EACA;AHmiDZ;AG/hDQ;EACE;AHiiDV;AG9hDQ;EACE;AHgiDV;AG3hDI;EACE;EACA;EACA;EACA;EACA;EACA;AH6hDN;AG3hDM;EACE;EACA;EACA;AH6hDR;AG1hDM;EACE;AH4hDR;AG7hDM;EACE;AH4hDR;AGxhDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0hDN;AGxhDM;EACE;EACA;EACA;AH0hDR;AGthDI;EACE;EACA;EACA;EACA;AHwhDN;AGphDE;EAEI;IACE;EHqhDN;EGjhDM;IACE;EHmhDR;AACF;AG9gDE;EACE;IACE;EHghDJ;EG7gDE;IACE;IACA;IACA;EH+gDJ;EG7gDI;IACE;EH+gDN;EG7gDM;IACE;EH+gDR;EG3gDQ;IACE;EH6gDV;EGzgDM;;IAEE;IACA;EH2gDR;AACF;AGrgDI;EACE;EACA;AHugDN;AGpgDI;EACE;EACA;EACA;AHsgDN;AGjgDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHmgDJ;AGjgDI;EATF;IAUI;EHogDJ;AACF;AGlgDI;EACE;EACA;EACA;AHogDN;AGlgDM;;EAEE;EACA;EACA;AHogDR;AGjgDM;EACE;EACA;EACA;EACA;EACA;EACA;AHmgDR;AGjgDQ;EACE;AHmgDV;AG//CQ;EACE;AHigDV;AG7/CQ;EACE;AH+/CV;AG3/CQ;EACE;AH6/CV;AGz/CQ;EACE;AH2/CV;AGv/CQ;EACE;AHy/CV;AGr/CQ;EACE;AHu/CV;AGj/CM;EACE;EACA;AHm/CR;AGj/CQ;EACE;EACA;EACA;AHm/CV;AG/+CM;EACE;AHi/CR;AG/+CQ;EACE;AHi/CV;AG5+CQ;EACE;EACA;EACA;AH8+CV;AG3+CQ;EACE;EACA;AH6+CV;AGx+CQ;EACE;EACA;EACA;AH0+CV;AGv+CQ;EACE;EACA;AHy+CV;AGr+CM;EACE;EACA;AHu+CR;AGp+CM;EACE;EACA;AHs+CR;AGl+CQ;EACE;EACA;EACA;AHo+CV;AGh+CM;EACE;EACA;EACA;EACA;EACA;AHk+CR;AGh+CQ;EACE;AHk+CV;AG99CM;EACE;EACA;AHg+CR;AG99CQ;EACE;EACA;EACA;AHg+CV;AG79CQ;EACE;AH+9CV;AG79CU;EACE;EACA;EACA;AH+9CZ;AGx9CE;EACE;EACA;EACA;EACA;EACA;EACA;AH09CJ;AGx9CI;EACE;EACA;AH09CN;AGv9CI;EACE;EACA;EACA;AHy9CN;AGv9CM;EACE;EACA;EACA;EACA;EACA;AHy9CR;AGt9CM;EACE;EACA;EACA;AHw9CR;AGr9CM;EACE;EACA;AHu9CR;AGn9CI;EAtCF;IAuCI;IACA;EHs9CJ;EGp9CI;IACE;IACA;EHs9CN;AACF;;AGj9CA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHo9CF;;AGj9CA;EACE;EACA;AHo9CF;AGl9CE;EACE;AHo9CJ;AGj9CE;EACE;AHm9CJ;;AG/8CA;EACE;EACA;EACA;EACA;AHk9CF;AGh9CE;EACE;EACA;EACA;EACA;EACA;AHk9CJ;AGh9CI;EACE;EACA;EACA;EACA;AHk9CN;AG/8CI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHi9CN;AG/8CM;EACE;EACA;AHi9CR;AG58CE;EACE;AH88CJ;AG58CI;EACE;AH88CN;AG58CM;EACE;AH88CR;AGz8CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH28CJ;AGz8CI;EACE;EACA;AH28CN;AGtgDA;EA+DE;AH08CF;AGx8CI;EACE;EACA;AH08CN;AGx8CM;EACE;AH08CR;AGv8CM;EACE;AHy8CR;AGt8CM;EACE;AHw8CR;AGr8CM;EAhBF;IAiBI;EHw8CN;EGt8CM;IACE;EHw8CR;AACF;AGp8CI;EACE;EACA;AHs8CN;AGp8CM;EACE;EACA;EACA;EACA;AHs8CR;AGn8CM;;;EAGE;EACA;EACA;EACA;EACA;AHq8CR;AGn8CQ;;;EACE;EACA;EACA;AHu8CV;AGp8CQ;;;EACE;EACA;EACA;AHw8CV;AGp8CM;EACE;EACA;AHs8CR;AGn8CM;EACE;EACA;EACA;EACA;AHq8CR;AGn8CQ;EACE;EACA;AHq8CV;AGh8CI;EACE;EACA;EACA;AHk8CN;AGh8CM;EACE;EACA;EACA;AHk8CR;AGh8CQ;EACE;EACA;EACA;EACA;AHk8CV;AG97CM;EACE;AHg8CR;AG57CI;EACE;AH87CN;AG57CM;EACE;EACA;AH87CR;AG57CQ;;EAEE;EACA;EACA;AH87CV;AG37CQ;EACE;EACA;EACA;EACA;AH67CV;AG17CQ;EACE;AH47CV;AGz7CQ;EACE;EACA;AH27CV;AGx7CQ;EACE;EACA;EACA;EACA;AH07CV;AGx7CU;EACE;AH07CZ;AGv7CU;EACE;AHy7CZ;AGtoDA;EAoNE;AHq7CF;AGp7CE;EACE;EACA;EACA;AHs7CJ;AGp7CI;EACE;EACA;AHs7CN;AGp7CM;EAJF;IAKI;EHu7CN;AACF;AGr7CM;EARF;IASI;EHw7CN;AACF;;AGn7CA;AACA;EAGM;IACE;EHo7CN;EG/6CI;IACE;EHi7CN;EG/6CM;;IAEE;EHi7CR;EG76CQ;IACE;IACA;EH+6CV;EGx6CA;IACE;IACA;EH06CF;EGx6CE;;;IAGE;EH06CJ;AACF;AGt6CA;AACA;EAIQ;IACE;IACA;EHq6CR;EGl6CM;IACE;EHo6CR;EG/5CE;IACE;IACA;EHi6CJ;EG/5CI;IACE;IACA;IACA;EHi6CN;EG55CA;IACE;EH85CF;EG55CE;IACE;EH85CJ;EG35CE;IACE;IACA;EH65CJ;AACF;AGz5CA;AACA;EACE;EACA;EACA;EACA;AH25CF;AGz5CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH25CJ;AGz5CI;EACE;EACA;AH25CN;AGx5CI;EACE;EACA;EACA;AH05CN;;AGr5CA;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHu5CJ;AGp5CE;EACE;EAEA;EACA;AHq5CJ;AGn5CI;EACE;EACA;AHq5CN;AGl5CI;EACE;EACA;AHo5CN;AGh5CE;EACE;AHk5CJ;AG/4CE;EACE;AHi5CJ;AG/4CI;EACE;EACA;EACA;AHi5CN;AG94CI;EACE;EACA;EACA;AHg5CN;AG54CE;EACE;EACA;EACA;EACA;AH84CJ;AG34CE;EACE;EACA;EACA;EACA;EACA;AH64CJ;AG34CI;EAEE;EACA;AH44CN;AGz4CI;EACE;EACA;AH24CN;AGx4CI;EACE;EACA;EACA;EACA;EACA;AH04CN;AGx4CM;EACE;EACA;EACA;EACA;AH04CR;AGv4CM;EACE;EACA;EACA;AHy4CR;AGt4CM;EACE;EACA;EACA;EACA;EACA;EACA;AHw4CR;AGp4CI;EACE;EACA;EACA;EACA;EACA;AHs4CN;AGl4CE;EACE;EACA;EACA;EACA;EACA;EACA;AHo4CJ;AGl4CI;EACE;EACA;AHo4CN;AGh4CE;EACE;EACA;EACA;EACA;AHk4CJ;AGh4CI;EACE;EACA;EACA;EACA;AHk4CN;AGh4CM;EACE;EACA;AHk4CR;AG73CE;EACE;AH+3CJ;AG73CI;EACE;EACA;EACA;AH+3CN;AG33CE;EACE;EACA;EACA;EACA;AH63CJ;AG33CI;EACE;EACA;EACA;AH63CN;AG33CM;EACE;EACA;EACA;EACA;EACA;AH63CR;AG33CQ;EACE;AH63CV;AGx3CI;EACE;EACA;AH03CN;AGx3CM;EACE;EACA;EACA;EACA;EACA;EACA;AH03CR;AGx3CQ;EACE;AH03CV;AGn3CI;EACE;EACA;EACA;AHq3CN;AGl3CI;EACE;EACA;EACA;AHo3CN;AGj3CI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHm3CN;AGj3CM;EACE;EACA;AHm3CR;AGh3CM;EACE;EACA;AHk3CR;AG72CE;EACE;EACA;EACA;EACA;EACA;AH+2CJ;AG72CI;EACE;AH+2CN;AG52CI;EACE;EACA;AH82CN;;AGz2CA;AACA;EAEI;IACE;IACA;EH22CJ;EGt2CE;IACE;EHw2CJ;EGr2CE;IACE;IACA;EHu2CJ;EGl2CI;;IAEE;EHo2CN;EGl2CM;;;;IAEE;IACA;EHs2CR;EGp2CQ;;;;IACE;EHy2CV;AACF;AGl2CA;AACA;EACE;EACA;EACA;EACA;AHo2CF;AGl2CE;EACE;EACA;EACA;AHo2CJ;AGl2CI;EACE;AHo2CN;AGj2CI;EACE;AHm2CN;AGh2CI;EACE;EACA;AHk2CN;AG91CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHg2CJ;AG91CI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHg2CN;AG71CI;EACE;AH+1CN;;AG11CA;AAGI;EACE;EACA;EACA;EACA;AH21CN;AGx1CI;EACE;AH01CN;AGv1CI;EACE;EACA;EACA;AHy1CN;AGt1CI;EACE;EACA;EACA;EACA;EACA;AHw1CN;AGr1CI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHu1CN;AGp1CI;EACE;EACA;EACA;EACA;EACA;EACA;AHs1CN;;AGj1CA;AAEA;EACE;EACA;AHm1CF;;AGh1CA;EACE;EACA;EACA;EACA;AHm1CF;;AG/0CE;EACE;EACA;EACA;EACA;EACA;EACA;AHk1CJ;AG/0CE;EACE;EACA;EACA;EACA;EACA;AHi1CJ;AG/0CI;EACE;AHi1CN;AG90CI;EACE;EACA;EACA;AHg1CN;AG70CI;EACE;EACA;EACA;AH+0CN;AG70CM;EACE;AH+0CR;AG30CI;EACE;EACA;EACA;EACA;EACA;AH60CN;AG30CM;EACE;EACA;AH60CR;AG10CM;EACE;EACA;AH40CR;AGz0CM;EACE;EACA;AH20CR;AGx0CM;EACE;EACA;AH00CR;AGv0CM;EACE;EACA;AHy0CR;AGt0CM;EACE;EACA;AHw0CR;AGn0CE;EACE;EACA;EACA;EACA;EACA;AHq0CJ;AGn0CI;EACE;AHq0CN;AGn0CM;EACE;AHq0CR;AGh0CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHk0CJ;AG/zCE;EACE;EACA;EACA;AHi0CJ;AG/zCI;EACE;EACA;AHi0CN;AG/zCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHi0CR;AG9zCM;EACE;EACA;EACA;EACA;AHg0CR;AG9zCQ;EACE;AHg0CV;AG5zCM;EACE;AH8zCR;AG3zCM;EACE;AH6zCR;;AGvzCA;AACA;EACE;IACE;IACA;EH0zCF;EGvzCA;IACE;IACA;EHyzCF;EGrzCE;IACE;IACA;IACA;EHuzCJ;EGrzCI;IACE;EHuzCN;EGnzCE;IACE;EHqzCJ;EGnzCI;IACE;EHqzCN;AACF;AGhzCA;+BAAA;AAGE;EACE;AHizCJ;AG7yCQ;EACE;AH+yCV;AG7yCU;EACE;EACA;AH+yCZ;AGjzCU;EACE;EACA;AH+yCZ;AGzyCQ;EACE;AH2yCV;AG/xCY;;EAEE;AHiyCd;;AGxxCA;AACA;EACE;AH2xCF;AGzxCE;EACE;EACA;AH2xCJ;AGzxCI;EACE;AH2xCN;;AGtxCA;AACA;EACE;AHyxCF;AGvxCE;EACE;EACA;EACA;EACA;AHyxCJ;AGvxCI;EANF;IAOI;EH0xCJ;AACF;AGvxCE;EACE;EACA;AHyxCJ;AGvxCI;EACE;EACA;EACA;AHyxCN;;AGpxCA;AACA;EAGM;IACE;EHqxCN;EGnxCM;;IAEE;EHqxCR;EGjxCQ;IACE;IACA;IACA;EHmxCV;AACF;AG5wCA;EAGM;IACE;IACA;EH4wCN;EG1wCM;;IAEE;EH4wCR;EGxwCQ;IACE;EH0wCV;EGtwCQ;IACE;EHwwCV;EGpwCQ;IACE;EHswCV;EGlwCQ;IACE;EHowCV;EGhwCQ;IACE;EHkwCV;EG9vCQ;IACE;EHgwCV;EG5vCQ;IACE;EH8vCV;EGxvCM;IACE;EH0vCR;EGtvCQ;IACE;IACA;IACA;EHwvCV;AACF;AGjvCA;AACA;EACE;;;;KAAA;AHuvCF;AGjvCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHmvCJ;AGjvCI;EACE;EACA;AHmvCN;AG/uCE;EACE;EACA;EACA;EACA;AHivCJ;AG/uCI;EACE;AHivCN;AG/uCM;EACE;EACA;EACA;EACA;EACA;AHivCR;AG9uCM;EACE;EACA;EACA;AHgvCR;AG5uCI;EACE;EACA;AH8uCN;AG1uCE;EACE;EACA;AH4uCJ;AGzuCE;EACE;EACA;EACA;EACA;AH2uCJ;AGzuCI;EACE;EACA;EACA;EACA;EACA;EACA;AH2uCN;AGzuCM;EACE;EACA;EACA;EACA;AH2uCR;AGvuCI;EACE;AHyuCN;AGruCE;EACE;EACA;EACA;EACA;AHuuCJ;AGruCI;EACE;AHuuCN;AGnuCE;EACE;AHquCJ;AGnuCI;EACE;AHquCN;AGluCI;EACE;EACA;EACA;EACA;EACA;AHouCN;AGjuCI;;;EAGE;EACA;EACA;EACA;EACA;EACA;AHmuCN;AGjuCM;;;EACE;EACA;EACA;AHquCR;AGjuCI;EACE;EACA;AHmuCN;AG/tCE;EACE;EACA;EACA;EACA;AHiuCJ;AG9tCE;EACE;AHguCJ;AG9tCI;EACE;EACA;AHguCN;AG9tCM;EACE;AHguCR;AG9tCQ;EACE;EACA;EACA;EACA;EACA;EACA;AHguCV;AG3tCQ;EACE;AH6tCV;AG3tCU;EACE;AH6tCZ;AGztCQ;EACE;EACA;EACA;AH2tCV;AGztCU;EACE;EACA;EACA;EACA;AH2tCZ;AGttCM;EACE;EACA;AHwtCR;AGttCQ;EACE;EACA;AHwtCV;AGltCE;EACE;EACA;EACA;AHotCJ;AGjtCE;EACE;EACA;EACA;EACA;AHmtCJ;AGjtCI;EACE;EACA;AHmtCN;;AIh6FA;AAGE;EACE;EACA;EACA;AJi6FJ;AI/5FI;EACE;EACA;EACA;AJi6FN;AI75FE;EACE;EACA;EACA;EACA;EACA;EACA;AJ+5FJ;AI75FI;EACE;EACA;EACA;AJ+5FN;AI35FM;EACE;EACA;EACA;KAAA;UAAA;EACA;AJ65FR;AIz5FI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;;;;;;;;;;;;;;;;;;;;;;KAAA;AJk7FN;AIx5FM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AJy5FR;AIt5FQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AJs5FV;AIl5FQ;EACE;EACA;EACA;AJo5FV;AIj5FQ;EACE;EACA;EAEA;EACA;AJk5FV;AI/4FU;EACE;AJi5FZ;AI74FU;EACE;AJ+4FZ;AI14FQ;EACE;AJ44FV;AIv4FM;EACE;IACE;EJy4FR;EIt4FM;IACE;EJw4FR;AACF;AIn4FM;EACE;AJq4FR;AIh4FI;EACE;IACE;EJk4FN;EIh4FI;IACE;EJk4FN;AACF;AI/3FI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJi4FN;AI73FM;EACE;EACA;EACA;EACA;EACA;EACA;AJ+3FR;AI53FM;EACE;EACA;EACA;EACA;AJ83FR;AI53FQ;EACE;EACA;EACA;AJ83FV;AI33FQ;EACE;EACA;EACA;AJ63FV;AI33FU;EACE;EACA;EACA;AJ63FZ;AI13FU;EACE;EACA;EACA;EACA;EACA;AJ43FZ;AI13FY;EACE;EACA;EACA;AJ43Fd;AIp3FE;EAEI;IACE;IACA;EJq3FN;AACF;AIj3FE;EAEI;IACE;EJk3FN;EI72FQ;IACE;EJ+2FV;EI72FU;IACE;EJ+2FZ;AACF;;AKhnGA;EACI;EACA;EACA;ALmnGJ;AKjnGI;EACI;EACA;ALmnGR;AKhnGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALknGR;AKhnGQ;EACI;ALknGZ;AK7mGI;EACI;AL+mGR;AK7mGQ;EACI;EACA;EACA;EACA;AL+mGZ;AK7mGY;EANJ;IAOQ;ELgnGd;AACF;AK7mGQ;EACI;AL+mGZ;AK7mGY;EACI;EACA;EACA;EACA;AL+mGhB;AK5mGY;EACI;EACA;EACA;EACA;AL8mGhB;AK5mGgB;EACI;EACA;AL8mGpB;AK3mGgB;EACI;EACA;EACA;EACA;AL6mGpB;AKxmGQ;EACI;EACA;AL0mGZ;AKrmGI;EACI;EACA;EACA;ALumGR;AKrmGQ;EALJ;IAMQ;ELwmGV;AACF;AKrmGI;EACI;EACA;EACA;ALumGR;AKpmGI;EACI;EACA;EACA;ALsmGR;AKpmGQ;EALJ;IAMQ;ELumGV;AACF;AKlmGQ;EACI;ALomGZ;AKhmGI;EACI;EACA;ALkmGR;AKhmGQ;EACI;EACA;ALkmGZ;AKhmGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALkmGhB;AKhmGgB;EACI;ALkmGpB;AK/lGgB;EACI;ALimGpB;AK3lGY;EACI;AL6lGhB;AK3lGgB;EACI;AL6lGpB;AKzlGY;EACI;EACA;AL2lGhB;AKzlGgB;EACI;AL2lGpB;AKxlGgB;EACI;AL0lGpB;AKrlGQ;EACI;EACA;ALulGZ;AKplGgB;EACI;EACA;ALslGpB;AKplGoB;EACI;ALslGxB;AK7kGgB;;;;EACI;ALklGpB;AK7kGgB;EACI;EACA;EACA;EACA;AL+kGpB;AK3kGY;EACI;EACA;AL6kGhB;AK1kGY;EACI;AL4kGhB;AKxkGQ;EACI;EACA;EACA;AL0kGZ;AKvkGQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALykGZ;AKvkGY;EACI;EACA;EACA;KAAA;ALykGhB;AKtkGY;EACI;ALwkGhB;AKpkGQ;EACI;EACA;ALskGZ;AKpkGY;EACI;EACA;EACA;EACA;ALskGhB;AKnkGY;EACI;EACA;EACA;EACA;ALqkGhB;AKnkGgB;EACI;EACA;ALqkGpB;AKhkGQ;EACI;EACA;ALkkGZ;AK/jGQ;EACI;EACA;ALikGZ;AK9jGQ;EACI;EACA;ALgkGZ;AK7jGQ;EACI;EACA;EACA;AL+jGZ;AK5jGQ;EACI;IACI;EL8jGd;EK3jGU;IACI;IACA;IACA;IACA;IACA;EL6jGd;EK1jGU;IACI;IACA;IACA;EL4jGd;EK1jGc;IAEI;EL2jGlB;EKxjGc;IACI;IACA;IACA;EL0jGlB;EKvjGc;IACI;IACA;ELyjGlB;EKrjGU;IACI;ELujGd;EKpjGU;IACI;ELsjGd;AACF;AKjjGI;EACI;EACA;EACA;ALmjGR;AKjjGQ;EALJ;IAMQ;ELojGV;AACF;AKjjGI;EACI;EACA;EACA;ALmjGR;AKjjGQ;EACI;EACA;EACA;EACA;ALmjGZ;AKhjGQ;EACI;EACA;EACA;EACA;ALkjGZ;AK9iGI;EACI;EACA;ALgjGR;AK5iGI;EACI;EACA;EACA;AL8iGR;AK5iGQ;EACI;EACA;EACA;EACA;EACA;AL8iGZ;AK5iGY;EACI;EACA;AL8iGhB;AK3iGY;EACI;EACA;EACA;AL6iGhB;AK1iGY;EACI;EACA;EACA;AL4iGhB;AKziGY;EACI;EACA;EACA;EACA;AL2iGhB;AKziGgB;EACI;EACA;AL2iGpB;AKxiGgB;EACI;EACA;AL0iGpB;AKniGI;EACI;EACA;EACA;EACA;EACA;ALqiGR;AKniGQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALqiGZ;AKliGQ;EACI;EACA;EACA;ALoiGZ;AKliGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALoiGhB;AKliGgB;EACI;ALoiGpB;AKjiGgB;EACI;ALmiGpB;AKhiGgB;EACI;ALkiGpB;AK/hGgB;EACI;ALiiGpB;AK7hGY;EACI;AL+hGhB;AK7hGgB;EACI;EACA;EACA;EACA;AL+hGpB;AK5hGgB;EACI;EACA;AL8hGpB;AKvhGI;EACI;EACA;EACA;EACA;EACA;EACA;ALyhGR;AKrhGI;EACI;EACA;EACA;ALuhGR;AKrhGQ;EACI;ALuhGZ;AKrhGY;EACI;EACA;EACA;EACA;EACA;ALuhGhB;AKphGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALshGhB;AKphGgB;EACI;EACA;EACA;ALshGpB;AKlhGY;EACI;ALohGhB;AK9gGI;EACI;EACA;ALghGR;AK9gGQ;EACI;EACA;EACA;ALghGZ;AK9gGY;EACI;EACA;EACA;EACA;ALghGhB;AK9gGgB;EACI;ALghGpB;AK7gGgB;EACI;AL+gGpB;AK5gGgB;EACI;EACA;AL8gGpB;AK3gGgB;EACI;EACA;EACA;EACA;EACA;EACA;AL6gGpB;AK3gGoB;EACI;AL6gGxB;AK1gGoB;EACI;EACA;AL4gGxB;AKpgGI;EACI;EACA;EACA;ALsgGR;AKpgGQ;EACI;EACA;EACA;EACA;ALsgGZ;AKngGQ;EACI;EACA;EACA;EACA;EACA;ALqgGZ;AKngGY;EACI;ALqgGhB;AKlgGY;EACI;EACA;ALogGhB;AKlgGgB;EACI;ALogGpB;AK//FQ;EACI;EACA;ALigGZ;AK5/FI;EACI;EACA;EACA;AL8/FR;AK5/FQ;EACI;EACA;EACA;EACA;EACA;EACA;AL8/FZ;AK5/FY;EACI;EACA;AL8/FhB;AK3/FY;EACI;EACA;EACA;EACA;AL6/FhB;AK1/FY;EACI;EACA;EACA;AL4/FhB;AK1/FgB;EACI;EACA;AL4/FpB;AKp/FI;EACI;EACA;EACA;ALs/FR;AKp/FQ;EACI;EACA;EACA;EACA;EAEA;;;;;;KAAA;AL2/FZ;AKn/FY;EAEI;ALo/FhB;AKj/FY;EACI;EACA;EACA;EACA;ALm/FhB;AKj/FgB;EACI;EACA;EACA;ALm/FpB;AKj/FoB;EACI;EACA;EACA;EACA;EACA;EACA;ALm/FxB;AKh/FoB;EACI;EACA;ALk/FxB;AK9+FgB;EACI;EACA;ALg/FpB;AK9+FoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALg/FxB;AK9+FwB;EACI;ALg/F5B;AK1+FY;EACI;EACA;EACA;EACA;AL4+FhB;AKz+FY;EACI;EACA;EACA;AL2+FhB;AKz+FgB;EACI;EACA;AL2+FpB;AKp+FI;EACI;EACA;EACA;EACA;EACA;ALs+FR;AKl+FI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALo+FR;AKj+FI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALm+FR;AKh+FI;EACI;EACA;EACA;EACA;EACA;ALk+FR;AKh+FQ;EACI;EACA;EACA;EACA;ALk+FZ;AK/9FQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALi+FZ;AK/9FY;EACI;ALi+FhB;AK59FI;EACI;AL89FR;AK59FQ;EACI;EACA;EACA;EACA;AL89FZ;AK19FI;EACI;EACA;EACA;EACA;EACA;EACA;AL49FR;;AM7xHA;AAGE;EACE;EACA;EACA;AN8xHJ;AM3xHE;EACE;EACA;EACA;EACA;EACA;EACA;AN6xHJ;AM3xHI;EACE;EACA;AN6xHN;AM9yHA;EAqBE;AN4xHF;AM3xHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AN6xHJ;AM1xHE;EACE;EACA;EACA;EACA;EACA;AN4xHJ;AMzxHE;EACE;EACA;AN2xHJ;AMzxHI;EACE;EACA;AN2xHN;AMxxHI;EACE;EACA;EACA;EACA;EACA;EACA;AN0xHN;AMxxHM;EACE;EACA;EACA;AN0xHR;AMvxHM;EACE;ANyxHR;AM1xHM;EACE;ANyxHR;AMrxHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANuxHN;AMrxHM;EACE;EACA;EACA;ANuxHR;AMnxHI;EACE;EACA;EACA;EACA;ANqxHN;AMjxHE;EAEI;IACE;ENkxHN;AACF;AM9wHE;EACE;IACE;ENgxHJ;EM7wHE;IACE;IACA;IACA;EN+wHJ;EM7wHI;IACE;EN+wHN;EM7wHM;IACE;EN+wHR;EM5wHM;;IAEE;IACA;EN8wHR;AACF;AMxwHI;EACE;EACA;AN0wHN;AMvwHI;EACE;EACA;EACA;ANywHN;AMrwHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANuwHJ;AMrwHI;EATF;IAUI;ENwwHJ;AACF;AMtwHI;EACE;EACA;EACA;ANwwHN;AMtwHM;;EAEE;EACA;EACA;ANwwHR;AMrwHM;EACE;EACA;EACA;EACA;EACA;EACA;ANuwHR;AMrwHQ;EACE;ANuwHV;AMnwHQ;EACE;ANqwHV;AMjwHQ;EACE;ANmwHV;AM/vHQ;EACE;ANiwHV;AM7vHQ;EACE;AN+vHV;AM3vHQ;EACE;AN6vHV;AMzvHQ;EACE;AN2vHV;AMrvHM;EACE;EACA;ANuvHR;AMrvHQ;EACE;EACA;EACA;ANuvHV;AMnvHM;EACE;ANqvHR;AMnvHQ;EACE;ANqvHV;AMjvHM;EACE;EACA;EACA;EACA;ANmvHR;AMjvHQ;EACE;EACA;EACA;EACA;EACA;ANmvHV;AMjvHU;EACE;EACA;EACA;KAAA;ANmvHZ;AMhvHU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANkvHZ;AM9uHQ;EACE;EACA;ANgvHV;AM9uHU;EACE;EACA;EACA;EACA;EACA;EACA;ANgvHZ;AM7uHU;EACE;EACA;EACA;AN+uHZ;AM1uHM;EACE;EACA;EACA;AN4uHR;AMxuHQ;EACE;AN0uHV;AMvuHQ;EACE;ANyuHV;AMruHM;EACE;EACA;ANuuHR;AMruHQ;EACE;EACA;EACA;ANuuHV;AMluHQ;EACE;EACA;EACA;ANouHV;AMhuHM;EACE;EACA;EACA;EACA;EACA;ANkuHR;AMhuHQ;EACE;ANkuHV;AM9tHM;EACE;EACA;ANguHR;AM9tHQ;EACE;EACA;EACA;ANguHV;AM7tHQ;EACE;AN+tHV;AM7tHU;EACE;EACA;EACA;AN+tHZ;AMxtHE;EACE;EACA;EACA;EACA;EACA;EACA;AN0tHJ;AMxtHI;EACE;EACA;AN0tHN;AMvtHI;EACE;EACA;EACA;ANytHN;AMvtHM;EACE;EACA;EACA;EACA;EACA;ANytHR;AMttHM;EACE;EACA;EACA;ANwtHR;AMrtHM;EACE;EACA;ANutHR;AMntHI;EAtCF;IAuCI;IACA;ENstHJ;EMptHI;IACE;IACA;ENstHN;AACF;;AMjtHA;AACA;EACE;ANotHF;AMhtHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANktHN;AM9sHI;EACE;EACA;EACA;EACA;EACA;ANgtHN;AM9sHM;EACE;EACA;EACA;EACA;EACA;ANgtHR;AM9sHQ;EACE;EACA;EACA;EACA;ANgtHV;AM7sHQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AN+sHV;AM7sHU;EACE;EACA;AN+sHZ;AM1sHM;EACE;AN4sHR;AM1sHQ;EACE;AN4sHV;AM1sHU;EACE;AN4sHZ;AMvsHM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANysHR;AMlsHE;EACE;EACA;EACA;EACA;ANosHJ;AMlsHI;EANF;IAOI;ENqsHJ;AACF;;AMjsHA;AACA;EAGM;IACE;ENksHN;EMhsHM;;IAEE;ENksHR;EM9rHQ;IACE;IACA;IACA;ENgsHV;AACF;AMzrHA;EAGM;IACE;IACA;ENyrHN;EMvrHM;;IAEE;ENyrHR;EMrrHQ;IACE;ENurHV;EMnrHQ;IACE;ENqrHV;EMjrHQ;IACE;ENmrHV;EM/qHQ;IACE;ENirHV;EM7qHQ;IACE;EN+qHV;EM3qHQ;IACE;EN6qHV;EMzqHQ;IACE;EN2qHV;EMrqHM;IACE;ENuqHR;EMnqHQ;IACE;IACA;ENqqHV;EMhqHQ;IACE;IACA;IACA;ENkqHV;AACF;AM3pHA;AACA;EAGM;IACE;EN2pHN;AACF;AMtpHA;AACA;EAIQ;IACE;IACA;ENqpHR;EMlpHM;IACE;ENopHR;EM/oHE;IACE;IACA;ENipHJ;EM/oHI;IACE;IACA;IACA;ENipHN;AACF;AM3oHA;AACA;EACE;EACA;AN6oHF;;AM1oHA;EACE;EACA;AN6oHF;;AM1oHA;EACE;EACA;EACA;EACA;AN6oHF;;AMzoHE;EACE;EACA;EACA;EACA;EACA;EACA;AN4oHJ;AMzoHE;EACE;EACA;EACA;EACA;EACA;AN2oHJ;AMzoHI;EACE;AN2oHN;AMxoHI;EACE;EACA;EACA;AN0oHN;AMvoHI;EACE;EACA;EACA;ANyoHN;AMvoHM;EACE;ANyoHR;AMtoHM;EACE;ANwoHR;AMnoHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANqoHJ;AMnoHI;EACE;EACA;EACA;KAAA;ANqoHN;AMloHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANooHN;AMloHM;EACE;EACA;ANooHR;AMjoHM;EACE;EACA;ANmoHR;AM9nHE;EACE;EACA;EACA;EACA;EACA;EACA;ANgoHJ;AM9nHI;EACE;ANgoHN;AM9nHM;EACE;ANgoHR;AM3nHE;;EAEE;EACA;EACA;AN6nHJ;AM3nHI;;EACE;EACA;AN8nHN;;AMznHA;AAEE;EACE;EACA;EACA;EACA;EACA;AN2nHJ;AMznHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN2nHN;AMznHM;EACE;EACA;AN2nHR;AMxnHM;EACE;EACA;EACA;AN0nHR;AMvnHM;EACE;ANynHR;AMpnHE;EACE;ANsnHJ;AMnnHE;EACE;ANqnHJ;;AMjnHA;EACE;IACE;IACA;ENonHF;EMjnHA;IACE;IACA;ENmnHF;AACF;AMhnHA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANknHF;AMhnHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANknHJ;AMhnHI;EACE;ANknHN;AM/mHI;EACE;ANinHN;;AM5mHA;EACE;EACA;EACA;EACA;EACA;AN+mHF;AM7mHE;EACE;EACA;AN+mHJ;;AM3mHA;AACA;EACE;EACA;EACA;EACA;AN8mHF;AM5mHE;EACE;EACA;EACA;EACA;EACA;EACA;AN8mHJ;AM5mHI;EACE;EACA;EACA;EACA;AN8mHN;;AMzmHA;AAEE;EACE;AN2mHJ;AMzmHI;EACE;AN2mHN;AMxmHI;EACE;EACA;EACA;EACA;EACA;AN0mHN;AMxmHM;EACE;EACA;EACA;AN0mHR;AMtmHI;;EAEE;ANwmHN;AMrmHI;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;ANumHN;AMrmHM;;;EACE;EACA;EACA;ANymHR;AMtmHM;;;EACE;EACA;EACA;AN0mHR;AMvmHM;;;EACE;AN2mHR;AMzmHQ;;;EACE;EACA;AN6mHV;AMxmHI;EACE;EACA;AN0mHN;AMvmHI;EACE;EACA;EACA;ANymHN;AMtmHI;EACE;EACA;EACA;ANwmHN;;AMnmHA;AACA;EACE;EACA;ANsmHF;AMpmHE;EACE;ANsmHJ;AMnmHE;EACE;ANqmHJ;AMlmHE;EACE;ANomHJ;AMjmHE;EACE;ANmmHJ;AMhmHE;EACE;ANkmHJ;AM/lHE;EACE;ANimHJ;AM9lHE;EAEE;IAGE;EN6lHJ;AACF;AM1lHE;EAEE;IAEE;EN0lHJ;AACF;;AMtlHA;AACA;EAEE;;IAEE;IACA;IACA;ENwlHF;EMtlHE;;IACE;IACA;ENylHJ;EMrlHA;IACE;IACA;ENulHF;EMnlHE;IACE;IACA;IACA;ENqlHJ;EMnlHI;IACE;ENqlHN;EMjlHE;IACE;IACA;ENmlHJ;EM7kHI;IACE;IACA;EN+kHN;EM7kHM;IACE;EN+kHR;EMzkHA;IACE;EN2kHF;EMzkHE;IACE;IACA;EN2kHJ;AACF;AMvkHA;AACA;EACE;EACA;ANykHF;AMvkHE;EACE;EACA;EACA;EACA;EACA;EACA;ANykHJ;;AMrkHA;EACE;IACE;ENwkHF;EMrkHA;IACE;ENukHF;AACF;AMpkHA;0BAAA;AAGA;AACA;;;;;;;;EAQE;EACA;EACA;EACA;EACA;ANqkHF;AMnkHE;;;;;;;;EACE;EACA;EACA;EACA;AN4kHJ;AMzkHE;;;;;;;;EACE;EACA;EACA;EACA;ANklHJ;;AM9kHA;AACA;EACE;EACA;EACA;EACA;EACA;ANilHF;;AM9kHA;AACA;EACE;EACA;EACA;EACA;ANilHF;AM/kHE;EACE;EACA;EACA;ANilHJ;AM/kHI;EACE;EACA;EACA;EACA;ANilHN;AM9kHI;EACE;EACA;ANglHN;AM5kHM;EACE;AN8kHR;AM3kHM;EACE;AN6kHR;AMxkHM;EACE;AN0kHR;AMvkHM;EACE;ANykHR;AMpkHM;EACE;ANskHR;AMnkHM;EACE;ANqkHR;;AM/jHA;AAEE;EACE;EACA;EACA;EACA;EACA;ANikHJ;AM/jHI;EACE;EACA;EACA;ANikHN;AM/jHM;EACE;ANikHR;AM9jHM;EACE;ANgkHR;;AM1jHA;AAEE;EACE;EACA;EACA;EACA;EACA;AN4jHJ;AMzjHM;EACE;EACA;EACA;EACA;EACA;EACA;AN2jHR;AMzjHQ;EACE;EACA;EACA;AN2jHV;;AMpjHA;AACA;EACE;EACA;EACA;EACA;EACA;ANujHF;AMrjHE;EACE;EACA;EACA;EACA;ANujHJ;AMnjHI;EACE;EACA;EACA;ANqjHN;AMnjHM;EACE;EACA;ANqjHR;AMljHM;EACE;ANojHR;;AM9iHA;AACA;EACE;ANijHF;AM/iHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANijHJ;;AM7iHA;AACA;EACE;EACA;EACA;ANgjHF;AM9iHE;EACE;EACA;EACA;EACA;EACA;EACA;ANgjHJ;AM9iHI;EACE;EACA;EACA;ANgjHN;;AM3iHA;AAEE;EACE;EACA;AN6iHJ;AM3iHI;EAJF;IAKI;EN8iHJ;AACF;AM3iHE;EACE;EACA;AN6iHJ;AM3iHI;EAJF;IAKI;EN8iHJ;AACF;;AM1iHA;AAEE;EACE;EACA;EACA;AN4iHJ;AMziHE;EACE;EACA;EACA;AN2iHJ;AMziHI;EACE;EACA;AN2iHN;AMviHE;EACE;EACA;EACA;ANyiHJ;AMviHI;EACE;EACA;ANyiHN;;AMpiHA;AAGE;EAEE;EACA;ANoiHJ;;AMhiHA;AACA;;;EAGE;ANmiHF;AMjiHE;;;EACE;ANqiHJ;;AMjiHA;AACA;EACE;ANoiHF;AMliHE;EACE;ANoiHJ;AMjiHE;EACE;ANmiHJ;;AM/hHA;AACA;EAEE;;;;;;;IAOE;IACA;ENiiHF;EM7hHE;IACE;EN+hHJ;EM7hHI;IACE;IACA;EN+hHN;EM5hHI;IACE;IACA;EN8hHN;EM5hHM;IACE;EN8hHR;EMvhHE;IACE;IACA;IACA;ENyhHJ;EMvhHI;IACE;IACA;ENyhHN;AACF;AMphHA;AACA;;;;;EAKE;EACA;EACA;EACA;ANshHF;;AMnhHA;AACA;EACE;EACA;EACA;ANshHF;AMphHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANshHJ;;AMlhHA;8BAAA;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANohHJ;AMlhHI;EACE;EACA;EACA;KAAA;EACA;ANohHN;AMjhHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANmhHN;AMjhHM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANmhHR;AMjhHQ;EACE;ANmhHV;AM9gHI;EACE;ANghHN;AM5gHE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN8gHJ;AM5gHI;EACE;EACA;AN8gHN;AM1gHM;EACE;EACA;EACA;EACA;AN4gHR;AMzgHM;EACE;EACA;EACA;EACA;EACA;AN2gHR;AMxgHM;EACE;EACA;EACA;AN0gHR;;AMpgHA;AAEE;EACE;EACA;EACA;ANsgHJ;AMpgHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ANsgHN;AMpgHM;EACE;EACA;EACA;KAAA;EACA;ANsgHR;AMngHM;EACE;EACA;EACA;ANqgHR;AMngHQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANqgHV;AMngHU;EACE;ANqgHZ;AM//GI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANigHN;AM//GM;EACE;EACA;ANigHR;AM9/GM;EACE;ANggHR;AM9/GQ;EACE;EACA;EACA;EACA;ANggHV;AM7/GQ;EACE;EACA;EACA;EACA;AN+/GV;;AMx/GA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN2/GF;AMz/GE;EACE;EACA;AN2/GJ;;AMv/GA;AACA;EAGI;;IAEE;IACA;ENw/GJ;EMr/GE;IACE;ENu/GJ;EMp/GM;IACE;ENs/GR;EMn/GM;IACE;ENq/GR;EMl/GM;IACE;ENo/GR;EM7+GE;IACE;EN++GJ;EM7+GI;;IAEE;IACA;EN++GN;AACF;AM1+GA;kCAAA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN4+GF;AM1+GE;EACE;AN4+GJ;AMz+GE;EACE;EACA;AN2+GJ;AMx+GE;EACE;EACA;EACA;AN0+GJ;;AMt+GA;AACA;EACE;EACA;EACA;ANy+GF;AMv+GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANy+GJ;;AMr+GA;EACE;IACE;ENw+GF;EMr+GA;IACE;ENu+GF;AACF;AMp+GA;AACA;EACE;EACA;ANs+GF;AMp+GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANs+GJ;AMn+GE;EACE;ANq+GJ;;AMj+GA;AAGI;EACE;ANk+GN;AM/9GI;EACE;EACA;EACA;EACA;ANi+GN;;AM59GA;AAGI;EACE;AN69GN;;AMx9GA;AACA;EACE;IACE;IACA;EN29GF;EMt9GE;;IAEE;IACA;ENw9GJ;EMn9GE;IACE;ENq9GJ;EMn9GI;;IAEE;IACA;ENq9GN;AACF;AMh9GA;AACA;EACE;EACA;ANk9GF;AMh9GE;EACE;ANk9GJ;AMh9GI;EACE;ANk9GN;;AM78GA;AACA;EACE;EACA;ANg9GF;AM98GE;EACE;ANg9GJ;AM98GI;EACE;ANg9GN;;AMz8GA;EACE;AN48GF;;AMz8GA;EACE;AN48GF;;AMz8GA;EACE;EACA;EACA;AN48GF;;AMz8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN48GF;;AMz8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN48GF;;AMz8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN48GF;;AMz8GA;EACE;AN48GF;;AMz8GA;EACE;AN48GF;;AMz8GA;EACE;EACA;EACA;EACA;AN48GF;;AMz8GA;EACE;AN48GF;;AMz8GA;EACE;EACA;AN48GF;;AMz8GA;EACE;EACA;EACA;AN48GF;;AMz8GA;EACE;EACA;EACA;AN48GF;;AMz8GA;EACE;EACA;AN48GF;;AMz8GA;EACE;EACA;AN48GF;;AMx8GA;AAEA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;AACA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;AACA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;AACA;EACE;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;AN08GF;;AMv8GA;AACA;EACE;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;AN08GF;;AMv8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN08GF;;AMv8GA;EACE;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMv8GA;EACE;EACA;AN08GF;;AMt8GA;EACE;ANy8GF;;AMt8GA;EACE;ANy8GF;;AMt8GA;EACE;EACA;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANy8GF;;AMt8GA;EACE;ANy8GF;;AMt8GA;EACE;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;EACA;ANy8GF;;AMt8GA;EACE;ANy8GF;;AMt8GA;EACE;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;ANy8GF;;AMt8GA;EACE;EACA;EACA;ANy8GF;;AMt8GA;EACE;EACA;ANy8GF;;AMt8GA;EACE;EACA;ANy8GF;;AMt8GA;kDAAA;AAEA;EACE;;;;KAAA;AN68GF;AMv8GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANy8GJ;AMv8GI;EACE;EACA;ANy8GN;AMr8GE;EACE;EACA;EACA;EACA;ANu8GJ;AMr8GI;EACE;ANu8GN;AMr8GM;EACE;EACA;EACA;EACA;EACA;ANu8GR;AMp8GM;EACE;EACA;EACA;ANs8GR;AMl8GI;EACE;EACA;ANo8GN;AMh8GE;EACE;EACA;ANk8GJ;AM/7GE;EACE;EACA;EACA;EACA;ANi8GJ;AM/7GI;EACE;EACA;EACA;EACA;EACA;EACA;ANi8GN;AM/7GM;EACE;EACA;EACA;EACA;ANi8GR;AM77GI;EACE;AN+7GN;AM37GE;EACE;EACA;EACA;EACA;AN67GJ;AM37GI;EACE;AN67GN;AMz7GE;EACE;AN27GJ;AMz7GI;EACE;AN27GN;AMx7GI;EACE;EACA;EACA;EACA;EACA;AN07GN;AMv7GI;;;EAGE;EACA;EACA;EACA;EACA;EACA;ANy7GN;AMv7GM;;;EACE;EACA;EACA;AN27GR;AMv7GI;EACE;EACA;ANy7GN;AMr7GE;EACE;EACA;EACA;EACA;ANu7GJ;AMr7GI;EACE;EACA;ANu7GN;;AO76LI;EACI;EACA;EACA;APg7LR;AO96LQ;EACI;EACA;APg7LZ;AO76LQ;EACI;EACA;EACA;AP+6LZ;AO56LQ;EACI;AP86LZ;AO36LQ;EACI;AP66LZ;AO16LQ;EACI;AP46LZ;AOx6LI;EACI;EACA;EACA;EACA;AP06LR;;AOr6LI;EACI;EACA;EACA;EACA;APw6LR;AOt6LQ;EANJ;IAOQ;EPy6LV;AACF;AOt6LI;EACI;EACA;EACA;APw6LR;AOr6LI;EACI;EACA;EACA;APu6LR;AOn6LI;EACI;EACA;EACA;EACA;APq6LR;AOn6LQ;EACI;EACA;EACA;APq6LZ;AOn6LY;EACI;EACA;EACA;EACA;APq6LhB;AOj6LQ;EACI;APm6LZ;AO75LQ;EACI;EACA;EACA;AP+5LZ;AO75LY;EACI;EACA;EACA;EACA;EACA;EACA;AP+5LhB;AO75LgB;EACI;EACA;EACA;AP+5LpB;AOz5LI;EACI;EACA;AP25LR;AOz5LQ;EACI;EACA;EACA;EACA;EACA;AP25LZ;AOz5LY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP25LhB;AOz5LgB;EACI;EACA;AP25LpB;AOx5LgB;EACI;EACA;EACA;EACA;AP05LpB;AOr5LQ;EACI;EACA;EACA;APu5LZ;AOn5LY;EACI;APq5LhB;AOn5LgB;EACI;APq5LpB;AO94LI;EACI;EACA;EACA;APg5LR;AO94LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APg5LZ;AO94LY;EACI;APg5LhB;AO14LI;EACI;EACA;EACA;AP44LR;AO14LQ;EACI;AP44LZ;AOt4LQ;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;APw4LZ;AOt4LY;EACI;EACA;EACA;APw4LhB;AOn4LI;EACI;EACA;EACA;APq4LR;AOn4LQ;EACI;EACA;EACA;APq4LZ;AOn4LY;EACI;APq4LhB;AOn4LgB;EACI;APq4LpB;AOj4LY;EACI;APm4LhB;AO/3LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APi4LZ;AO/3LY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APi4LhB;AO13LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AP43LZ;AO13LY;EACI;EACA;EACA;KAAA;AP43LhB;AOz3LY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP23LhB;AOz3LgB;EACI;AP23LpB;AOp3LI;EACI;EACA;EACA;EACA;EACA;APs3LR;AOl3LI;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;APo3LR;AOl3LQ;EACI;EACA;EACA;APo3LZ;AOj3LQ;EACI;EACA;APm3LZ;;AO32LI;EACI;EACA;EACA;EACA;AP82LR;AO52LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP82LZ;AO52LY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP82LhB;AO52LgB;EACI;AP82LpB;AOx2LI;EACI;EACA;EACA;EACA;EACA;EACA;AP02LR;AOx2LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;AP02LZ;AOx2LY;EACI;AP02LhB;AOv2LY;EACI;EACA;EACA;APy2LhB;AOt2LY;EACI;EACA;EACA;APw2LhB;AOr2LY;EACI;EACA;EACA;APu2LhB;;AO/1LI;EACI;EACA;EACA;EACA;APk2LR;AOh2LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APk2LZ;AOh2LY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APk2LhB;AOh2LgB;EACI;APk2LpB;AO51LI;EACI;EACA;EACA;EACA;EACA;EACA;AP81LR;AO51LQ;EACI;EACA;EACA;AP81LZ;AO31LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;AP61LZ;AO31LY;EACI;AP61LhB;AO11LY;EACI;EACA;EACA;AP41LhB;AOz1LY;EACI;EACA;EACA;AP21LhB;AOx1LY;EACI;EACA;EACA;AP01LhB;;AOn1LA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APs1LJ;;AOn1LA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APs1LJ;AOp1LI;EACI;APs1LR;AOn1LI;EACI;APq1LR;AOl1LI;EACI;APo1LR;AOj1LI;EACI;EACA;EACA;EACA;EACA;APm1LR;AOj1LQ;EACI;EACA;EACA;EACA;APm1LZ;AOh1LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APk1LZ;AOh1LY;EACI;EACA;APk1LhB;AO70LI;EACI;EACA;EACA;AP+0LR;AO50LI;EACI;EACA;EACA;EACA;EACA;EACA;AP80LR;;AOz0LA;EACI;AP40LJ;;AOr0LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APw0LZ;AOt0LY;EACI;EACA;EACA;KAAA;APw0LhB;AOr0LY;EACI;EACA;EACA;EACA;EACA;APu0LhB;AOn0LQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APq0LZ;AOn0LY;EACI;EACA;APq0LhB;AOl0LY;EACI;EACA;APo0LhB;AO9zLQ;EACI;EACA;EACA;APg0LZ;AO9zLY;EACI;EACA;EACA;EACA;EACA;EACA;APg0LhB;AO9zLgB;EACI;EACA;EACA;KAAA;APg0LpB;AO7zLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AP+zLpB;AO5zLgB;EACI;AP8zLpB;AO3zLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP6zLpB;AOvzLI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APyzLR;AOvzLQ;EACI;EACA;APyzLZ;AOrzLI;EACI;EACA;APuzLR;AOrzLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuzLZ;AOrzLY;EACI;EACA;APuzLhB;AOpzLY;EACI;APszLhB;AOnzLY;EACI;EACA;EACA;APqzLhB;;AO5yLI;EACI;EACA;EACA;EACA;AP+yLR;AO7yLQ;EACI;EACA;EACA;EACA;AP+yLZ;AO7yLY;EACI;EACA;EACA;EACA;AP+yLhB;AO7yLgB;EACI;EACA;EACA;AP+yLpB;AO7yLoB;EACI;EACA;AP+yLxB;AO5yLoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AP8yLxB;AO1yLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP4yLpB;AO1yLoB;EACI;AP4yLxB;AOtyLgB;;;EAGI;APwyLpB;;AO/xLA;EACI;EACA;EACA;EACA;APkyLJ;AOhyLI;EACI;EACA;EACA;EACA;EACA;APkyLR;AOhyLQ;EACI;EACA;EACA;APkyLZ;AO/xLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APiyLZ;AO/xLY;EACI;EACA;APiyLhB;AO9xLY;EACI;APgyLhB;;AOvxLI;EACI;EACA;EACA;EACA;AP0xLR;AOxxLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP0xLZ;AOxxLY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP0xLhB;AOxxLgB;EACI;AP0xLpB;AOpxLI;EACI;EACA;EACA;EACA;EACA;EACA;APsxLR;AOpxLQ;EACI;EACA;EACA;APsxLZ;AOnxLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;APqxLZ;AOnxLY;EACI;APqxLhB;AOlxLY;EACI;EACA;EACA;APoxLhB;AOjxLY;EACI;EACA;EACA;APmxLhB;;AO3wLA;EACI;AP8wLJ;AO5wLI;EACI;EACA;EACA;EACA;EACA;AP8wLR;AO3wLI;EACI;EACA;EACA;EACA;AP6wLR;AO3wLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP6wLZ;AO3wLY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP6wLhB;AO3wLgB;EACI;AP6wLpB;AOvwLI;EACI;APywLR;AOvwLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APywLZ;AOvwLY;EACI;EACA;EACA;APywLhB;AOrwLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuwLZ;AOrwLY;EACI;EACA;EACA;EACA;EACA;APuwLhB;AOrwLgB;EACI;APuwLpB;AOpwLgB;EACI;APswLpB;AOnwLgB;EACI;EACA;EACA;APqwLpB;AOnwLoB;EACI;APqwLxB;AOlwLoB;EACI;EACA;APowLxB;AOjwLoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APmwLxB;AOhwLoB;EACI;EACA;EACA;APkwLxB;;AOvvLI;EACI;EACA;EACA;EACA;AP0vLR;AOxvLQ;EACI;EACA;EACA;EACA;AP0vLZ;AOxvLY;EACI;EACA;EACA;EACA;EACA;EACA;AP0vLhB;AOxvLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP0vLpB;AOvvLgB;EACI;EACA;EACA;APyvLpB;AOtvLgB;EACI;EACA;APwvLpB;AOrvLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuvLpB;AOrvLoB;EACI;APuvLxB;AOlvLY;EACI;EACA;APovLhB;AOlvLgB;EACI;EACA;EACA;EACA;APovLpB;AOlvLoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APovLxB;AOlvLwB;EACI;EACA;APovL5B;AOhvLoB;EACI;APkvLxB;AO3uL4B;EACI;AP6uLhC;AOvuLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APyuLpB;AOvuLoB;EACI;EACA;EACA;APyuLxB;AOtuLoB;EACI;APwuLxB;AOzuLoB;EACI;APwuLxB;AOpuLgB;EACI;EACA;EACA;EACA;EACA;EACA;APsuLpB;AOpuLoB;EACI;APsuLxB;AOnuLoB;EACI;EACA;APquLxB;AOluLoB;EACI;EACA;APouLxB;AOluLwB;EACI;APouL5B;AOhuLoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;APkuLxB;AOhuLwB;EACI;APkuL5B;AO/tLwB;EACI;EACA;EACA;EACA;EACA;APiuL5B;AO9tLwB;EACI;EACA;APguL5B;AO5tLoB;EACI;EACA;EACA;EACA;AP8tLxB;AOztLoB;EACI;AP2tLxB;AOztLwB;EACI;EACA;AP2tL5B;AOxtLwB;EACI;AP0tL5B;AOrtLgB;EACI;EACA;EACA;APutLpB;AOjtLI;EACI;EACA;EACA;APmtLR;AOjtLQ;EACI;APmtLZ;AOjtLY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APmtLhB;AOjtLgB;EACI;EACA;EACA;APmtLpB;;AO3sLA;EACI;AP8sLJ;AO5sLI;EACI;EACA;EACA;EACA;AP8sLR;AO3sLI;EACI;EACA;EACA;AP6sLR;;AOxsLI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP2sLR;AOzsLQ;EACI;EACA;EACA;AP2sLZ;AOzsLY;EACI;EACA;EACA;AP2sLhB;AOzsLgB;EACI;EACA;EACA;AP2sLpB;AOxsLgB;EACI;EACA;EACA;AP0sLpB;AOtsLY;EACI;EACA;EACA;APwsLhB;AOtsLgB;EACI;EACA;EACA;APwsLpB;AOnsLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APqsLZ;AOjsLI;EACI;EACA;EACA;APmsLR;AOhsLI;EACI;EACA;EACA;EACA;APksLR;AOhsLQ;EACI;EACA;EACA;EACA;EACA;EACA;APksLZ;AOhsLY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APksLhB;AO/rLY;EACI;EACA;APisLhB;AO/rLgB;EACI;EACA;EACA;EACA;APisLpB;AO9rLgB;EACI;EACA;APgsLpB;AO5rLY;EACI;EACA;EACA;AP8rLhB;AO5rLgB;EACI;EACA;EACA;EACA;EACA;AP8rLpB;AO5rLoB;EACI;EACA;EACA;EACA;AP8rLxB;AO5rLwB;EACI;EACA;EACA;AP8rL5B;AO3rLwB;EACI;EACA;EACA;AP6rL5B;AOzrLoB;EACI;EACA;EACA;AP2rLxB;AOzrLwB;EACI;EACA;AP2rL5B;AOxrLwB;EACI;EACA;AP0rL5B;AOrrLgB;EACI;EACA;EACA;EACA;APurLpB;AOrrLoB;EACI;EACA;EACA;APurLxB;AOrrLwB;EACI;APurL5B;AOrrL4B;EACI;APurLhC;AOlrLoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APorLxB;AOlrLwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APorL5B;AO/qLgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APirLpB;AO/qLoB;EACI;APirLxB;AO3qLQ;EACI;EACA;AP6qLZ;AO1qLgB;EACI;EACA;EACA;EACA;AP4qLpB;AO1qLoB;EACI;AP4qLxB;AOvqLoB;EACI;EACA;EACA;EACA;EACA;APyqLxB;AOtqLoB;EACI;EACA;EACA;EACA;EACA;EACA;APwqLxB;AOtqLwB;EACI;EACA;EACA;APwqL5B;AOpqLoB;EACI;EACA;EACA;EACA;EACA;APsqLxB;AOpqLwB;EACI;EACA;APsqL5B;AO9pLI;EACI;EACA;EACA;EACA;EACA;EACA;APgqLR;;AO3pLI;EACI;EACA;EACA;EACA;EACA;AP8pLR;AO5pLQ;EACI;EACA;EACA;AP8pLZ;AO3pLQ;EACI;EACA;AP6pLZ;AO1pLQ;EACI;EACA;EACA;EACA;AP4pLZ;AO1pLY;EACI;AP4pLhB;AO1pLgB;EACI;AP4pLpB;;AOtpLA;EAEI;EACA;EACA;EACA;EACA;APwpLJ;AOtpLI;EACI;EACA;EACA;EACA;APwpLR;AOrpLI;EACI;EACA;EACA;APupLR;AOppLI;EACI;EACA;EACA;EACA;APspLR;AOnpLI;EACI;EACA;EACA;EACA;EACA;EACA;APqpLR;AOnpLQ;EACI;EACA;EACA;EACA;EACA;EACA;APqpLZ;AOlpLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APopLZ;AOlpLY;EACI;EACA;EACA;APopLhB;AOjpLY;EACI;EACA;EACA;EACA;APmpLhB;AOjpLgB;EACI;EACA;EACA;APmpLpB;AOhpLgB;EACI;APkpLpB;AO7oLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP+oLZ;AO7oLY;EACI;EACA;AP+oLhB;AO1oLI;EACI;EACA;EACA;EACA;EACA;EACA;AP4oLR;AO1oLQ;EACI;EACA;EACA;AP4oLZ;AO1oLY;EACI;AP4oLhB;AOxoLQ;EACI;EACA;EACA;AP0oLZ;AOvoLQ;EACI;EACA;EACA;EACA;APyoLZ;;AOnoLI;EACI;EACA;EACA;APsoLR;AOpoLQ;EACI;EACA;APsoLZ;AOnoLQ;EACI;EACA;EACA;EACA;EACA;EACA;APqoLZ;AOjoLI;EACI;EACA;EACA;APmoLR;AOjoLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APmoLZ;AOhoLQ;EACI;EACA;APkoLZ;;AO5nLI;EACI;EACA;EACA;EACA;AP+nLR;AO7nLQ;EACI;EACA;EACA;EACA;AP+nLZ;AO5nLQ;EACI;EACA;EACA;AP8nLZ;AO5nLY;EACI;AP8nLhB;AOznLI;EACI;EACA;EACA;EACA;EACA;AP2nLR;AOznLQ;EACI;EACA;EACA;AP2nLZ;AOxnLQ;EACI;EACA;EACA;AP0nLZ;AOxnLY;EACI;EACA;AP0nLhB;;AOlnLI;EACI;EACA;EACA;EACA;APqnLR;AOnnLQ;EACI;EACA;EACA;EACA;EACA;EACA;APqnLZ;AOlnLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APonLZ;AOlnLY;EACI;EACA;EACA;APonLhB;AOjnLY;EACI;APmnLhB;AO9mLI;EACI;EACA;EACA;EACA;APgnLR;;AO1mLI;EACI;EACA;AP6mLR;AO3mLQ;EACI;EACA;AP6mLZ;AO1mLQ;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;AP2mLZ;AOzmLY;EACI;EACA;EACA;AP2mLhB;AOxmLY;EACI;EACA;EACA;EACA;EACA;AP0mLhB;AOxmLgB;EACI;EACA;EACA;EACA;AP0mLpB;AOvmLgB;EACI;EACA;APymLpB;AOpmLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APsmLZ;AOpmLY;EACI;EACA;APsmLhB;AOjmLI;EACI;EACA;EACA;EACA;EACA;EACA;APmmLR;AOjmLQ;EACI;APmmLZ;AOhmLQ;EACI;APkmLZ;;AO1lLQ;EACI;EACA;EACA;EACA;EACA;EACA;AP6lLZ;AO3lLY;EACI;EACA;EACA;AP6lLhB;AO1lLY;EACI;EACA;AP4lLhB;AO1lLgB;EACI;AP4lLpB;;AOnlLI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APslLR;AOnlLI;EACI;EACA;EACA;EACA;APqlLR;AOnlLQ;EACI;EACA;APqlLZ;;AO9kLA;EACI;EACA;EACA;EACA;EACA;APilLJ;AO/kLI;EAPJ;IAQQ;IACA;IACA;EPklLN;AACF;;AO7kLI;EACI;EACA;EACA;EACA;EACA;EACA;APglLR;AO9kLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APglLZ;AO9kLY;EACI;APglLhB;AO7kLY;EACI;EACA;AP+kLhB;AO5kLY;EACI;EACA;EACA;EACA;AP8kLhB;AO3kLY;EACI;AP6kLhB;AO3kLgB;EACI;AP6kLpB;AOzkLY;EACI;EACA;EACA;AP2kLhB;AOzkLgB;EACI;EACA;AP2kLpB;AOrkLI;EA5DJ;IA6DQ;EPwkLN;EOtkLM;IACI;IACA;IACA;IACA;IACA;EPwkLV;EOtkLU;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EPwkLd;EOtkLc;IACI;EPwkLlB;EOrkLc;IACI;IACA;IACA;IACA;IACA;EPukLlB;EOpkLc;IACI;IACA;IACA;EPskLlB;EOpkLkB;IACI;IACA;EPskLtB;EOlkLc;IACI;IACA;EPokLlB;AACF;;AO9jLA;EACI;APikLJ;AO/jLI;EACI;EACA;EACA;EACA;APikLR;AO/jLQ;EACI;EACA;APikLZ;AO/jLY;EACI;EACA;APikLhB;AO9jLY;EACI;EACA;EACA;EACA;APgkLhB;AO7jLY;EACI;EACA;EACA;AP+jLhB;;AOvjLA;EACI;EACA;EACA;AP0jLJ;AOxjLI;EACI;EACA;AP0jLR;AOxjLQ;EACI;EACA;EACA;EACA;EACA;EACA;AP0jLZ;AOxjLY;EACI;EACA;AP0jLhB;AOpjLQ;EACI;EACA;APsjLZ;AOpjLY;EACI;APsjLhB;AOnjLY;EACI;EACA;EACA;APqjLhB;AOhjLI;EACI;EACA;APkjLR;AO/iLI;EACI;EACA;EACA;EACA;APijLR;AO/iLQ;EACI;EACA;EACA;EACA;EACA;EACA;APijLZ;AO/iLY;EACI;EACA;EACA;KAAA;APijLhB;AO9iLY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;APgjLhB;AO5iLQ;EACI;EACA;AP8iLZ;AO5iLY;EACI;EACA;EACA;EACA;EACA;EACA;AP8iLhB;AO3iLY;EACI;EACA;AP6iLhB;AOxiLI;EACI;EACA;EACA;EACA;EACA;AP0iLR;AOtiLI;EACI;EACA;EACA;EACA;APwiLR;AOtiLQ;EACI;APwiLZ;AOpiLI;EACI;EACA;EACA;EACA;EACA;APsiLR;;AOliLA;EACI;EACA;EACA;EACA;APqiLJ;AOliLI;EACI;IACI;EPoiLV;AACF;AOjiLI;EACI;IACI;IACA;EPmiLV;EOjiLU;;IAEI;EPmiLd;EOhiLU;IACI;EPkiLd;EOhiLc;IACI;IACA;EPkiLlB;AACF;;AO3hLA;EACI;IACI;IACA;EP8hLN;EO3hLE;IACI;EP6hLN;EO3hLM;IACI;EP6hLV;AACF;AOzhLA;EAEQ;IACI;IACA;EP0hLV;EOxhLU;IACI;IACA;EP0hLd;EOrhLU;IACI;IACA;EPuhLd;EOrhLc;IACI;EPuhLlB;EOlhLM;IACI;IACA;EPohLV;EOlhLU;IACI;IACA;EPohLd;EO/gLE;IACI;IACA;IACA;EPihLN;EO/gLM;IACI;EPihLV;EO9gLM;IACI;IACA;IACA;EPghLV;AACF;AO1gLA;;;EAGI;;;;KAAA;APghLJ;AO1gLI;;;EACI;EACA;EACA;EACA;EACA;AP8gLR;AO5gLQ;;;EACI;EACA;EACA;EACA;APghLZ;AO7gLQ;;;EACI;EACA;EACA;EACA;APihLZ;AO/gLY;EANJ;;;IAOQ;EPohLd;AACF;AOhhLY;;;EACI;EACA;EACA;EACA;EACA;APohLhB;AOjhLY;;;;;;;;;EAGI;EACA;EACA;EACA;EACA;EACA;APyhLhB;AOvhLgB;;;;;;;;;EACI;EACA;EACA;APiiLpB;AO7hLY;;;EACI;EACA;APiiLhB;AO7hLQ;;;EACI;EACA;EACA;APiiLZ;AO9hLQ;;;EACI;EACA;EACA;APkiLZ;AOhiLY;;;EACI;EACA;EACA;KAAA;EACA;EACA;APoiLhB;AOjiLY;;;EACI;EACA;APqiLhB;AOhiLI;;;EACI;EACA;EACA;EACA;APoiLR;AOliLQ;;;EACI;EACA;APsiLZ;AOpiLY;;;EACI;EACA;APwiLhB;AOtiLgB;;;EACI;EACA;EACA;EACA;EACA;EACA;AP0iLpB;AOriLgB;;;EACI;EACA;APyiLpB;AOviLoB;;;EACI;AP2iLxB;AOxiLoB;;;EACI;AP4iLxB;AOziLoB;;;EACI;EACA;EACA;AP6iLxB;AO3iLwB;;;EACI;EACA;AP+iL5B;AO5iLwB;;;EACI;EACA;APgjL5B;;AOniLI;;EACI;EACA;EACA;EACA;EACA;APuiLR;AOpiLI;;EACI;EACA;EACA;APuiLR;;AOjiLA;;EAEI;;;;KAAA;APwiLJ;AOliLI;;EACI;EACA;EACA;EACA;APqiLR;AOniLQ;;EACI;EACA;EACA;APsiLZ;AOpiLY;;EACI;EACA;EACA;EACA;EACA;APuiLhB;AOpiLY;;EACI;EACA;EACA;APuiLhB;AOniLQ;;EACI;EACA;APsiLZ;AOliLI;;EACI;EACA;EACA;EACA;EACA;APqiLR;AOniLQ;;EACI;EACA;EACA;EACA;APsiLZ;AOniLQ;;EACI;EACA;EACA;EACA;APsiLZ;AOpiLY;EANJ;;IAOQ;EPwiLd;AACF;AOpiLY;;EACI;EACA;EACA;EACA;EACA;APuiLhB;AOriLgB;;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;APwiLpB;AOtiLoB;;EACI;EACA;EACA;APyiLxB;AOtiLoB;;EACI;APyiLxB;AOpiLY;;;;;;EAGI;EACA;EACA;EACA;EACA;EACA;APyiLhB;AOviLgB;;;;;;EACI;EACA;EACA;AP8iLpB;AO1iLY;;EACI;EACA;AP6iLhB;AO1iLY;;EACI;EACA;EACA;EACA;EACA;AP6iLhB;AOziLQ;;EACI;EACA;EACA;AP4iLZ;AOxiLI;;EACI;EACA;EACA;EACA;AP2iLR;AOziLQ;;EACI;EACA;AP4iLZ;AO1iLY;;EACI;EACA;AP6iLhB;AO3iLgB;;EACI;EACA;EACA;EACA;EACA;EACA;AP8iLpB;AOziLgB;;EACI;EACA;AP4iLpB;AO1iLoB;;EACI;AP6iLxB;AO1iLoB;;EACI;AP6iLxB;AO1iLoB;;EACI;EACA;EACA;AP6iLxB;AO3iLwB;;EACI;EACA;AP8iL5B;AOviLQ;;EACI;EACA;AP0iLZ;AOxiLY;;EACI;EACA;AP2iLhB;AOxiLY;;EACI;EACA;EACA;EACA;AP2iLhB;AOxiLY;;EACI;EACA;EACA;AP2iLhB;;AOpiLA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuiLJ;;AOpiLA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APuiLJ;AOriLI;EACI;APuiLR;AOpiLI;EACI;APsiLR;AOniLI;EACI;EACA;EACA;EACA;EACA;APqiLR;AOniLQ;EACI;EACA;EACA;EACA;APqiLZ;AOliLQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APoiLZ;AOliLY;EACI;EACA;APoiLhB;AO/hLI;EACI;EACA;EACA;APiiLR;AO9hLI;EACI;EACA;EACA;EACA;EACA;EACA;APgiLR;;AQh7QA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARm7QJ;AQj7QI;EAbJ;IAcQ;IACA;ERo7QN;AACF;;AQj7QA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARo7QJ;AQl7QI;EAXJ;IAYQ;IACA;IACA;IACA;IACA;ERq7QN;AACF;AQn7QI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARq7QR;AQn7QQ;EACI;EACA;ARq7QZ;AQj7QI;EACI;EACA;EACA;EACA;EACA;EACA;ARm7QR;AQj7QQ;EARJ;IASQ;IACA;IACA;ERo7QV;AACF;AQl7QQ;EAdJ;IAeQ;IACA;IACA;ERq7QV;AACF;AQn7QQ;EApBJ;IAqBQ;IACA;IACA;ERs7QV;AACF;AQp7QQ;EA1BJ;IA2BQ;ERu7QV;AACF;AQn7QI;EACI;EACA;EACA;ARq7QR;AQn7QQ;EALJ;IAMQ;ERs7QV;AACF;AQp7QQ;EATJ;IAUQ;ERu7QV;AACF;AQr7QQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARu7QZ;AQr7QY;EACI;EACA;EACA;KAAA;EACA;ARu7QhB;AQp7QY;EACI;EACA;ARs7QhB;AQp7QgB;EACI;EACA;EACA;ARs7QpB;AQn7QgB;EACI;EACA;ARq7QpB;AQh7QQ;EACI;EACA;EACA;EACA;ARk7QZ;AQh7QY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARk7QhB;AQh7QgB;EACI;EACA;EACA;ARk7QpB;AQ/6QgB;EACI;EACA;ARi7QpB;AQ96QgB;EACI;EACA;EACA;KAAA;ARg7QpB;AQ36QQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AR66QZ;AQ36QY;EACI;AR66QhB;AQ36QgB;EACI;AR66QpB;AQz6QY;EACI;EACA;AR26QhB;AQz6QgB;EACI;AR26QpB;AQv6QY;EACI;EACA;EACA;EACA;ARy6QhB;AQt6QY;EACI;EACA;EACA;ARw6QhB;AQl6QI;EACI;EACA;EACA;EACA;ARo6QR;AQl6QQ;EACI;ARo6QZ;AQl6QY;EACI;EACA;EACA;EACA;EACA;EACA;ARo6QhB;AQj6QY;EACI;EACA;EACA;ARm6QhB;AQj6QgB;EACI;EACA;EACA;EACA;ARm6QpB;AQh6QgB;EACI;EACA;EACA;ARk6QpB;AQh6QoB;EACI;EACA;ARk6QxB;AQ95QgB;EACI;EACA;ARg6QpB;AQ75QgB;EACI;EACA;AR+5QpB;AQ15QQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR45QZ;AQ15QY;EACI;EACA;EACA;AR45QhB;AQz5QY;EACI;EACA;EACA;AR25QhB;AQx5QY;EACI;EACA;EACA;EACA;EACA;EACA;AR05QhB;AQv5QY;EACI;EACA;EACA;ARy5QhB;AQr5QQ;EACI;EACA;EACA;EACA;EACA;ARu5QZ;AQr5QY;EACI;EACA;EACA;EACA;ARu5QhB;AQr5QgB;EACI;EACA;ARu5QpB;AQp5QgB;EACI;EACA;ARs5QpB;AQn5QgB;EACI;EACA;ARq5QpB;AQj5QY;EACI;EACA;ARm5QhB;AQ/4QQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARi5QZ;AQ/4QY;EACI;ARi5QhB;AQ/4QgB;EACI;ARi5QpB;AQ54QQ;EACI;EACA;AR84QZ;AQ54QY;EACI;EACA;EACA;EACA;AR84QhB;AQ34QY;EACI;EACA;AR64QhB;AQ34QgB;EACI;AR64QpB;AQ34QoB;EACI;AR64QxB;AQz4QgB;EACI;EACA;AR24QpB;AQz4QoB;EACI;EACA;EACA;EACA;AR24QxB;AQx4QoB;EACI;EACA;AR04QxB;AQp4QQ;EACI;EACA;EACA;EACA;ARs4QZ;AQp4QY;EACI;ARs4QhB;AQp4QgB;EACI;ARs4QpB;AQn4QgB;EACI;EACA;EACA;EACA;ARq4QpB;AQl4QgB;EACI;EACA;EACA;ARo4QpB;AQl4QoB;EACI;EACA;EACA;EACA;ARo4QxB;AQl4QwB;EACI;EACA;ARo4Q5B;AQj4QwB;EACI;EACA;ARm4Q5B;AQ33QY;EACI;EACA;EACA;EACA;AR63QhB;;AQt3QA;EAEQ;IACI;ERw3QV;AACF;AQn3QA;EACI;IACI;ERq3QN;EQl3QE;IACI;IACA;IACA;IACA;ERo3QN;EQl3QM;IACI;IACA;IACA;IACA;IACA;IACA;ERo3QV;EQj3QM;IACI;IACA;IACA;IACA;IACA;IACA;ERm3QV;EQh3QM;IACI;IACA;IACA;IACA;ERk3QV;EQh3QU;IACI;ERk3Qd;EQ/2QU;IACI;IACA;ERi3Qd;EQ92QU;IACI;IACA;ERg3Qd;EQ52QM;IACI;IACA;IACA;IACA;ER82QV;EQ32Qc;IACI;IACA;ER62QlB;EQz2QkB;IACI;IACA;ER22QtB;EQt2QU;IACI;IACA;IACA;ERw2Qd;EQt2Qc;;IAEI;ERw2QlB;EQr2Qc;IACI;ERu2QlB;EQp2Qc;IACI;IACA;ERs2QlB;EQl2QU;IACI;ERo2Qd;EQl2Qc;IACI;IACA;ERo2QlB;EQj2Qc;IACI;ERm2QlB;EQ91Qc;IACI;ERg2QlB;EQ71Qc;IACI;IACA;ER+1QlB;EQ71QkB;IACI;ER+1QtB;EQ11QU;IACI;ER41Qd;EQ11Qc;IACI;ER41QlB;EQ11QkB;IACI;ER41QtB;EQz1QkB;IACI;IACA;ER21QtB;EQt1QU;IACI;IACA;ERw1Qd;AACF;AQl1QA;EAEQ;IACI;ERm1QV;EQh1QM;IACI;ERk1QV;EQh1QU;IACI;ERk1Qd;EQ/0QU;IACI;IACA;ERi1Qd;EQ50QU;IACI;ER80Qd;EQ30QU;IACI;ER60Qd;EQ30Qc;;IAEI;ER60QlB;EQz0QU;IACI;ER20Qd;AACF;ASn9RA;EACI;;;;KAAA;ATy9RJ;ASn9RI;EACI;EACA;EACA;EACA;EACA;EACA;ATq9RR;ASl9RY;EACI;EACA;EACA;EACA;EACA;ATo9RhB;ASj9RY;EACI;EACA;ATm9RhB;AS/8RQ;EACI;EACA;ATi9RZ;AS58RI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AT88RR;AS58RQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT88RZ;AS58RY;EACI;EACA;AT88RhB;AS38RY;EACI;EACA;EACA;AT68RhB;ASv8RI;EACI;EACA;EACA;EACA;EACA;ATy8RR;ASv8RQ;EACQ;EACA;EACA;EACA;EACA;ATy8RhB;ASv8RY;EACI;EACA;EACA;EACA;ATy8RhB;ASt8RY;EACI;EACA;ATw8RhB;ASp8RQ;EACI;EACA;EACA;EACA;EACA;ATs8RZ;ASp8RY;EACI;EACA;EACA;EACA;EACA;EACA;ATs8RhB;ASp8RgB;EACI;EACA;EACA;EACA;ATs8RpB;ASn8RgB;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;ATq8RpB;ASn8RoB;EACI;EACA;EACA;ATq8RxB;ASl8RoB;EACI;EACA;EACA;ATo8RxB;ASj8RoB;EACI;ATm8RxB;AS97RY;EACI;ATg8RhB;AS57RQ;EACI;EACA;EACA;EACA;AT87RZ;AS57RY;EACI;AT87RhB;AS57RgB;EACI;AT87RpB;AS57RoB;EACI;AT87RxB;AS17RgB;EACI;EACA;EACA;EACA;AT47RpB;AS17RoB;EACI;EACA;EACA;EACA;AT47RxB;ASx7RgB;;;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;AT07RpB;ASx7RoB;;;EACI;EACA;EACA;AT47RxB;ASz7RoB;;;EACI;EACA;EACA;EACA;AT67RxB;AS17RoB;EACI;AT87RxB;AS/7RoB;;;EACI;AT87RxB;ASv7RQ;EACI;EACA;EACA;EACA;ATy7RZ;ASv7RY;EACI;EACA;EACA;ATy7RhB;ASv7RgB;EACI;ATy7RpB;ASv7RoB;EACI;ATy7RxB;ASr7RgB;EACI;ATu7RpB;ASn7RY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATq7RhB;ASn7RgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATq7RpB;ASh7RQ;EACI;EACA;EACA;EACA;ATk7RZ;ASh7RY;EACI;EACA;EACA;ATk7RhB;AS56RI;EACI;EACA;EACA;EACA;EACA;AT86RR;AS56RQ;EACI;EACA;EACA;EACA;EACA;AT86RZ;AS56RY;EACI;EACA;EACA;EACA;AT86RhB;AS36RY;EACI;EACA;AT66RhB;ASz6RQ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;ATy6RZ;ASx6RY;EACI;EACA;AT06RhB;ASv6RY;EACI;EACA;ATy6RhB;ASt6RY;EACI;EACA;ATw6RhB;ASt6RgB;EACI;ATw6RpB;ASl8RQ;EA8BI;EACA;EACA;EAEA;ATs6RZ;ASr6RY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATu6RhB;ASp6RY;EACI;ATs6RhB;ASl6RY;EACI;EACA;EACA;ATo6RhB;ASl6RgB;EACI;EACA;ATo6RpB;ASl6RoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ATm6RxB;ASl6RwB;EACI;EACA;EACA;EACA;ATo6R5B;AS95RoB;EACI;EACA;ATg6RxB;AS95RwB;EACI;EAEA;AT+5R5B;AS95R4B;EACI;ATg6RhC;AS55RwB;EACI;AT85R5B;AS35RwB;EACI;EACA;EAEA;AT45R5B;AS35R4B;EACI;EACA;EACA;EACA;EACA;AT65RhC;AS15R4B;EACI;EACA;EACA;AT45RhC;AS15RgC;EACI;EACA;EACA;KAAA;EACA;EACA;EACA;AT45RpC;ASz5RgC;EACI;EACA;EACA;EACA;AT25RpC;ASv5R4B;EACI;EACA;EACA;ATy5RhC;ASt5R4B;EACK;ATw5RjC;ASr5R4B;;EAEI;EACA;EACA;EACA;EACA;EACA;ATu5RhC;ASr5RgC;;EACI;EACA;EACA;ATw5RpC;ASr5RgC;;EACI;EACA;EACA;ATw5RpC;AS/4RQ;EACI;EACA;ATi5RZ;AS14RI;EACI;EACA;EACA;EACA;AT44RR;ASz4RY;EACI;EACA;EACA;EACA;AT24RhB;ASx4RY;EACI;EACA;AT04RhB;ASx4RgB;EACI;EACA;EACA;AT04RpB;ASx4RoB;EACI;EACA;AT04RxB;ASv4RoB;EACI;EACA;EACA;ATy4RxB;;ASh4RA;EAEQ;IACI;IACA;IACA;ETk4RV;ESh4RU;IACI;ETk4Rd;ESh4Rc;IACI;ETk4RlB;ES73RM;IACI;ET+3RV;ES73RU;IACI;ET+3Rd;ES13RU;IACI;ET43Rd;AACF;ASt3RA;EACI;EACA;EACA;EACA;EACA;EACA;ATw3RJ;ASt3RI;EACI;EACA;EACA;EACA;ATw3RR;ASt3RQ;EACI;EACA;EACA;ATw3RZ;ASr3RQ;EACI;ATu3RZ;ASr3RY;EACI;EACA;EACA;EACA;ATu3RhB;ASp3RY;EACI;EACA;EACA;EACA;ATs3RhB;ASp3RgB;EACI;ATs3RpB;ASn3RgB;EACI;EACA;ATq3RpB;ASh3RQ;EACI;EACA;EACA;EACA;ATk3RZ;ASh3RY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATk3RhB;ASh3RgB;EACI;EACA;ATk3RpB;ASh3RoB;EACI;EACA;EACA;ATk3RxB;AS92RgB;EACI;EACA;EACA;ATg3RpB;AS92RoB;EACI;EACA;ATg3RxB;ASz2RQ;EAlFJ;IAmFQ;IACA;ET42RV;ES12RU;IACI;IACA;ET42Rd;ES12Rc;IACI;IACA;ET42RlB;AACF;;ASr2RA;EACI;EACA;EACA;EACA;ATw2RJ;ASt2RI;EACI;EACA;EACA;EACA;EACA;ATw2RR;ASt2RQ;EACI;EACA;EACA;ATw2RZ;ASp2RI;EACI;EACA;EACA;ATs2RR;;ASl2RA;EACI;EACA;ATq2RJ;;ASl2RA;EACI;EACA;EACA;EACA;EACA;ATq2RJ;;ASj2RA;EACI;EACA;ATo2RJ;ASl2RI;EACI;EACA;EACA;ATo2RR;;ASj2RA;AACA;EACI;EACA;ATo2RJ;;ASj2RA;EACI;EACA;EACA;EACA;EACA;EACA;ATo2RJ;ASl2RI;EACI;EACA;EACA;EACA;EACA;EACA;ATo2RR;ASl2RQ;EACI;EACA;EACA;EACA;EACA;EACA;ATo2RZ;ASj2RQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATm2RZ;ASj2RY;EACI;ATm2RhB;AS91RI;EACI;ATg2RR;AS71RI;EACI;EACA;EACA;EACA;AT+1RR;;AS11RI;EACI;AT61RR;AS31RQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT61RZ;AS31RY;EACI;AT61RhB;AS11RY;EACI;EACA;EACA;AT41RhB;ASx1RQ;EACI;EACA;EACA;AT01RZ;ASx1RY;EACI;EACA;EACA;EACA;EACA;EACA;AT01RhB;ASx1RgB;EACI;EACA;EACA;AT01RpB;ASv1RgB;EACI;EACA;EACA;ATy1RpB;ASn1RI;EACI;ATq1RR;ASn1RQ;EACI;EACA;EACA;EACA;EACA;EACA;ATq1RZ;ASn1RY;EACI;EACA;EACA;EACA;EACA;ATq1RhB;ASn1RgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;ATg1RpB;AS30RQ;EACI;EACA;EACA;EACA;AT60RZ;ASz0RI;;EAEI;EACA;EACA;AT20RR;ASx0RI;EACI;EACA;AT00RR;ASx0RQ;EACI;EACA;AT00RZ;ASt0RY;EACI;EACA;EACA;ATw0RhB;ASr0RY;EACI;EACA;EACA;ATu0RhB;ASl0RI;EACI;EACA;ATo0RR;ASl0RQ;EACI;EACA;EACA;ATo0RZ;ASj0RQ;EACI;EACA;EACA;EACA;ATm0RZ;ASj0RY;EACI;EACA;ATm0RhB;;AS7zRA;EACI;EACA;EACA;EACA;EACA;ATg0RJ;AS9zRI;EACI;EACA;ATg0RR;AS5zRQ;EACI;EACA;EACA;AT8zRZ;AS3zRQ;EACI;EACA;EACA;AT6zRZ;;ASxzRA;EACI;IACI;ET2zRN;ESzzRE;IACI;ET2zRN;AACF;ASxzRA;AACA;EACI;IACI;IACA;ET0zRN;ESxzRM;IACI;ET0zRV;ESxzRU;IACI;ET0zRd;EStzRM;IACI;ETwzRV;ESnzRc;IACI;IACA;ETqzRlB;ESjzRU;IACI;ETmzRd;EShzRU;;IAEI;ETkzRd;AACF;AS7yRA;AACA;EACI;IACI;ET+yRN;ES7yRM;IACI;ET+yRV;ES5yRM;IACI;ET8yRV;ESzyRc;IACI;IACA;ET2yRlB;ESzyRkB;IACI;ET2yRtB;EStyRkB;IACI;ETwyRtB;EStyRsB;IACI;ETwyR1B;ESryRsB;IACI;ETuyR1B;EShyRc;IACI;ETkyRlB;ES/xRc;IACI;ETiyRlB;ES7xRU;IACI;IACA;ET+xRd;ES5xRkB;IACI;ET8xRtB;ES3xRkB;IACI;ET6xRtB;ESxxRU;IACI;IACA;ET0xRd;ESxxRc;IACI;ET0xRlB;ESxxRkB;IACI;ET0xRtB;ESpxRM;IACI;IACA;ETsxRV;ESnxRc;IACI;ETqxRlB;ESlxRc;IACI;EToxRlB;AACF;AU91TA;;EAEI;;;KAAA;AVm2TJ;AU91TI;;EACI;EACA;EACA;EACA;EACA;AVi2TR;AU91TI;;EACI;EACA;EACA;EACA;AVi2TR;AU91TI;;EACI;EACA;AVi2TR;AU91TI;;;;EAEI;EACA;EACA;EACA;EACA;EACA;AVk2TR;AUh2TQ;;;;EACI;EACA;AVq2TZ;AUj2TI;;EACI;EACA;EACA;EACA;AVo2TR;AUj2TI;;EACI;AVo2TR;AUj2TI;;EACI;EACA;AVo2TR;AUl2TQ;;EACI;AVq2TZ;AUn2TY;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AVs2ThB;AUp2TgB;;EACI;EACA;AVu2TpB;AUj2TY;;EACI;EACA;AVo2ThB;AUl2TgB;;EACI;AVq2TpB;AUj2TY;;EACI;EACA;EACA;AVo2ThB;AUl2TgB;;EACI;EACA;AVq2TpB;AUn2ToB;;EACI;EACA;AVs2TxB;AUn2ToB;;EACI;EACA;EACA;AVs2TxB;AUl2TgB;;EACI;AVq2TpB;AU/1TI;;EACI;EACA;EACA;AVk2TR;AU/1TI;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVk2TR;AU/1TI;;EACI;EACA;EACA;EACA;KAAA;EACA;EACA;AVk2TR;AU91TQ;;EACI;EACA;EACA;AVi2TZ;AU91TQ;;EACI;EACA;AVi2TZ;AU71TI;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVg2TR;AU71TI;;EACI;EACA;EACA;AVg2TR;AU71TI;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AVg2TR;AU91TQ;;EACI;AVi2TZ;AU91TQ;;EACI;AVi2TZ;AU71TI;;EACI;EACA;EACA;EACA;EACA;EACA;AVg2TR;AU91TQ;;EACI;EACA;AVi2TZ;AU71TI;;EACI;EACA;EACA;EACA;EACA;EACA;AVg2TR;AU91TQ;;EACI;EACA;EACA;AVi2TZ;;AU11TI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV61TR;AU31TQ;EACI;AV61TZ;AUz1TI;EACI;EACA;AV21TR;AUx1TI;EACI;EACA;EACA;EACA;AV01TR;AUv1TI;EACI;EACA;EACA;EACA;EACA;AVy1TR;AUv1TQ;EACI;EACA;EACA;EACA;AVy1TZ;AUr1TI;EACI;AVu1TR;AUp1TI;EACI;EACA;EACA;EACA;AVs1TR;AUp1TQ;EACI;AVs1TZ;AUl1TI;EACI;AVo1TR;AUl1TQ;EACI;AVo1TZ;AUj1TQ;EACI;EACA;EACA;EACA;EACA;AVm1TZ;AUh1TQ;;;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;AVk1TZ;AUh1TY;;;EACI;EACA;EACA;AVo1ThB;AUj1TY;;;EACI;EACA;EACA;AVq1ThB;AUj1TQ;EACI;EACA;EACA;EACA;AVm1TZ;;AU70TA;EAGQ;;IACI;EV+0TV;EU50TM;;IACI;EV+0TV;EU70TU;;IACI;EVg1Td;EU30TU;;IACI;EV80Td;AACF;AUz0TA;EAGY;;IAEI;IACA;EVy0Td;EUt0TU;IACI;IACA;IACA;EVw0Td;EUp0TM;IACI;EVs0TV;AACF;AW1rUA;EACI;AX4rUJ;AWvrUQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXyrUZ;AWvrUY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXyrUhB;AWtrUY;EACI;EACA;EACA;EACA;KAAA;EACA;EACA;AXwrUhB;AWrrUY;EACI;AXurUhB;AWrrUgB;EACI;EACA;EACA;AXurUpB;AWprUgB;EACI;EACA;EACA;AXsrUpB;AWnrUgB;EACI;EACA;EACA;AXqrUpB;AWnrUoB;EACI;EACA;EACA;EACA;EACA;EACA;AXqrUxB;AWnrUwB;EACI;EACA;AXqrU5B;AW7qUQ;EACI;EACA;EACA;EACA;EACA;AX+qUZ;AW7qUY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AX+qUhB;AW1qUQ;EACI;EACA;EACA;AX4qUZ;AW1qUY;EACI;EACA;EACA;AX4qUhB;AW1qUgB;EACI;EACA;EACA;EACA;EACA;AX4qUpB;AWzqUgB;EACI;EACA;EACA;AX2qUpB;AWrqUQ;EACI;EACA;EACA;AXuqUZ;AWrqUY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXuqUhB;AWrqUgB;EACI;EACA;AXuqUpB;AWpqUgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXsqUpB;AWnqUgB;EACI;AXqqUpB;AWnqUoB;EACI;EACA;EACA;EACA;EACA;AXqqUxB;AWlqUoB;EACI;EACA;EACA;EACA;AXoqUxB;AW7pUQ;EACI;EACA;EACA;AX+pUZ;AW7pUY;EACI;EACA;EACA;AX+pUhB;AW7pUgB;EACI;AX+pUpB;AW5pUgB;EACI;AX8pUpB;;AWtpUA;EAGY;IACI;IACA;IACA;EXupUd;EWrpUc;IACI;IACA;IACA;EXupUlB;EWnpUkB;IACI;EXqpUtB;EWlpUkB;IACI;EXopUtB;EW/oUU;IACI;EXipUd;EW9oUU;IACI;EXgpUd;AACF;AYz3UA;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;AZy3UJ;AYv3UI;EACE;EACA;AZy3UN;AYr3UE;EACE;EACA;EACA;AZu3UJ;AYr3UI;EALF;IAMI;IACA;EZw3UJ;AACF;AYr3UE;EACE;EACA;EACA;AZu3UJ;AYr3UI;EALF;IAMI;IACA;IACA;EZw3UJ;AACF;AYt3UI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZw3UN;AYt3UM;EAbF;IAcI;IACA;IACA;IACA;EZy3UN;AACF;AYv3UM;EACE;AZy3UR;AYt3UM;EACE;EACA;EACA;AZw3UR;AYr3UM;EACE;EACA;AZu3UR;AYp3UM;EACE;EACA;EACA;AZs3UR;AYp3UQ;EACE;AZs3UV;AYl3UM;EACE;EACA;EACA;AZo3UR;AYl3UQ;EACE;AZo3UV;AY52UM;EACE;EACA;EACA;AZ82UR;AY32UU;EACE;EACA;EACA;AZ62UZ;AYt2UE;EACE;EACA;EACA;AZw2UJ;AYr2UE;EACE;EACA;EACA;EACA;EACA;EACA;AZu2UJ;AYr2UI;EACE;AZu2UN;AYp2UI;EACE;AZs2UN;AYp2UM;EACE;EACA;EACA;EACA;EACA;AZs2UR;AYn2UM;EACE;EACA;EACA;EACA;AZq2UR;AYj2UI;EACE;AZm2UN;AYj2UM;EACE;AZm2UR;AY/1UI;EAvCF;IAwCI;IACA;IACA;EZk2UJ;EYh2UI;IACE;EZk2UN;AACF;AY71UI;EADF;IAEI;EZg2UJ;AACF;AY91UI;EACE;EACA;EACA;EACA;EACA;AZg2UN;AY51UE;EACE;EACA;EACA;EACA;AZ81UJ;AY51UI;EACE;EACA;EACA;EACA;EACA;AZ81UN;;AYz1UA;AAEE;EACE;EACA;EACA;EACA;AZ21UJ;AYz1UI;EACE;EACA;EACA;AZ21UN;AYz1UM;EACE;AZ21UR;AYz1UQ;EACE;AZ21UV;AYv1UM;EACE;AZy1UR;AYt1UM;EACE;EACA;AZw1UR;AYp1UI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZs1UN;AYp1UM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZs1UR;;AYh1UA;AACA;EAGM;IACE;EZi1UN;EY70UE;IACE;EZ+0UJ;EY30UI;IACE;IACA;EZ60UN;EY30UM;IACE;EZ60UR;EYx0UE;IACE;EZ00UJ;AACF;AYt0UA;AAGI;EACE;AZs0UN;AYp0UM;EACE;EACA;EACA;AZs0UR;AYj0UE;EACE;AZm0UJ;AYj0UI;EACE;AZm0UN;AYj0UM;EACE;EACA;EACA;AZm0UR;AYh0UM;EACE;EACA;EACA;EACA;EACA;AZk0UR;AYh0UQ;EACE;EACA;AZk0UV;AY3zUI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ6zUN;AY3zUM;EACE;AZ6zUR;AY3zUQ;EACE;EACA;EACA;EACA;AZ6zUV;AY3zUU;EACE;EACA;EACA;AZ6zUZ;AYxzUU;EACE;EACA;EACA;AZ0zUZ;;AYlzUA;AACA;EACE;EACA;AZqzUF;AYnzUE;EACE;EACA;EACA;EACA;AZqzUJ;AYnzUI;EACE;EACA;EACA;EACA;EACA;AZqzUN;AYnzUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZqzUR;AYlzUM;EACE;AZozUR;AYjzUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZmzUR;AYhzUM;EACE;EACA;EACA;EACA;AZkzUR;AY9yUQ;EACE;EACA;AZgzUV;AY7yUQ;EACE;EACA;AZ+yUV;AY1yUQ;EACE;EACA;AZ4yUV;AYzyUQ;EACE;AZ2yUV;AYryUE;EACE;AZuyUJ;AYpyUM;EACE;EACA;EACA;AZsyUR;AYnyUM;EACE;EACA;EACA;AZqyUR;AYhyUE;EACE;AZkyUJ;AYhyUI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZkyUN;AYhyUM;EACE;EACA;AZkyUR;AY/xUM;EACE;EACA;EACA;AZiyUR;AY9xUM;EACE;EACA;AZgyUR;AY9xUQ;EACE;EACA;EACA;AZgyUV;AY5xUM;EACE;EACA;EACA;AZ8xUR;AY1xUQ;EACE;AZ4xUV;AYtxUE;EACE;EACA;EACA;EACA;EACA;AZwxUJ;AYtxUI;EACE;EACA;AZwxUN;AYpxUE;EACE;EACA;EACA;EACA;AZsxUJ;AYpxUI;EACE;EACA;AZsxUN;AYnxUI;EACE;EACA;AZqxUN;AYnxUM;EACE;EACA;AZqxUR;AYnxUQ;EACE;EACA;AZqxUV;AYnxUU;EACE;AZqxUZ;AY9wUE;EACE;AZgxUJ;AY9wUI;EACE;EACA;AZgxUN;AY7wUI;EACE;EACA;EACA;EACA;AZ+wUN;AY7wUM;EACE;EACA;EACA;EACA;AZ+wUR;AY7wUQ;EACE;EACA;AZ+wUV;AY3wUM;EACE;AZ6wUR;AY3wUQ;EACE;EACA;AZ6wUV;AYtwUI;EACE;EACA;EACA;AZwwUN;AYtwUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZwwUR;AYrwUM;EACE;AZuwUR;AYrwUQ;EACE;AZuwUV;AYpwUQ;EACE;EACA;AZswUV;AYpwUU;EACE;EACA;EACA;AZswUZ;AY/vUE;EACE;EACA;AZiwUJ;AY9vUE;EACE;EACA;EACA;EACA;AZgwUJ;AY9vUI;EACE;AZgwUN;AY9vUM;EACE;AZgwUR;AY7vUM;EACE;AZ+vUR;AY5vUM;EACE;EACA;EACA;EACA;AZ8vUR;AYzvUE;EACE;EACA;EACA;EACA;EACA;AZ2vUJ;AYzvUI;EACE;AZ2vUN;AYxvUI;EACE;EACA;AZ0vUN;AYtvUE;EACE;EACA;EACA;EACA;AZwvUJ;;AYpvUA;AACA;EACE;IACE;IACA;EZuvUF;EYrvUE;IACE;EZuvUJ;EYpvUM;IACE;IACA;IACA;EZsvUR;EYnvUM;IACE;EZqvUR;EY/uUI;IACE;IACA;EZivUN;EY/uUM;IACE;EZivUR;AACF;AY3uUA;AACA;EAIQ;IACE;EZ0uUR;EYpuUI;IACE;IACA;EZsuUN;EYluUU;IACE;EZouUZ;EY5tUI;IACE;IACA;EZ8tUN;EY5tUM;IACE;EZ8tUR;EY3tUM;IACE;IACA;EZ6tUR;EY1tUM;IACE;IACA;EZ4tUR;EY1tUQ;IACE;EZ4tUV;EYxtUM;IACE;EZ0tUR;EYxtUQ;IACE;EZ0tUV;EYptUE;IACE;EZstUJ;EYntUM;IACE;EZqtUR;EYltUM;IACE;EZotUR;EY/sUE;IACE;EZitUJ;EY/sUI;IACE;IACA;EZitUN;EY5sUI;IACE;EZ8sUN;EYzsUA;IACE;EZ2sUF;EYvsUM;IACE;EZysUR;EYtsUM;IACE;EZwsUR;EYrsUM;IACE;EZusUR;EYpsUM;IACE;EZssUR;EYhsUI;IACE;EZksUN;EY/rUI;IACE;EZisUN;EY7rUE;IACE;EZ+rUJ;EY7rUI;IACE;IACA;EZ+rUN;EY3rUE;IACE;IACA;EZ6rUJ;EY1rUE;;IAEE;EZ4rUJ;EYzrUE;IACE;IACA;EZ2rUJ;AACF;AYvrUA;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZwrUJ;AYrrUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZurUJ;AYprUE;EACE;EACA;EACA;EACA;EACA;AZsrUJ;AYprUI;EACE;EACA;AZsrUN;AYnrUI;EACE;EACA;EACA;EACA;EACA;EACA;AZqrUN;AYnrUM;EACE;AZqrUR;AYhrUE;EACE;AZkrUJ;AY/qUE;EACE;EACA;EACA;EACA;AZirUJ;AY9qUE;EACE;AZgrUJ;AY9qUI;EACE;AZgrUN;AY7qUI;EACE;EACA;EACA;AZ+qUN;AY5qUI;EACE;EACA;EACA;AZ8qUN;AY1qUE;EACE;EACA;EACA;EACA;AZ4qUJ;AYzqUE;EACE;EACA;EACA;EACA;AZ2qUJ;AYzqUI;EACE;EACA;AZ2qUN;AYxqUI;EACE;AZ0qUN;AYvqUI;EACE;EACA;EACA;EACA;EACA;AZyqUN;AYvqUM;EACE;AZyqUR;AYtqUM;EACE;EACA;AZwqUR;AYrqUM;EACE;EACA;EACA;AZuqUR;AYnqUI;EACE;EACA;EACA;EACA;AZqqUN;AYjqUE;EACE;EACA;EACA;EACA;EACA;AZmqUJ;AYhqUE;;EAEE;EACA;EACA;AZkqUJ;AY9pUI;EACE;AZgqUN;AY9pUM;EACE;EACA;EACA;EACA;AZgqUR;AY7pUM;EACE;EACA;EACA;EACA;EACA;AZ+pUR;AY7pUQ;EACE;EACA;EACA;AZ+pUV;AY3pUM;EACE;EACA;EACA;EACA;AZ6pUR;AYxpUE;EACE;EACA;EACA;AZ0pUJ;AYxpUI;EACE;EACA;EACA;AZ0pUN;AYxpUM;EACE;EACA;EACA;EACA;AZ0pUR;AYxpUQ;EACE;AZ0pUV;AYrpUI;EACE;AZupUN;AYrpUM;EACE;EACA;EACA;EACA;EACA;AZupUR;AYrpUQ;EACE;AZupUV;AYjpUE;EACE;EACA;EACA;EACA;EACA;AZmpUJ;AYjpUI;EACE;AZmpUN;;AY9oUA;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgpUJ;AY9oUI;EACE;EACA;EACA;AZgpUN;AY7oUI;EACE;EACA;EACA;EACA;AZ+oUN;AY5oUI;EACE;EACA;AZ8oUN;;AYzoUA;gBAAA;AAEA;EACE;EACA;EACA;EACA;AZ4oUF;;AYzoUA;EACE;EACA;EACA;EACA;EACA;EACA;AZ4oUF;AY1oUE;EACE;EACA;AZ4oUJ;AYzoUE;EACE;EACA;AZ2oUJ;AYxoUE;EACE;EACA;EACA;EACA;AZ0oUJ;AYvoUE;EACE;EACA;EACA;EACA;AZyoUJ;AYtoUE;EACE;AZwoUJ;;AYpoUA;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZsoUJ;AYnoUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZqoUJ;AYloUE;EACE;EACA;EACA;EACA;EACA;AZooUJ;AYloUI;EACE;EACA;EACA;EACA;AZooUN;AYjoUI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZmoUN;AYjoUM;EACE;EACA;AZmoUR;AY9nUE;EACE;AZgoUJ;AY7nUE;EACE;EACA;EACA;EACA;EACA;AZ+nUJ;AY5nUE;EACE;AZ8nUJ;AY5nUI;EACE;AZ8nUN;AY3nUI;EACE;EACA;EACA;EACA;AZ6nUN;AY1nUI;EACE;EACA;EACA;EACA;AZ4nUN;AYvnUI;EACE;AZynUN;AYvnUM;EACE;EACA;EACA;EACA;EACA;AZynUR;AYtnUM;EACE;EACA;EACA;EACA;EACA;EACA;AZwnUR;AYtnUQ;EACE;EACA;EACA;AZwnUV;AYpnUM;EACE;EACA;EACA;EACA;AZsnUR;AYlnUI;EACE;AZonUN;;AY7mUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgnUF;;AY5mUA;EACE;EACA;EACA;AZ+mUF;AY7mUE;EACE;AZ+mUJ;AY5mUE;;;;;EAKE;AZ8mUJ;AY3mUE;EACE;EACA;AZ6mUJ;;AYxmUA;EACE;EACA;EACA;AZ2mUF;AYzmUE;EACE;EACA;AZ2mUJ;AYxmUE;EACE;AZ0mUJ;AYvmUE;;;;;EAKE;EACA;AZymUJ;;AYrmUA;qBAAA;AAEA;EACE;EACA;EACA;EACA;AZwmUF;AYtmUE;EANF;IAOI;EZymUF;AACF;AYvmUE;EAVF;IAWI;IACA;EZ0mUF;AACF;;AYvmUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ0mUF;AYxmUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ0mUJ;AYvmUE;EACE;EACA;EACA;AZymUJ;AYvmUI;EACE;AZymUN;AYtmUI;EACE;AZwmUN;AYpmUE;EACE;EACA;EACA;EACA;EACA;AZsmUJ;AYnmUE;EACE;AZqmUJ;AYnmUI;EACE;EACA;EACA;KAAA;EACA;EACA;EACA;EACA;EACA;AZqmUN;AYjmUE;EACE;EACA;EACA;EACI;AZmmUR;AYjmUI;EACE;EACA;EACA;EACA;EACA;AZmmUN;AYhmUI;EACE;EACA;EACA;EACA;EACA;AZkmUN;AY9lUE;EACE;EACA;EACA;EACA;EACA;AZgmUJ;AY9lUI;EACE;EACA;EACA;EACA;EACA;AZgmUN;AY7lUI;EACE;EACA;EACA;EACA;AZ+lUN;AY7lUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ+lUR;AY3lUI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ6lUN;AY3lUM;EACE;EACA;EACA;AZ6lUR;AYzlUI;EACE;EACA;EACA;EACA;EACA;AZ2lUN;AYtlUE;EACE;IACE;IACA;EZwlUJ;EYplUI;IACE;IACA;IACA;EZslUN;EYjlUI;IACE;EZmlUN;EYhlUI;IACE;EZklUN;EY9kUE;IACE;IACA;EZglUJ;EY9kUI;IACE;IACA;EZglUN;EY7kUI;IACE;IACA;EZ+kUN;EY7kUM;IACE;IACA;EZ+kUR;EY3kUI;IACE;IACA;EZ6kUN;EY1kUI;IACE;EZ4kUN;AACF;;AYvkUA;AAEE;EACE;EACA;EACA;EACA;EACA;AZykUJ;AYtkUM;EACE;EACA;EACA;EACA;EACA;EACA;AZwkUR;AYrkUM;EACE;EACA;EACA;EACA;AZukUR;AYrkUQ;EANF;IAOI;IACA;EZwkUR;AACF;AYtkUQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZwkUV;AYtkUU;EACE;EACA;AZwkUZ;AYrkUU;EACE;EACA;EACA;AZukUZ;AYpkUU;EACE;AZskUZ;AYpkUY;EACE;EACA;EACA;EACA;EACA;AZskUd;AYnkUY;EACE;EACA;EACA;EACA;AZqkUd;AY/jUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZikUR;AY/jUQ;EACE;EACA;EACA;AZikUV;AY9jUQ;EACE;AZgkUV;AY9jUU;EACE;EACA;AZgkUZ;AYrkUQ;EAQE;EACA;EACA;AZgkUV;AY1jUE;EACE;EACA;EACA;EACA;EACA;EACA;AZ4jUJ;AY1jUI;EACE;EACA;EACA;EACA;EACA;AZ4jUN;AY1jUM;EACE;AZ4jUR;AYxjUI;EACE;EACA;EACA;EACA;EACA;EACA;AZ0jUN;AYvjUI;EACE;EACA;AZyjUN;;AYpjUA;AACA;EAEI;IACE;IACA;EZsjUJ;EYnjUM;IACE;EZqjUR;EYjjUQ;IACE;IACA;EZmjUV;EYhjUY;IACE;EZkjUd;EY/iUY;IACE;EZijUd;EY3iUM;IACE;IACA;EZ6iUR;EY3iUQ;IACE;EZ6iUV;EY3iUU;IACE;EZ6iUZ;EYtiUE;IACE;IACA;EZwiUJ;EYtiUI;IACE;IACA;EZwiUN;EYtiUM;IACE;EZwiUR;EYziUM;IACE;EZwiUR;EYpiUI;IACE;IACA;IACA;EZsiUN;EYniUI;IACE;EZqiUN;AACF;AYjiUA;AAMU;EACE;EACA;EACA;EACA;AZ8hUZ;AYthUI;EACE;AZwhUN;AYthUM;EACE;EACA;AZwhUR;AYthUQ;EACE;EACA;AZwhUV;AYphUM;EACE;EACA;EACA;AZshUR;;AYhhUA;AACA;EAIQ;IACE;IACA;IACA;EZghUR;EY9gUQ;IACE;EZghUV;EYjhUQ;IACE;EZghUV;EY7gUQ;IACE;IACA;EZ+gUV;EY3gUM;IACE;IACA;IACA;EZ6gUR;AACF;Aan2XA;AACA;EACE;EACA;EACA;EACA;Abq2XF;Aan2XE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;Abq2XJ;Aan2XI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;Abq2XN;Aan2XM;EACE;EACA;EACA;Abq2XR;Aaj2XI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Abm2XN;Aaj2XM;EACE;EACA;Abm2XR;Aah2XM;EACE;EACA;Abk2XR;Aa/1XM;EACE;EACA;EACA;Abi2XR;Aa71XM;EACE;Ab+1XR;Aa51XM;EACE;Ab81XR;Aa31XM;EACE;Ab61XR;Aaz1XI;EACE;EACA;EACA;EACA;Ab21XN;Aav1XE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Aby1XJ;Aav1XI;EACE;EACA;EACA;Aby1XN;Aar1XI;EACE;EACA;EACA;Abu1XN;Aap1XI;EAAK;EAAiB;Abw1X1B;Aav1XI;EAAK;EAAiB;Ab21X1B;Aa11XI;EAAK;EAAiB;Ab81X1B;Aa71XI;EAAK;EAAiB;Abi2X1B;Aah2XI;EAAK;EAAiB;Abo2X1B;Aan2XI;EAAK;EAAiB;Abu2X1B;Aar2XI;EACE;Abu2XN;Aap2XI;EACE;EACA;Abs2XN;Aap2XM;EACE;Abs2XR;Aal2XI;EACE;EACA;EACA;EACA;EACA;EACA;Abo2XN;Aaj2XI;EACE;EACA;Abm2XN;Aaj2XM;EACE;Abm2XR;Aa/1XI;EACE;EACA;EACA;EACA;Abi2XN;Aa91XI;EACE;EACA;EACA;EACA;Abg2XN;Aa71XI;EACE;EACA;EACA;Ab+1XN;Aa51XI;EACE;EACA;EACA;Ab81XN;Aa51XM;EACE;EACA;EACA;Ab81XR;Aa31XM;EACE;EACA;Ab61XR;Aaz1XI;EACE;EACA;EACA;EACA;EACA;Ab21XN;Aax1XI;EACE;EACA;EACA;EACA;EACA;Ab01XN;Aax1XM;EACE;EACA;Ab01XR;Aar1XI;EACE;Abu1XN;Aaj1XI;EACE;EACA;EACA;Abm1XN;Aah1XI;EACE;Abk1XN;Aah1XM;EACE;EACA;EACA;Abk1XR;Aa50XI;EACE;EACA;EACA;Ab80XN;Aaz0XE;EACE;Ab20XJ;Aaz0XI;EACE;EACA;Ab20XN;Aat0XE;EACE;EACA;Abw0XJ;Aat0XI;EACE;EACA;Abw0XN;;Aal0XA;EAEI;IACE;IACA;Ebo0XJ;Eal0XI;IACE;IACA;Ebo0XN;Eaj0XI;IACE;IACA;IACA;Ebm0XN;Eah0XI;IACE;IACA;Ebk0XN;Ea9zXE;IACE;IACA;Ebg0XJ;AACF;Aa3zXA;EACE;IACE;IACA;Eb6zXF;Ea3zXE;IACE;IACA;Eb6zXJ;Ea3zXI;IACE;IACA;IACA;Eb6zXN;Ea1zXI;IACE;IACA;IACA;Eb4zXN;Ea1zXM;IACE;IACA;Eb4zXR;EavzXE;IACE;IACA;EbyzXJ;EavzXI;IACE;EbyzXN;EatzXI;IACE;EbwzXN;EarzXI;IACE;IACA;EbuzXN;EapzXI;IACE;EbszXN;EanzXI;IACE;EbqzXN;AACF;Ac1oYA;EACI;EACA;Ad4oYJ;AczoYQ;EACI;Ad2oYZ;AcxoYQ;EACI;Ad0oYZ;;AcpoYA;EACI;;;;KAAA;Ad2oYJ;AcpoYI;EACI;EACA;EACA;EACA;EACA;EACA;AdsoYR;AcpoYQ;EACI;EACA;AdsoYZ;AcnoYQ;EACI;EACA;EACA;AdqoYZ;AcloYQ;EACI;EACA;AdooYZ;AcjoYQ;EACI;EACA;EACA;EACA;EACA;EACA;AdmoYZ;AcjoYY;EACI;EACA;AdmoYhB;AchoYY;EACI;EACA;EACA;AdkoYhB;AchoYgB;EACI;AdkoYpB;Ac/nYgB;EACI;AdioYpB;Ac5nYQ;EACI;Ad8nYZ;Ac5nYY;EACI;EACA;Ad8nYhB;Ac3nYY;EACI;EACA;Ad6nYhB;AcvnYI;EACI;EACA;EACA;EACA;EACA;EACA;AdynYR;AcvnYQ;EACI;EACA;EACA;AdynYZ;ActnYQ;EACI;EACA;EACA;AdwnYZ;AcpnYY;EACI;EACA;EACA;EACA;EACA;EACA;AdsnYhB;AcpnYgB;EACI;AdsnYpB;AcnnYgB;EACI;EACA;EACA;EACA;AdqnYpB;AcnnYoB;EACI;EACA;AdqnYxB;AcjnYgB;EACI;EACA;AdmnYpB;Ac5mYI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8mYR;Ac5mYQ;EACI;EACA;EACA;Ad8mYZ;Ac5mYY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Ad8mYhB;Ac3mYY;EACI;EACA;EACA;EACA;EACA;EACA;Ad6mYhB;Ac3mYgB;EACI;EACA;EACA;Ad6mYpB;Ac1mYgB;EACI;Ad4mYpB;Ac7mYgB;EACI;Ad4mYpB;AcxmYY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad0mYhB;AcxmYgB;EACI;EACA;Ad0mYpB;AcrmYQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdumYZ;AcrmYY;EACI;EACA;EACA;AdumYhB;AcpmYY;EACI;AdsmYhB;AclmYQ;EACI;EACA;EACA;EACA;EACA;AdomYZ;AcjmYQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdmmYZ;Ac9lYI;EACI;EACA;EACA;EACA;AdgmYR;Ac9lYQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdgmYZ;Ac9lYY;EACI;EACA;AdgmYhB;Ac7lYY;EACI;EACA;EACA;Ad+lYhB;Ac5lYY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8lYhB;Ac5lYgB;EACI;EACA;Ad8lYpB;Ac3lYgB;EACI;EACA;Ad6lYpB;Ac1lYgB;EACI;EACA;Ad4lYpB;AczlYgB;EACI;EACA;Ad2lYpB;AcxlYgB;EACI;EACA;Ad0lYpB;AcllYQ;EACI;EACA;EACA;EACA;EACA;AdolYZ;AcllYY;EACI;EACA;EACA;AdolYhB;AcjlYY;EACI;EACA;AdmlYhB;AchlYY;EACI;AdklYhB;Ac5kYI;EACI;EACA;EACA;EACA;EACA;EACA;Ad8kYR;Ac5kYQ;EACI;Ad8kYZ;Ac3kYQ;EACI;EACA;EACA;EACA;EACA;Ad6kYZ;Ac3kYY;EACI;Ad6kYhB;Ac3kYgB;EACI;EACA;Ad6kYpB;Ac1kYgB;EACI;EACA;EACA;EACA;EACA;Ad4kYpB;Ac1kYoB;EACI;EACA;Ad4kYxB;AczkYoB;EACI;EACA;EACA;EACA;EACA;EACA;Ad2kYxB;AcxkYoB;EACI;EACA;EACA;EACA;EACA;Ad0kYxB;AcxkYwB;EACI;EACA;Ad0kY5B;AcvkYwB;EACI;EACA;AdykY5B;ActkYwB;EACI;EACA;AdwkY5B;AcrkYwB;EACI;EACA;AdukY5B;AclkYgB;EACI;EACA;AdokYpB;AchkYY;EACI;EACA;AdkkYhB;AchkYgB;EACI;EACA;EACA;AdkkYpB;Ac7jYQ;EACI;EACA;Ad+jYZ;Ac7jYY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad+jYhB;Ac3jYQ;EACI;EACA;EACA;EACA;EACA;Ad6jYZ;Ac3jYY;EACI;EACA;EACA;Ad6jYhB;Ac3jYgB;EACI;Ad6jYpB;AcxjYQ;EACI;EACA;Ad0jYZ;AcxjYY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Ad0jYhB;AcvjYY;EACI;EACA;EACA;EACA;EACA;AdyjYhB;AcvjYgB;EACI;EACA;EACA;AdyjYpB;AcrjYY;EACI;EACA;EACA;AdujYhB;AcrjYgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdujYpB;AcrjYoB;EACI;EACA;EACA;AdujYxB;AcnjYgB;EACI;EACA;AdqjYpB;Ac9iYI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdgjYR;Ac9iYQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdgjYZ;Ac9iYY;EACI;AdgjYhB;Ac7iYY;EACI;EACA;EACA;EACA;EACA;Ad+iYhB;Ac7iYgB;EACI;EACA;EACA;Ad+iYpB;Ac5iYgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8iYpB;Ac5iYoB;EACI;EACA;Ad8iYxB;AcziYY;EACI;Ad2iYhB;AcviYoB;EACI;EACA;EACA;EACA;EACA;AdyiYxB;AcviYwB;EACI;AdyiY5B;AcviY4B;EACI;EACA;EACA;EACA;AdyiYhC;ActiY4B;EACI;EACA;EACA;AdwiYhC;AcriYoC;EACI;AduiYxC;AcriYwC;EACI;AduiY5C;AcpiYwC;EACI;AdsiY5C;AchiY4B;EACI;EACA;EACA;EACA;AdkiYhC;Ac7hYwB;EACI;Ad+hY5B;Ac5hYwB;EACI;Ad8hY5B;Ac3hYwB;EACI;Ad6hY5B;Ac1hYwB;EACI;Ad4hY5B;AczhYwB;EACI;Ad2hY5B;ActhYoB;EACI;AdwhYxB;ActhYwB;EACI;EACA;EACA;EACA;AdwhY5B;AcrhYwB;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;AdshY5B;AcjhYoB;EACI;EACA;EACA;EACA;AdmhYxB;AcjhYwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AdmhY5B;AcjhY4B;EACI;EACA;AdmhYhC;Ac/gYgC;EACI;EACA;EACA;EACA;KAAA;EACA;AdihYpC;Ac7gY4B;EACI;EACA;Ad+gYhC;Ac5gY4B;EACI;EACA;Ad8gYhC;Ac5gYgC;EACI;EACA;EACA;EACA;EACA;EACA;Ad8gYpC;Ac3gYgC;EACI;EACA;EACA;EACA;Ad6gYpC;Ac3gYoC;EACI;EACA;Ad6gYxC;Ac3gYwC;EACI;Ad6gY5C;AczgYoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Ad2gYxC;AcxgYoC;EACI;EACA;EACA;EACA;EACA;EACA;Ad0gYxC;AcxgYwC;EACI;EACA;Ad0gY5C;AcvgYwC;EACI;EACA;AdygY5C;ActgYwC;EACI;EACA;AdwgY5C;AcrgYwC;EACI;EACA;AdugY5C;Ac9/XoB;EACI;EACA;AdggYxB;Ac9/XwB;EACI;EACA;EACA;EACA;AdggY5B;Ac5/X4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8/XhC;Ac5/XgC;EACI;EACA;EACA;Ad8/XpC;Ac1/X4B;EACI;EACA;EACA;Ad4/XhC;Acr/XY;EACI;EACA;EACA;EACA;EACA;Adu/XhB;Acn/XY;EACI;EACA;EACA;EACA;EACA;Adq/XhB;Acn/XgB;EACI;EACA;Adq/XpB;Acl/XgB;EACI;EACA;EACA;EACA;Ado/XpB;Ach/XY;EACI;EACA;EACA;EACA;Adk/XhB;Ac5+XI;EACI;IACI;Ed8+XV;Ec5+XM;IACI;Ed8+XV;AACF;Ac3+XI;EACI;IACI;IACA;Ed6+XV;Ec3+XM;IACI;IACA;Ed6+XV;AACF;Acz+XI;EACI;EACA;EACA;EACA;EACA;EACA;Ad2+XR;Acz+XQ;EACI;EACA;Ad2+XZ;Acx+XQ;EACI;EACA;Ad0+XZ;Acv+XQ;EACI;EACA;Ady+XZ;;Acl+XA;EACI;EACA;EACA;EACA;EACA;Adq+XJ;;Acl+XA;EACI;EACA;Adq+XJ;Acn+XI;EACI;Adq+XR;Acn+XQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Adq+XZ;Ach+XQ;EACI;EACA;EACA;Adk+XZ;Ach+XY;EACI;Adk+XhB;Ac/9XY;EACI;EACA;EACA;Adi+XhB;Ac79XgB;EACI;EACA;EACA;Ad+9XpB;Ac79XoB;EACI;EACA;EACA;EACA;KAAA;Ad+9XxB;Ac59XoB;EACI;EACA;Ad89XxB;Ac59XwB;EACI;EACA;EACA;Ad89X5B;Ac39XwB;EACI;EACA;Ad69X5B;Acz9XoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad29XxB;Acz9XwB;EACI;EACA;Ad29X5B;Acv9XoB;EACI;Ady9XxB;Acp9XY;EACI;Ads9XhB;Acp9XgB;EACI;EACA;Ads9XpB;Acp9XoB;EACI;Ads9XxB;Acp9XwB;EACI;Ads9X5B;Acn9XwB;EACI;Adq9X5B;Ac/8XY;EACI;Adi9XhB;Ac/8XgB;EACI;EACA;Adi9XpB;Ac78XY;EACI;EACA;Ad+8XhB;Ac98XgB;EAAU;Adi9X1B;Ac98XY;EACI;EACA;Adg9XhB;Ac78XY;EACI;Ad+8XhB;Ac78XgB;EACI;Ad+8XpB;Ac78XoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad+8XxB;Ac78XwB;EACI;EACA;Ad+8X5B;Ac38XoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad68XxB;Ac38XwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad68X5B;Ac38X4B;EACI;Ad68XhC;Ac18X4B;EACI;Ad48XhC;Acx8XwB;EACI;EACA;EACA;Ad08X5B;Acn8XQ;EACI;Adq8XZ;Acn8XY;EACI;Adq8XhB;Acj8XgB;EACI;EACA;EACA;Adm8XpB;Ach8XgB;EACI;EACA;EACA;EACA;EACA;EACA;Adk8XpB;;Ac37XA;EACI;EACA;EACA;EACA;EACA;EACA;Ad87XJ;Ac57XI;EACI;EACA;Ad87XR;;AA3kaA;ALlBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKimaF;;AL9laA;EACE;EACA;AKimaF;AL/laE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AKimaJ;AL/laI;EACE;AKimaN;AL7laE;EACE;EACA;EACA;EACA;EACA;AK+laJ;AL5laE;EACE;EACA;EACA;EACA;AK8laJ;AL5laI;EACE;EACA;AK8laN;;ALzlaA;EACE;EACA;EACA;EACA;EACA;AK4laF;AL1laE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AK4laJ;AL1laI;EACE;EACA;AK4laN;ALxlaE;EACE;EACA;EACA;EACA;AK0laJ;ALxlaI;EACE;EACA;EACA;AK0laN;;ALrlaA;EACE;EACA;EACA;EACA;AKwlaF;;ALrlaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKwlaF;;ALrlaA;EACE;EACA;EACA;EACA;EACA;AKwlaF;;ALrlaA;EACE;EACA;EACA;EACA;AKwlaF;;ALrlaA;EACE;EACA;EACA;EACA;AKwlaF;;ALrlaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AKwlaF;ALtlaE;EACE;EACA;EACA;AKwlaJ;ALrlaE;EACE;AKulaJ;ALplaE;EACE;EACA;AKslaJ;ALnlaE;EACE;AKqlaJ;;ALjlaA;EACE;EACA;EACA;EACA;EACA;AKolaF;ALllaE;EACE;EACA;EACA;EACA;AKolaJ;ALjlaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKmlaJ;ALjlaI;EACE;EACA;EACA;AKmlaN;ALhlaI;EACE;AKklaN;ALhlaM;EACE;EACA;EACA;EACA;EACA;AKklaR;AL/kaM;EACE;EACA;EACA;EACA;AKilaR;AL5kaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AK8kaJ;AL5kaI;EACE;EACA;EACA;EACA;EACA;AK8kaN;AL3kaI;EACE;EACA;EACA;AK6kaN;;ALxkaA;EACE;EACA;EACA;EACA;AK2kaF;;ALxkaA;EACE;EACA;EACA;EACA;EACA;AK2kaF;ALzkaE;EACE;AK2kaJ;ALxkaE;EACE;EACA;EACA;EACA;AK0kaJ;;ALtkaA;EACE;IACE;IACA;EKykaF;ELtkaA;IACE;EKwkaF;ELtkaE;IACE;IACA;IACA;EKwkaJ;ELtkaI;IACE;EKwkaN;ELpkaE;IACE;EKskaJ;ELnkaE;IACE;EKqkaJ;ELjkaA;IACE;IACA;EKmkaF;ELjkaE;IACE;IACA;IACA;EKmkaJ;ELjkaI;IACE;EKmkaN;EL/jaE;IACE;EKikaJ;EL/jaI;IACE;EKikaN;EL5jaA;IACE;IACA;EK8jaF;EL5jaE;IACE;IACA;EK8jaJ;EL3jaE;IACE;IACA;EK6jaJ;EL3jaI;IACE;EK6jaN;ELzjaM;IACE;EK2jaR;ELxjaM;IACE;EK0jaR;ELrjaE;IACE;IACA;EKujaJ;ELrjaI;IACE;EKujaN;ELpjaI;IACE;EKsjaN;ELjjaA;IACE;IACA;EKmjaF;ELhjaA;IACE;EKkjaF;EL/iaA;IACE;EKijaF;EL9iaA;IACE;EKgjaF;EL7iaA;IACE;IACA;IACA;EK+iaF;EL7iaE;IACE;EK+iaJ;EL3iaA;IACE;IACA;EK6iaF;EL1iaA;IACE;EK4iaF;EL1iaE;IACE;EK4iaJ;ELziaE;IACE;EK2iaJ;AACF;ALviaA;EACE;IACE;EKyiaF;ELtiaA;IACE;EKwiaF;ELriaA;IACE;IACA;EKuiaF;ELpiaA;IACE;EKsiaF;ELniaA;IACE;IACA;EKqiaF;ELliaA;IACE;IACA;EKoiaF;ELjiaA;IACE;EKmiaF;ELhiaA;IACE;EKkiaF;ELhiaE;IACE;IACA;EKkiaJ;ELhiaI;IACE;EKkiaN;EL9haM;IACE;EKgiaR;EL7haM;IACE;EK+haR;EL1haE;IACE;IACA;EK4haJ;EL1haI;IACE;EK4haN;ELzhaI;IACE;EK2haN;AACF;ANp/aA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AMs/aF;;ANn/aA;AACA;EACE;EACA;AMs/aF;ANp/aE;EACE;EACA;EACA;EACA;EACA;EACA;AMs/aJ;ANn/aE;EACE;EACA;EACA;AMq/aJ;ANl/aE;EACE;EACA;EACA;AMo/aJ;;ANh/aA;AACA;EACE;AMm/aF;;ANh/aA;EACE;AMm/aF;;ANh/aA;EACE;IACE;IACA;EMm/aF;ENh/aA;IACE;IACA;EMk/aF;AACF;AN/+aA;EACE;IACE;IACA;EMi/aF;EN9+aA;IACE;IACA;EMg/aF;AACF;AN7+aA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AM++aF;AN7+aE;EACE;EACA;AM++aJ;;AN3+aA;EACE;EACA;AM8+aF;AN5+aE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AM8+aJ;AN5+aI;EACE;EACA;AM8+aN;;ANz+aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AM4+aF;;ANz+aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AM4+aF;;ANz+aA;EACE;AM4+aF;AN1+aE;EACE;EACA;EACA;EACA;AM4+aJ;ANz+aE;EACE;EACA;EACA;EACA;AM2+aJ;;ANv+aA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AM0+aF;;ANv+aA;EACE;EACA;AM0+aF;ANx+aE;EACE;EACA;EACA;EACA;AM0+aJ;ANv+aE;EACE;EACA;EACA;EACA;AMy+aJ;ANt+aE;EACE;EACA;AMw+aJ;;ANp+aA;EACE;EACA;EACA;AMu+aF;;ANp+aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AMu+aF;ANr+aE;EACE;EACA;AMu+aJ;;ANn+aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AMs+aF;ANp+aE;EACE;EACA;AMs+aJ;ANn+aE;EACE;EACA;AMq+aJ;ANl+aE;EACE;AMo+aJ;;ANh+aA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AMm+aF;ANj+aE;EACE;AMm+aJ;ANh+aE;EACE;AMk+aJ;AN/9aE;EACE;AMi+aJ;AN99aE;EACE;AMg+aJ;;AN59aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AM+9aF;AN79aE;EACE;EACA;AM+9aJ;AN59aE;EACE;EACA;AM89aJ;AN39aE;EACE;EACA;AM69aJ;AN19aE;EACE;EACA;AM49aJ;;ANx9aA;EACE;AM29aF;ANz9aE;EACE;EACA;EACA;AM29aJ;ANz9aI;EACE;AM29aN;ANx9aI;EACE;AM09aN;ANv9aI;EACE;AMy9aN;ANt9aI;EACE;AMw9aN;ANp9aE;EACE;EACA;EACA;EACA;AMs9aJ;;ANl9aA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AMq9aF;ANn9aE;EACE;EACA;AMq9aJ;;ANj9aA;AACA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EMo9aF;ENj9aA;IACE;IACA;IACA;IACA;EMm9aF;ENh9aA;;IAEE;IACA;IACA;EMk9aF;EN/8aA;IACE;EMi9aF;EN98aA;IACE;EMg9aF;EN78aA;IACE;IACA;EM+8aF;EN58aA;IACE;EM88aF;EN58aE;;IAEE;EM88aJ;AACF;AA70bE;EACE;EACA;EACA;EACA;AA+0bJ;;AA30bA;AACA;EACE;AA80bF;AA50bE;EACE;EACA;EACA;EACA;EACA;AA80bJ;AA30bE;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;AA60bJ;AA30bI;;;EACE;EACA;EACA;AA+0bN;AA50bI;;;EACE;EACA;EACA;AAg1bN;AA70bI;;;EACE;AAi1bN;AA/0bM;;;EACE;EACA;AAm1bR;AA90bE;EACE;EACA;AAg1bJ;AA70bE;EACE;EACA;EACA;AA+0bJ;AA50bE;EACE;EACA;EACA;AA80bJ;;AAz0bA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA40bF;AA10bE;EACE;EACA;AA40bJ;AAz0bE;EACE;EACA;AA20bJ;AAx0bE;EACE;EACA;AA00bJ;AAv0bE;EACE;EACA;AAy0bJ;AAt0bE;EACE;EACA;AAw0bJ;;AAp0bA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAu0bF;AAr0bE;EACE;EACA;EACA;AAu0bJ;AAp0bE;EACE;AAs0bJ;AAn0bE;EACE;EACA;EACA;EACA;EACA;AAq0bJ;AAn0bI;EACE;AAq0bN;AAj0bE;EACE;EACA;EACA;AAm0bJ;AAh0bE;EACE;EACA;EACA;AAk0bJ;AA/zbE;EACE;EACA;EACA;AAi0bJ;AA9zbE;EACE;EACA;EACA;AAg0bJ;;AA5zbA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA+zbF;AA7zbE;EACE;EACA;EACA;EACA;EACA;AA+zbJ;AA5zbE;EACE;EACA;AA8zbJ;AA3zbE;EACE;EACA;EACA;EACA;EACA;AA6zbJ;AA3zbI;EACE;AA6zbN;AAzzbE;EACE;EACA;EACA;AA2zbJ;AAxzbE;EACE;EACA;EACA;AA0zbJ;AAvzbE;EACE;EACA;EACA;AAyzbJ;AAtzbE;EACE;EACA;EACA;AAwzbJ;;AApzbA;EACE;IACE;IACA;EAuzbF;EApzbA;IACE;IACA;EAszbF;AACF;AAnzbA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAqzbF;;AAlzbA;EACE;IACE;EAqzbF;EAlzbA;IACE;EAozbF;AACF;AAhzbA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAkzbF;AAhzbE;EACE;EACA;AAkzbJ;AA9ybE;EACE;EACA;EACA;EACA;EACA;AAgzbJ;AA9ybI;EACE;EACA;AAgzbN;AA3ybE;EACE;EACA;AA6ybJ;AA3ybI;EACE;AA6ybN;AAxybE;EACE;EACA;AA0ybJ;AAxybI;EACE;AA0ybN;AArybE;EACE;EACA;AAuybJ;AArybI;EACE;AAuybN;AAlybE;EACE;EACA;AAoybJ;AAlybI;EACE;AAoybN;AA/xbE;EACE;EACA;AAiybJ;AA/xbI;EACE;AAiybN;AA1xbE;EACE;EACA;AA4xbJ;AA1xbI;EACE;EACA;AA4xbN;AA1xbM;EACE;EACA;AA4xbR;AAxxbI;EACE;EACA;AA0xbN;AAxxbM;EACE;AA0xbR;AApxbE;EACE;EACA;AAsxbJ;AAnxbE;EACE;EACA;AAqxbJ;AAjxbE;EACE;EACA;AAmxbJ;AAjxbI;EACE;EACA;EACA;EACA;EACA;EACA;AAmxbN;AA9wbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAgxbJ;AA7wbI;EACE;EACA;EACA;AA+wbN;AA5wbI;EAAa;EAAc;AAgxb/B;;AA3wbA;AACA;EACE;IACE;EA8wbF;EA5wbA;IACE;EA8wbF;AACF;AA3wbA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA6wbF;;AA1wbA;AACA;EACE;EACA;AA6wbF;AA3wbE;EACE;EACA;AA6wbJ;AA1wbE;EACE;AA4wbJ;AA1wbI;EACE;AA4wbN;AAxwbE;EACE;AA0wbJ;AAxwbI;EACE;AA0wbN;;AArwbA;AACA;EACE;EACA;AAwwbF;;AArwbA;EACE;EACA;AAwwbF;AAtwbE;EACE;EACA;AAwwbJ;AArwbE;EACE;EACA;EACA;EACA;AAuwbJ;AArwbI;EAAiB;EAAmB;EAAgB;EAAgB;AA2wbxE;AAzwbI;EAAK;EAAiB;EAAiB;AA8wb3C;AA5wbI;EACE;EACA;EACA;AA8wbN;AApybA;EA0BE;AA6wbF;AA5wbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8wbJ;AA5wbI;EACE;EACA;EACA;EACA;EACA;EACA;AA8wbN;AA5zbA;EAkDE;AA6wbF;AA5wbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8wbJ;AA5wbI;EAAS;AA+wbb;AA7wbI;EACE;EACA;EACA;EACA;AA+wbN;AAl1bA;EAuEE;AA8wbF;AA7wbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA+wbJ;AA7wbI;EAAiB;EAAgB;EAAkB;AAkxbvD;AAhxbI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAkxbN;AA/wbI;EACE;EACA;EACA;EACA;AAixbN;AA7wbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA+wbJ;AA7wbI;EACE;EACA;EACA;AA+wbN;AA3wbE;EACE;EACA;EACA;AA6wbJ;AA3wbI;EACE;EACA;EACA;EACA;EACA;EACA;AA6wbN,C;;;;Aej5cA;EACI;EACA;EACA;AAAJ;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;;AAIA;EACI;EACA;EACA;AADJ;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;AADJ;;AAIA;EACI;AADJ;;AAIA;EACI;AADJ;;AAKA;EACI;EACA;AAFJ;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;AAII;EACI;EACA;AAFR;AAKI;EACI;EACA;AAHR;;AAOA;EACI;AAJJ;;AAOA;EACI;AAJJ;;AAQA;EACI;EACA;AALJ;;AAQA;EACI;AALJ;;AAQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;AAOI;EACI;EACA;AALR;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;AANJ;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;;AAUA;EACI;IACI;IACA;EAPN;EAUE;IACI;IACA;EARN;AACF;AAWA;EACI;EACA;EACA;EACA;AATJ;;AAYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;;AAYA;EACI;AATJ;;AAYA;EACI;EACA;EACA;EACA;AATJ;;AAYA;EACI;EACA;AATJ;;AAYA;EACI;EACA;EACA;AATJ;;AAYA;EACI;AATJ;;AAYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;AAWI;EACI;AATR;AAYI;EACI;AAVR;AAYQ;EACI;AAVZ;;AAeA;EACI;EACA;EACA;AAZJ;;AAgBA;EACI;EACA;AAbJ;;AAiBA;EACI;IACI;IACA;IACA;IACA;IACA;IACA;EAdN;EAiBE;IACI;IACA;IACA;EAfN;EAkBE;IACI;IACA;IACA;EAhBN;EAmBE;IACI;EAjBN;EAoBE;IACI;EAlBN;EAqBE;IACI;EAnBN;AACF,C;;;;AdpRA;;wCAAA;ACAA;;wCAAA;AAIA;EACE;ADGF;ACFE;EACE;EACA;EACA;EACA;ADIJ;ACFI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADIN;ACFM;EACE;EACA;EACA;ADIR;ACAI;EACE;EACA;EACA;EACA;ADEN;ACAM;EACE;EACA;EACA;EACA;EACA;EACA;ADER;ACAQ;EACE;EACA;EACA;ADEV;ACEM;EACE;EACA;EACA;ADAR;AChDA;EAqDE;ADFF;ACGE;EACE;ADDJ;ACEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADAN;ACEM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADAR;ACEQ;EACE;EACA;ADAV;ACGQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADDV;ACKU;EACE;EACA;EACA;EACA;EACA;ADHZ;ACMU;EACE;EACA;EACA;EACA;EACA;ADJZ;ACjDE;EA2DE;ADPJ;ACQI;EACE;EACA;EACA;EACA;EACA;ADNN;ACQM;EACE;EACA;EACA;ADNR;ACSM;EACE;EACA;EACA;ADPR;ACrEE;EAgFE;ADRJ;ACSI;EACE;EACA;EACA;EACA;EACA;EAEA;ADRN;ACSM;;EAEE;ADPR;ACUM;EACE;ADRR;ACYQ;EACE;EACA;ADVV;ACeQ;EACE;ADbV;ACpJA;EAuKE;ADhBF;ACiBE;EACE;IACE;IACA;EDfJ;ECiBI;IACE;EDfN;ECkBI;IACE;EDhBN;ECkBM;IACE;EDhBR;ECsBI;IACE;EDpBN;ECuBI;IACE;EDrBN;AACF;ACyBE;EAEI;IACE;IACA;IACA;EDxBN;EC0BM;IACE;IACA;EDxBR;EC0BQ;IACE;IACA;IACA;EDxBV;EC4BU;IACE;ED1BZ;ECgCI;IACE;ED9BN;AACF;ACkCE;EAGM;IACE;IACA;IACA;EDlCR;AACF;;AAvMA;EAEE;AAyMF;AAxME;EACE;EACA;EACA;EACA;EACA;EACA;AA0MJ;AAxMI;EACE;EACA;AA0MN;AAvNA;EAiBE;AAyMF;AAxME;EACE;EACA;EACA;EACA;AA0MJ;AAhOA;EAyBE;AA0MF;AAzME;EACE;EACA;EACA;EACA;AA2MJ;AAzOA;EAiCE;AA2MF;AA1ME;EACE;EACA;EACA;EACA;AA4MJ;AA1MI;EACE;EACA;EACA;EACA;EACA;EACA;AA4MN;AA1MM;EACE;EACA;AA4MR;AAzMM;EACE;EACA;EACA;EACA;AA2MR;AAzMQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2MV;AAzMU;EACE;AA2MZ;AAxMU;EACE;AA0MZ;AAvMU;EACE;AAyMZ;AAtMU;EACE;AAwMZ;AApMQ;EACE;EACA;AAsMV;AApMU;EACE;EACA;EACA;EACA;EACA;AAsMZ;AAnMU;EACE;EACA;EACA;EACA;AAqMZ;AAlMU;EACE;EACA;EACA;EACA;EACA;AAoMZ;AAjMU;EACE;EACA;EACA;EACA;EACA;AAmMZ;AAhMU;EACE;EACA;AAkMZ;AA7LM;EACE;EACA;EACA;EACA;EACA;EACA;AA+LR;AArUA;EA2IE;AA6LF;AA5LE;EACE;EACA;EACA;EACA;AA8LJ;AA3LE;EACE;EACA;EACA;AA6LJ;AA1LE;EACE;EACA;EACA;EACA;EACA;AA4LJ;AA1VA;EAiKE;AA4LF;AA3LE;EACE;EACA;EACA;AA6LJ;AA3LI;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;;;;;;;;;;;;;;;;;;;;;KAAA;AAmNN;AA1LM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA4LR;AAzLM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2LR;AAvLM;EACE;EACA;AAyLR;AAtLM;EACE;AAwLR;AAtLQ;EACE;EACA;EACA;EACA;AAwLV;AAtLU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwLZ;AArLU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAuLZ;AAnLQ;EACE;EACA;EACA;EACA;AAqLV;AAjLM;EACE;EACA;EACA;AAmLR;AAjLQ;EACE;EACA;AAmLV;AA/KM;EACE;EACA;EACA;AAiLR;AA/KQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiLV;AA9KQ;EACE;EACA;AAgLV;AA7dA;EAmTE;AA6KF;AA5KE;EACE;EACA;EACA;EACA;EACA;EACA;AA8KJ;AA5KI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8KN;AA3KI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA6KN;AA1KI;EACE;EACA;EACA;AA4KN;AA1KM;EACE;EACA;EACA;EACA;AA4KR;AAzKM;EACE;EACA;EACA;EACA;AA2KR;AAvKI;EACE;EACA;EACA;AAyKN;AAtKI;EACE;EACA;EACA;AAwKN;AArKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAuKN;AArKM;EACE;EACA;AAuKR;AAziBA;EAuYE;AAqKF;AApKE;EACE;EACA;EACA;EACA;EACA;EACA;AAsKJ;AApKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAsKN;AAnKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAqKN;AAlKI;EACE;EACA;EACA;EACA;AAoKN;AAlKM;EACE;EACA;EACA;EACA;AAoKR;AAhKI;EACE;EACA;EACA;AAkKN;AAvlBA;EAybE;AAiKF;AAhKE;EACE;EACA;EACA;EACA;EACA;EACA;AAkKJ;AAhKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAkKN;AA/JI;EACE;EACA;EACA;EACA;AAiKN;AA/JM;EACE;EACA;EACA;EACA;AAiKR;AA7JI;EACE;EACA;EACA;AA+JN;AA7nBA;EAkeE;AA8JF;AA7JE;EACE;EACA;EACA;EACA;EACA;EACA;AA+JJ;AA7JI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA+JN;AA5JI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA8JN;AA3JI;EACE;EACA;EACA;AA6JN;AA3JM;EACE;EACA;EACA;EACA;AA6JR;AAzJI;EACE;EACA;EACA;AA2JN;AA1qBA;EAmhBE;AA0JF;AAxJI;EACE;AA0JN;AAxJM;EACE;EACA;EACA;EACA;AA0JR;AAxJQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA0JV;AAxJU;EACE;EACA;AA0JZ;AAvJU;EACE;EACA;AAyJZ;AAtJU;EACE;EACA;AAwJZ;AApJQ;EACE;EACA;EACA;AAsJV;AAhJM;EACE;EACA;EACA;AAkJR;AA7IM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA+IR;AA7IQ;EACE;AA+IV;AA5IQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8IV;AA3IQ;EACE;EACA;AA6IV;AA3IU;EACE;EACA;EACA;EACA;AA6IZ;AA1IU;EACE;EACA;AA4IZ;AAtII;EACE;EACA;AAwIN;AAtIM;EACE;EACA;EACA;AAwIR;AArIM;EACE;EACA;EACA;EACA;AAuIR;AApIM;EACE;EACA;EACA;AAsIR;AAjIE;EACE;AAmIJ;;AA/HA;;wCAAA;AAIA;EACE;EACA;EACA;EACA;EACA;AAiIF;;AA9HA;EACE;EACA;EACA;EACA;EACA;AAiIF;AA/HE;EACE;EACA;AAiIJ;;AA7HA;EACE;EACA;AAgIF;;AA7HA;EACE;EACA;EACA;AAgIF;AA9HE;EACE;AAgIJ;AA9HI;EACE;EACA;EACA;EACA;EACA;EACA;AAgIN;AA3HI;EACE;EACA;AA6HN;AA3HM;EACE;AA6HR;AAzHI;EACE;EACA;EACA;AA2HN;;AAtHA;;wCAAA;AAIA;EACE;EACA;EACA;EACA;EACA;AAwHF;AAtHE;EACE;EACA;EACA;AAwHJ;AAtHI;EACE;EACA;AAwHN;AArHI;EACE;EACA;AAuHN;;AAlHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAqHF;;AAlHA;EACE;EACA;EACA;AAqHF;AAnHE;EACE;AAqHJ;AAlHE;;;;EAIE;AAoHJ;;AAhHA;;wCAAA;AAIA;AACA;EAEI;IACE;EAiHJ;AACF;AA7GA;AACA;EAEI;IACE;EA8GJ;EA3GE;IACE;EA6GJ;EA1GE;IACE;IACA;IACA;IACA;EA4GJ;AACF;AAxGA;AACA;EAEI;IACE;EAyGJ;EAtGE;IACE;EAwGJ;EAtGI;IACE;EAwGN;AACF;AAnGA;AACA;EAEI;IACE;IACA;EAoGJ;EAjGE;IACE;IACA;EAmGJ;EAhGE;IACE;EAkGJ;EA9FI;IACE;EAgGN;EA9FM;IACE;IACA;IACA;EAgGR;EA5FQ;IACE;EA8FV;EAzFI;IACE;EA2FN;EAtFI;IACE;EAwFN;EArFQ;IACE;IACA;IACA;EAuFV;EApFQ;IACE;EAsFV;EAlFM;IACE;EAoFR;EAhFI;IACE;EAkFN;EA9EE;IACE;EAgFJ;EA5EA;IACE;IACA;EA8EF;EA5EE;;IAEE;EA8EJ;AACF;AA1EA;AACA;EAEI;IACE;IACA;EA2EJ;EAvEI;IACE;IACA;IACA;EAyEN;EApEI;IACE;EAsEN;EApEM;IACE;IACA;IACA;EAsER;EA7DI;;;;IACE;EAkEN;EAhEM;;;;IACE;EAqER;EAjEI;;;;IACE;EAsEN;EAnEI;;;;IACE;EAwEN;EAnEA;IACE;EAqEF;EAnEE;IACE;IACA;EAqEJ;EAlEE;IACE;EAoEJ;AACF;AAhEA;;wCAAA;AAIA;EACE;AAiEF;AAhEE;EACE;EACA;EACA;EACA;AAkEJ;AAhEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAkEN;AAhEM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAkER;AA/DM;EACE;EACA;AAiER;AA9DM;EACE;EACA;EACA;AAgER;AA7DM;EACE;EACA;EACA;AA+DR;AA5DM;EACE;EACA;EACA;AA8DR;AA3DM;EACE;EACA;EACA;AA6DR;AA1DM;EACE;EACA;EACA;EACA;AA4DR;AAzDU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2DZ;AAzDY;EACE;EACA;EACA;EACA;EACA;EACA;AA2Dd;AArDU;EACE;EACA;EACA;EACA;AAuDZ;AArDY;EACE;EACA;AAuDd;AApDY;EACE;EACA;AAsDd;AAhDU;EACE;EACA;EACA;EACA;AAkDZ;AAhDY;EACE;EACA;AAkDd;AA5CU;EACE;EACA;EACA;EACA;AA8CZ;AAzCU;EACE;EACA;AA2CZ;AAtCM;EACE;AAwCR;AAtCQ;EACE;EACA;EACA;EACA;EACA;AAwCV;AArCQ;EACE;EACA;EACA;EACA;AAuCV;AApCQ;EACE;EACA;AAsCV;AAlCM;EACE;AAoCR;AAlCQ;EACE;EACA;EACA;EACA;EACA;EACA;AAoCV;AAlCU;EACE;EACA;AAoCZ;AAjCU;EACE;EACA;EACA;AAmCZ;AA/BQ;EACE;EACA;EACA;AAiCV;AA/BU;EACE;EACA;EACA;EACA;EACA;AAiCZ;AA/BY;EACE;EACA;EACA;AAiCd;AA/Bc;EACE;AAiChB;AA9Bc;EACE;AAgChB;AA7Bc;EACE;AA+BhB;AA5Bc;EACE;AA8BhB;AAnPA;EA8NE;AAwBF;AAvBE;EACE;EACA;EACA;EACA;EACA;AAyBJ;AAvBI;EACE;EACA;EACA;EACA;EACA;EACA;AAyBN;AAtBQ;EACE;EACA;EACA;EACA;AAwBV;AArBQ;EACE;EACA;EACA;AAuBV;AAlBQ;EACE;EACA;AAoBV;AAlBU;EACE;EACA;EACA;EACA;EACA;AAoBZ;AAlBY;EACE;EACA;EACA;AAoBd;AAlBc;EACE;AAoBhB;AAjBc;EACE;AAmBhB;AAXI;EACE;EAEA;AAYN;AATM;EACE;EACA;AAWR;AATQ;EACE;EACA;EACA;AAWV;AARQ;EACE;EACA;EACA;EACA;AAUV;AAPQ;EACE;EACA;EACA;AASV;AANQ;EACE;EACA;EACA;AAQV;;AAFE;AACA;EACE;IACE;EAKJ;EAFE;AAIJ;AADE;EACE;IACE;IACA;EAGJ;EACQ;IACE;EACV;EAKE;AAHJ;AAME;EAGM;IACE;EANR;EASM;IACE;EAPR;EASQ;IACE;EAPV;EAWM;IACE;EATR;EAcE;AAZJ;AAeA;EACE;IACE;EAbF;EAeA;IACE;EAbF;AACF;AAgBA;EACE;AAdF;AAeE;EACE;EACA;EACA;EACA;AAbJ;AAeI;EACE;AAbN;AAgBI;EACE;AAdN;AACA;EAiBE;AAfF;AAiBI;EACE;EACA;EACA;AAfN;AAkBI;EACE;EACA;EACA;EACA;EACA;EACA;AAhBN;AAmBI;EACE;EACA;EACA;EACA;EACA;AAjBN;AAoBI;EACE;EACA;EACA;EACA;EACA;EACA;AAlBN;AAoBM;EACE;EACA;AAlBR;AAsBI;EACE;EACA;EACA;EACA;EACA;AApBN;AAuBI;EACE;EACA;EACA;EACA;EACA;EACA;AArBN;AAuBM;EACE;AArBR;AAuBQ;EACE;EACA;EACA;EACA;AArBV;AAwBQ;EACE;EACA;EACA;EACA;AAtBV;AAhEA;EA4FE;AAzBF;AA0BE;EACE;EACA;EACA;AAxBJ;AA0BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxBN;AA2BI;EACE;EACA;AAzBN;AA6BE;EACE;EACA;AA3BJ;AA8BE;EACE;EACA;AA5BJ;AA+BE;EACE;EACA;EACA;EACA;AA7BJ;AA+BI;EACE;AA7BN;AAgCI;EACE;AA9BN;AAkCE;EACE;EACA;EACA;AAhCJ;AAkCI;EACE;EACA;EACA;AAhCN;AAkCM;EACE;EACA;AAhCR;AA1HA;EA+JE;AAlCF;AAmCE;EACE;IACE;EAjCJ;EAmCI;IACE;IACA;EAjCN;EAoCI;IACE;EAlCN;EAsCE;IACE;EApCJ;EAuCE;IACE;IACA;IACA;IACA;EArCJ;EAwCE;IACE;IACA;EAtCJ;EAyCM;IACE;EAvCR;EA0CM;IACE;EAxCR;EA6CE;IACE;IACA;IACA;EA3CJ;EA6CI;IACE;IACA;IACA;EA3CN;EA8CI;IACE;EA5CN;EAgDE;IACE;EA9CJ;EAgDI;IACE;IACA;EA9CN;EAiDI;IACE;EA/CN;AACF;AAmDE;EACE;IACE;IACA;EAjDJ;EAmDI;;IAEE;EAjDN;EAuDM;IACE;EArDR;EAwDM;IACE;EAtDR;EA4DI;IACE;IACA;IACA;EA1DN;EA4DM;IACE;EA1DR;AACF,C","sources":["webpack://shop-explorer/./src/components/PriceModal/PriceModal.scss","webpack://shop-explorer/./src/components/PremiumModal/PremiumModal.scss","webpack://shop-explorer/./src/styles/_quickaction.scss","webpack://shop-explorer/./src/components/AISettings/AISettings.scss","webpack://shop-explorer/./src/components/AISettings/AIRevenuePanel.scss","webpack://shop-explorer/./src/components/Woocommerce/wooanalytics.scss","webpack://shop-explorer/./src/styles/app.scss","webpack://shop-explorer/./src/styles/dashboard.scss","webpack://shop-explorer/./src/styles/_revenue-analytics.scss","webpack://shop-explorer/./src/styles/_orders.scss","webpack://shop-explorer/./src/styles/_advanced-filters.scss","webpack://shop-explorer/./src/styles/_order-details.scss","webpack://shop-explorer/./src/styles/_products.scss","webpack://shop-explorer/./src/styles/_product-editor.scss","webpack://shop-explorer/./src/styles/_product-single.scss","webpack://shop-explorer/./src/styles/_bulk-editor.scss","webpack://shop-explorer/./src/styles/_customers.scss","webpack://shop-explorer/./src/styles/_customer-cv.scss","webpack://shop-explorer/./src/styles/_settings.scss","webpack://shop-explorer/./src/styles/_wysiwyg.scss","webpack://shop-explorer/./src/styles/_reviews.scss","webpack://shop-explorer/./src/styles/layout.scss"],"sourcesContent":["/* Modal Overlay */\r\n.price-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  z-index: 9999;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n/* Modal Wrapper */\r\n.price-modal-wrapper {\r\n  position: fixed;\r\n  z-index: 10000;\r\n\r\n  &.price-modal-center {\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    max-width: 90vw;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  &.price-modal-top-right {\r\n    top: 20px;\r\n    right: 20px;\r\n    max-width: 400px;\r\n  }\r\n\r\n  &.price-modal-bottom-right {\r\n    bottom: 20px;\r\n    right: 20px;\r\n    max-width: 400px;\r\n  }\r\n}\r\n\r\n/* Animations */\r\n.fade-in {\r\n  animation: fadeIn 0.3s ease-out;\r\n}\r\n\r\n.slide-in-right {\r\n  animation: slideInRight 0.3s ease-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate(-50%, -50%) scale(0.9);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes slideInRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n/* Premium Modal Container */\r\n.price-modal-container {\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n  max-width: 500px;\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  &.mobile {\r\n    max-width: 95vw;\r\n    margin: 10px;\r\n  }\r\n}\r\n\r\n.price-modal-header {\r\n  position: relative;\r\n  padding: 0;\r\n\r\n  .price-modal-close {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    background: rgba(0, 0, 0, 0.1);\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    color: #666;\r\n    z-index: 1;\r\n    transition: all 0.2s ease;\r\n\r\n    &:hover {\r\n      background: rgba(0, 0, 0, 0.2);\r\n      color: #333;\r\n    }\r\n  }\r\n}\r\n\r\n.price-modal-guarantee {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px 20px;\r\n  background: rgba(34, 197, 94, 0.1);\r\n  border-radius: 0 0 16px 16px;\r\n  border-top: 1px solid rgba(34, 197, 94, 0.2);\r\n}\r\n\r\n.price-modal-guarantee-badge {\r\n  background: #22c55e;\r\n  color: white;\r\n  border-radius: 50%;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.price-modal-guarantee-text {\r\n  flex: 1;\r\n\r\n  h4 {\r\n    margin: 0 0 4px 0;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #166534;\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    color: #15803d;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n/* Confirmation Modal */\r\n.price-modal-confirmation {\r\n  background: white;\r\n  border-radius: 12px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n  max-width: 400px;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.price-modal-confirmation .price-modal-header {\r\n  padding: 24px 24px 16px;\r\n  text-align: center;\r\n\r\n  h2 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #1a1a1a;\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #666;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .price-modal-close {\r\n    top: 16px;\r\n    right: 16px;\r\n  }\r\n}\r\n\r\n.price-modal-actions {\r\n  display: flex;\r\n  gap: 12px;\r\n  padding: 16px 24px 24px;\r\n}\r\n\r\n.price-modal-decline {\r\n  flex: 1;\r\n  padding: 12px 20px;\r\n  border: 1px solid #d1d5db;\r\n  background: white;\r\n  color: #374151;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n\r\n  &:hover {\r\n    background: #f9fafb;\r\n    border-color: #9ca3af;\r\n  }\r\n}\r\n\r\n.price-modal-confirm {\r\n  flex: 1;\r\n  padding: 12px 20px;\r\n  background: #4f46e5;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  transition: all 0.2s ease;\r\n\r\n  &:hover {\r\n    background: #4338ca;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .arrow-icon {\r\n    font-size: 16px;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  &:hover .arrow-icon {\r\n    transform: translateX(2px);\r\n  }\r\n}\r\n\r\n/* Toast Modal */\r\n.price-modal-toast {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n  padding: 16px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  border-left: 4px solid;\r\n\r\n  &.price-border-left-success {\r\n    border-left-color: #22c55e;\r\n  }\r\n\r\n  &.price-border-left-info {\r\n    border-left-color: #3b82f6;\r\n  }\r\n\r\n  &.price-border-left-warning {\r\n    border-left-color: #f59e0b;\r\n  }\r\n\r\n  &.price-border-left-error {\r\n    border-left-color: #ef4444;\r\n  }\r\n}\r\n\r\n.price-modal-toast-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  flex-shrink: 0;\r\n\r\n  &.success {\r\n    background: rgba(34, 197, 94, 0.1);\r\n    color: #22c55e;\r\n  }\r\n\r\n  &.info {\r\n    background: rgba(59, 130, 246, 0.1);\r\n    color: #3b82f6;\r\n  }\r\n\r\n  &.warning {\r\n    background: rgba(245, 158, 11, 0.1);\r\n    color: #f59e0b;\r\n  }\r\n\r\n  &.error {\r\n    background: rgba(239, 68, 68, 0.1);\r\n    color: #ef4444;\r\n  }\r\n}\r\n\r\n.price-modal-toast-content {\r\n  flex: 1;\r\n\r\n  h4 {\r\n    margin: 0 0 4px 0;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n\r\n    &.success {\r\n      color: #166534;\r\n    }\r\n\r\n    &.info {\r\n      color: #1e40af;\r\n    }\r\n\r\n    &.warning {\r\n      color: #92400e;\r\n    }\r\n\r\n    &.error {\r\n      color: #dc2626;\r\n    }\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #666;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n.price-modal-toast-close {\r\n  background: none;\r\n  border: none;\r\n  color: #9ca3af;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: all 0.2s ease;\r\n\r\n  &:hover {\r\n    background: rgba(0, 0, 0, 0.05);\r\n    color: #666;\r\n  }\r\n}\r\n\r\n/* Mobile Responsive */\r\n@media (max-width: 768px) {\r\n  .price-modal-wrapper.price-modal-center {\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    transform: none;\r\n    max-width: none;\r\n    max-height: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .price-modal-container {\r\n    max-width: none;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .price-modal-wrapper.price-modal-top-right,\r\n  .price-modal-wrapper.price-modal-bottom-right {\r\n    left: 10px;\r\n    right: 10px;\r\n    max-width: none;\r\n  }\r\n\r\n  .price-modal-wrapper.price-modal-top-right {\r\n    top: 10px;\r\n  }\r\n\r\n  .price-modal-wrapper.price-modal-bottom-right {\r\n    bottom: 10px;\r\n  }\r\n\r\n  .price-modal-confirmation {\r\n    max-width: none;\r\n    width: 100%;\r\n  }\r\n\r\n  .price-modal-actions {\r\n    flex-direction: column;\r\n\r\n    .price-modal-decline,\r\n    .price-modal-confirm {\r\n      flex: none;\r\n    }\r\n  }\r\n}",".premium-modal-container {\r\n  background: rgba(79, 70, 229, 0.05);\r\n  border-radius: 12px;\r\n  padding: 20px 16px;\r\n  margin: 0 auto 15px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  color: #1a1a1a;\r\n  border: 1px solid rgba(79, 70, 229, 0.1);\r\n}\r\n\r\n.premium-header {\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n\r\n  .premium-crown {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    background: rgba(79, 70, 229, 0.1);\r\n    border-radius: 50%;\r\n    margin-bottom: 10px;\r\n\r\n    span {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  h2 {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.2;\r\n    color: #1a1a1a;\r\n  }\r\n\r\n  p {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    color: #4a4a4a;\r\n\r\n    strong {\r\n      font-weight: 600;\r\n      color: #4f46e5;\r\n    }\r\n  }\r\n}\r\n\r\n.premium-offer {\r\n  background: rgba(79, 70, 229, 0.08);\r\n  border-radius: 10px;\r\n  padding: 16px;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(79, 70, 229, 0.15);\r\n\r\n  &__badge {\r\n    gap: 6px;\r\n    background: rgba(79, 70, 229, 0.15);\r\n    padding: 6px 12px;\r\n    border-radius: 16px;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: #4f46e5;\r\n    text-align: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n    display: flex;\r\n    width: fit-content;\r\n    max-width: 70%;\r\n    margin: 0 auto 12px;\r\n\r\n    span {\r\n      font-size: 16px;\r\n      color: #4f46e5;\r\n    }\r\n  }\r\n\r\n  &__text {\r\n    margin: 12px 0 0 0;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    color: #1a1a1a;\r\n\r\n    strong {\r\n      color: #4f46e5;\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n}\r\n\r\n.premium-countdown {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.countdown-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background: rgba(79, 70, 229, 0.1);\r\n  padding: 8px 10px;\r\n  border-radius: 6px;\r\n  min-width: 52px;\r\n}\r\n\r\n.countdown-number {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  margin-bottom: 3px;\r\n  color: #4f46e5;\r\n}\r\n\r\n.countdown-label {\r\n  font-size: 10px;\r\n  color: #6b6b6b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.countdown-separator {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #4f46e5;\r\n  padding: 0 2px;\r\n}\r\n\r\n.premium-cta {\r\n  width: 100%;\r\n  background: #4f46e5;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 10px;\r\n  padding: 14px 24px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  transition: all 0.3s ease;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.25);\r\n\r\n  &:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 24px rgba(79, 70, 229, 0.35);\r\n    background: #4338ca;\r\n  }\r\n\r\n  &:active {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  span:last-child {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  &:hover span:last-child {\r\n    transform: translateX(4px);\r\n  }\r\n}\r\n\r\n.premium-basic-offer {\r\n  background: rgba(79, 70, 229, 0.08);\r\n  border-radius: 10px;\r\n  padding: 20px 16px;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(79, 70, 229, 0.15);\r\n\r\n  .premium-value-props {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .value-prop {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 12px;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    border-radius: 8px;\r\n    border: 1px solid rgba(79, 70, 229, 0.1);\r\n\r\n    .value-icon {\r\n      font-size: 24px;\r\n      margin-top: 2px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .value-content {\r\n      flex: 1;\r\n\r\n      h4 {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        margin: 0 0 4px 0;\r\n        color: #1a1a1a;\r\n        line-height: 1.3;\r\n      }\r\n\r\n      p {\r\n        font-size: 13px;\r\n        margin: 0;\r\n        color: #4a4a4a;\r\n        line-height: 1.4;\r\n      }\r\n    }\r\n  }\r\n\r\n  .premium-offer-highlight {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(79, 70, 229, 0.15);\r\n    padding: 10px 16px;\r\n    border-radius: 8px;\r\n    margin-top: 12px;\r\n\r\n    .offer-badge {\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      color: #4f46e5;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .offer-text {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #4f46e5;\r\n    }\r\n  }\r\n}\r\n\r\n.premium-highlights {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-bottom: 16px;\r\n  gap: 12px;\r\n}\r\n\r\n.highlight-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex: 1;\r\n\r\n  span:first-child {\r\n    font-size: 22px;\r\n  }\r\n\r\n  span:last-child {\r\n    font-size: 11px;\r\n    text-align: center;\r\n    color: #4a4a4a;\r\n    line-height: 1.3;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .premium-modal-container {\r\n    padding: 16px 12px;\r\n    max-width: 95%;\r\n  }\r\n\r\n  .premium-header {\r\n    margin-bottom: 16px;\r\n\r\n    .premium-crown {\r\n      width: 40px;\r\n      height: 40px;\r\n      margin-bottom: 8px;\r\n\r\n      span {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n\r\n    h2 {\r\n      font-size: 20px;\r\n    }\r\n\r\n    p {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  .premium-offer {\r\n    padding: 14px;\r\n    margin-bottom: 16px;\r\n\r\n    &__badge {\r\n      font-size: 11px;\r\n      padding: 5px 10px;\r\n      max-width: 80%;\r\n\r\n      span {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    &__text {\r\n      font-size: 14px;\r\n\r\n      strong {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .premium-basic-offer {\r\n    padding: 16px 12px;\r\n    margin-bottom: 16px;\r\n\r\n    .premium-value-props {\r\n      gap: 12px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .value-prop {\r\n      gap: 10px;\r\n      padding: 10px;\r\n\r\n      .value-icon {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .value-content {\r\n        h4 {\r\n          font-size: 14px;\r\n        }\r\n\r\n        p {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .premium-offer-highlight {\r\n      padding: 8px 12px;\r\n      gap: 6px;\r\n\r\n      .offer-badge {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .offer-text {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .countdown-item {\r\n    min-width: 48px;\r\n    padding: 6px 8px;\r\n  }\r\n\r\n  .countdown-number {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .countdown-label {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .countdown-separator {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .premium-cta {\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n    margin-bottom: 16px;\r\n\r\n    span:last-child {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  .premium-highlights {\r\n    gap: 8px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .highlight-item {\r\n    gap: 4px;\r\n\r\n    span:first-child {\r\n      font-size: 20px;\r\n    }\r\n\r\n    span:last-child {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .premium-modal-container {\r\n    padding: 14px 10px;\r\n  }\r\n\r\n  .premium-header h2 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .countdown-item {\r\n    min-width: 42px;\r\n    padding: 5px 6px;\r\n  }\r\n\r\n  .countdown-number {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .countdown-separator {\r\n    font-size: 14px;\r\n    padding: 0 1px;\r\n  }\r\n\r\n  .premium-cta {\r\n    font-size: 14px;\r\n    padding: 11px 18px;\r\n  }\r\n\r\n  .highlight-item span:first-child {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .premium-basic-offer {\r\n    padding: 12px 8px;\r\n\r\n    .value-prop {\r\n      gap: 8px;\r\n      padding: 8px;\r\n\r\n      .value-icon {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .value-content {\r\n        h4 {\r\n          font-size: 13px;\r\n        }\r\n\r\n        p {\r\n          font-size: 11px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .premium-offer-highlight {\r\n      padding: 6px 10px;\r\n      gap: 4px;\r\n\r\n      .offer-badge {\r\n        font-size: 10px;\r\n      }\r\n\r\n      .offer-text {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n}",".loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3rem;\r\n    text-align: center;\r\n\r\n    .spinner-action {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 4px solid #2ea2cc;\r\n        border-top: 4px solid #720eec;\r\n        border-radius: 50%;\r\n        animation: spin 0.8s linear infinite;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    p {\r\n        color: #474747;\r\n        margin: 0;\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}",".ai-settings {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n\r\n    .card-header {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    &-loading {\r\n        padding: 40px;\r\n        text-align: center;\r\n        color: #6b7280;\r\n    }\r\n\r\n    &-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        padding: 20px 0 4px;\r\n\r\n        .ai-header-icon {\r\n            font-size: 2.4rem;\r\n            line-height: 1;\r\n        }\r\n\r\n        h2 {\r\n            margin: 0 0 4px;\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        p {\r\n            margin: 0;\r\n            color: #6b7280;\r\n            font-size: 0.9rem;\r\n        }\r\n    }\r\n\r\n    &-footer {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        padding-top: 4px;\r\n    }\r\n}\r\n\r\n.ai-card {\r\n    .card-header h3 { font-size: 1rem; font-weight: 600; margin: 0 0 2px; }\r\n    .card-header p  { font-size: 0.85rem; color: #6b7280; margin: 0; }\r\n}\r\n\r\n/* Provider grid */\r\n.ai-providers-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    gap: 10px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.ai-provider-btn {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 14px 10px;\r\n    border: 2px solid #e5e7eb;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;\r\n    font-size: 0.82rem;\r\n    font-weight: 500;\r\n    color: #374151;\r\n\r\n    .provider-icon { font-size: 1.5rem; }\r\n\r\n    &:hover {\r\n        border-color: #6366f1;\r\n        background: #f5f3ff;\r\n    }\r\n\r\n    &.active {\r\n        border-color: #6366f1;\r\n        background: #ede9fe;\r\n        color: #4f46e5;\r\n        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);\r\n    }\r\n}\r\n\r\n/* API key input */\r\n.api-key-input-wrapper {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n\r\n    input { flex: 1; }\r\n\r\n    .btn-icon {\r\n        background: none;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 6px;\r\n        padding: 6px 10px;\r\n        cursor: pointer;\r\n        font-size: 1rem;\r\n        line-height: 1;\r\n        transition: background 0.15s;\r\n\r\n        &:hover { background: #f3f4f6; }\r\n    }\r\n}\r\n\r\n.field-hint {\r\n    font-size: 0.78rem;\r\n    color: #9ca3af;\r\n    margin: 4px 0 0;\r\n\r\n    a { color: #6366f1; text-decoration: none; &:hover { text-decoration: underline; } }\r\n}\r\n\r\n/* Params grid */\r\n.ai-params-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n\r\n    @media (max-width: 600px) { grid-template-columns: 1fr; }\r\n}\r\n\r\ninput[type=\"range\"] {\r\n    width: 100%;\r\n    accent-color: #6366f1;\r\n}\r\n\r\n.range-labels {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 0.75rem;\r\n    color: #9ca3af;\r\n    margin-top: 2px;\r\n}\r\n\r\n.param-value {\r\n    font-weight: 700;\r\n    color: #6366f1;\r\n    margin-left: 6px;\r\n}\r\n\r\n/* Test result */\r\n.test-result {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-top: 14px;\r\n    padding: 12px 16px;\r\n    border-radius: 8px;\r\n    font-size: 0.88rem;\r\n    line-height: 1.5;\r\n\r\n    &.success {\r\n        background: #f0fdf4;\r\n        border: 1px solid #bbf7d0;\r\n        color: #166534;\r\n    }\r\n\r\n    &.error {\r\n        background: #fef2f2;\r\n        border: 1px solid #fecaca;\r\n        color: #991b1b;\r\n    }\r\n\r\n    .test-icon { font-size: 1.1rem; flex-shrink: 0; }\r\n}\r\n\r\n.spinner-sm {\r\n    display: inline-block;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid rgba(255,255,255,0.4);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.7s linear infinite;\r\n    margin-right: 6px;\r\n    vertical-align: middle;\r\n}\r\n\r\n@keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n.mt-4 { margin-top: 16px; }\r\n","// ── Design Tokens ────────────────────────────────────────────────────────────\r\n:root {\r\n  --arp-primary: #6366f1;\r\n  --arp-primary-deep: #4f46e5;\r\n  --arp-secondary: #8b5cf6;\r\n  --arp-accent: #6366f1;\r\n  --arp-accent-warm: #7c3aed;\r\n  --arp-bg-panel: #ffffff;\r\n  --arp-bg-card: #f8f7ff;\r\n  --arp-bg-card-hover: #f0effe;\r\n  --arp-bg-input: #f4f4fd;\r\n  --arp-border: rgba(99, 102, 241, 0.14);\r\n  --arp-border-bright: rgba(99, 102, 241, 0.28);\r\n  --arp-text: #1e1b4b;\r\n  --arp-text-muted: #4b5563;\r\n  --arp-text-dim: #9ca3af;\r\n  --arp-user-bg: rgba(99, 102, 241, 0.08);\r\n  --arp-user-border: rgba(99, 102, 241, 0.2);\r\n  --arp-ai-bg: rgba(248, 247, 255, 0.95);\r\n  --arp-ai-border: rgba(99, 102, 241, 0.1);\r\n  --arp-glow-primary: rgba(99, 102, 241, 0.2);\r\n  --arp-glow-accent: rgba(99, 102, 241, 0.12);\r\n  --arp-radius-sm: 8px;\r\n  --arp-radius-md: 12px;\r\n  --arp-radius-lg: 18px;\r\n  --arp-radius-pill: 100px;\r\n  --arp-shadow-glow: 0 0 24px rgba(99, 102, 241, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);\r\n  --arp-transition: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n// ── Floating Action Button ────────────────────────────────────────────────────\r\n.ai-revenue-fab {\r\n  position: fixed;\r\n  bottom: clamp(20px, 4vw, 32px);\r\n  right: clamp(16px, 4vw, 32px);\r\n  z-index: 1200;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 11px 20px 11px 14px;\r\n  background: linear-gradient(135deg, var(--arp-primary) 0%, var(--arp-secondary) 100%);\r\n  color: #fff;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: var(--arp-radius-pill);\r\n  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.01em;\r\n  cursor: pointer;\r\n  box-shadow: var(--arp-shadow-glow);\r\n  transition: transform 0.2s var(--arp-transition),\r\n    box-shadow 0.2s var(--arp-transition),\r\n    background 0.2s;\r\n  position: fixed;\r\n  overflow: hidden;\r\n\r\n  .fab-glow {\r\n    position: absolute;\r\n    inset: -2px;\r\n    background: conic-gradient(from 0deg, var(--arp-primary), var(--arp-accent), var(--arp-secondary), var(--arp-primary));\r\n    border-radius: inherit;\r\n    z-index: -1;\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n    filter: blur(6px);\r\n  }\r\n\r\n  .fab-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    background: rgba(255, 255, 255, 0.18);\r\n    border-radius: var(--arp-radius-sm);\r\n    flex-shrink: 0;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .fab-label {\r\n    white-space: nowrap;\r\n\r\n    @media (max-width: 480px) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .fab-dot {\r\n    position: absolute;\r\n    top: 7px;\r\n    right: 7px;\r\n    width: 9px;\r\n    height: 9px;\r\n    background: #10b981;\r\n    border-radius: 50%;\r\n    border: 2px solid #fff;\r\n    animation: fabPulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  &:hover {\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 0 32px rgba(99, 102, 241, 0.35), 0 8px 24px rgba(0, 0, 0, 0.12);\r\n\r\n    .fab-glow {\r\n      opacity: 0.4;\r\n    }\r\n\r\n    .fab-icon {\r\n      background: rgba(255, 255, 255, 0.28);\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    transform: translateY(-1px) scale(0.98);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  &.active {\r\n    background: linear-gradient(135deg, var(--arp-primary-deep) 0%, #6d28d9 100%);\r\n  }\r\n}\r\n\r\n@keyframes fabPulse {\r\n\r\n  0%,\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1.4);\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n// ── Sliding Panel ─────────────────────────────────────────────────────────────\r\n.ai-revenue-panel {\r\n  position: fixed;\r\n  top: 0;\r\n  right: -460px;\r\n  width: clamp(320px, 95vw, 440px);\r\n  height: 100dvh;\r\n  z-index: 110000;\r\n  background: var(--arp-bg-panel);\r\n  border-left: 1px solid var(--arp-border);\r\n  box-shadow: -8px 0 48px rgba(99, 102, 241, 0.08), -1px 0 0 var(--arp-border-bright);\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: right 0.35s var(--arp-transition);\r\n  overflow: hidden;\r\n  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n  .arp-header,\r\n  .arp-body,\r\n  .arp-footer {\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n    transition: opacity 0.3s var(--arp-transition), transform 0.3s var(--arp-transition);\r\n  }\r\n\r\n  &.open {\r\n    right: 0;\r\n  }\r\n\r\n  &.ready {\r\n    .arp-header {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition-delay: 0.05s;\r\n    }\r\n\r\n    .arp-body {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition-delay: 0.1s;\r\n    }\r\n\r\n    .arp-footer {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition-delay: 0.15s;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    width: 100vw;\r\n    right: -100vw;\r\n  }\r\n}\r\n\r\n// ── Neural Background ─────────────────────────────────────────────────────────\r\n.arp-neural-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.arp-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(60px);\r\n  opacity: 0.06;\r\n  animation: orbFloat 8s ease-in-out infinite;\r\n\r\n  &.arp-orb-1 {\r\n    width: 260px;\r\n    height: 260px;\r\n    background: radial-gradient(circle, var(--arp-primary), transparent);\r\n    top: -80px;\r\n    right: -60px;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  &.arp-orb-2 {\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, var(--arp-secondary), transparent);\r\n    bottom: 120px;\r\n    left: -60px;\r\n    animation-delay: 4s;\r\n    opacity: 0.04;\r\n  }\r\n}\r\n\r\n.arp-mesh {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n@keyframes orbFloat {\r\n\r\n  0%,\r\n  100% {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-20px) scale(1.06);\r\n  }\r\n}\r\n\r\n// ── Header ────────────────────────────────────────────────────────────────────\r\n.arp-header {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 18px 18px 18px 20px;\r\n  border-bottom: 1px solid var(--arp-border);\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg,\r\n        rgba(99, 102, 241, 0.06) 0%,\r\n        rgba(139, 92, 246, 0.04) 50%,\r\n        transparent 100%);\r\n  }\r\n}\r\n\r\n.arp-header-aurora {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 280px;\r\n  height: 80px;\r\n  background: linear-gradient(90deg,\r\n      transparent, var(--arp-primary), var(--arp-secondary), var(--arp-primary), transparent);\r\n  filter: blur(24px);\r\n  opacity: 0.1;\r\n  animation: auroraShift 4s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes auroraShift {\r\n  from {\r\n    opacity: 0.08;\r\n    transform: translateX(-50%) scaleX(0.9);\r\n  }\r\n\r\n  to {\r\n    opacity: 0.14;\r\n    transform: translateX(-50%) scaleX(1.1);\r\n  }\r\n}\r\n\r\n.arp-header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.arp-avatar {\r\n  position: relative;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: linear-gradient(135deg, var(--arp-primary), var(--arp-secondary));\r\n  border-radius: var(--arp-radius-md);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 16px rgba(99, 102, 241, 0.25);\r\n}\r\n\r\n.arp-avatar-pulse {\r\n  position: absolute;\r\n  inset: -3px;\r\n  border-radius: 14px;\r\n  border: 1.5px solid var(--arp-primary);\r\n  opacity: 0;\r\n  animation: avatarPulse 2.5s ease-out infinite;\r\n}\r\n\r\n@keyframes avatarPulse {\r\n  0% {\r\n    opacity: 0.5;\r\n    transform: scale(1);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: scale(1.45);\r\n  }\r\n}\r\n\r\n.arp-header-text {\r\n  .arp-title {\r\n    margin: 0;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    color: var(--arp-text);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arp-subtitle {\r\n    margin: 2px 0 0;\r\n    font-size: 0.72rem;\r\n    color: var(--arp-text-dim);\r\n    letter-spacing: 0.02em;\r\n  }\r\n}\r\n\r\n.arp-header-actions {\r\n  display: flex;\r\n  gap: 6px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.arp-icon-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: rgba(99, 102, 241, 0.06);\r\n  border: 1px solid var(--arp-border);\r\n  border-radius: var(--arp-radius-sm);\r\n  color: var(--arp-text-muted);\r\n  cursor: pointer;\r\n  transition: background 0.15s, color 0.15s, transform 0.15s;\r\n\r\n  &:hover {\r\n    background: rgba(99, 102, 241, 0.1);\r\n    color: var(--arp-text);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  &.arp-close-btn:hover {\r\n    background: rgba(239, 68, 68, 0.08);\r\n    border-color: rgba(239, 68, 68, 0.25);\r\n    color: #dc2626;\r\n  }\r\n}\r\n\r\n// ── Body ──────────────────────────────────────────────────────────────────────\r\n.arp-body {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  padding: 20px 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  scrollbar-width: thin;\r\n  scrollbar-color: var(--arp-border-bright) transparent;\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 4px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background: var(--arp-border-bright);\r\n    border-radius: 4px;\r\n  }\r\n}\r\n\r\n// ── Welcome State ─────────────────────────────────────────────────────────────\r\n.arp-welcome {\r\n  text-align: center;\r\n  padding: 12px 8px 4px;\r\n  animation: fadeSlideUp 0.4s var(--arp-transition) both;\r\n}\r\n\r\n.arp-welcome-visual {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.arp-welcome-ring {\r\n  position: absolute;\r\n  width: 72px;\r\n  height: 72px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid var(--arp-primary);\r\n  opacity: 0.2;\r\n  animation: ringExpand 3s ease-in-out infinite;\r\n}\r\n\r\n.arp-welcome-icon-wrap {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.06));\r\n  border: 1px solid var(--arp-border-bright);\r\n  border-radius: var(--arp-radius-lg);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--arp-accent-warm);\r\n  box-shadow: 0 0 20px rgba(99, 102, 241, 0.08);\r\n}\r\n\r\n@keyframes ringExpand {\r\n\r\n  0%,\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 0.2;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1.3);\r\n    opacity: 0.06;\r\n  }\r\n}\r\n\r\n.arp-welcome-title {\r\n  margin: 0 0 8px;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: var(--arp-text);\r\n}\r\n\r\n.arp-welcome-desc {\r\n  font-size: 0.82rem;\r\n  color: var(--arp-text-muted);\r\n  line-height: 1.65;\r\n  margin: 0 0 20px;\r\n  max-width: 280px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.arp-chips {\r\n  text-align: left;\r\n}\r\n\r\n.arp-chips-label {\r\n  font-size: 0.7rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  color: var(--arp-text-dim);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.arp-chips-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 8px;\r\n\r\n  @media (max-width: 360px) {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n.arp-chip {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 9px 12px;\r\n  background: var(--arp-bg-card);\r\n  border: 1px solid var(--arp-border);\r\n  border-radius: var(--arp-radius-md);\r\n  font-family: inherit;\r\n  font-size: 0.8rem;\r\n  font-weight: 500;\r\n  color: var(--arp-text-muted);\r\n  cursor: pointer;\r\n  transition: all 0.18s var(--arp-transition);\r\n  text-align: left;\r\n\r\n  .arp-chip-zap {\r\n    display: flex;\r\n    color: var(--arp-primary);\r\n    flex-shrink: 0;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  &:hover:not(:disabled) {\r\n    background: var(--arp-bg-card-hover);\r\n    border-color: var(--arp-border-bright);\r\n    color: var(--arp-primary-deep);\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.08);\r\n\r\n    .arp-chip-zap {\r\n      opacity: 1;\r\n      color: var(--arp-primary);\r\n    }\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.4;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n// ── Loading State ─────────────────────────────────────────────────────────────\r\n.arp-loading-state {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 60px 20px;\r\n  animation: fadeSlideUp 0.3s both;\r\n}\r\n\r\n.arp-loading-ring {\r\n  position: relative;\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  &::before,\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    border: 2px solid transparent;\r\n  }\r\n\r\n  &::before {\r\n    border-top-color: var(--arp-primary);\r\n    border-right-color: var(--arp-primary);\r\n    animation: spin 1s linear infinite;\r\n  }\r\n\r\n  &::after {\r\n    border-bottom-color: var(--arp-secondary);\r\n    animation: spin 1.5s linear infinite reverse;\r\n  }\r\n}\r\n\r\n.arp-loading-inner {\r\n  position: absolute;\r\n  inset: 8px;\r\n  background: radial-gradient(circle, rgba(99, 102, 241, 0.1), transparent);\r\n  border-radius: 50%;\r\n  animation: innerPulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes innerPulse {\r\n\r\n  0%,\r\n  100% {\r\n    opacity: 0.4;\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n\r\n.arp-loading-text {\r\n  font-size: 0.85rem;\r\n  color: var(--arp-text-muted);\r\n  font-weight: 500;\r\n}\r\n\r\n.arp-loading-dots {\r\n  display: flex;\r\n  gap: 5px;\r\n\r\n  span {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arp-primary);\r\n    animation: dotBounce 1.2s ease-in-out infinite;\r\n\r\n    &:nth-child(2) {\r\n      animation-delay: 0.2s;\r\n      background: var(--arp-secondary);\r\n    }\r\n\r\n    &:nth-child(3) {\r\n      animation-delay: 0.4s;\r\n      background: #a78bfa;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes dotBounce {\r\n\r\n  0%,\r\n  80%,\r\n  100% {\r\n    transform: scale(0.6);\r\n    opacity: 0.4;\r\n  }\r\n\r\n  40% {\r\n    transform: scale(1.2);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// ── Chat ──────────────────────────────────────────────────────────────────────\r\n.arp-chat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.arp-chat-pair {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  animation: fadeSlideUp 0.35s var(--arp-transition) both;\r\n}\r\n\r\n.arp-msg {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: flex-start;\r\n\r\n  &.arp-msg-user {\r\n    flex-direction: row-reverse;\r\n  }\r\n}\r\n\r\n.arp-msg-avatar {\r\n  flex-shrink: 0;\r\n  width: 30px;\r\n  height: 30px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  &.arp-msg-avatar-user {\r\n    background: rgba(99, 102, 241, 0.1);\r\n    border: 1px solid rgba(99, 102, 241, 0.2);\r\n    color: var(--arp-primary);\r\n  }\r\n\r\n  &.arp-msg-avatar-ai {\r\n    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.08));\r\n    border: 1px solid rgba(99, 102, 241, 0.2);\r\n    color: var(--arp-primary);\r\n  }\r\n}\r\n\r\n.arp-msg-bubble {\r\n  max-width: calc(100% - 44px);\r\n  border-radius: var(--arp-radius-md);\r\n  padding: 11px 14px;\r\n  font-size: 0.83rem;\r\n  line-height: 1.65;\r\n\r\n  &.arp-bubble-user {\r\n    background: linear-gradient(135deg,\r\n        rgba(99, 102, 241, 0.08) 0%,\r\n        rgba(139, 92, 246, 0.06) 100%);\r\n    border: 1px solid rgba(99, 102, 241, 0.18);\r\n    color: var(--arp-primary-deep);\r\n    font-weight: 500;\r\n    border-bottom-right-radius: 4px;\r\n  }\r\n\r\n  &.arp-bubble-ai {\r\n    background: var(--arp-ai-bg);\r\n    border: 1px solid var(--arp-ai-border);\r\n    color: var(--arp-text);\r\n    border-bottom-left-radius: 4px;\r\n    backdrop-filter: blur(8px);\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: linear-gradient(180deg, var(--arp-primary), var(--arp-secondary));\r\n      border-radius: 0 2px 2px 0;\r\n    }\r\n  }\r\n}\r\n\r\n// Typing indicator\r\n.arp-typing-bubble {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  padding: 14px 16px !important;\r\n  min-width: 68px;\r\n}\r\n\r\n.arp-typing-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--arp-primary);\r\n  animation: typingBounce 1.4s ease-in-out infinite;\r\n\r\n  &:nth-child(2) {\r\n    animation-delay: 0.2s;\r\n    background: var(--arp-secondary);\r\n  }\r\n\r\n  &:nth-child(3) {\r\n    animation-delay: 0.4s;\r\n    background: #a78bfa;\r\n  }\r\n}\r\n\r\n@keyframes typingBounce {\r\n\r\n  0%,\r\n  60%,\r\n  100% {\r\n    transform: translateY(0);\r\n    opacity: 0.4;\r\n  }\r\n\r\n  30% {\r\n    transform: translateY(-6px);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// Analysis body formatting\r\n.arp-analysis-body {\r\n  p {\r\n    margin: 0 0 6px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  li {\r\n    margin: 3px 0 3px 18px;\r\n    list-style: disc;\r\n    color: var(--arp-text-muted);\r\n\r\n    strong {\r\n      color: var(--arp-text);\r\n    }\r\n  }\r\n\r\n  strong {\r\n    color: var(--arp-primary-deep);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .arp-spacer {\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n// ── Footer ────────────────────────────────────────────────────────────────────\r\n.arp-footer {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 14px 16px;\r\n  border-top: 1px solid var(--arp-border);\r\n  flex-shrink: 0;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(8px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n// Primary analyze button\r\n.arp-analyze-btn {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  padding: 13px 20px;\r\n  background: linear-gradient(135deg, var(--arp-primary) 0%, var(--arp-secondary) 100%);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: var(--arp-radius-md);\r\n  font-family: inherit;\r\n  font-size: 0.88rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transition: transform 0.2s var(--arp-transition), box-shadow 0.2s;\r\n\r\n  .arp-btn-shimmer {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(105deg,\r\n        transparent 30%,\r\n        rgba(255, 255, 255, 0.18) 50%,\r\n        transparent 70%);\r\n    transform: translateX(-100%);\r\n    animation: shimmerSlide 2.5s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &:hover:not(:disabled) {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 24px rgba(99, 102, 241, 0.3), 0 6px 20px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    transform: scale(0.98);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.55;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.loading .arp-btn-shimmer {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n@keyframes shimmerSlide {\r\n  0% {\r\n    transform: translateX(-100%);\r\n  }\r\n\r\n  60%,\r\n  100% {\r\n    transform: translateX(200%);\r\n  }\r\n}\r\n\r\n// Composer (input area when chat active)\r\n.arp-composer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.arp-input-wrap {\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: flex-end;\r\n  background: var(--arp-bg-input);\r\n  border: 1px solid var(--arp-border);\r\n  border-radius: var(--arp-radius-md);\r\n  padding: 2px 4px 4px 12px;\r\n  transition: border-color 0.2s, box-shadow 0.2s;\r\n\r\n  &:focus-within {\r\n    border-color: var(--arp-primary);\r\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n  }\r\n\r\n  &.disabled {\r\n    opacity: 0.55;\r\n  }\r\n}\r\n\r\n.arp-textarea {\r\n  flex: 1;\r\n  background: transparent;\r\n  border: none;\r\n  outline: none;\r\n  resize: none;\r\n  padding: 10px 0;\r\n  font-family: inherit;\r\n  font-size: 0.83rem;\r\n  line-height: 1.55;\r\n  color: var(--arp-text);\r\n  min-height: 42px;\r\n  max-height: 120px;\r\n\r\n  &::placeholder {\r\n    color: var(--arp-text-dim);\r\n  }\r\n\r\n  scrollbar-width: thin;\r\n  scrollbar-color: var(--arp-border) transparent;\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 3px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background: var(--arp-border);\r\n    border-radius: 3px;\r\n  }\r\n}\r\n\r\n.arp-send-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 36px;\r\n  height: 36px;\r\n  margin-bottom: 2px;\r\n  background: linear-gradient(135deg, var(--arp-primary), var(--arp-secondary));\r\n  border: none;\r\n  border-radius: 8px;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s;\r\n\r\n  &:hover:not(:disabled) {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 0 14px rgba(99, 102, 241, 0.3);\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    transform: scale(0.94);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.35;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n// Re-analyze button\r\n.arp-reanalyze-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  background: transparent;\r\n  border: 1px solid var(--arp-border);\r\n  border-radius: var(--arp-radius-sm);\r\n  padding: 7px 12px;\r\n  font-family: inherit;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: var(--arp-text-dim);\r\n  cursor: pointer;\r\n  transition: all 0.18s;\r\n\r\n  &:hover:not(:disabled) {\r\n    background: rgba(99, 102, 241, 0.05);\r\n    border-color: var(--arp-border-bright);\r\n    color: var(--arp-text-muted);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--arp-primary);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.35;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n// Shared spinner\r\n.arp-btn-spinner {\r\n  display: inline-block;\r\n  width: 14px;\r\n  height: 14px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: #fff;\r\n  border-radius: 50%;\r\n  animation: spin 0.7s linear infinite;\r\n  flex-shrink: 0;\r\n}\r\n\r\n// ── Backdrop ──────────────────────────────────────────────────────────────────\r\n.ai-revenue-backdrop {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.25);\r\n  backdrop-filter: blur(2px);\r\n  z-index: 109999;\r\n  animation: fadeIn 0.25s ease;\r\n\r\n  @media (max-width: 600px) {\r\n    display: block;\r\n  }\r\n}\r\n\r\n\r\n// Refresh button — overrides .btn.btn-secondary.btn-sm\r\n.analytics-date-range-bar {\r\n  .btn-secondary.btn-sm {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    background: rgba(99, 102, 241, 0.06);\r\n    border: 1px solid rgba(99, 102, 241, 0.14);\r\n    border-radius: 7px;\r\n    font-size: 0.85rem;\r\n    line-height: 1;\r\n    color: #6366f1;\r\n    cursor: pointer;\r\n    transition: background 0.15s, border-color 0.15s, transform 0.15s;\r\n    flex-shrink: 0;\r\n\r\n    &:hover {\r\n      background: rgba(99, 102, 241, 0.12);\r\n      border-color: rgba(99, 102, 241, 0.28);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    &:active {\r\n      transform: rotate(180deg);\r\n      transition-duration: 0.25s;\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline: 2px solid rgba(99, 102, 241, 0.3);\r\n      outline-offset: 2px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// ── Shared Keyframes ──────────────────────────────────────────────────────────\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeSlideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n// ── Responsive Overrides ──────────────────────────────────────────────────────\r\n@media (max-width: 480px) {\r\n  .ai-revenue-fab {\r\n    bottom: 20px;\r\n    right: 16px;\r\n  }\r\n\r\n  .arp-header {\r\n    padding: 14px 14px 14px 16px;\r\n  }\r\n\r\n  .arp-body {\r\n    padding: 16px 12px;\r\n  }\r\n\r\n  .arp-footer {\r\n    padding: 12px 12px;\r\n  }\r\n\r\n  .arp-welcome-title {\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .arp-chips-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .arp-msg-bubble {\r\n    font-size: 0.82rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .ai-revenue-panel {\r\n    width: 460px;\r\n  }\r\n}\r\n\r\n// ── FAB locked state ─────────────────────────────────────────────────────────\r\n/* .ai-revenue-fab.fab-locked {\r\n  background: linear-gradient(135deg, #7c3aed, #db2777);\r\n  &:hover { background: linear-gradient(135deg, #6d28d9, #be185d); }\r\n} */\r\n\r\n/* .fab-pro-badge {\r\n  position: absolute;\r\n  top: -6px;\r\n  right: -6px;\r\n  background: linear-gradient(135deg, #f59e0b, #ef4444);\r\n  color: #fff;\r\n  font-size: 0.6rem;\r\n  font-weight: 800;\r\n  padding: 2px 5px;\r\n  border-radius: 8px;\r\n  letter-spacing: 0.5px;\r\n  border: 2px solid #fff;\r\n} */\r\n\r\n// ── PRO Upsell panel ─────────────────────────────────────────────────────────\r\n.arp-upsell {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n  height: 100%;\r\n  overflow-y: auto;\r\n}\r\n\r\n\r\n// Hero\r\n.arp-upsell-hero {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 24px 20px 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.arp-upsell-lock-ring {\r\n  width: 72px;\r\n  height: 72px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(219, 39, 119, 0.15));\r\n  border: 2px solid rgba(99, 102, 241, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 14px;\r\n  animation: lockPulse 2.5s ease-in-out infinite;\r\n}\r\n\r\n.arp-upsell-lock-icon {\r\n  color: #6366f1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@keyframes lockPulse {\r\n\r\n  0%,\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.3);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 0 0 0 12px rgba(99, 102, 241, 0);\r\n  }\r\n}\r\n\r\n.arp-upsell-title {\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  color: #1f2937;\r\n  margin: 0 0 6px;\r\n}\r\n\r\n.arp-upsell-subtitle {\r\n  font-size: 0.82rem;\r\n  color: #6b7280;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n  max-width: 280px;\r\n}\r\n\r\n// Feature list\r\n.arp-upsell-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n  padding: 0 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.arp-upsell-feature {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid #f3f4f6;\r\n\r\n  &:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .arp-upsell-feature-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 8px;\r\n    background: linear-gradient(135deg, #ede9fe, #fce7f3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #6366f1;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  strong {\r\n    display: block;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    color: #1f2937;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  p {\r\n    font-size: 0.76rem;\r\n    color: #6b7280;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n// Preview chat\r\n.arp-upsell-preview {\r\n  margin: 12px 16px;\r\n  background: #f9fafb;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 12px;\r\n  padding: 12px;\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.arp-preview-label {\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  color: #9ca3af;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.arp-preview-bubble {\r\n  border-radius: 10px;\r\n  padding: 8px 12px;\r\n  font-size: 0.78rem;\r\n  line-height: 1.5;\r\n  margin-bottom: 6px;\r\n  position: relative;\r\n\r\n  &.arp-preview-user {\r\n    background: #ede9fe;\r\n    color: #3730a3;\r\n    font-weight: 500;\r\n    margin-left: 20px;\r\n  }\r\n\r\n  &.arp-preview-ai {\r\n    background: #fff;\r\n    border: 1px solid #e5e7eb;\r\n    color: #374151;\r\n    margin-right: 20px;\r\n    overflow: hidden;\r\n\r\n    .arp-preview-ai-icon {\r\n      margin-right: 4px;\r\n    }\r\n\r\n    .arp-preview-blur {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 40px;\r\n      background: linear-gradient(to bottom, transparent, #f9fafb);\r\n    }\r\n  }\r\n}\r\n\r\n// CTA\r\n.arp-upsell-cta {\r\n  padding: 16px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.arp-upgrade-btn {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 14px 20px;\r\n  background: linear-gradient(135deg, #6366f1, #8b5cf6, #db2777);\r\n  background-size: 200% 100%;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 0.88rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.25s ease;\r\n  animation: upgradeGlow 3s ease-in-out infinite;\r\n\r\n  &:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.5);\r\n  }\r\n\r\n  svg {\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n\r\n@keyframes upgradeGlow {\r\n\r\n  0%,\r\n  100% {\r\n    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 0 4px 24px rgba(219, 39, 119, 0.5);\r\n  }\r\n}\r\n\r\n.arp-upsell-note {\r\n  font-size: 0.74rem;\r\n  color: #6b7280;\r\n  text-align: center;\r\n  margin: 0;\r\n}\r\n\r\n.arp-settings-link {\r\n  background: none;\r\n  border: none;\r\n  color: #6366f1;\r\n  font-size: 0.78rem;\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  padding: 0;\r\n\r\n  &:hover {\r\n    color: #4f46e5;\r\n  }\r\n}\r\n\r\n\r\n// How to active mode style \r\n// ── Enable Guide (PRO active, toggle OFF) ─────────────────────────────────────\r\n\r\n.arp-enable-guide {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  padding: 20px 16px 24px;\r\n  height: 100%;\r\n  overflow-y: auto;\r\n}\r\n\r\n// Hero section\r\n.arp-enable-hero {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  gap: 10px;\r\n  padding: 20px 12px 4px;\r\n}\r\n\r\n.arp-enable-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 4px 12px;\r\n  border-radius: var(--arp-radius-pill);\r\n  background: rgba(99, 102, 241, 0.1);\r\n  border: 1px solid var(--arp-border-bright);\r\n  color: var(--arp-primary);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.arp-enable-icon-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(139, 92, 246, 0.12));\r\n  border: 1.5px solid var(--arp-border-bright);\r\n  color: var(--arp-primary);\r\n  box-shadow: 0 0 0 8px rgba(99, 102, 241, 0.06);\r\n  margin: 4px 0;\r\n  animation: arp-enable-pulse 2.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arp-enable-pulse {\r\n\r\n  0%,\r\n  100% {\r\n    box-shadow: 0 0 0 8px rgba(99, 102, 241, 0.06);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 0 0 0 14px rgba(99, 102, 241, 0.03);\r\n  }\r\n}\r\n\r\n.arp-enable-title {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: var(--arp-text);\r\n  margin: 0;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.arp-enable-subtitle {\r\n  font-size: 13px;\r\n  color: var(--arp-text-muted);\r\n  line-height: 1.55;\r\n  margin: 0;\r\n  max-width: 280px;\r\n\r\n  strong {\r\n    color: var(--arp-primary);\r\n    font-weight: 600;\r\n  }\r\n}\r\n\r\n// Steps list\r\n.arp-enable-steps {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  background: var(--arp-bg-card);\r\n  border: 1px solid var(--arp-border);\r\n  border-radius: var(--arp-radius-lg);\r\n  padding: 6px 8px;\r\n}\r\n\r\n.arp-enable-step {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  padding: 11px 8px;\r\n  border-radius: var(--arp-radius-md);\r\n  transition: background 0.18s var(--arp-transition);\r\n\r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid var(--arp-border);\r\n  }\r\n\r\n  &:hover {\r\n    background: var(--arp-bg-card-hover);\r\n  }\r\n}\r\n\r\n.arp-step-num {\r\n  flex-shrink: 0;\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--arp-primary), var(--arp-secondary));\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: 1px;\r\n  box-shadow: 0 2px 8px var(--arp-glow-primary);\r\n}\r\n\r\n.arp-step-body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n\r\n  strong {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--arp-text);\r\n    line-height: 1.3;\r\n  }\r\n\r\n  span {\r\n    font-size: 12px;\r\n    color: var(--arp-text-muted);\r\n    line-height: 1.45;\r\n\r\n    em {\r\n      font-style: normal;\r\n      color: var(--arp-primary);\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n// CTA button\r\n.arp-enable-cta {\r\n  padding: 0 2px;\r\n}\r\n\r\n.arp-go-settings-btn {\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 13px 20px;\r\n  border-radius: var(--arp-radius-md);\r\n  background: linear-gradient(135deg, var(--arp-primary), var(--arp-secondary));\r\n  color: #fff;\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n  border: none;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 16px var(--arp-glow-primary);\r\n  transition: transform 0.18s var(--arp-transition),\r\n    box-shadow 0.18s var(--arp-transition);\r\n\r\n  svg {\r\n    flex-shrink: 0;\r\n    transition: transform 0.18s var(--arp-transition);\r\n  }\r\n\r\n  &:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 6px 24px rgba(99, 102, 241, 0.35);\r\n\r\n    svg {\r\n      transform: translateX(3px);\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 10px var(--arp-glow-primary);\r\n  }\r\n\r\n  // Shimmer (reuses existing .arp-btn-shimmer pattern)\r\n  .arp-btn-shimmer {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.18) 50%, transparent 60%);\r\n    background-size: 200% 100%;\r\n    animation: arp-shimmer 2.4s infinite;\r\n  }\r\n}","// WooCommerce Analytics Dashboard Styles\r\n// wooanalytics.scss\r\n\r\n// Variables\r\n$primary-color: #008080;\r\n$secondary-color: #10b981;\r\n$danger-color: #ef4444;\r\n$warning-color: #f59e0b;\r\n$success-color: #10b981;\r\n$text-dark: #1f2937;\r\n$text-medium: #6b7280;\r\n$text-light: #9ca3af;\r\n$background-light: #f9fafb;\r\n$background-gradient-start: #f8fafc;\r\n$background-gradient-end: #eff6ff;\r\n$card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n$card-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n$border-radius: 12px;\r\n$border-radius-lg: 16px;\r\n\r\n// Mixins\r\n@mixin card {\r\n  border-radius: $border-radius-lg;\r\n  box-shadow: $card-shadow-lg;\r\n  padding: 2rem;\r\n}\r\n\r\n@mixin flex-center {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@mixin transition {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n// Main Container\r\n.woo-analytics-container {\r\n  min-height: 100vh;\r\n  background: linear-gradient(135deg, $background-gradient-start 0%, $background-gradient-end 100%);\r\n  padding: 2rem;\r\n\r\n  .analytics-no-data {\r\n    @include card;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n\r\n    .no-data-content {\r\n      .no-data-icon {\r\n        @include flex-center;\r\n        width: 80px;\r\n        height: 80px;\r\n        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n        border-radius: 50%;\r\n        margin: 0 auto 1.5rem;\r\n        color: $primary-color;\r\n\r\n        svg {\r\n          width: 40px;\r\n          height: 40px;\r\n        }\r\n      }\r\n\r\n      h3 {\r\n        font-size: 1.75rem;\r\n        font-weight: 700;\r\n        color: $text-dark;\r\n        margin-bottom: 0.75rem;\r\n      }\r\n\r\n      >p {\r\n        font-size: 1.125rem;\r\n        color: $text-medium;\r\n        margin-bottom: 2rem;\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .no-data-suggestions {\r\n        background: linear-gradient(135deg, $background-light 0%, #e5e7eb 100%);\r\n        border-radius: $border-radius;\r\n        padding: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        text-align: left;\r\n\r\n        h4 {\r\n          font-size: 1.125rem;\r\n          font-weight: 600;\r\n          color: $text-dark;\r\n          margin-bottom: 1rem;\r\n          text-align: center;\r\n        }\r\n\r\n        ul {\r\n          list-style: none;\r\n          padding: 0;\r\n          margin: 0;\r\n\r\n          li {\r\n            color: $text-medium;\r\n            padding: 0.5rem 0;\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n\r\n            &:not(:last-child) {\r\n              border-bottom: 1px solid #e5e7eb;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .retry-button {\r\n        padding: 0.75rem 1.5rem;\r\n        background: $primary-color;\r\n        color: white;\r\n        border: none;\r\n        border-radius: $border-radius;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &:hover {\r\n          background: darken($primary-color, 10%);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  @media (max-width: 768px) {\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n// Dashboard Wrapper\r\n.woo-analytics-dashboard {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n// Loading State\r\n.analytics-loading {\r\n  @include card;\r\n  text-align: center;\r\n  padding: 3rem;\r\n\r\n  .loading-content {\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n\r\n    h3 {\r\n      font-size: 1.75rem;\r\n      font-weight: 700;\r\n      color: $text-dark;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    p {\r\n      color: $text-medium;\r\n      margin-bottom: 2rem;\r\n    }\r\n  }\r\n\r\n  .loading-spinner {\r\n    @include flex-center;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    width: 64px;\r\n    height: 64px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n\r\n    .spinner-ring {\r\n      position: absolute;\r\n      width: 64px;\r\n      height: 64px;\r\n      border: 4px solid #e5e7eb;\r\n      border-top-color: $primary-color;\r\n      border-radius: 50%;\r\n      animation: spin 1s linear infinite;\r\n\r\n      &:nth-child(2) {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-top-color: $secondary-color;\r\n        animation-delay: 0.15s;\r\n      }\r\n\r\n      &:nth-child(3) {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-top-color: $warning-color;\r\n        animation-delay: 0.3s;\r\n      }\r\n    }\r\n  }\r\n\r\n  .loading-steps {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n\r\n    .step {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      padding: 1rem;\r\n      border-radius: $border-radius;\r\n      @include transition;\r\n\r\n      &.completed {\r\n        background: #dcfce7;\r\n\r\n        .step-number {\r\n          background: $success-color;\r\n          color: white;\r\n\r\n          &::after {\r\n            content: '✓';\r\n          }\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        background: #dbeafe;\r\n\r\n        .step-number {\r\n          background: $primary-color;\r\n          color: white;\r\n        }\r\n      }\r\n\r\n      &.pending {\r\n        background: $background-light;\r\n\r\n        .step-number {\r\n          background: #d1d5db;\r\n          color: white;\r\n        }\r\n      }\r\n\r\n      .step-number {\r\n        @include flex-center;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        font-weight: 700;\r\n        font-size: 0.875rem;\r\n        flex-shrink: 0;\r\n        @include transition;\r\n      }\r\n\r\n      .step-text {\r\n        color: $text-dark;\r\n        font-size: 0.95rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n// Analytics Disabled State\r\n.analytics-disabled {\r\n  @include card;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n\r\n  .disabled-content {\r\n    text-align: center;\r\n\r\n    .disabled-icon {\r\n      @include flex-center;\r\n      width: 80px;\r\n      height: 80px;\r\n      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n      border-radius: 50%;\r\n      margin: 0 auto 1.5rem;\r\n\r\n      svg {\r\n        width: 40px;\r\n        height: 40px;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n\r\n    h2 {\r\n      font-size: 2rem;\r\n      font-weight: 700;\r\n      color: $text-dark;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .disabled-description {\r\n      font-size: 1.125rem;\r\n      color: $text-medium;\r\n      max-width: 600px;\r\n      margin: 0 auto 3rem;\r\n    }\r\n  }\r\n\r\n  .features-preview {\r\n    margin-bottom: 3rem;\r\n\r\n    h3 {\r\n      font-size: 1.25rem;\r\n      font-weight: 600;\r\n      color: $text-dark;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n      gap: 1.5rem;\r\n\r\n      .feature-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1.5rem;\r\n        border-radius: $border-radius;\r\n        text-align: left;\r\n        @include transition;\r\n\r\n        &:nth-child(1) {\r\n          background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n        }\r\n\r\n        &:nth-child(3) {\r\n          background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);\r\n        }\r\n\r\n        &:nth-child(4) {\r\n          background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);\r\n        }\r\n\r\n        &:nth-child(5) {\r\n          background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);\r\n        }\r\n\r\n        &:nth-child(6) {\r\n          background: linear-gradient(135deg, #b9a5f5 0%, #a78bfa 100%);\r\n        }\r\n\r\n        .feature-icon {\r\n          width: 32px;\r\n          height: 32px;\r\n          flex-shrink: 0;\r\n          margin-top: 0.25rem;\r\n        }\r\n\r\n        .feature-text {\r\n          h4 {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: $text-dark;\r\n            margin-bottom: 0.25rem;\r\n          }\r\n\r\n          p {\r\n            font-size: 0.875rem;\r\n            color: $text-medium;\r\n            line-height: 1.5;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .activation-section {\r\n    background: linear-gradient(135deg, $background-light 0%, #e5e7eb 100%);\r\n    border-radius: $border-radius;\r\n    padding: 2rem;\r\n\r\n    h3 {\r\n      font-size: 1.25rem;\r\n      font-weight: 600;\r\n      color: $text-dark;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    >p {\r\n      color: $text-medium;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .activation-steps {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.75rem;\r\n      margin-bottom: 2rem;\r\n\r\n      .step-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n\r\n        .step-number {\r\n          @include flex-center;\r\n          width: 32px;\r\n          height: 32px;\r\n          background: $primary-color;\r\n          color: white;\r\n          border-radius: 50%;\r\n          font-weight: 700;\r\n          font-size: 0.875rem;\r\n          flex-shrink: 0;\r\n        }\r\n\r\n        span:last-child {\r\n          color: $text-dark;\r\n\r\n          strong {\r\n            font-weight: 600;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .enable-analytics-btn {\r\n      display: block;\r\n      width: 100%;\r\n      background: $primary-color;\r\n      color: white;\r\n      font-weight: 600;\r\n      padding: 0.75rem 1.5rem;\r\n      border-radius: $border-radius;\r\n      text-decoration: none;\r\n      text-align: center;\r\n      border: none;\r\n      @include transition;\r\n\r\n      &:hover {\r\n        background: darken($primary-color, 10%);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Error States\r\n.analytics-error {\r\n  @include card;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n\r\n  .error-content {\r\n    .error-icon {\r\n      @include flex-center;\r\n      width: 80px;\r\n      height: 80px;\r\n      background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);\r\n      border-radius: 50%;\r\n      margin: 0 auto 1.5rem;\r\n      color: $danger-color;\r\n\r\n      svg {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n    }\r\n\r\n    h2 {\r\n      font-size: 2rem;\r\n      font-weight: 700;\r\n      color: $text-dark;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    p {\r\n      font-size: 1.125rem;\r\n      color: $text-medium;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .error-actions {\r\n      display: flex;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n\r\n      .install-woo-button,\r\n      .retry-button {\r\n        padding: 0.75rem 1.5rem;\r\n        border-radius: $border-radius;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        @include transition;\r\n      }\r\n\r\n      .install-woo-button {\r\n        background: $primary-color;\r\n        color: white;\r\n\r\n        &:hover {\r\n          background: darken($primary-color, 10%);\r\n        }\r\n      }\r\n\r\n      .retry-button {\r\n        background: #e5e7eb;\r\n        color: $text-dark;\r\n\r\n        &:hover {\r\n          background: #d1d5db;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Header\r\n.analytics-header {\r\n  @include card;\r\n  background: linear-gradient(135deg, #008080 0%, #024343 100%);\r\n  margin-bottom: 2rem;\r\n\r\n  h1 {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    color: $text-dark;\r\n    display: flex;\r\n    align-items: center;\r\n    color: #e6e6e6;\r\n    gap: 1rem;\r\n    margin-bottom: 0.5rem;\r\n\r\n    .header-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      padding: 10px;\r\n      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n      border-radius: $border-radius;\r\n      color: $primary-color;\r\n    }\r\n  }\r\n\r\n  .last-updated {\r\n    color: #ffffff;\r\n    font-size: 0.95rem;\r\n    padding-left: 64px;\r\n    text-align: end;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: baseline;\r\n  }\r\n}\r\n\r\n// Analytics Sections\r\n.analytics-section {\r\n  margin-bottom: 3rem;\r\n\r\n  h2 {\r\n    border-bottom: 2px solid #e5e7eb;\r\n    color: $text-dark;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 0;\r\n    padding-bottom: .5rem;\r\n    margin-left: 15px;\r\n  }\r\n}\r\n\r\n// Analytics Grid\r\n.analytics-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.analytics-card {\r\n  @include card;\r\n  @include transition;\r\n\r\n  &:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .card-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin-bottom: 1rem;\r\n\r\n    .card-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      padding: 8px;\r\n      border-radius: 10px;\r\n      flex-shrink: 0;\r\n      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n      color: $primary-color;\r\n    }\r\n\r\n    h3 {\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      color: $text-medium;\r\n    }\r\n  }\r\n\r\n  .card-content {\r\n    .main-value {\r\n      font-size: 2rem;\r\n      font-weight: 700;\r\n      color: $text-dark;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .sub-value {\r\n      color: $text-medium;\r\n      font-size: 0.875rem;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .order-breakdown {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.5rem;\r\n\r\n      .status {\r\n        padding: 0.25rem 0.5rem;\r\n        border-radius: 6px;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n\r\n        &.completed {\r\n          background: #dcfce7;\r\n          color: #166534;\r\n        }\r\n\r\n        &.processing {\r\n          background: #dbeafe;\r\n          color: #1e40af;\r\n        }\r\n\r\n        &.pending {\r\n          background: #fef3c7;\r\n          color: #92400e;\r\n        }\r\n\r\n        &.cancelled {\r\n          background: #fee2e2;\r\n          color: #991b1b;\r\n        }\r\n\r\n        &.refunded {\r\n          background: #f3e8ff;\r\n          color: #7c3aed;\r\n        }\r\n\r\n        &.on-hold {\r\n          background: #fef3c7;\r\n          color: #92400e;\r\n        }\r\n\r\n        &.failed {\r\n          background: #fee2e2;\r\n          color: #991b1b;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Customer Analytics\r\n.customer-analytics-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 1.5rem;\r\n}\r\n\r\n.customer-card {\r\n  @include card;\r\n\r\n  h4 {\r\n    font-size: 1.125rem;\r\n    font-weight: 600;\r\n    color: $text-dark;\r\n    margin-bottom: 1rem;\r\n    padding-bottom: 0.5rem;\r\n    border-bottom: 1px solid #e5e7eb;\r\n  }\r\n\r\n  .customer-stats {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n\r\n    .stat {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n\r\n      .label {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n      }\r\n\r\n      .value {\r\n        font-weight: 700;\r\n        font-size: 1.125rem;\r\n        color: $text-dark;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Revenue Overview Cards (Legacy - keeping for compatibility)\r\n.revenue-overview {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n\r\n  .revenue-card {\r\n    @include card;\r\n    @include transition;\r\n\r\n    &:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .card-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      margin-bottom: 1rem;\r\n\r\n      .card-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        padding: 8px;\r\n        border-radius: 10px;\r\n        flex-shrink: 0;\r\n      }\r\n\r\n      h3 {\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        color: $text-medium;\r\n      }\r\n    }\r\n\r\n    &:nth-child(1) .card-icon {\r\n      background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n      color: $success-color;\r\n    }\r\n\r\n    &:nth-child(2) .card-icon {\r\n      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n      color: $primary-color;\r\n    }\r\n\r\n    &:nth-child(3) .card-icon {\r\n      background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);\r\n      color: #a855f7;\r\n    }\r\n\r\n    &:nth-child(4) .card-icon {\r\n      background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);\r\n      color: $warning-color;\r\n    }\r\n\r\n    .card-content {\r\n      .main-value {\r\n        font-size: 2rem;\r\n        font-weight: 700;\r\n        color: $text-dark;\r\n        margin-bottom: 0.5rem;\r\n      }\r\n\r\n      .growth-indicator {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.25rem;\r\n        font-size: 0.875rem;\r\n        font-weight: 600;\r\n\r\n        &.positive {\r\n          color: $success-color;\r\n        }\r\n\r\n        &.negative {\r\n          color: $danger-color;\r\n        }\r\n\r\n        svg {\r\n          width: 16px;\r\n          height: 16px;\r\n        }\r\n      }\r\n\r\n      .sub-value {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Charts Section\r\n.analytics-charts {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n\r\n  @media (max-width: 1024px) {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .chart-container {\r\n    @include card;\r\n\r\n    .chart-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 1.5rem;\r\n\r\n      h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .period-selector {\r\n        display: flex;\r\n        gap: 0.5rem;\r\n\r\n        button {\r\n          padding: 0.5rem 1rem;\r\n          border-radius: $border-radius;\r\n          border: none;\r\n          font-weight: 600;\r\n          font-size: 0.875rem;\r\n          cursor: pointer;\r\n          background: $background-light;\r\n          color: $text-medium;\r\n          @include transition;\r\n\r\n          &:hover {\r\n            background: #e5e7eb;\r\n          }\r\n\r\n          &.active {\r\n            background: $primary-color;\r\n            color: white;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .chart-content {\r\n      // Recharts styles are handled by the library\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\n// Top Products Table\r\n.top-products-table {\r\n  @include card;\r\n\r\n  h3 {\r\n    font-size: 1.25rem;\r\n    font-weight: 600;\r\n    color: $text-dark;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .table-container {\r\n    overflow-x: auto;\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      thead {\r\n        tr {\r\n          border-bottom: 2px solid #e5e7eb;\r\n\r\n          th {\r\n            padding: 0.75rem 1rem;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: $text-dark;\r\n            font-size: 0.875rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n\r\n            &:not(:first-child) {\r\n              text-align: right;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      tbody {\r\n        tr {\r\n          border-bottom: 1px solid #f3f4f6;\r\n          @include transition;\r\n\r\n          &:hover {\r\n            background: $background-light;\r\n          }\r\n\r\n          td {\r\n            padding: 1rem;\r\n            color: $text-dark;\r\n\r\n            &:not(.product-name):not(.rank-cell) {\r\n              text-align: right;\r\n            }\r\n\r\n            &.rank-cell {\r\n              text-align: center;\r\n\r\n              .rank {\r\n                @include flex-center;\r\n                width: 32px;\r\n                height: 32px;\r\n                background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n                color: $primary-color;\r\n                border-radius: $border-radius;\r\n                font-weight: 700;\r\n                font-size: 0.875rem;\r\n                margin: 0 auto;\r\n              }\r\n            }\r\n\r\n            &.product-name {\r\n              font-weight: 500;\r\n              text-align: left;\r\n            }\r\n\r\n            &.revenue-cell {\r\n              font-weight: 600;\r\n              color: $success-color;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive Design\r\n@media (max-width: 768px) {\r\n  .analytics-header {\r\n    h1 {\r\n      font-size: 1.5rem;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .last-updated {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n\r\n  .revenue-overview {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .analytics-charts {\r\n    grid-template-columns: 1fr;\r\n\r\n    .chart-container {\r\n      .chart-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  .top-products-table {\r\n    .table-container {\r\n      table {\r\n        font-size: 0.875rem;\r\n\r\n        thead th,\r\n        tbody td {\r\n          padding: 0.5rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .analytics-disabled {\r\n    .features-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .activation-section {\r\n      padding: 1.5rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Glass Effect Styles for Preview Mode\r\n.analytics-preview-mode {\r\n  .preview-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #fef3c7 0%, #fcd34d 100%);\r\n    color: #92400e;\r\n    padding: 0.5rem 1rem;\r\n    border-radius: $border-radius;\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    margin-top: 0.5rem;\r\n    border: 1px solid #f59e0b;\r\n  }\r\n\r\n  .glass-effect-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    &:hover .glass-overlay {\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    .glass-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      border-radius: $border-radius-lg;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      @include transition;\r\n      @include flex-center;\r\n      z-index: 10;\r\n\r\n      .glass-content {\r\n        text-align: center;\r\n        padding: 2rem;\r\n        max-width: 400px;\r\n\r\n        h4 {\r\n          font-size: 1.25rem;\r\n          font-weight: 700;\r\n          color: $text-dark;\r\n          margin-bottom: 0.75rem;\r\n        }\r\n\r\n        p {\r\n          color: $text-medium;\r\n          line-height: 1.6;\r\n          margin-bottom: 1rem;\r\n          font-size: 0.95rem;\r\n        }\r\n\r\n        .enable-hint {\r\n          background: linear-gradient(135deg, $primary-color, darken($primary-color, 10%));\r\n          color: white;\r\n          padding: 0.75rem 1.5rem;\r\n          border-radius: $border-radius;\r\n          font-weight: 600;\r\n          font-size: 0.875rem;\r\n          box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3);\r\n        }\r\n      }\r\n    }\r\n\r\n    // Disable interactions for preview elements\r\n    input,\r\n    button,\r\n    .sortable {\r\n      pointer-events: none;\r\n      opacity: 0.7;\r\n    }\r\n\r\n    .tab-button {\r\n      pointer-events: none;\r\n      opacity: 0.8;\r\n    }\r\n  }\r\n\r\n  // Chart placeholders\r\n  .chart-placeholder {\r\n    height: 300px;\r\n    @include flex-center;\r\n    background: linear-gradient(135deg, $background-light 0%, #e5e7eb 100%);\r\n    border-radius: $border-radius;\r\n\r\n    .placeholder-chart {\r\n      width: 80%;\r\n      height: 80%;\r\n      position: relative;\r\n\r\n      &.horizontal {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        padding: 1rem;\r\n\r\n        .product-bar {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 1rem;\r\n\r\n          .product-name {\r\n            min-width: 120px;\r\n            font-size: 0.875rem;\r\n            color: $text-medium;\r\n            font-weight: 500;\r\n          }\r\n\r\n          .bar {\r\n            height: 20px;\r\n            background: linear-gradient(90deg, $primary-color, $secondary-color);\r\n            border-radius: 10px;\r\n            opacity: 0.7;\r\n\r\n            &.abandoned {\r\n              background: linear-gradient(90deg, $danger-color, #f87171);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.line-chart {\r\n        @include flex-center;\r\n\r\n        svg {\r\n          opacity: 0.6;\r\n        }\r\n\r\n        .chart-lines {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n\r\n      .chart-bars {\r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: space-around;\r\n        height: 100%;\r\n        padding: 1rem;\r\n\r\n        .bar {\r\n          width: 20px;\r\n          background: linear-gradient(180deg, $primary-color, $secondary-color);\r\n          border-radius: 4px 4px 0 0;\r\n          opacity: 0.7;\r\n          @include transition;\r\n        }\r\n\r\n        &.stacked {\r\n          .bar-stack {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            height: 100%;\r\n            width: 30px;\r\n            justify-content: flex-end;\r\n\r\n            .bar-segment {\r\n              width: 100%;\r\n              border-radius: 2px;\r\n\r\n              &.completed {\r\n                background: $success-color;\r\n              }\r\n\r\n              &.processing {\r\n                background: $primary-color;\r\n              }\r\n\r\n              &.pending {\r\n                background: $warning-color;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .placeholder-pie-chart {\r\n        width: 150px;\r\n        height: 150px;\r\n        border-radius: 50%;\r\n        margin: 0 auto;\r\n\r\n        .pie-segment {\r\n          width: 100%;\r\n          height: 100%;\r\n          border-radius: 50%;\r\n          opacity: 0.7;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Activation guide at bottom\r\n  .activation-guide {\r\n    @include card;\r\n    margin-top: 3rem;\r\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n    border: 2px solid #0ea5e9;\r\n\r\n    .guide-content {\r\n      text-align: center;\r\n\r\n      h3 {\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        color: $text-dark;\r\n        margin-bottom: 1rem;\r\n      }\r\n\r\n      >p {\r\n        color: $text-medium;\r\n        margin-bottom: 2rem;\r\n        font-size: 1.125rem;\r\n      }\r\n\r\n      .activation-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n        max-width: 500px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n\r\n        .step-item {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 1rem;\r\n          padding: 1rem;\r\n          background: white;\r\n          border-radius: $border-radius;\r\n          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n\r\n          .step-number {\r\n            @include flex-center;\r\n            width: 32px;\r\n            height: 32px;\r\n            background: $primary-color;\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-weight: 700;\r\n            font-size: 0.875rem;\r\n            flex-shrink: 0;\r\n          }\r\n\r\n          span:last-child {\r\n            color: $text-dark;\r\n            text-align: left;\r\n\r\n            strong {\r\n              font-weight: 600;\r\n              color: $primary-color;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .enable-analytics-btn {\r\n        display: inline-block;\r\n        background: linear-gradient(135deg, $primary-color, darken($primary-color, 10%));\r\n        color: white;\r\n        font-weight: 700;\r\n        padding: 1rem 2rem;\r\n        border-radius: $border-radius;\r\n        text-decoration: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        font-size: 1.125rem;\r\n        box-shadow: 0 8px 16px rgba(0, 115, 170, 0.3);\r\n        @include transition;\r\n\r\n        &:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 20px rgba(0, 115, 170, 0.4);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Enhanced glass effect animations\r\n@keyframes glassAppear {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    backdrop-filter: blur(0px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n}\r\n\r\n.glass-effect-container:hover .glass-overlay {\r\n  animation: glassAppear 0.3s ease-out;\r\n}\r\n\r\n// Print Styles\r\n@media print {\r\n  .woo-analytics-container {\r\n    background: white;\r\n    padding: 0;\r\n  }\r\n\r\n  .revenue-card,\r\n  .chart-container,\r\n  .top-products-table {\r\n    box-shadow: none;\r\n    page-break-inside: avoid;\r\n  }\r\n\r\n  .period-selector {\r\n    display: none;\r\n  }\r\n\r\n  .glass-overlay,\r\n  .preview-badge,\r\n  .activation-guide {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n// ModalStyles\r\n.woo-analytics-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  @include flex-center;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.woo-analytics-modal {\r\n  background: white;\r\n  border-radius: $border-radius-lg;\r\n  box-shadow: $card-shadow-lg;\r\n  max-width: 740px;\r\n  width: 90%;\r\n  max-height: 80vh;\r\n  overflow-y: auto;\r\n\r\n  .modal-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 1.5rem 2rem;\r\n    border-bottom: 1px solid #e5e7eb;\r\n\r\n    h3 {\r\n      font-size: 1.25rem;\r\n      font-weight: 600;\r\n      color: $text-dark;\r\n      margin: 0;\r\n    }\r\n\r\n    .close-icon {\r\n      width: 24px;\r\n      height: 24px;\r\n      color: $text-medium;\r\n      cursor: pointer;\r\n      @include transition;\r\n\r\n      &:hover {\r\n        color: $text-dark;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-content {\r\n    padding: 2rem;\r\n    max-width: 90%;\r\n  }\r\n}\r\n\r\n// Modal Content Styles\r\n.modal-stats {\r\n  .stat-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 1rem;\r\n    margin-bottom: 1.5rem;\r\n\r\n    .stat-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 1rem;\r\n      border-radius: $border-radius;\r\n      background: $background-light;\r\n\r\n      &.completed {\r\n        background: #dcfce7;\r\n        border-left: 4px solid $success-color;\r\n      }\r\n\r\n      &.processing {\r\n        background: #dbeafe;\r\n        border-left: 4px solid $primary-color;\r\n      }\r\n\r\n      &.pending {\r\n        background: #fef3c7;\r\n        border-left: 4px solid $warning-color;\r\n      }\r\n\r\n      &.cancelled,\r\n      &.refunded {\r\n        background: #fee2e2;\r\n        border-left: 4px solid $danger-color;\r\n      }\r\n\r\n      &.on-hold {\r\n        background: #f3f4f6;\r\n        border-left: 4px solid $text-medium;\r\n      }\r\n\r\n      .stat-label {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .stat-value {\r\n        font-weight: 700;\r\n        font-size: 1.125rem;\r\n        color: $text-dark;\r\n      }\r\n    }\r\n  }\r\n\r\n  .revenue-breakdown,\r\n  .period-summary,\r\n  .customer-breakdown,\r\n  .trends-summary,\r\n  .products-summary {\r\n    margin-bottom: 1.5rem;\r\n\r\n    h4,\r\n    h5 {\r\n      font-size: 1.125rem;\r\n      font-weight: 600;\r\n      color: $text-dark;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .revenue-item,\r\n    .summary-item,\r\n    .trend-item,\r\n    .product-stat {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 0.75rem 0;\r\n      border-bottom: 1px solid #f3f4f6;\r\n\r\n      &:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      .revenue-label,\r\n      .summary-label,\r\n      .trend-label,\r\n      .product-label {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n      }\r\n\r\n      .revenue-value,\r\n      .summary-value,\r\n      .trend-value,\r\n      .product-value {\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n      }\r\n    }\r\n\r\n    .revenue-sources {\r\n      margin-top: 1rem;\r\n      padding: 1rem;\r\n      background: $background-light;\r\n      border-radius: $border-radius;\r\n\r\n      .source-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 0.5rem 0;\r\n        font-size: 0.875rem;\r\n\r\n        span:first-child {\r\n          color: $text-dark;\r\n          font-weight: 500;\r\n        }\r\n\r\n        span:last-child {\r\n          color: $text-medium;\r\n        }\r\n      }\r\n    }\r\n\r\n    .summary-grid,\r\n    .customer-grid,\r\n    .trends-grid,\r\n    .products-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n      gap: 1rem;\r\n    }\r\n\r\n    .customer-period {\r\n      padding: 1rem;\r\n      background: $background-light;\r\n      border-radius: $border-radius;\r\n\r\n      .customer-stats {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.5rem;\r\n\r\n        span {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-size: 0.875rem;\r\n          color: $text-dark;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-description {\r\n    padding: 1rem;\r\n    background: linear-gradient(135deg, $background-light 0%, #e5e7eb 100%);\r\n    border-radius: $border-radius;\r\n\r\n    p {\r\n      color: $text-medium;\r\n      font-size: 0.875rem;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.trends-tab {\r\n  .trends-summary {\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      th,\r\n      td {\r\n        padding: 1rem;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e5e7eb;\r\n      }\r\n\r\n      th {\r\n        background: #f9fafb;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n      }\r\n\r\n\r\n    }\r\n  }\r\n}\r\n\r\n// Info Icons\r\n.info-icon,\r\n.section-info-icon,\r\n.chart-info-icon,\r\n.table-info-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n  color: $text-medium;\r\n  cursor: pointer;\r\n  @include transition;\r\n\r\n  &:hover {\r\n    color: $primary-color;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n\r\n.section-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  margin-bottom: 1.5rem;\r\n\r\n  h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: none;\r\n  }\r\n}\r\n\r\n.chart-header {\r\n  .chart-info-icon {\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\n.card-header {\r\n  .info-icon {\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\n// Enhanced Top Products Table\r\n.top-products-table {\r\n  .table-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 1.5rem;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n\r\n    .table-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n\r\n      h3 {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .table-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n\r\n      .search-box {\r\n        position: relative;\r\n\r\n        .search-icon {\r\n          position: absolute;\r\n          left: 0.75rem;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          width: 16px;\r\n          height: 16px;\r\n          color: $text-medium;\r\n        }\r\n\r\n        input {\r\n          padding: 0.5rem 0.75rem 0.5rem 2.5rem;\r\n          border: 1px solid #d1d5db;\r\n          border-radius: $border-radius;\r\n          font-size: 0.875rem;\r\n          width: 200px;\r\n          @include transition;\r\n\r\n          &:focus {\r\n            outline: none;\r\n            border-color: $primary-color;\r\n            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n          }\r\n\r\n          &::placeholder {\r\n            color: $text-light;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-container {\r\n    table {\r\n      thead {\r\n        th {\r\n          &.sortable {\r\n            cursor: pointer;\r\n            user-select: none;\r\n            position: relative;\r\n            @include transition;\r\n\r\n            &:hover {\r\n              background: $background-light;\r\n            }\r\n\r\n            &.active {\r\n              background: $background-light;\r\n              color: $primary-color;\r\n            }\r\n\r\n            .sort-icon {\r\n              width: 14px;\r\n              height: 14px;\r\n              margin-left: 0.25rem;\r\n              opacity: 0.5;\r\n              @include transition;\r\n            }\r\n\r\n            &:hover .sort-icon,\r\n            &.active .sort-icon {\r\n              opacity: 1;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      tbody {\r\n        .actions-cell {\r\n          text-align: center;\r\n\r\n          .edit-product-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 32px;\r\n            height: 32px;\r\n            background: $primary-color;\r\n            color: white;\r\n            border: none;\r\n            border-radius: $border-radius;\r\n            cursor: pointer;\r\n            @include transition;\r\n\r\n            &:hover {\r\n              background: darken($primary-color, 10%);\r\n              transform: scale(1.05);\r\n            }\r\n\r\n            svg {\r\n              width: 16px;\r\n              height: 16px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pagination {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 1.5rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 1px solid #e5e7eb;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n\r\n    .pagination-info {\r\n      color: $text-medium;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .pagination-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n\r\n      .pagination-btn {\r\n        padding: 0.5rem 0.75rem;\r\n        border: 1px solid #d1d5db;\r\n        background: white;\r\n        color: $text-dark;\r\n        border-radius: $border-radius;\r\n        font-size: 0.875rem;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &:hover:not(:disabled) {\r\n          background: $background-light;\r\n          border-color: $primary-color;\r\n        }\r\n\r\n        &.active {\r\n          background: $primary-color;\r\n          color: white;\r\n          border-color: $primary-color;\r\n        }\r\n\r\n        &:disabled {\r\n          opacity: 0.5;\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Mobile Responsive for New Features\r\n@media (max-width: 768px) {\r\n  .woo-analytics-modal {\r\n    width: 95%;\r\n    max-height: 90vh;\r\n\r\n    .modal-header {\r\n      padding: 1rem 1.5rem;\r\n\r\n      h3 {\r\n        font-size: 1.125rem;\r\n      }\r\n    }\r\n\r\n    .modal-content {\r\n      padding: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .modal-stats {\r\n    .stat-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .summary-grid,\r\n    .customer-grid,\r\n    .trends-grid,\r\n    .products-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  .top-products-table {\r\n    .table-header {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n\r\n      .table-controls {\r\n        justify-content: stretch;\r\n\r\n        .search-box input {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n\r\n    .pagination {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      text-align: center;\r\n\r\n      .pagination-controls {\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Mobile glass effect adjustments\r\n  .analytics-preview-mode {\r\n    .glass-effect-container {\r\n\r\n      // On mobile, show glass overlay on tap instead of hover\r\n      &:active .glass-overlay {\r\n        opacity: 1;\r\n        visibility: visible;\r\n      }\r\n\r\n      .glass-overlay {\r\n        .glass-content {\r\n          padding: 1.5rem;\r\n\r\n          h4 {\r\n            font-size: 1.125rem;\r\n          }\r\n\r\n          p {\r\n            font-size: 0.875rem;\r\n          }\r\n\r\n          .enable-hint {\r\n            padding: 0.5rem 1rem;\r\n            font-size: 0.8rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .chart-placeholder {\r\n      height: 250px;\r\n\r\n      .placeholder-chart {\r\n        &.horizontal {\r\n          padding: 0.5rem;\r\n\r\n          .product-bar {\r\n            .product-name {\r\n              min-width: 80px;\r\n              font-size: 0.8rem;\r\n            }\r\n\r\n            .bar {\r\n              height: 16px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .chart-bars {\r\n          padding: 0.5rem;\r\n\r\n          .bar {\r\n            width: 16px;\r\n          }\r\n        }\r\n\r\n        .placeholder-pie-chart {\r\n          width: 120px;\r\n          height: 120px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .activation-guide {\r\n      margin-top: 2rem;\r\n\r\n      .guide-content {\r\n        h3 {\r\n          font-size: 1.25rem;\r\n        }\r\n\r\n        >p {\r\n          font-size: 1rem;\r\n        }\r\n\r\n        .activation-steps {\r\n          .step-item {\r\n            padding: 0.75rem;\r\n\r\n            .step-number {\r\n              width: 28px;\r\n              height: 28px;\r\n              font-size: 0.8rem;\r\n            }\r\n\r\n            span:last-child {\r\n              font-size: 0.9rem;\r\n            }\r\n          }\r\n        }\r\n\r\n        .enable-analytics-btn {\r\n          padding: 0.75rem 1.5rem;\r\n          font-size: 1rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-badge {\r\n      font-size: 0.8rem;\r\n      padding: 0.4rem 0.8rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Enhanced Modal Styles for Detailed Tables\r\n.modal-table-container {\r\n  max-height: 400px;\r\n  overflow-y: auto;\r\n  margin: 20px 0;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 8px;\r\n\r\n  .modal-products-table,\r\n  .modal-daily-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-size: 14px;\r\n\r\n    thead {\r\n      background: #f8f9fa;\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 1;\r\n\r\n      th {\r\n        padding: 12px 8px;\r\n        text-align: left;\r\n        font-weight: 600;\r\n        color: #333;\r\n        border-bottom: 2px solid #dee2e6;\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    tbody {\r\n      tr {\r\n        border-bottom: 1px solid #f0f0f0;\r\n        transition: background-color 0.2s ease;\r\n\r\n        &:hover {\r\n          background-color: #f8f9fa;\r\n        }\r\n\r\n        &:last-child {\r\n          border-bottom: none;\r\n        }\r\n      }\r\n\r\n      td {\r\n        padding: 10px 8px;\r\n        vertical-align: middle;\r\n\r\n        &.rank-cell {\r\n          text-align: center;\r\n          width: 60px;\r\n\r\n          .rank {\r\n            display: inline-block;\r\n            padding: 4px 8px;\r\n            border-radius: 12px;\r\n            background: #e9ecef;\r\n            color: #495057;\r\n            font-weight: 600;\r\n            font-size: 12px;\r\n\r\n            &.top-performer {\r\n              background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n              color: #b8860b;\r\n              box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);\r\n            }\r\n          }\r\n        }\r\n\r\n        &.product-name-cell {\r\n          max-width: 200px;\r\n\r\n          strong {\r\n            color: #2c3e50;\r\n            display: block;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n          }\r\n        }\r\n\r\n        &.quantity-cell,\r\n        &.orders-cell {\r\n          text-align: center;\r\n          font-weight: 600;\r\n          color: #495057;\r\n        }\r\n\r\n        &.price-cell,\r\n        &.revenue-cell,\r\n        &.avg-cell {\r\n          text-align: right;\r\n          font-weight: 600;\r\n          color: #28a745;\r\n        }\r\n\r\n        &.date-cell {\r\n          font-weight: 500;\r\n          color: #495057;\r\n          white-space: nowrap;\r\n        }\r\n\r\n        &.completed-cell {\r\n          text-align: center;\r\n          color: #28a745;\r\n          font-weight: 600;\r\n        }\r\n\r\n        &.processing-cell {\r\n          text-align: center;\r\n          color: #ffc107;\r\n          font-weight: 600;\r\n        }\r\n\r\n        &.performance-cell {\r\n          width: 120px;\r\n\r\n          .performance-bar {\r\n            position: relative;\r\n            height: 20px;\r\n            background: #e9ecef;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n\r\n            .performance-fill {\r\n              height: 100%;\r\n              background: linear-gradient(90deg, #28a745, #20c997);\r\n              border-radius: 10px;\r\n              transition: width 0.3s ease;\r\n            }\r\n\r\n            .performance-text {\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              font-size: 11px;\r\n              font-weight: 600;\r\n              color: #333;\r\n              text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Enhanced Modal Content Sections\r\n.products-detailed-table,\r\n.daily-breakdown-table {\r\n  margin-top: 30px;\r\n\r\n  h4 {\r\n    margin-bottom: 15px;\r\n    color: #2c3e50;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-bottom: 2px solid #e9ecef;\r\n    padding-bottom: 8px;\r\n  }\r\n}\r\n\r\n.revenue-orders-summary {\r\n  margin-bottom: 25px;\r\n\r\n  h4 {\r\n    margin-bottom: 20px;\r\n    color: #2c3e50;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n  }\r\n}\r\n\r\n.revenue-orders-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 15px;\r\n  margin-bottom: 20px;\r\n\r\n  .summary-item {\r\n    background: #f8f9fa;\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    border-left: 4px solid #007cba;\r\n\r\n    .summary-label {\r\n      display: block;\r\n      font-size: 13px;\r\n      color: #6c757d;\r\n      margin-bottom: 5px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .summary-value {\r\n      display: block;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #2c3e50;\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive adjustments for modal tables\r\n@media (max-width: 768px) {\r\n  .modal-table-container {\r\n\r\n    .modal-products-table,\r\n    .modal-daily-table {\r\n      font-size: 12px;\r\n\r\n      thead th {\r\n        padding: 8px 4px;\r\n      }\r\n\r\n      tbody td {\r\n        padding: 8px 4px;\r\n\r\n        &.product-name-cell {\r\n          max-width: 150px;\r\n        }\r\n\r\n        &.performance-cell {\r\n          width: 80px;\r\n\r\n          .performance-bar {\r\n            height: 16px;\r\n\r\n            .performance-text {\r\n              font-size: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .revenue-orders-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n\r\n    .summary-item {\r\n      padding: 12px;\r\n\r\n      .summary-label {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .summary-value {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// ======================//\r\n\r\n// Incomplete Orders Section Styles - Compatible SCSS\r\n.incomplete-orders-section {\r\n  margin-top: 2rem;\r\n\r\n  .section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 1.5rem;\r\n    padding-bottom: 1rem;\r\n    border-bottom: 2px solid #e5e7eb;\r\n\r\n    h2 {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      color: #1f2937;\r\n      font-size: 1.5rem;\r\n      margin: 0;\r\n    }\r\n\r\n    .section-icon {\r\n      color: #ef4444;\r\n    }\r\n\r\n    .section-tabs {\r\n      display: flex;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .tab-button {\r\n      padding: 0.5rem 1rem;\r\n      border: 1px solid #d1d5db;\r\n      background: white;\r\n      color: #6b7280;\r\n      border-radius: 0.375rem;\r\n      cursor: pointer;\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .tab-button:hover {\r\n      background: #f9fafb;\r\n      border-color: #9ca3af;\r\n    }\r\n\r\n    .tab-button.active {\r\n      background: #ef4444;\r\n      color: white;\r\n      border-color: #ef4444;\r\n    }\r\n  }\r\n\r\n  // Loading and Error States\r\n  .incomplete-orders-loading,\r\n  .incomplete-orders-error {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3rem;\r\n    text-align: center;\r\n  }\r\n\r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid #f3f4f6;\r\n    border-top: 4px solid #ef4444;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .error-icon {\r\n    font-size: 3rem;\r\n    color: #ef4444;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .retry-button {\r\n    padding: 0.5rem 1rem;\r\n    background: #ef4444;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 0.375rem;\r\n    cursor: pointer;\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .retry-button:hover {\r\n    background: #dc2626;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n\r\n  // Orders Tab\r\n  .incomplete-orders-list {\r\n    .orders-header {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .orders-header h3 {\r\n      color: #1f2937;\r\n      font-size: 1.25rem;\r\n      margin: 0 0 0.5rem 0;\r\n    }\r\n\r\n    .orders-header p {\r\n      color: #6b7280;\r\n      margin: 0;\r\n    }\r\n\r\n    .orders-table-container {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 0.5rem;\r\n      overflow: hidden;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .orders-table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n    }\r\n\r\n    .orders-table thead {\r\n      background: #f9fafb;\r\n    }\r\n\r\n    .orders-table th {\r\n      padding: 1rem;\r\n      text-align: left;\r\n      font-weight: 600;\r\n      color: #374151;\r\n      border-bottom: 1px solid #e5e7eb;\r\n      font-size: 0.875rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .orders-table tbody tr {\r\n      border-bottom: 1px solid #f3f4f6;\r\n    }\r\n\r\n    .orders-table tbody tr:hover {\r\n      background: #f9fafb;\r\n    }\r\n\r\n    .orders-table td {\r\n      padding: 1rem;\r\n      vertical-align: top;\r\n    }\r\n\r\n    .customer-info strong {\r\n      display: block;\r\n      color: #1f2937;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .customer-email {\r\n      color: #6b7280;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .contact-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      margin-bottom: 0.25rem;\r\n      font-size: 0.875rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .contact-icon {\r\n      font-size: 1rem;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .product-item {\r\n      background: #f3f4f6;\r\n      padding: 0.25rem 0.5rem;\r\n      border-radius: 0.25rem;\r\n      margin-bottom: 0.25rem;\r\n      font-size: 0.875rem;\r\n      color: #374151;\r\n    }\r\n\r\n    .more-products {\r\n      color: #6b7280;\r\n      font-size: 0.75rem;\r\n      font-style: italic;\r\n    }\r\n\r\n    .no-products {\r\n      color: #9ca3af;\r\n      font-style: italic;\r\n    }\r\n\r\n    .value-cell strong {\r\n      color: #059669;\r\n      font-size: 1.125rem;\r\n    }\r\n\r\n    .date-cell {\r\n      color: #6b7280;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .status-badge {\r\n      padding: 0.25rem 0.75rem;\r\n      border-radius: 9999px;\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .status-badge.incomplete {\r\n      background: #fef2f2;\r\n      color: #dc2626;\r\n    }\r\n\r\n    .status-badge.contacted {\r\n      background: #fef3c7;\r\n      color: #d97706;\r\n    }\r\n\r\n    .status-badge.completed {\r\n      background: #d1fae5;\r\n      color: #059669;\r\n    }\r\n\r\n    .action-buttons {\r\n      display: flex;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .action-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 2rem;\r\n      height: 2rem;\r\n      border-radius: 0.375rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: all 0.2s;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .action-btn svg {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .action-btn.email-btn {\r\n      background: #dbeafe;\r\n      color: #2563eb;\r\n    }\r\n\r\n    .action-btn.email-btn:hover {\r\n      background: #bfdbfe;\r\n    }\r\n\r\n    .action-btn.contact-btn {\r\n      background: #d1fae5;\r\n      color: #059669;\r\n    }\r\n\r\n    .action-btn.contact-btn:hover {\r\n      background: #a7f3d0;\r\n    }\r\n\r\n    .no-orders {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 4rem 2rem;\r\n      text-align: center;\r\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n      border-radius: 12px;\r\n      margin: 2rem 0;\r\n      border: 2px dashed #cbd5e1;\r\n\r\n      .no-orders-icon {\r\n        font-size: 4rem;\r\n        color: #94a3b8;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0.7;\r\n      }\r\n\r\n      h3 {\r\n        color: #475569;\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        margin: 0 0 1rem 0;\r\n      }\r\n\r\n      p {\r\n        color: #64748b;\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        margin: 0 0 2rem 0;\r\n        max-width: 400px;\r\n      }\r\n\r\n      .suggestions {\r\n        background: white;\r\n        padding: 1.5rem;\r\n        border-radius: 8px;\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        max-width: 500px;\r\n        width: 100%;\r\n\r\n        h4 {\r\n          color: #334155;\r\n          font-size: 1.125rem;\r\n          margin: 0 0 1rem 0;\r\n          font-weight: 600;\r\n        }\r\n\r\n        ul {\r\n          list-style: none;\r\n          padding: 0;\r\n          margin: 0;\r\n          text-align: left;\r\n\r\n          li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n            padding: 0.75rem 0;\r\n            border-bottom: 1px solid #f1f5f9;\r\n            color: #64748b;\r\n            font-size: 0.9rem;\r\n            line-height: 1.5;\r\n\r\n            &:last-child {\r\n              border-bottom: none;\r\n            }\r\n\r\n            &::before {\r\n              content: \"💡\";\r\n              font-size: 1rem;\r\n              flex-shrink: 0;\r\n              margin-top: 0.1rem;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .refresh-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #3b82f6, #1d4ed8);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        margin-top: 1rem;\r\n\r\n        &:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        svg {\r\n          font-size: 1.125rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    .no-data {\r\n      text-align: center;\r\n      color: #9ca3af;\r\n      font-style: italic;\r\n      padding: 3rem;\r\n    }\r\n  }\r\n\r\n  .most-abandoned-tab .no-data {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4rem 2rem;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n    border-radius: 12px;\r\n    margin: 2rem 0;\r\n    border: 2px dashed #cbd5e1;\r\n  }\r\n\r\n  // Products Tab\r\n  .abandoned-products-section {\r\n    .products-header {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .products-header h3 {\r\n      color: #1f2937;\r\n      font-size: 1.25rem;\r\n      margin: 0 0 0.5rem 0;\r\n    }\r\n\r\n    .products-header p {\r\n      color: #6b7280;\r\n      margin: 0;\r\n    }\r\n\r\n    .products-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .abandoned-product-card {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 0.5rem;\r\n      padding: 1.5rem;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n      position: relative;\r\n    }\r\n\r\n    .product-rank {\r\n      position: absolute;\r\n      top: -0.5rem;\r\n      right: -0.5rem;\r\n      background: #ef4444;\r\n      color: white;\r\n      width: 2rem;\r\n      height: 2rem;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 700;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .product-info {\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .product-name {\r\n      color: #1f2937;\r\n      font-size: 1.125rem;\r\n      margin: 0 0 1rem 0;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .stat {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .stat-label {\r\n      color: #6b7280;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .stat-value {\r\n      color: #1f2937;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .edit-product-btn {\r\n      display: inline-block;\r\n      padding: 0.5rem 1rem;\r\n      background: #f3f4f6;\r\n      color: #374151;\r\n      text-decoration: none;\r\n      border-radius: 0.375rem;\r\n      font-size: 0.875rem;\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .edit-product-btn:hover {\r\n      background: #e5e7eb;\r\n      color: #1f2937;\r\n    }\r\n\r\n    .no-abandoned-products {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 3rem;\r\n      text-align: center;\r\n      grid-column: 1 / -1;\r\n    }\r\n\r\n    .no-data-icon {\r\n      font-size: 3rem;\r\n      color: #d1d5db;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .no-abandoned-products h4 {\r\n      color: #6b7280;\r\n      margin: 0 0 0.5rem 0;\r\n    }\r\n\r\n    .no-abandoned-products p {\r\n      color: #9ca3af;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive Design\r\n@media (max-width: 768px) {\r\n  .incomplete-orders-section {\r\n    .section-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .section-tabs {\r\n      width: 100%;\r\n    }\r\n\r\n    .tab-button {\r\n      flex: 1;\r\n      text-align: center;\r\n    }\r\n\r\n    .incomplete-orders-overview .stats-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .incomplete-orders-overview .charts-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .chart-content {\r\n      height: 250px;\r\n    }\r\n\r\n    .orders-table-container {\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .orders-table {\r\n      min-width: 800px;\r\n    }\r\n\r\n    .abandoned-products-section .products-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n}\r\n\r\n// Incomplete Orders Section\r\n.incomplete-orders-section {\r\n  margin-top: 2rem;\r\n\r\n  .section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 1.5rem;\r\n\r\n    h2 {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: $text-dark;\r\n    }\r\n\r\n    .section-tabs {\r\n      display: flex;\r\n      gap: 0.5rem;\r\n\r\n      .tab-button {\r\n        padding: 0.5rem 1rem;\r\n        border: 1px solid #e5e7eb;\r\n        background: white;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &:hover {\r\n          background: #f3f4f6;\r\n        }\r\n\r\n        &.active {\r\n          background: $primary-color;\r\n          color: white;\r\n          border-color: $primary-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n\r\n    .stat-card {\r\n      @include card;\r\n      padding: 1.5rem;\r\n\r\n      .stat-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        margin-bottom: 1rem;\r\n\r\n        .stat-icon {\r\n          color: $primary-color;\r\n        }\r\n\r\n        h3 {\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          color: $text-dark;\r\n        }\r\n      }\r\n\r\n      .stat-value {\r\n        font-size: 2rem;\r\n        font-weight: 700;\r\n        color: $text-dark;\r\n        margin-bottom: 0.5rem;\r\n      }\r\n\r\n      .stat-subtext {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n\r\n  .orders-table {\r\n    @include card;\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      th,\r\n      td {\r\n        padding: 1rem;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e5e7eb;\r\n      }\r\n\r\n      th {\r\n        background: #f9fafb;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .customer-info {\r\n        .customer-name {\r\n          font-weight: 600;\r\n          color: $text-dark;\r\n        }\r\n\r\n        .customer-email {\r\n          color: $text-medium;\r\n          font-size: 0.875rem;\r\n        }\r\n      }\r\n\r\n      .status-badge {\r\n        padding: 0.25rem 0.75rem;\r\n        border-radius: 9999px;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n\r\n        &.incomplete {\r\n          background: #fef3c7;\r\n          color: #92400e;\r\n        }\r\n\r\n        &.contacted {\r\n          background: #dbeafe;\r\n          color: #1e40af;\r\n        }\r\n\r\n        &.completed {\r\n          background: #d1fae5;\r\n          color: #065f46;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .most-abandoned-products {\r\n    @include card;\r\n    margin-top: 2rem;\r\n\r\n    h3 {\r\n      margin-bottom: 1.5rem;\r\n      color: $text-dark;\r\n    }\r\n\r\n    .products-list {\r\n      .product-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1rem 0;\r\n        border-bottom: 1px solid #e5e7eb;\r\n\r\n        &:last-child {\r\n          border-bottom: none;\r\n        }\r\n\r\n        .product-info {\r\n          .product-name {\r\n            display: block;\r\n            font-weight: 600;\r\n            color: $text-dark;\r\n          }\r\n\r\n          .abandonment-count {\r\n            color: $text-medium;\r\n            font-size: 0.875rem;\r\n          }\r\n        }\r\n\r\n        .product-value {\r\n          font-weight: 600;\r\n          color: $danger-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Cart Interactions Analytics\r\n.cart-interactions-analytics {\r\n  margin-top: 2rem;\r\n\r\n  .analytics-header {\r\n    margin-bottom: 2rem;\r\n\r\n    h2 {\r\n      font-size: 1.75rem;\r\n      font-weight: 700;\r\n      color: #f3f3f3;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    p {\r\n      color: #f3f3f3;\r\n    }\r\n  }\r\n\r\n  .no-data {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4rem 2rem;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n    border-radius: 12px;\r\n    margin: 2rem 0;\r\n    border: 2px dashed #cbd5e1;\r\n  }\r\n\r\n\r\n  .analytics-tabs {\r\n    display: flex;\r\n    gap: 0.5rem;\r\n    margin-bottom: 2rem;\r\n\r\n    .tab-button {\r\n      padding: 0.75rem 1.5rem;\r\n      border: 1px solid #e5e7eb;\r\n      background: white;\r\n      border-radius: 8px;\r\n      cursor: pointer;\r\n      @include transition;\r\n\r\n      &:hover {\r\n        background: #f3f4f6;\r\n      }\r\n\r\n      &.active {\r\n        background: $primary-color;\r\n        color: white;\r\n        border-color: $primary-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  .insights-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n\r\n    .insight-card {\r\n      @include card;\r\n      padding: 1.5rem;\r\n      text-align: center;\r\n\r\n      h3 {\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n        margin-bottom: 1rem;\r\n      }\r\n\r\n      .insight-value {\r\n        font-size: 2.5rem;\r\n        font-weight: 700;\r\n        color: $primary-color;\r\n        margin-bottom: 0.5rem;\r\n      }\r\n\r\n      .insight-value-text {\r\n        font-size: 1.25rem;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n        margin-bottom: 0.5rem;\r\n      }\r\n\r\n      p {\r\n        color: $text-medium;\r\n        font-size: 0.875rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  .charts-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n\r\n    .chart-container {\r\n      @include card;\r\n\r\n      .chart-header {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 1.5rem;\r\n\r\n        h3 {\r\n          margin: 0;\r\n          color: $text-dark;\r\n        }\r\n\r\n        .chart-info-icon {\r\n          color: $text-medium;\r\n          cursor: pointer;\r\n          @include transition;\r\n\r\n          &:hover {\r\n            color: $primary-color;\r\n            transform: scale(1.1);\r\n          }\r\n        }\r\n      }\r\n\r\n      h3 {\r\n        margin-bottom: 1.5rem;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .no-data {\r\n        @include flex-center;\r\n        height: 300px;\r\n        color: $text-medium;\r\n      }\r\n\r\n      .chart-legend {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1rem;\r\n        margin-top: 1rem;\r\n\r\n        .legend-item {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n\r\n          .legend-color {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 2px;\r\n          }\r\n\r\n          .legend-label {\r\n            color: $text-medium;\r\n            font-size: 0.875rem;\r\n          }\r\n\r\n          .legend-value {\r\n            color: $text-dark;\r\n            font-weight: 600;\r\n            font-size: 0.875rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-interactions-table {\r\n    @include card;\r\n\r\n    .table-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 1.5rem;\r\n\r\n      h3 {\r\n        margin: 0;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .table-info-icon {\r\n        color: $text-medium;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &:hover {\r\n          color: $primary-color;\r\n          transform: scale(1.1);\r\n        }\r\n      }\r\n    }\r\n\r\n    h3 {\r\n      margin-bottom: 1.5rem;\r\n      color: $text-dark;\r\n    }\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      th,\r\n      td {\r\n        padding: 1rem;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e5e7eb;\r\n      }\r\n\r\n      th {\r\n        background: #f9fafb;\r\n        font-weight: 600;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .interaction-type {\r\n        padding: 0.25rem 0.75rem;\r\n        border-radius: 9999px;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n\r\n        &.increase {\r\n          background: #d1fae5;\r\n          color: #065f46;\r\n        }\r\n\r\n        &.decrease {\r\n          background: #fef3c7;\r\n          color: #92400e;\r\n        }\r\n\r\n        &.remove {\r\n          background: #fee2e2;\r\n          color: #991b1b;\r\n        }\r\n\r\n        &.add {\r\n          background: #dbeafe;\r\n          color: #1e40af;\r\n        }\r\n\r\n        &.change {\r\n          background: #ede9fe;\r\n          color: #5b21b6;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .daily-trends-chart {\r\n    @include card;\r\n\r\n    .chart-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 1.5rem;\r\n\r\n      h3 {\r\n        margin: 0;\r\n        color: $text-dark;\r\n      }\r\n\r\n      .chart-info-icon {\r\n        color: $text-medium;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &:hover {\r\n          color: $primary-color;\r\n          transform: scale(1.1);\r\n        }\r\n      }\r\n    }\r\n\r\n    .trends-summary {\r\n      margin-top: 2rem;\r\n\r\n      h4 {\r\n        color: $text-dark;\r\n        font-size: 1.125rem;\r\n        margin: 0 0 1rem 0;\r\n      }\r\n\r\n      table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        thead {\r\n          background: #f9fafb;\r\n\r\n          th {\r\n            padding: 1rem;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: $text-dark;\r\n            border-bottom: 1px solid #e5e7eb;\r\n            font-size: 0.875rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n          }\r\n        }\r\n\r\n        tbody {\r\n          tr {\r\n            border-bottom: 1px solid #f3f4f6;\r\n\r\n            &:hover {\r\n              background: #f9fafb;\r\n            }\r\n          }\r\n\r\n          td {\r\n            padding: 1rem;\r\n            color: $text-dark;\r\n\r\n            .interaction-type {\r\n              padding: 0.25rem 0.75rem;\r\n              border-radius: 9999px;\r\n              font-size: 0.75rem;\r\n              font-weight: 500;\r\n              text-transform: uppercase;\r\n              letter-spacing: 0.05em;\r\n            }\r\n\r\n            strong {\r\n              font-weight: 600;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Cart Interactions Modal Styles\r\n  .cart-interactions-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    padding: 20px;\r\n  }\r\n\r\n  .cart-interactions-modal {\r\n    background: white;\r\n    border-radius: 12px;\r\n    max-width: 900px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n\r\n    .modal-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 1.5rem 2rem;\r\n      border-bottom: 1px solid #e5e7eb;\r\n\r\n      h3 {\r\n        color: $text-dark;\r\n        font-size: 1.25rem;\r\n        margin: 0;\r\n      }\r\n\r\n      .modal-close-btn {\r\n        background: none;\r\n        border: none;\r\n        font-size: 1.5rem;\r\n        color: $text-medium;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        width: 32px;\r\n        height: 32px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        @include transition;\r\n\r\n        &:hover {\r\n          background: #f3f4f6;\r\n          color: $text-dark;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-content {\r\n      padding: 2rem;\r\n      max-width: 90%;\r\n\r\n      .modal-description {\r\n        background: linear-gradient(135deg, $background-light 0%, #e5e7eb 100%);\r\n        border-radius: $border-radius;\r\n        padding: 1.5rem;\r\n        margin-bottom: 2rem;\r\n\r\n        p {\r\n          color: $text-medium;\r\n          font-size: 0.95rem;\r\n          line-height: 1.6;\r\n          margin: 0;\r\n        }\r\n      }\r\n\r\n      .modal-chart-section {\r\n        margin-bottom: 2rem;\r\n\r\n        h4 {\r\n          color: $text-dark;\r\n          font-size: 1.125rem;\r\n          margin: 0 0 1.5rem 0;\r\n          font-weight: 600;\r\n        }\r\n\r\n        .modal-chart-container {\r\n          background: #f9fafb;\r\n          border-radius: $border-radius;\r\n          padding: 1rem;\r\n          margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .modal-stats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n\r\n          .modal-stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            padding: 1rem;\r\n            background: white;\r\n            border-radius: $border-radius;\r\n            border: 1px solid #e5e7eb;\r\n\r\n            .stat-color {\r\n              width: 16px;\r\n              height: 16px;\r\n              border-radius: 50%;\r\n              flex-shrink: 0;\r\n            }\r\n\r\n            .stat-info {\r\n              display: flex;\r\n              flex-direction: column;\r\n              gap: 0.25rem;\r\n\r\n              .stat-label {\r\n                color: $text-medium;\r\n                font-size: 0.875rem;\r\n                font-weight: 500;\r\n              }\r\n\r\n              .stat-value {\r\n                color: $text-dark;\r\n                font-weight: 600;\r\n              }\r\n\r\n              .stat-percentage {\r\n                color: $primary-color;\r\n                font-size: 0.875rem;\r\n                font-weight: 600;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .modal-trends-summary {\r\n          background: #f9fafb;\r\n          border-radius: $border-radius;\r\n          padding: 1.5rem;\r\n\r\n          h5 {\r\n            color: $text-dark;\r\n            font-size: 1rem;\r\n            margin: 0 0 1rem 0;\r\n            font-weight: 600;\r\n          }\r\n\r\n          .trends-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 1rem;\r\n\r\n            .trend-stat {\r\n              display: flex;\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              padding: 0.75rem;\r\n              background: white;\r\n              border-radius: $border-radius;\r\n              border: 1px solid #e5e7eb;\r\n\r\n              .trend-label {\r\n                color: $text-medium;\r\n                font-size: 0.875rem;\r\n              }\r\n\r\n              .trend-value {\r\n                color: $text-dark;\r\n                font-weight: 600;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .modal-table-section {\r\n        margin-bottom: 2rem;\r\n\r\n        h4 {\r\n          color: $text-dark;\r\n          font-size: 1.125rem;\r\n          margin: 0 0 1.5rem 0;\r\n          font-weight: 600;\r\n        }\r\n\r\n        .modal-table-container {\r\n          max-height: 400px;\r\n          overflow-y: auto;\r\n          border: 1px solid #e5e7eb;\r\n          border-radius: $border-radius;\r\n\r\n          .modal-products-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n\r\n            thead {\r\n              background: #f9fafb;\r\n              position: sticky;\r\n              top: 0;\r\n              z-index: 1;\r\n\r\n              th {\r\n                padding: 1rem;\r\n                text-align: left;\r\n                font-weight: 600;\r\n                color: $text-dark;\r\n                border-bottom: 1px solid #e5e7eb;\r\n                font-size: 0.875rem;\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.05em;\r\n              }\r\n            }\r\n\r\n            tbody {\r\n              tr {\r\n                border-bottom: 1px solid #f3f4f6;\r\n                @include transition;\r\n\r\n                &:hover {\r\n                  background: #f9fafb;\r\n                }\r\n              }\r\n\r\n              td {\r\n                padding: 1rem;\r\n                vertical-align: middle;\r\n\r\n                &.rank-cell {\r\n                  text-align: center;\r\n                  width: 60px;\r\n\r\n                  .rank {\r\n                    display: inline-flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    width: 32px;\r\n                    height: 32px;\r\n                    background: $primary-color;\r\n                    color: white;\r\n                    border-radius: 50%;\r\n                    font-weight: 700;\r\n                    font-size: 0.875rem;\r\n                  }\r\n                }\r\n\r\n                &.product-name-cell {\r\n                  max-width: 200px;\r\n\r\n                  strong {\r\n                    color: $text-dark;\r\n                  }\r\n                }\r\n\r\n                &.count-cell {\r\n                  text-align: center;\r\n                  font-weight: 600;\r\n                  color: $text-dark;\r\n                }\r\n\r\n                &.percentage-cell {\r\n                  width: 120px;\r\n\r\n                  .percentage-bar {\r\n                    position: relative;\r\n                    height: 20px;\r\n                    background: #e5e7eb;\r\n                    border-radius: 10px;\r\n                    overflow: hidden;\r\n\r\n                    .percentage-fill {\r\n                      height: 100%;\r\n                      border-radius: 10px;\r\n                      @include transition;\r\n                    }\r\n\r\n                    .percentage-text {\r\n                      position: absolute;\r\n                      top: 50%;\r\n                      left: 50%;\r\n                      transform: translate(-50%, -50%);\r\n                      font-size: 0.75rem;\r\n                      font-weight: 600;\r\n                      color: $text-dark;\r\n                      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\r\n                    }\r\n                  }\r\n                }\r\n\r\n                .interaction-type {\r\n                  padding: 0.25rem 0.75rem;\r\n                  border-radius: 9999px;\r\n                  font-size: 0.75rem;\r\n                  font-weight: 500;\r\n                  text-transform: uppercase;\r\n                  letter-spacing: 0.05em;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-footer {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      padding: 1.5rem 2rem;\r\n      border-top: 1px solid #e5e7eb;\r\n      background: #f9fafb;\r\n\r\n      .btn {\r\n        padding: 0.75rem 1.5rem;\r\n        border-radius: $border-radius;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        @include transition;\r\n\r\n        &.btn-default {\r\n          background: #e5e7eb;\r\n          color: $text-dark;\r\n          border: none;\r\n\r\n          &:hover {\r\n            background: #d1d5db;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Settings WooCommerce Tab Styles\r\n.analytics-preview {\r\n  margin-top: 1.5rem;\r\n  padding: 1.5rem;\r\n  background: #f8fafc;\r\n  border-radius: 12px;\r\n  border: 1px solid #e2e8f0;\r\n\r\n  .preview-info {\r\n    h4 {\r\n      color: $text-dark;\r\n      margin-bottom: 1rem;\r\n      font-size: 1.25rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n      gap: 1rem;\r\n      margin-bottom: 1.5rem;\r\n\r\n      .feature-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        padding: 1rem;\r\n        background: white;\r\n        border-radius: 8px;\r\n        border: 1px solid #e2e8f0;\r\n\r\n        .feature-icon {\r\n          font-size: 1.5rem;\r\n          flex-shrink: 0;\r\n        }\r\n\r\n        .feature-content {\r\n          strong {\r\n            display: block;\r\n            color: $text-dark;\r\n            margin-bottom: 0.25rem;\r\n          }\r\n\r\n          p {\r\n            color: $text-medium;\r\n            font-size: 0.875rem;\r\n            margin: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-actions {\r\n      text-align: center;\r\n\r\n      .btn {\r\n        padding: 0.75rem 2rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        @include transition;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.woo-status-check {\r\n  .status-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    padding: 1rem 0;\r\n    border-bottom: 1px solid #e5e7eb;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .status-icon {\r\n      font-size: 1.5rem;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .status-content {\r\n      strong {\r\n        display: block;\r\n        color: $text-dark;\r\n        margin-bottom: 0.25rem;\r\n      }\r\n\r\n      p {\r\n        color: $text-medium;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive Design\r\n@media (max-width: 768px) {\r\n  .woo-analytics-dashboard {\r\n    .analytics-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .analytics-charts {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .section-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .insights-cards {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .features-grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n/* Order Details Modal Styles */\r\n.order-details-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 9999;\r\n  padding: 20px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.order-details-modal {\r\n  background: white;\r\n  border-radius: 12px;\r\n  max-width: 1000px;\r\n  width: 100%;\r\n  max-height: 90vh;\r\n  overflow-y: auto;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n  animation: modalSlideIn 0.3s ease-out;\r\n}\r\n\r\n@keyframes modalSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-20px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.order-details-modal .modal-header {\r\n  padding: 24px 30px;\r\n  border-bottom: 1px solid #e5e7eb;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n  color: white;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.order-details-modal .modal-header h3 {\r\n  margin: 0;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n}\r\n\r\n.order-details-modal .close-modal {\r\n  background: rgba(255, 255, 255, 0.2);\r\n  border: none;\r\n  color: white;\r\n  font-size: 32px;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  line-height: 1;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.order-details-modal .close-modal:hover {\r\n  background: rgba(255, 255, 255, 0.3);\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.order-details-modal .modal-body {\r\n  padding: 30px;\r\n}\r\n\r\n.order-details-modal .detail-section {\r\n  margin-bottom: 30px;\r\n  padding-bottom: 25px;\r\n  border-bottom: 1px solid #e5e7eb;\r\n}\r\n\r\n.order-details-modal .detail-section:last-child {\r\n  border-bottom: none;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.order-details-modal .detail-section h4 {\r\n  margin: 0 0 20px 0;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #1f2937;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.order-details-modal .detail-section h4:before {\r\n  content: '';\r\n  width: 4px;\r\n  height: 24px;\r\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n  border-radius: 2px;\r\n}\r\n\r\n.order-details-modal .detail-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.order-details-modal .detail-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.order-details-modal .detail-item .label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #6b7280;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.order-details-modal .detail-item .value {\r\n  font-size: 14px;\r\n  color: #1f2937;\r\n  font-weight: 500;\r\n}\r\n\r\n.order-details-modal .detail-item .value a {\r\n  color: #667eea;\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.order-details-modal .detail-item .value a:hover {\r\n  color: #764ba2;\r\n  text-decoration: underline;\r\n}\r\n\r\n.order-details-modal .products-table {\r\n  overflow-x: auto;\r\n  border-radius: 8px;\r\n  border: 1px solid #e5e7eb;\r\n}\r\n\r\n.order-details-modal .products-table table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n}\r\n\r\n.order-details-modal .products-table thead {\r\n  background: #f9fafb;\r\n}\r\n\r\n.order-details-modal .products-table th {\r\n  padding: 12px 16px;\r\n  text-align: left;\r\n  font-weight: 600;\r\n  color: #374151;\r\n  border-bottom: 2px solid #e5e7eb;\r\n}\r\n\r\n.order-details-modal .products-table td {\r\n  padding: 16px;\r\n  border-bottom: 1px solid #f3f4f6;\r\n  vertical-align: top;\r\n}\r\n\r\n.order-details-modal .products-table tbody tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n.order-details-modal .products-table tbody tr:hover {\r\n  background: #f9fafb;\r\n}\r\n\r\n.order-details-modal .product-id,\r\n.order-details-modal .variation-id {\r\n  font-size: 12px;\r\n  color: #6b7280;\r\n  margin-top: 4px;\r\n}\r\n\r\n.order-details-modal .product-link {\r\n  display: inline-block;\r\n  padding: 6px 12px;\r\n  background: #667eea;\r\n  color: white;\r\n  text-decoration: none;\r\n  border-radius: 6px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.order-details-modal .product-link:hover {\r\n  background: #764ba2;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n}\r\n\r\n.order-details-modal .cart-summary {\r\n  background: #f9fafb;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.order-details-modal .summary-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid #e5e7eb;\r\n}\r\n\r\n.order-details-modal .summary-row:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.order-details-modal .summary-row.total {\r\n  margin-top: 10px;\r\n  padding-top: 15px;\r\n  border-top: 2px solid #d1d5db;\r\n}\r\n\r\n.order-details-modal .summary-row .label {\r\n  font-size: 14px;\r\n  color: #6b7280;\r\n  font-weight: 500;\r\n}\r\n\r\n.order-details-modal .summary-row.total .label {\r\n  font-size: 16px;\r\n  color: #1f2937;\r\n  font-weight: 700;\r\n}\r\n\r\n.order-details-modal .summary-row .value {\r\n  font-size: 14px;\r\n  color: #1f2937;\r\n  font-weight: 500;\r\n}\r\n\r\n.order-details-modal .summary-row.total .value strong {\r\n  font-size: 18px;\r\n  color: #10b981;\r\n}\r\n\r\n.order-details-modal .user-agent-value {\r\n  font-size: 13px;\r\n  color: #4b5563;\r\n  background: #f9fafb;\r\n  padding: 12px;\r\n  border-radius: 6px;\r\n  font-family: monospace;\r\n  word-break: break-all;\r\n  margin-top: 8px;\r\n}\r\n\r\n.order-details-modal .interactions-data pre {\r\n  background: #1f2937;\r\n  color: #10b981;\r\n  padding: 16px;\r\n  border-radius: 8px;\r\n  font-size: 12px;\r\n  overflow-x: auto;\r\n  margin: 0;\r\n}\r\n\r\n.order-details-modal .no-data-text {\r\n  text-align: center;\r\n  color: #9ca3af;\r\n  padding: 20px;\r\n  font-style: italic;\r\n}\r\n\r\n.order-details-modal .modal-footer {\r\n  padding: 20px 30px;\r\n  border-top: 1px solid #e5e7eb;\r\n  display: flex;\r\n  gap: 12px;\r\n  justify-content: flex-end;\r\n  background: #f9fafb;\r\n  border-radius: 0 0 12px 12px;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn {\r\n  padding: 10px 20px;\r\n  border-radius: 8px;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  border: none;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-secondary {\r\n  background: #e5e7eb;\r\n  color: #374151;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-secondary:hover {\r\n  background: #d1d5db;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-primary {\r\n  background: #667eea;\r\n  color: white;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-primary:hover {\r\n  background: #764ba2;\r\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-success {\r\n  background: #10b981;\r\n  color: white;\r\n}\r\n\r\n.order-details-modal .modal-footer .btn-success:hover {\r\n  background: #059669;\r\n  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);\r\n}\r\n\r\n/* View Details Button in Table */\r\n.incomplete-orders-list .view-details-btn {\r\n  background: #667eea;\r\n  color: white;\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 6px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  margin-top: 4px;\r\n  display: inline-block;\r\n}\r\n\r\n.incomplete-orders-list .view-details-btn:hover {\r\n  background: #764ba2;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n}\r\n\r\n.order-actions .btn-info {\r\n  background: #3b82f6;\r\n  color: white;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 6px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n}\r\n\r\n.order-actions .btn-info:hover {\r\n  background: #2563eb;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.order-actions {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n  .order-details-modal {\r\n    max-width: 95%;\r\n    max-height: 95vh;\r\n  }\r\n\r\n  .order-details-modal .modal-header,\r\n  .order-details-modal .modal-body,\r\n  .order-details-modal .modal-footer {\r\n    padding: 20px;\r\n  }\r\n\r\n  .order-details-modal .detail-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .order-details-modal .modal-footer {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .order-details-modal .modal-footer .btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n/* Incomplete Orders Section Styles */\r\n.incomplete-orders-section {\r\n  .section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 24px;\r\n\r\n    h2 {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin: 0;\r\n      color: #1f2937;\r\n      font-size: 24px;\r\n      font-weight: 600;\r\n\r\n      .section-icon {\r\n        color: #3b82f6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .section-tabs {\r\n    display: flex;\r\n    gap: 8px;\r\n\r\n    .tab-button {\r\n      padding: 8px 16px;\r\n      border: 1px solid #d1d5db;\r\n      background: #f9fafb;\r\n      color: #6b7280;\r\n      border-radius: 6px;\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n\r\n      &:hover {\r\n        background: #f3f4f6;\r\n        color: #374151;\r\n      }\r\n\r\n      &.active {\r\n        background: #3b82f6;\r\n        color: white;\r\n        border-color: #3b82f6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .loading-state {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 60px 20px;\r\n\r\n    .spinner {\r\n      width: 40px;\r\n      height: 40px;\r\n      border: 4px solid #f3f4f6;\r\n      border-top: 4px solid #3b82f6;\r\n      border-radius: 50%;\r\n      animation: spin 1s linear infinite;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    p {\r\n      color: #6b7280;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  /* Overview Tab Styles */\r\n  .incomplete-orders-overview {\r\n    .stats-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n      gap: 20px;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .stat-card {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      padding: 24px;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n\r\n      &:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n      }\r\n\r\n      .stat-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n\r\n        .stat-icon {\r\n          color: #3b82f6;\r\n          font-size: 20px;\r\n        }\r\n\r\n        h3 {\r\n          margin: 0;\r\n          font-size: 14px;\r\n          font-weight: 600;\r\n          color: #6b7280;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n        }\r\n      }\r\n\r\n      .stat-value {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1f2937;\r\n        margin-bottom: 4px;\r\n        line-height: 1;\r\n      }\r\n\r\n      .stat-subtext {\r\n        font-size: 14px;\r\n        color: #6b7280;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n\r\n    .no-data-message {\r\n      text-align: center;\r\n      padding: 60px 20px;\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n\r\n      .no-data-icon {\r\n        font-size: 48px;\r\n        color: #d1d5db;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      p {\r\n        color: #6b7280;\r\n        margin: 8px 0;\r\n\r\n        &:first-of-type {\r\n          font-size: 18px;\r\n          font-weight: 600;\r\n          color: #374151;\r\n        }\r\n      }\r\n\r\n      .no-data-subtext {\r\n        font-size: 14px;\r\n        color: #9ca3af;\r\n      }\r\n    }\r\n\r\n    .most-abandoned-products {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      padding: 24px;\r\n\r\n      h3 {\r\n        margin: 0 0 20px 0;\r\n        color: #1f2937;\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .products-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n      }\r\n\r\n      .product-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 16px;\r\n        background: #f9fafb;\r\n        border-radius: 6px;\r\n        border: 1px solid #f3f4f6;\r\n\r\n        .product-info {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 4px;\r\n\r\n          .product-name {\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n          }\r\n\r\n          .abandonment-count {\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n          }\r\n        }\r\n\r\n        .product-value {\r\n          font-weight: 600;\r\n          color: #dc2626;\r\n          font-size: 16px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Orders Tab Styles */\r\n  .incomplete-orders-list {\r\n    .orders-table {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n\r\n      table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        thead {\r\n          background: #f9fafb;\r\n\r\n          th {\r\n            padding: 16px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            font-size: 14px;\r\n            border-bottom: 1px solid #e5e7eb;\r\n          }\r\n        }\r\n\r\n        tbody {\r\n          tr {\r\n            border-bottom: 1px solid #f3f4f6;\r\n            transition: background-color 0.2s ease;\r\n\r\n            &:hover {\r\n              background: #f9fafb;\r\n            }\r\n\r\n            &:last-child {\r\n              border-bottom: none;\r\n            }\r\n          }\r\n\r\n          td {\r\n            padding: 16px;\r\n            vertical-align: top;\r\n\r\n            .customer-info {\r\n              .customer-name {\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin-bottom: 4px;\r\n              }\r\n\r\n              .customer-email {\r\n                font-size: 14px;\r\n                color: #6b7280;\r\n              }\r\n            }\r\n\r\n            .products-info {\r\n              max-width: 200px;\r\n\r\n              .view-details-btn {\r\n                background: none;\r\n                border: none;\r\n                color: #3b82f6;\r\n                cursor: pointer;\r\n                text-decoration: underline;\r\n                font-size: 12px;\r\n                padding: 0;\r\n                margin-left: 4px;\r\n\r\n                &:hover {\r\n                  color: #2563eb;\r\n                }\r\n              }\r\n            }\r\n\r\n            .status-badge {\r\n              display: inline-block;\r\n              padding: 4px 8px;\r\n              border-radius: 4px;\r\n              font-size: 12px;\r\n              font-weight: 600;\r\n              text-transform: uppercase;\r\n\r\n              &.incomplete {\r\n                background: #fef3c7;\r\n                color: #92400e;\r\n              }\r\n\r\n              &.contacted {\r\n                background: #dbeafe;\r\n                color: #1e40af;\r\n              }\r\n\r\n              &.completed {\r\n                background: #d1fae5;\r\n                color: #065f46;\r\n              }\r\n            }\r\n\r\n            .order-actions {\r\n              display: flex;\r\n              gap: 8px;\r\n              flex-wrap: wrap;\r\n\r\n              .btn {\r\n                padding: 6px 12px;\r\n                border: none;\r\n                border-radius: 4px;\r\n                font-size: 12px;\r\n                font-weight: 500;\r\n                cursor: pointer;\r\n                text-decoration: none;\r\n                display: inline-block;\r\n                transition: all 0.2s ease;\r\n\r\n                &.btn-sm {\r\n                  padding: 4px 8px;\r\n                  font-size: 11px;\r\n                }\r\n\r\n                &.btn-info {\r\n                  background: #0ea5e9;\r\n                  color: white;\r\n\r\n                  &:hover {\r\n                    background: #0284c7;\r\n                  }\r\n                }\r\n\r\n                &.btn-primary {\r\n                  background: #3b82f6;\r\n                  color: white;\r\n\r\n                  &:hover {\r\n                    background: #2563eb;\r\n                  }\r\n                }\r\n\r\n                &.btn-secondary {\r\n                  background: #6b7280;\r\n                  color: white;\r\n\r\n                  &:hover {\r\n                    background: #4b5563;\r\n                  }\r\n                }\r\n\r\n                &.view-details-btn {\r\n                  background: #0ea5e9;\r\n                  color: white;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .no-orders {\r\n      text-align: center;\r\n      padding: 60px 20px;\r\n      color: #6b7280;\r\n\r\n      p {\r\n        margin: 0;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Most Abandoned Tab Styles */\r\n  .most-abandoned-tab {\r\n    .abandoned-products-table {\r\n      background: white;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n      padding: 2rem;\r\n\r\n      table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        thead {\r\n          background: linear-gradient(135deg, #dc2626, #ef4444);\r\n\r\n          th {\r\n            padding: 16px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: white;\r\n            font-size: 14px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-bottom: 2px solid #b91c1c;\r\n\r\n            &:first-child {\r\n              border-top-left-radius: 8px;\r\n            }\r\n\r\n            &:last-child {\r\n              border-top-right-radius: 8px;\r\n            }\r\n          }\r\n        }\r\n\r\n        tbody {\r\n          tr {\r\n            border-bottom: 1px solid #f3f4f6;\r\n            transition: all 0.2s ease;\r\n\r\n            &:hover {\r\n              background: #fef2f2;\r\n              transform: translateX(2px);\r\n            }\r\n\r\n            &:last-child {\r\n              border-bottom: none;\r\n            }\r\n\r\n            &:nth-child(odd) {\r\n              background: #fafafa;\r\n\r\n              &:hover {\r\n                background: #fef2f2;\r\n              }\r\n            }\r\n          }\r\n\r\n          td {\r\n            padding: 16px;\r\n            vertical-align: middle;\r\n\r\n            &:first-child {\r\n              font-weight: 700;\r\n              color: #dc2626;\r\n              font-size: 16px;\r\n              width: 60px;\r\n              text-align: center;\r\n              background: #fef2f2;\r\n              border-right: 2px solid #fecaca;\r\n            }\r\n\r\n            &:nth-child(2) {\r\n              font-weight: 600;\r\n              color: #1f2937;\r\n              max-width: 200px;\r\n            }\r\n\r\n            &:nth-child(3) {\r\n              font-weight: 600;\r\n              color: #dc2626;\r\n              text-align: center;\r\n              background: #fef2f2;\r\n              border-radius: 4px;\r\n              margin: 2px;\r\n            }\r\n\r\n            &:nth-child(4),\r\n            &:nth-child(5) {\r\n              font-weight: 600;\r\n              color: #059669;\r\n              text-align: right;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  /* Order Details Modal Styles */\r\n  .order-details-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    padding: 20px;\r\n  }\r\n\r\n  .order-details-modal {\r\n    background: white;\r\n    border-radius: 12px;\r\n    max-width: max-content;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n\r\n    .modal-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 24px;\r\n      border-bottom: 1px solid #e5e7eb;\r\n      background: #f9fafb;\r\n      border-radius: 12px 12px 0 0;\r\n\r\n      h3 {\r\n        margin: 0;\r\n        color: #1f2937;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .modal-close-btn {\r\n        background: none;\r\n        border: none;\r\n        font-size: 24px;\r\n        color: #6b7280;\r\n        cursor: pointer;\r\n        padding: 4px;\r\n        border-radius: 4px;\r\n        transition: all 0.2s ease;\r\n\r\n        &:hover {\r\n          background: #f3f4f6;\r\n          color: #374151;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-content {\r\n      padding: 24px;\r\n\r\n      .order-info-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 32px;\r\n        margin-bottom: 32px;\r\n\r\n        @media (max-width: 768px) {\r\n          grid-template-columns: 1fr;\r\n          gap: 24px;\r\n        }\r\n      }\r\n\r\n      .info-section {\r\n        h4 {\r\n          margin: 0 0 16px 0;\r\n          color: #1f2937;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          padding-bottom: 8px;\r\n          border-bottom: 2px solid #e5e7eb;\r\n        }\r\n\r\n        .info-item {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          padding: 8px 0;\r\n          border-bottom: 1px solid #f3f4f6;\r\n\r\n          &:last-child {\r\n            border-bottom: none;\r\n          }\r\n\r\n          label {\r\n            font-weight: 600;\r\n            color: #374151;\r\n            min-width: 100px;\r\n          }\r\n\r\n          span {\r\n            color: #6b7280;\r\n            text-align: right;\r\n\r\n            &.total-amount {\r\n              font-weight: 700;\r\n              color: #059669;\r\n              font-size: 18px;\r\n            }\r\n\r\n            &.technical-data {\r\n              font-family: monospace;\r\n              font-size: 12px;\r\n              background: #f3f4f6;\r\n              padding: 2px 6px;\r\n              border-radius: 4px;\r\n            }\r\n\r\n            &.user-agent {\r\n              font-size: 12px;\r\n              max-width: 200px;\r\n              word-break: break-all;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .products-section {\r\n        margin-bottom: 32px;\r\n\r\n        h4 {\r\n          margin: 0 0 16px 0;\r\n          color: #1f2937;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          padding-bottom: 8px;\r\n          border-bottom: 2px solid #e5e7eb;\r\n        }\r\n\r\n        .products-table {\r\n          border: 1px solid #e5e7eb;\r\n          border-radius: 8px;\r\n          overflow: hidden;\r\n\r\n          table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n\r\n            thead {\r\n              background: #f9fafb;\r\n\r\n              th {\r\n                padding: 12px;\r\n                text-align: left;\r\n                font-weight: 600;\r\n                color: #374151;\r\n                font-size: 14px;\r\n                border-bottom: 1px solid #e5e7eb;\r\n              }\r\n            }\r\n\r\n            tbody {\r\n              tr {\r\n                border-bottom: 1px solid #f3f4f6;\r\n\r\n                &:last-child {\r\n                  border-bottom: none;\r\n                }\r\n\r\n                &:hover {\r\n                  background: #f9fafb;\r\n                }\r\n              }\r\n\r\n              td {\r\n                padding: 12px;\r\n\r\n                .product-link {\r\n                  color: #ffffff;\r\n                  text-decoration: none;\r\n                  font-size: 12px;\r\n\r\n                  &:hover {\r\n                    text-decoration: underline;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .technical-info {\r\n        background: #f9fafb;\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n        border: 1px solid #e5e7eb;\r\n\r\n        h4 {\r\n          margin: 0 0 16px 0;\r\n          color: #1f2937;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n        }\r\n\r\n        .info-grid {\r\n          display: grid;\r\n          grid-template-columns: 1fr 1fr;\r\n          gap: 16px;\r\n\r\n          @media (max-width: 768px) {\r\n            grid-template-columns: 1fr;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-footer {\r\n      padding: 20px 24px;\r\n      border-top: 1px solid #e5e7eb;\r\n      background: #f9fafb;\r\n      display: flex;\r\n      gap: 12px;\r\n      justify-content: flex-end;\r\n      border-radius: 0 0 12px 12px;\r\n\r\n      .btn {\r\n        padding: 8px 16px;\r\n        border: none;\r\n        border-radius: 6px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n\r\n        &.btn-primary {\r\n          background: #3b82f6;\r\n          color: white;\r\n\r\n          &:hover {\r\n            background: #2563eb;\r\n          }\r\n        }\r\n\r\n        &.btn-secondary {\r\n          background: #6b7280;\r\n          color: white;\r\n\r\n          &:hover {\r\n            background: #4b5563;\r\n          }\r\n        }\r\n\r\n        &.btn-default {\r\n          background: #f3f4f6;\r\n          color: #374151;\r\n          border: 1px solid #d1d5db;\r\n\r\n          &:hover {\r\n            background: #e5e7eb;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* ── Analytics header date range controls ─────────────────────────────────── */\r\n.analytics-header-top {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.analytics-header-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n// ── Pill-style date range bar ──────────────────────────────────────\r\n.analytics-date-range-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 12px;\r\n  background: #fff;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 40px;\r\n  width: fit-content;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\r\n\r\n  .range-bar-calendar-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    color: #6b7bff;\r\n    flex-shrink: 0;\r\n\r\n    svg {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .analytics-range-select {\r\n    border: none;\r\n    background: transparent;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #1a1a2e;\r\n    cursor: pointer;\r\n    outline: none;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    padding-right: 20px;\r\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 0 center;\r\n    min-width: 110px;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  .range-bar-divider {\r\n    width: 1px;\r\n    height: 18px;\r\n    background: #e0e0e0;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .range-shortcut-pill {\r\n    background: #f0f0f8;\r\n    border: 1px solid #e0e0ee;\r\n    border-radius: 20px;\r\n    padding: 2px 10px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #5a5aaa;\r\n    white-space: nowrap;\r\n    user-select: none;\r\n  }\r\n\r\n  .range-refresh-btn {\r\n    width: 26px;\r\n    height: 26px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    transition: background 0.15s;\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: #aaa;\r\n      box-shadow: 6px 0 0 #aaa, -6px 0 0 #aaa;\r\n    }\r\n\r\n    &:hover {\r\n      background: #f5f5f5;\r\n    }\r\n\r\n    &:disabled {\r\n      opacity: 0.5;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n}\r\n\r\n.analytics-custom-range {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 8px;\r\n  flex-wrap: wrap;\r\n\r\n  input[type=\"date\"] {\r\n    border: 1px solid #ddd;\r\n    border-radius: 6px;\r\n    padding: 4px 8px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n// ── No-data screen ─────────────────────────────────────────────────\r\n.analytics-no-data {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 60vh;\r\n  padding: 2rem;\r\n\r\n  .no-data-content {\r\n    text-align: center;\r\n    max-width: 480px;\r\n\r\n    .no-data-icon {\r\n      font-size: 56px !important;\r\n      color: #c5c5e0;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    h3 {\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n      color: #1a1a2e;\r\n      margin: 0 0 8px;\r\n    }\r\n\r\n    >p {\r\n      font-size: 14px;\r\n      color: #888;\r\n      margin: 0 0 1.5rem;\r\n    }\r\n  }\r\n\r\n  .no-data-range-filter {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 1.5rem;\r\n\r\n    label {\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      color: #888;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 4px;\r\n    }\r\n  }\r\n\r\n  .no-data-suggestions {\r\n    background: #f8f8fc;\r\n    border: 1px solid #ebebf5;\r\n    border-radius: 10px;\r\n    padding: 1rem 1.25rem;\r\n    text-align: left;\r\n    margin-bottom: 1.5rem;\r\n\r\n    h4 {\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: #555;\r\n      margin: 0 0 8px;\r\n    }\r\n\r\n    ul {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      li {\r\n        font-size: 13px;\r\n        color: #777;\r\n        padding: 3px 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .retry-button {\r\n    background: #6b7bff;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 8px;\r\n    padding: 10px 24px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background 0.15s;\r\n\r\n    &:hover {\r\n      background: #5566ee;\r\n    }\r\n  }\r\n}\r\n\r\n.analytics-custom-range {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-wrap: wrap;\r\n\r\n  input[type=\"date\"] {\r\n    padding: 5px 8px;\r\n    border: 1px solid #d1d5db;\r\n    border-radius: 6px;\r\n    font-size: 0.82rem;\r\n    background: #fff;\r\n\r\n    &:focus {\r\n      outline: none;\r\n      border-color: #6366f1;\r\n    }\r\n  }\r\n\r\n  span {\r\n    color: #6b7280;\r\n    font-size: 0.85rem;\r\n  }\r\n}\r\n\r\n.date-range-label {\r\n  color: #dddddd;\r\n  font-size: 0.8rem;\r\n}\r\n\r\n/* ── Section & chart range badges ─────────────────────────────────────────── */\r\n.analytics-section-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 16px;\r\n\r\n  h2 {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.section-range-badge,\r\n.chart-range-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 5px 14px;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n  color: #008080;\r\n  border: 1px solid #dee2e6;\r\n\r\n  border-radius: 6px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.01em;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.section-range-badge::before,\r\n.chart-range-badge::before {\r\n  content: \"\";\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #008080;\r\n  border-radius: 50%;\r\n  margin-right: 10px;\r\n  box-shadow: 0 0 6px rgba(0, 128, 128, 0.3);\r\n}\r\n\r\n.chart-header h3 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n/* No-data range filter */\r\n.no-data-range-filter {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  margin: 16px 0;\r\n\r\n  label {\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: #374151;\r\n  }\r\n}\r\n\r\n/* Customer stat highlight for selected period */\r\n.customer-stats .stat:first-child .value {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: #4f46e5;\r\n}\r\n\r\n.customer-stats .stat:first-child .label {\r\n  font-weight: 600;\r\n  color: #4f46e5;\r\n}","/* Main App Styles */\r\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n/* Import page-specific styles */\r\n@import 'dashboard';\r\n@import 'orders';\r\n@import 'advanced-filters';\r\n@import 'order-details';\r\n@import 'products';\r\n@import 'product-editor';\r\n@import 'product-single';\r\n@import 'bulk-editor';\r\n@import 'customers';\r\n@import 'customer-cv';\r\n@import 'settings';\r\n@import 'wysiwyg';\r\n@import 'reviews';\r\n\r\n/* Import modal styles */\r\n@import '../components/PremiumModal/PremiumModal.scss';\r\n@import '../components/PriceModal/PriceModal.scss';\r\n\r\n\r\n.card-header {\r\n  p {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n  }\r\n}\r\n\r\n/* Form Elements */\r\n.form-group {\r\n  margin-bottom: 20px;\r\n\r\n  label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #374151;\r\n    margin-bottom: 6px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  input,\r\n  select,\r\n  textarea {\r\n    width: 100%;\r\n    padding: 10px 12px;\r\n    border: 1px solid #d1d5db;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    transition: border-color 0.2s ease;\r\n    background-color: white;\r\n\r\n    &:focus {\r\n      outline: none;\r\n      border-color: #3182ce;\r\n      box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\r\n    }\r\n\r\n    &:disabled {\r\n      background-color: #f7fafc;\r\n      color: #a0aec0;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    &.error {\r\n      border-color: #e53e3e;\r\n\r\n      &:focus {\r\n        border-color: #e53e3e;\r\n        box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);\r\n      }\r\n    }\r\n  }\r\n\r\n  textarea {\r\n    resize: vertical;\r\n    min-height: 80px;\r\n  }\r\n\r\n  .help-text {\r\n    font-size: 12px;\r\n    color: #718096;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .error-text {\r\n    font-size: 12px;\r\n    color: #e53e3e;\r\n    margin-top: 4px;\r\n  }\r\n}\r\n\r\n\r\n/* Chips/Tags */\r\n.chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 4px 12px;\r\n  border-radius: 16px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n\r\n  &.chip-primary {\r\n    background-color: #bee3f8;\r\n    color: #2c5aa0;\r\n  }\r\n\r\n  &.chip-success {\r\n    background-color: #c6f6d5;\r\n    color: #2f855a;\r\n  }\r\n\r\n  &.chip-warning {\r\n    background-color: #faf089;\r\n    color: #b7791f;\r\n  }\r\n\r\n  &.chip-danger {\r\n    background-color: #fed7d7;\r\n    color: #c53030;\r\n  }\r\n\r\n  &.chip-secondary {\r\n    background-color: #e2e8f0;\r\n    color: #4a5568;\r\n  }\r\n}\r\n\r\n/* Alerts */\r\n.alert {\r\n  padding: 16px;\r\n  border-radius: 8px;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n\r\n  .alert-icon {\r\n    flex-shrink: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .alert-content {\r\n    flex: 1;\r\n  }\r\n\r\n  .alert-close {\r\n    background: none;\r\n    border: none;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    opacity: 0.7;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &.alert-success {\r\n    background-color: #f0fff4;\r\n    color: #2f855a;\r\n    border: 1px solid #c6f6d5;\r\n  }\r\n\r\n  &.alert-error {\r\n    background-color: #fed7d7;\r\n    color: #c53030;\r\n    border: 1px solid #feb2b2;\r\n  }\r\n\r\n  &.alert-warning {\r\n    background-color: #fffbeb;\r\n    color: #b7791f;\r\n    border: 1px solid #faf089;\r\n  }\r\n\r\n  &.alert-info {\r\n    background-color: #ebf8ff;\r\n    color: #2c5aa0;\r\n    border: 1px solid #bee3f8;\r\n  }\r\n}\r\n\r\n/* Toast Notifications */\r\n.toast {\r\n  position: fixed;\r\n  top: 20px;\r\n  right: 20px;\r\n  z-index: 9999;\r\n  min-width: 300px;\r\n  max-width: 500px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  animation: slideIn 0.3s ease;\r\n\r\n  .toast-content {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 16px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .toast-message {\r\n    flex: 1;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .toast-close {\r\n    background: none;\r\n    border: none;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    opacity: 0.7;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &.toast-success {\r\n    background-color: #f0fff4;\r\n    color: #2f855a;\r\n    border: 1px solid #c6f6d5;\r\n  }\r\n\r\n  &.toast-error {\r\n    background-color: #fed7d7;\r\n    color: #c53030;\r\n    border: 1px solid #feb2b2;\r\n  }\r\n\r\n  &.toast-warning {\r\n    background-color: #fffbeb;\r\n    color: #b7791f;\r\n    border: 1px solid #faf089;\r\n  }\r\n\r\n  &.toast-info {\r\n    background-color: #ebf8ff;\r\n    color: #2c5aa0;\r\n    border: 1px solid #bee3f8;\r\n  }\r\n}\r\n\r\n@keyframes slideIn {\r\n  from {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* Loading Spinner */\r\n.spinner {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e2e8f0;\r\n  border-top: 2px solid #3182ce;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n/* Buttons */\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 10px 16px;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n\r\n  &:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  // Premium disabled state\r\n  &.premium-disabled {\r\n    opacity: 0.7;\r\n    background-color: #f5f5f5 !important;\r\n    color: #6c757d !important;\r\n    cursor: pointer;\r\n    position: relative;\r\n\r\n    &:hover {\r\n      opacity: 0.8;\r\n      animation: premiumPulse 1.5s infinite;\r\n    }\r\n  }\r\n\r\n  // Primary Button\r\n  &.btn-primary {\r\n    background-color: #3182ce;\r\n    color: white;\r\n\r\n    &:hover:not(:disabled):not(.premium-disabled) {\r\n      background-color: #2c5aa0;\r\n    }\r\n  }\r\n\r\n  // Secondary Button\r\n  &.btn-secondary {\r\n    background-color: #e2e8f0;\r\n    color: #4a5568;\r\n\r\n    &:hover:not(:disabled):not(.premium-disabled) {\r\n      background-color: #cbd5e0;\r\n    }\r\n  }\r\n\r\n  // Success Button\r\n  &.btn-success {\r\n    background-color: #38a169;\r\n    color: white;\r\n\r\n    &:hover:not(:disabled):not(.premium-disabled) {\r\n      background-color: #2f855a;\r\n    }\r\n  }\r\n\r\n  // Danger Button\r\n  &.btn-danger {\r\n    background-color: #e53e3e;\r\n    color: white;\r\n\r\n    &:hover:not(:disabled):not(.premium-disabled) {\r\n      background-color: #c53030;\r\n    }\r\n  }\r\n\r\n  // Warning Button\r\n  &.btn-warning {\r\n    background-color: #d69e2e;\r\n    color: white;\r\n\r\n    &:hover:not(:disabled):not(.premium-disabled) {\r\n      background-color: #b7791f;\r\n    }\r\n  }\r\n\r\n  \r\n\r\n  // Outline variants\r\n  &.btn-outline {\r\n    background-color: transparent;\r\n    border: 1px solid currentColor;\r\n\r\n    &.btn-primary {\r\n      color: #3182ce;\r\n      border-color: #3182ce;\r\n\r\n      &:hover:not(:disabled):not(.premium-disabled) {\r\n        background-color: #3182ce;\r\n        color: white;\r\n      }\r\n    }\r\n\r\n    &.btn-secondary {\r\n      color: #4a5568;\r\n      border-color: #e2e8f0;\r\n\r\n      &:hover:not(:disabled):not(.premium-disabled) {\r\n        background-color: #e2e8f0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Size variants\r\n  &.btn-sm {\r\n    padding: 6px 12px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &.btn-lg {\r\n    padding: 14px 20px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  // Loading state\r\n  &.btn-loading {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n\r\n    .spinner {\r\n      width: 16px;\r\n      height: 16px;\r\n      border: 2px solid transparent;\r\n      border-top: 2px solid currentColor;\r\n      border-radius: 50%;\r\n      animation: spin 1s linear infinite;\r\n    }\r\n  }\r\n\r\n  // AI button\r\n  &.btn-ai {\r\n    background: linear-gradient(135deg, #6366f1, #8b5cf6);\r\n    color: white;\r\n    border: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 10px 16px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n\r\n\r\n    &:hover:not(:disabled) {\r\n      background: linear-gradient(135deg, #4f46e5, #7c3aed);\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);\r\n    }\r\n\r\n    &:disabled { opacity: 0.6; cursor: not-allowed; }\r\n  }\r\n\r\n}\r\n\r\n/* Premium pulse animation */\r\n@keyframes premiumPulse {\r\n  0%, 100% {\r\n    box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.4);\r\n  }\r\n  50% {\r\n    box-shadow: 0 0 0 8px rgba(79, 70, 229, 0);\r\n  }\r\n}\r\n\r\n/* Premium badges and disabled states */\r\n.premium-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 2px 8px;\r\n  background: rgba(79, 70, 229, 0.1);\r\n  color: #4f46e5;\r\n  border-radius: 12px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  margin-left: 8px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n/* Switch styles for premium disabled state */\r\n.switch.premium-disabled {\r\n  opacity: 0.7;\r\n  cursor: pointer;\r\n  \r\n  &:hover {\r\n    opacity: 0.8;\r\n    animation: premiumPulse 1.5s infinite;\r\n  }\r\n  \r\n  .slider {\r\n    background-color: #f5f5f5 !important;\r\n    \r\n    &:before {\r\n      background-color: #ccc !important;\r\n    }\r\n  }\r\n  \r\n  input:checked + .slider {\r\n    background-color: #f5f5f5 !important;\r\n    \r\n    &:before {\r\n      background-color: #ccc !important;\r\n    }\r\n  }\r\n}\r\n\r\n/* ── AI Generate Modal ─────────────────────────────────────────────────────── */\r\n.ai-modal-overlay {\r\n  /* Clicking outside does NOT close — intentional */\r\n  cursor: default;\r\n}\r\n\r\n.ai-generate-modal {\r\n  max-width: 560px;\r\n  width: 100%;\r\n\r\n  .modal-header {\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n  }\r\n\r\n  .ai-modal-title {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    flex: 1;\r\n\r\n    .ai-modal-icon { font-size: 1.6rem; line-height: 1; flex-shrink: 0; margin-top: 2px; }\r\n\r\n    h3 { margin: 0 0 2px; font-size: 1rem; font-weight: 700; }\r\n\r\n    .ai-modal-subtitle {\r\n      margin: 0;\r\n      font-size: 0.8rem;\r\n      color: #6b7280;\r\n    }\r\n  }\r\n\r\n  /* Context badge */\r\n  .ai-context-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 6px 12px;\r\n    background: #f0f9ff;\r\n    border: 1px solid #bae6fd;\r\n    border-radius: 6px;\r\n    font-size: 0.8rem;\r\n    color: #0369a1;\r\n    margin-bottom: 10px;\r\n    flex-wrap: wrap;\r\n\r\n    .badge-tag {\r\n      background: #0ea5e9;\r\n      color: #fff;\r\n      padding: 1px 8px;\r\n      border-radius: 20px;\r\n      font-size: 0.72rem;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  /* Fields hint */\r\n  .ai-fields-hint {\r\n    font-size: 0.8rem;\r\n    color: #6b7280;\r\n    background: #f9fafb;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 6px;\r\n    padding: 8px 12px;\r\n    margin-bottom: 12px;\r\n    line-height: 1.6;\r\n\r\n    strong { color: #374151; }\r\n\r\n    .hint-tip {\r\n      display: block;\r\n      margin-top: 4px;\r\n      color: #9ca3af;\r\n      font-size: 0.76rem;\r\n    }\r\n  }\r\n\r\n  /* Last applied fields */\r\n  .ai-last-applied {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    padding: 8px 12px;\r\n    background: #f0fdf4;\r\n    border: 1px solid #bbf7d0;\r\n    border-radius: 6px;\r\n    margin-bottom: 12px;\r\n    font-size: 0.78rem;\r\n\r\n    .applied-label { color: #166534; font-weight: 600; flex-shrink: 0; }\r\n\r\n    .applied-tag {\r\n      background: #dcfce7;\r\n      color: #15803d;\r\n      border: 1px solid #86efac;\r\n      padding: 1px 8px;\r\n      border-radius: 20px;\r\n      font-size: 0.72rem;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .applied-refine {\r\n      width: 100%;\r\n      color: #6b7280;\r\n      font-size: 0.74rem;\r\n      margin-top: 2px;\r\n    }\r\n  }\r\n\r\n  .ai-prompt-textarea {\r\n    width: 100%;\r\n    resize: vertical;\r\n    min-height: 100px;\r\n    font-size: 0.9rem;\r\n    line-height: 1.6;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 8px;\r\n    padding: 10px 12px;\r\n    transition: border-color 0.15s;\r\n    box-sizing: border-box;\r\n\r\n    &:focus {\r\n      outline: none;\r\n      border-color: #6366f1;\r\n      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);\r\n    }\r\n  }\r\n\r\n  .ai-keyboard-hint {\r\n    font-size: 0.74rem;\r\n    color: #9ca3af;\r\n    margin: 4px 0 0;\r\n\r\n    kbd {\r\n      background: #f3f4f6;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 4px;\r\n      padding: 1px 5px;\r\n      font-size: 0.72rem;\r\n      font-family: monospace;\r\n    }\r\n  }\r\n}\r\n","/* ===================================\r\n   Enhanced Dashboard Styles - Full Responsive\r\n   =================================== */\r\n\r\n@import 'revenue-analytics';\r\n\r\n.dashboard {\r\n\r\n  /* Loading State */\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n    gap: 16px;\r\n\r\n    p {\r\n      color: #718096;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  /* Section Title */\r\n  .section-title {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: #1a202c;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  /* Mode Chips */\r\n  .mode-chips {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  /* Stats Grid */\r\n  .stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 32px;\r\n\r\n    .stat-card {\r\n      background: white;\r\n      border-radius: 12px;\r\n      padding: 0;\r\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n      transition: transform 0.2s, box-shadow 0.2s;\r\n      overflow: hidden;\r\n\r\n      &:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n      }\r\n\r\n      .stat-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        padding: 24px;\r\n\r\n        .stat-icon {\r\n          width: 60px;\r\n          height: 60px;\r\n          border-radius: 12px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 24px;\r\n          flex-shrink: 0;\r\n\r\n          &.orders {\r\n            background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 100%);\r\n          }\r\n\r\n          &.products {\r\n            background: linear-gradient(135deg, #fcdeff 0%, #f8b7c0 100%);\r\n          }\r\n\r\n          &.revenue {\r\n            background: linear-gradient(135deg, #b5d7f5 0%, #b1ebee 100%);\r\n          }\r\n\r\n          &.vendors {\r\n            background: linear-gradient(135deg, #b3f5c9 0%, #b5f8ec 100%);\r\n          }\r\n        }\r\n\r\n        .stat-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n\r\n          .stat-number {\r\n            font-size: 32px;\r\n            font-weight: 700;\r\n            color: #1a202c;\r\n            line-height: 1;\r\n            margin-bottom: 4px;\r\n          }\r\n\r\n          .stat-label {\r\n            font-size: 14px;\r\n            color: #718096;\r\n            margin-bottom: 4px;\r\n            font-weight: 500;\r\n          }\r\n\r\n          .stat-growth {\r\n            font-size: 12px;\r\n            color: #4a5568;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n          }\r\n\r\n          .stat-warning {\r\n            font-size: 12px;\r\n            color: #d69e2e;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n          }\r\n\r\n          .stat-period {\r\n            font-size: 12px;\r\n            color: #718096;\r\n          }\r\n        }\r\n      }\r\n\r\n      .stat-details {\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e2e8f0;\r\n        background-color: #f7fafc;\r\n        display: flex;\r\n        gap: 8px;\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Main Content Grid Layout */\r\n  .main-content-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 380px;\r\n    gap: 24px;\r\n    align-items: start;\r\n  }\r\n\r\n  .left-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  .right-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    position: sticky;\r\n    top: 20px;\r\n  }\r\n\r\n  /* Quick Actions - 2 cards per row */\r\n  .quick-actions {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n\r\n    .action-card {\r\n      background: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n      position: relative;\r\n\r\n      /* &::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -40px;\r\n        left: -40px;\r\n        width: 120px;\r\n        height: 120px;\r\n        background: linear-gradient(135deg, #71facc 0%, #aff3de 100%);\r\n        opacity: 0.12;\r\n        border-radius: 50%;\r\n        transform: rotate(45deg);\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -30px;\r\n        right: -30px;\r\n        width: 100px;\r\n        height: 100px;\r\n        background: linear-gradient(225deg, #b6f3dd 0%, #8bc2af 100%);\r\n        opacity: 0.1;\r\n        border-radius: 50%;\r\n      } */\r\n\r\n      &::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 90px;\r\n        height: 90px;\r\n        background: linear-gradient(135deg, #bda1fd 0%, #c2a4f7 100%);\r\n        opacity: 0.08;\r\n        border-radius: 0 0 100% 0;\r\n        z-index: 0;\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 110px;\r\n        height: 110px;\r\n        background: linear-gradient(225deg, #beabf7 0%, #bea6f7 100%);\r\n        opacity: 0.1;\r\n        border-radius: 100% 0 0 0;\r\n        z-index: 0;\r\n      }\r\n\r\n\r\n      &:hover:not(.upcoming-feature) {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\r\n      }\r\n\r\n      .card-content {\r\n        padding: 24px;\r\n\r\n        .action-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 12px;\r\n          margin-bottom: 12px;\r\n\r\n          .action-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            flex-shrink: 0;\r\n          }\r\n\r\n          h3 {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #1a202c;\r\n            margin: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n          }\r\n        }\r\n\r\n        p {\r\n          color: #718096;\r\n          font-size: 14px;\r\n          line-height: 1.5;\r\n          margin: 0;\r\n        }\r\n      }\r\n\r\n      .card-footer {\r\n        padding: 0 24px 24px;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n\r\n        .btn {\r\n          margin-top: 15px;\r\n          z-index: 10;\r\n        }\r\n      }\r\n\r\n      &.upcoming-feature {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n        position: relative;\r\n\r\n        &::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: rgba(255, 255, 255, 0.5);\r\n          pointer-events: none;\r\n          border-radius: 12px;\r\n        }\r\n\r\n        button {\r\n          cursor: not-allowed;\r\n          pointer-events: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Promo Card - Blue Theme */\r\n  .promo-card {\r\n    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    border: 2px solid #3b82f6;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15);\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 100px;\r\n      height: 100px;\r\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n      opacity: 0.1;\r\n      border-radius: 0 0 0 100%;\r\n    }\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 80px;\r\n      height: 80px;\r\n      background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\r\n      opacity: 0.08;\r\n      border-radius: 0 100% 0 0;\r\n    }\r\n\r\n    .card-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px 24px 0;\r\n\r\n      h3 {\r\n        color: #1e40af;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      p {\r\n        color: #3b82f6;\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 16px 24px;\r\n    }\r\n\r\n    .card-footer {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 0 24px 24px;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n      border: none;\r\n      font-weight: 600;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2);\r\n      padding: 10px 20px;\r\n      border-radius: 8px;\r\n      color: white;\r\n      cursor: pointer;\r\n      z-index: 10;\r\n\r\n      &:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 12px rgba(59, 130, 246, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Activity Card - Green Theme */\r\n  .activity-card {\r\n    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);\r\n    border: 2px solid #10b981;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.15);\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20px;\r\n      left: -20px;\r\n      width: 120px;\r\n      height: 120px;\r\n      background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, transparent 70%);\r\n    }\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -30px;\r\n      right: -30px;\r\n      width: 140px;\r\n      height: 140px;\r\n      background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, transparent 70%);\r\n    }\r\n\r\n    .card-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px 24px 16px;\r\n      border-bottom: 1px solid rgba(16, 185, 129, 0.1);\r\n\r\n      h3 {\r\n        color: #065f46;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  /* Export Status Card - Purple Theme */\r\n  .sync-card {\r\n    background: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);\r\n    border: 2px solid #8b5cf6;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.15);\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      right: -50px;\r\n      width: 150px;\r\n      height: 150px;\r\n      background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, transparent 70%);\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .card-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px 24px 16px;\r\n      border-bottom: 1px solid rgba(139, 92, 246, 0.1);\r\n\r\n      h3 {\r\n        color: #6b21a8;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px;\r\n    }\r\n  }\r\n\r\n  /* Analytics Card - Orange Theme */\r\n  .analytics-card {\r\n    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);\r\n    border: 2px solid #f97316;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.15);\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 4px;\r\n      background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);\r\n    }\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 20px;\r\n      right: 20px;\r\n      width: 100px;\r\n      height: 100px;\r\n      background: radial-gradient(circle, rgba(249, 115, 22, 0.08) 0%, transparent 70%);\r\n    }\r\n\r\n    .card-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px 24px 16px;\r\n\r\n      h3 {\r\n        color: #9a3412;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 24px;\r\n    }\r\n  }\r\n\r\n  /* Sidebar Components */\r\n  .sidebar {\r\n    .sync-status {\r\n      margin-bottom: 16px;\r\n\r\n      .status-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 8px;\r\n\r\n        .status-indicator {\r\n          width: 20px;\r\n          height: 20px;\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 12px;\r\n          flex-shrink: 0;\r\n\r\n          &.success {\r\n            background-color: #c6f6d5;\r\n            color: #2f855a;\r\n          }\r\n\r\n          &.warning {\r\n            background-color: #fef3c7;\r\n            color: #d97706;\r\n          }\r\n\r\n          &.error {\r\n            background-color: #fee2e2;\r\n            color: #dc2626;\r\n          }\r\n        }\r\n\r\n        span {\r\n          font-weight: 500;\r\n          color: #1a202c;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .sync-info {\r\n      p {\r\n        margin: 0 0 8px 0;\r\n        color: #718096;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    .activity-list {\r\n      .activity-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        padding: 12px 24px;\r\n        border-bottom: 1px solid rgba(16, 185, 129, 0.1);\r\n        position: relative;\r\n        z-index: 1;\r\n\r\n        &:last-child {\r\n          border-bottom: none;\r\n        }\r\n\r\n        .activity-icon {\r\n          font-size: 16px;\r\n          width: 32px;\r\n          height: 32px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n          border-radius: 8px;\r\n          flex-shrink: 0;\r\n          color: #10b981;\r\n        }\r\n\r\n        .activity-content {\r\n          flex: 1;\r\n          min-width: 0;\r\n\r\n          .activity-title {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: #1a202c;\r\n            margin-bottom: 2px;\r\n          }\r\n\r\n          .activity-time {\r\n            font-size: 12px;\r\n            color: #718096;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .empty-activity-state {\r\n      padding: 40px 24px;\r\n      text-align: center;\r\n\r\n      .empty-icon {\r\n        font-size: 48px;\r\n        margin-bottom: 12px;\r\n        opacity: 0.5;\r\n      }\r\n\r\n      .empty-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #374151;\r\n        margin-bottom: 6px;\r\n      }\r\n\r\n      .empty-description {\r\n        font-size: 13px;\r\n        color: #6b7280;\r\n        line-height: 1.4;\r\n      }\r\n    }\r\n  }\r\n\r\n  .col-span-2 {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n\r\n/* ===================================\r\n   Form & Table Elements\r\n   =================================== */\r\n\r\n.page-actions {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.form-input {\r\n  padding: 8px 12px;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  transition: border-color 0.2s;\r\n\r\n  &:focus {\r\n    outline: none;\r\n    border-color: #1976d2;\r\n  }\r\n}\r\n\r\n.table-responsive {\r\n  overflow-x: auto;\r\n  border-radius: 12px;\r\n}\r\n\r\n.table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  background: white;\r\n\r\n  thead {\r\n    background: #f5f5f5;\r\n\r\n    th {\r\n      padding: 12px 16px;\r\n      text-align: left;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n      color: #666;\r\n      border-bottom: 2px solid #e0e0e0;\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      border-bottom: 1px solid #f0f0f0;\r\n      transition: background 0.2s;\r\n\r\n      &:hover {\r\n        background: #fafafa;\r\n      }\r\n    }\r\n\r\n    td {\r\n      padding: 16px;\r\n      font-size: 14px;\r\n      color: #333;\r\n    }\r\n  }\r\n}\r\n\r\n/* ===================================\r\n   Alert & Badge Components\r\n   =================================== */\r\n\r\n.alert {\r\n  padding: 16px 20px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n\r\n  &.alert-info {\r\n    background: #e3f2fd;\r\n    border: 1px solid #90caf9;\r\n    color: #1565c0;\r\n\r\n    strong {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n}\r\n\r\n.upcoming-badge {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n  color: white;\r\n  font-size: 10px;\r\n  font-weight: 400;\r\n  border-radius: 4px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-left: 8px;\r\n}\r\n\r\n.upcoming-feature {\r\n  position: relative;\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n\r\n  * {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  input,\r\n  select,\r\n  textarea,\r\n  button {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n/* ===================================\r\n   Responsive Design\r\n   =================================== */\r\n\r\n/* Large Desktop */\r\n@media (max-width: 1400px) {\r\n  .dashboard {\r\n    .main-content-grid {\r\n      grid-template-columns: 1fr 350px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Desktop */\r\n@media (max-width: 1200px) {\r\n  .dashboard {\r\n    .stats-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .main-content-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .right-sidebar {\r\n      position: static;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Tablet */\r\n@media (max-width: 1024px) {\r\n  .dashboard {\r\n    .quick-actions {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .grid-cols-3 {\r\n      grid-template-columns: 1fr;\r\n\r\n      .col-span-2 {\r\n        grid-column: span 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Mobile Large */\r\n@media (max-width: 768px) {\r\n  .dashboard {\r\n    .stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .quick-actions {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .right-sidebar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .stat-card {\r\n      .stat-content {\r\n        padding: 16px;\r\n\r\n        .stat-icon {\r\n          width: 48px;\r\n          height: 48px;\r\n          font-size: 20px;\r\n        }\r\n\r\n        .stat-info {\r\n          .stat-number {\r\n            font-size: 24px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .stat-details {\r\n        padding: 12px 16px;\r\n      }\r\n    }\r\n\r\n    .action-card {\r\n      .card-content {\r\n        padding: 20px;\r\n\r\n        .action-header {\r\n          .action-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 20px;\r\n          }\r\n\r\n          h3 {\r\n            font-size: 15px;\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 13px;\r\n        }\r\n      }\r\n\r\n      .card-footer {\r\n        padding: 0 20px 20px;\r\n      }\r\n    }\r\n\r\n    .mode-chips {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .page-actions {\r\n    flex-direction: column;\r\n    width: 100%;\r\n\r\n    .form-input,\r\n    .btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n/* Mobile Small */\r\n@media (max-width: 480px) {\r\n  .dashboard {\r\n    .section-title {\r\n      font-size: 20px;\r\n      text-align: center;\r\n    }\r\n\r\n    .stat-card {\r\n      .stat-content {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    .action-card {\r\n      .card-content {\r\n        padding: 16px;\r\n\r\n        .action-header {\r\n          flex-direction: column;\r\n          align-items: center;\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n\r\n    .promo-card,\r\n    .activity-card,\r\n    .sync-card,\r\n    .analytics-card {\r\n      .card-header {\r\n        padding: 20px 20px 12px;\r\n\r\n        h3 {\r\n          font-size: 16px;\r\n        }\r\n      }\r\n\r\n      .card-content {\r\n        padding: 16px 20px;\r\n      }\r\n\r\n      .card-footer {\r\n        padding: 0 20px 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .table {\r\n    font-size: 13px;\r\n\r\n    thead th {\r\n      padding: 10px 12px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    tbody td {\r\n      padding: 12px;\r\n    }\r\n  }\r\n}\r\n\r\n/* ===================================\r\n   Enhanced Frontend Dashboard Styles\r\n   =================================== */\r\n\r\n.dashboard {\r\n  /* Enhanced Stats Grid */\r\n  .stats-grid-enhanced {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 24px;\r\n    margin-bottom: 32px;\r\n\r\n    .stat-card-modern {\r\n      background: white;\r\n      border-radius: 16px;\r\n      padding: 0;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n      position: relative;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n\r\n      &::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--accent-color), var(--accent-light));\r\n      }\r\n\r\n      &:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\r\n      }\r\n\r\n      &.primary {\r\n        --accent-color: #3b82f6;\r\n        --accent-light: #60a5fa;\r\n        --bg-color: #eff6ff;\r\n      }\r\n\r\n      &.secondary {\r\n        --accent-color: #8b5cf6;\r\n        --accent-light: #a78bfa;\r\n        --bg-color: #f3e8ff;\r\n      }\r\n\r\n      &.success {\r\n        --accent-color: #10b981;\r\n        --accent-light: #34d399;\r\n        --bg-color: #ecfdf5;\r\n      }\r\n\r\n      &.info {\r\n        --accent-color: #f59e0b;\r\n        --accent-light: #fbbf24;\r\n        --bg-color: #fffbeb;\r\n      }\r\n\r\n      .stat-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 24px 0;\r\n\r\n        .stat-icon-wrapper {\r\n          .stat-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 14px;\r\n            background: var(--bg-color);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            position: relative;\r\n\r\n            &::after {\r\n              content: '';\r\n              position: absolute;\r\n              inset: 0;\r\n              border-radius: 14px;\r\n              background: linear-gradient(135deg, var(--accent-color), var(--accent-light));\r\n              opacity: 0.1;\r\n            }\r\n          }\r\n        }\r\n\r\n        .stat-trend {\r\n          .trend-indicator {\r\n            padding: 4px 8px;\r\n            border-radius: 8px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n\r\n            &.positive {\r\n              background: #dcfce7;\r\n              color: #166534;\r\n            }\r\n\r\n            &.negative {\r\n              background: #fef2f2;\r\n              color: #dc2626;\r\n            }\r\n          }\r\n        }\r\n\r\n        .stat-badge {\r\n          .badge {\r\n            padding: 4px 8px;\r\n            border-radius: 12px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n\r\n            &.warning {\r\n              background: #fef3c7;\r\n              color: #92400e;\r\n            }\r\n          }\r\n        }\r\n\r\n        .stat-comparison {\r\n          .comparison-text {\r\n            font-size: 11px;\r\n            color: #6b7280;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n          }\r\n        }\r\n\r\n        .stat-alert {\r\n          .alert-indicator {\r\n            font-size: 18px;\r\n            animation: pulse 2s infinite;\r\n          }\r\n        }\r\n      }\r\n\r\n      .stat-body {\r\n        padding: 16px 24px;\r\n\r\n        .stat-value {\r\n          font-size: 32px;\r\n          font-weight: 800;\r\n          color: #111827;\r\n          line-height: 1;\r\n          margin-bottom: 4px;\r\n        }\r\n\r\n        .stat-label {\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          color: #374151;\r\n          margin-bottom: 2px;\r\n        }\r\n\r\n        .stat-subtitle {\r\n          font-size: 13px;\r\n          color: #6b7280;\r\n        }\r\n      }\r\n\r\n      .stat-footer {\r\n        padding: 0 24px 20px;\r\n\r\n        .stat-detail {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          padding: 12px 16px;\r\n          background: var(--bg-color);\r\n          border-radius: 10px;\r\n\r\n          .detail-label {\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n          }\r\n\r\n          .detail-value {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: var(--accent-color);\r\n          }\r\n        }\r\n\r\n        .stat-breakdown {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 8px;\r\n\r\n          .breakdown-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n\r\n            .dot {\r\n              width: 8px;\r\n              height: 8px;\r\n              border-radius: 50%;\r\n\r\n              &.completed {\r\n                background: #10b981;\r\n              }\r\n\r\n              &.processing {\r\n                background: #f59e0b;\r\n              }\r\n\r\n              &.in-stock {\r\n                background: #10b981;\r\n              }\r\n\r\n              &.low-stock {\r\n                background: #ef4444;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Enhanced Revenue Chart */\r\n  .revenue-analytics-card {\r\n    background: white;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    margin-bottom: 32px;\r\n\r\n    .card-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-start;\r\n      padding: 24px;\r\n      border-bottom: 1px solid #f3f4f6;\r\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\r\n\r\n      .header-content {\r\n        h3 {\r\n          font-size: 20px;\r\n          font-weight: 700;\r\n          color: #111827;\r\n          margin: 0 0 4px 0;\r\n        }\r\n\r\n        p {\r\n          font-size: 14px;\r\n          color: #6b7280;\r\n          margin: 0;\r\n        }\r\n      }\r\n\r\n      .header-actions {\r\n        .chart-legend {\r\n          display: flex;\r\n          gap: 16px;\r\n\r\n          .legend-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n\r\n            .legend-dot {\r\n              width: 12px;\r\n              height: 12px;\r\n              border-radius: 50%;\r\n\r\n              &.revenue {\r\n                background: linear-gradient(135deg, #3b82f6, #1d4ed8);\r\n              }\r\n\r\n              &.orders {\r\n                background: linear-gradient(135deg, #10b981, #059669);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      padding: 0;\r\n\r\n      /* Old chart styles removed - using new table-based analytics from _revenue-analytics.scss */\r\n    }\r\n\r\n      .chart-empty-state {\r\n        padding: 60px 24px;\r\n        text-align: center;\r\n\r\n        .empty-icon {\r\n          font-size: 64px;\r\n          margin-bottom: 16px;\r\n          opacity: 0.5;\r\n        }\r\n\r\n        .empty-title {\r\n          font-size: 18px;\r\n          font-weight: 600;\r\n          color: #374151;\r\n          margin-bottom: 8px;\r\n        }\r\n\r\n        .empty-description {\r\n          font-size: 14px;\r\n          color: #6b7280;\r\n          margin-bottom: 24px;\r\n        }\r\n\r\n        .btn {\r\n          padding: 12px 24px;\r\n          border-radius: 8px;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Responsive Design for Enhanced Components */\r\n  @media (max-width: 1024px) {\r\n    .stats-grid-enhanced {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    /* Old chart responsive styles removed - using new table-based analytics */\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .stats-grid-enhanced {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n\r\n      .stat-card-modern {\r\n        .stat-body {\r\n          .stat-value {\r\n            font-size: 28px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Old chart mobile responsive styles removed - using new table-based analytics */\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .stats-grid-enhanced {\r\n      .stat-card-modern {\r\n        .stat-header {\r\n          padding: 16px 20px 0;\r\n        }\r\n\r\n        .stat-body {\r\n          padding: 12px 20px;\r\n\r\n          .stat-value {\r\n            font-size: 24px;\r\n          }\r\n        }\r\n\r\n        .stat-footer {\r\n          padding: 0 20px 16px;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Old chart small mobile responsive styles removed - using new table-based analytics */\r\n  }\r\n\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n.dashboard {\r\n  /* Date Filters */\r\n  .date-filters {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    .form-input {\r\n      min-width: 140px;\r\n    }\r\n\r\n    .btn {\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n\r\n  /* Revenue Chart */\r\n  .revenue-chart {\r\n    .chart-container {\r\n      padding: 20px;\r\n      background: #f8f9fa;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .chart-bars {\r\n      display: flex;\r\n      align-items: end;\r\n      gap: 8px;\r\n      height: 200px;\r\n      margin-bottom: 20px;\r\n      padding: 0 10px;\r\n    }\r\n\r\n    .chart-bar-container {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      height: 100%;\r\n    }\r\n\r\n    .chart-bar {\r\n      width: 100%;\r\n      min-height: 4px;\r\n      border-radius: 4px 4px 0 0;\r\n      transition: all 0.3s ease;\r\n      cursor: pointer;\r\n      margin-bottom: 8px;\r\n\r\n      &:hover {\r\n        opacity: 0.8;\r\n        transform: scaleY(1.05);\r\n      }\r\n    }\r\n\r\n    .chart-label {\r\n      font-size: 11px;\r\n      color: #666;\r\n      text-align: center;\r\n      writing-mode: horizontal-tb;\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    .chart-summary {\r\n      display: flex;\r\n      justify-content: space-around;\r\n      padding: 16px;\r\n      background: white;\r\n      border-radius: 6px;\r\n      border: 1px solid #e9ecef;\r\n\r\n      .summary-item {\r\n        text-align: center;\r\n\r\n        .label {\r\n          display: block;\r\n          font-size: 12px;\r\n          color: #666;\r\n          margin-bottom: 4px;\r\n        }\r\n\r\n        .value {\r\n          display: block;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          color: #333;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Top Products Table */\r\n  .product-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    .product-rank {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 24px;\r\n      height: 24px;\r\n      background: #e9ecef;\r\n      border-radius: 50%;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      color: #495057;\r\n    }\r\n\r\n    .product-name {\r\n      font-weight: 500;\r\n      color: #333;\r\n    }\r\n  }\r\n\r\n  .sales-count {\r\n    font-weight: 500;\r\n    color: #0073aa;\r\n  }\r\n\r\n  .revenue-amount {\r\n    font-weight: 600;\r\n    color: #28a745;\r\n  }\r\n\r\n  .stock-status {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-weight: 500;\r\n\r\n    &.low-stock {\r\n      color: #dc3545;\r\n    }\r\n\r\n    &.in-stock {\r\n      color: #28a745;\r\n    }\r\n  }\r\n\r\n  .table-footer {\r\n    padding: 16px;\r\n    border-top: 1px solid #e9ecef;\r\n    background: #f8f9fa;\r\n\r\n    .table-summary {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n\r\n      span {\r\n        font-size: 14px;\r\n        color: #666;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Responsive adjustments for frontend */\r\n  @media (max-width: 768px) {\r\n    .date-filters {\r\n      width: 100%;\r\n      \r\n      .form-input {\r\n        flex: 1;\r\n        min-width: 120px;\r\n      }\r\n\r\n      .btn {\r\n        flex-shrink: 0;\r\n      }\r\n    }\r\n\r\n    .chart-bars {\r\n      height: 150px;\r\n    }\r\n\r\n    .chart-label {\r\n      font-size: 10px;\r\n      transform: rotate(-45deg);\r\n      transform-origin: center;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .chart-summary {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n\r\n      .summary-item {\r\n        .label {\r\n          font-size: 11px;\r\n        }\r\n\r\n        .value {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .product-info {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n\r\n      .product-rank {\r\n        width: 20px;\r\n        height: 20px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .product-name {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n\r\n    .table {\r\n      font-size: 12px;\r\n\r\n      thead th {\r\n        padding: 8px 10px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      tbody td {\r\n        padding: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .date-filters {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n\r\n      .form-input,\r\n      .btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    .chart-summary {\r\n      .summary-item {\r\n        .label {\r\n          font-size: 10px;\r\n        }\r\n\r\n        .value {\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .table-footer {\r\n      .table-summary {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        text-align: center;\r\n\r\n        .btn {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","/* ===================================\r\n   Revenue Analytics - Recharts Implementation\r\n   =================================== */\r\n\r\n.dashboard {\r\n  /* Period Filters */\r\n  .period-filters {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    .form-select {\r\n      padding: 8px 12px;\r\n      border: 1px solid #e2e8f0;\r\n      border-radius: 8px;\r\n      font-size: 14px;\r\n      background: white;\r\n      cursor: pointer;\r\n      transition: border-color 0.2s;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n      }\r\n    }\r\n\r\n    .custom-date-inputs {\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n\r\n      .form-input {\r\n        padding: 8px 12px;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        min-width: 140px;\r\n        transition: border-color 0.2s;\r\n\r\n        &:focus {\r\n          outline: none;\r\n          border-color: #3b82f6;\r\n          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n        }\r\n      }\r\n\r\n      .btn {\r\n        padding: 8px 16px;\r\n        font-size: 14px;\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Revenue Analytics Enhanced */\r\n  .revenue-analytics-enhanced {\r\n    /* Summary Stats */\r\n    .analytics-summary {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n      gap: 16px;\r\n      margin-bottom: 32px;\r\n      padding: 24px;\r\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n      border-radius: 16px;\r\n      border: 1px solid #e2e8f0;\r\n\r\n      .summary-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        padding: 20px;\r\n        background: white;\r\n        border-radius: 12px;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n        transition: all 0.3s ease;\r\n\r\n        &:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .summary-icon {\r\n          width: 48px;\r\n          height: 48px;\r\n          border-radius: 12px;\r\n          background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 20px;\r\n          flex-shrink: 0;\r\n        }\r\n\r\n        .summary-info {\r\n          .summary-value {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            line-height: 1;\r\n            margin-bottom: 4px;\r\n          }\r\n\r\n          .summary-label {\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8px;\r\n            font-weight: 600;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Date Range Indicator */\r\n    .date-range-indicator {\r\n      margin-top: 8px;\r\n      padding: 6px 12px;\r\n      background: rgba(59, 130, 246, 0.1);\r\n      border-radius: 6px;\r\n      border: 1px solid rgba(59, 130, 246, 0.2);\r\n\r\n      .range-label {\r\n        font-size: 11px;\r\n        color: #6b7280;\r\n        margin-right: 6px;\r\n      }\r\n\r\n      .range-dates {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #3b82f6;\r\n      }\r\n    }\r\n\r\n    /* Recharts Container */\r\n    .recharts-container {\r\n      background: white;\r\n      border-radius: 16px;\r\n      padding: 24px;\r\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n      border: 1px solid #e2e8f0;\r\n\r\n      /* Recharts customizations */\r\n      .recharts-cartesian-grid-horizontal line,\r\n      .recharts-cartesian-grid-vertical line {\r\n        stroke: #f3f4f6;\r\n      }\r\n\r\n      .recharts-bar {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .recharts-tooltip-wrapper {\r\n        .recharts-default-tooltip {\r\n          border-radius: 8px !important;\r\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;\r\n        }\r\n      }\r\n\r\n      .recharts-legend-wrapper {\r\n        .recharts-legend-item {\r\n          margin-right: 20px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Responsive Design */\r\n  @media (max-width: 1024px) {\r\n    .period-filters {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n\r\n      .form-select {\r\n        width: 100%;\r\n      }\r\n\r\n      .custom-date-inputs {\r\n        flex-direction: column;\r\n\r\n        .form-input {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n\r\n    .revenue-analytics-enhanced {\r\n      .analytics-summary {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .recharts-container {\r\n        padding: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .revenue-analytics-enhanced {\r\n      .analytics-summary {\r\n        grid-template-columns: 1fr;\r\n        padding: 16px;\r\n        gap: 12px;\r\n\r\n        .summary-item {\r\n          padding: 16px;\r\n          gap: 12px;\r\n\r\n          .summary-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 18px;\r\n          }\r\n\r\n          .summary-info {\r\n            .summary-value {\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .recharts-container {\r\n        padding: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .revenue-analytics-enhanced {\r\n      .analytics-summary {\r\n        .summary-item {\r\n          flex-direction: column;\r\n          text-align: center;\r\n          gap: 8px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","/* Orders Page Styles */\r\n\r\n.orders {\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n    gap: 16px;\r\n\r\n    p {\r\n      color: #718096;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  /* Horizontal Filters Bar */\r\n  .filters-bar {\r\n    background: white;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    width: 50%;\r\n  }\r\n\r\n  .filters-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n  .filter-item {\r\n    display: flex;\r\n    align-items: baseline;\r\n\r\n    &.filter-search {\r\n      flex: 1;\r\n      min-width: 250px;\r\n    }\r\n\r\n    &.filter-date-range {\r\n      .date-range-picker {\r\n        .ant-picker {\r\n          border-radius: 6px;\r\n          border-color: #d1d5db;\r\n          transition: all 0.2s ease;\r\n\r\n          &:hover {\r\n            border-color: #3b82f6;\r\n          }\r\n\r\n          &.ant-picker-focused {\r\n            border-color: #3b82f6;\r\n            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n          }\r\n        }\r\n\r\n        .ant-picker-input>input {\r\n          font-size: 14px;\r\n        }\r\n\r\n        .ant-picker-separator {\r\n          color: #6b7280;\r\n        }\r\n      }\r\n    }\r\n\r\n    .search-input {\r\n      width: 100%;\r\n      padding: 8px 12px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      transition: border-color 0.2s ease;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n      }\r\n\r\n      &::placeholder {\r\n        color: #9ca3af;\r\n      }\r\n    }\r\n\r\n    .filter-select {\r\n      padding: 8px 12px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      background: white;\r\n      min-width: 200px;\r\n      cursor: pointer;\r\n      transition: border-color 0.2s ease;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n      }\r\n    }\r\n\r\n    .btn-clear {\r\n      padding: 8px 16px;\r\n      font-size: 14px;\r\n      white-space: nowrap;\r\n      border-radius: 6px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .filters-row {\r\n      .filter-item.filter-search {\r\n        min-width: 200px;\r\n      }\r\n\r\n      .filter-item.filter-date-range {\r\n        .date-range-picker {\r\n          width: 240px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .filters-bar {\r\n      padding: 12px;\r\n    }\r\n\r\n    .filters-row {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 12px;\r\n\r\n      .filter-item {\r\n        width: 100%;\r\n\r\n        &.filter-search {\r\n          min-width: auto;\r\n        }\r\n\r\n        &.filter-date-range {\r\n          .date-range-picker {\r\n            width: 100% !important;\r\n          }\r\n        }\r\n\r\n        .search-input,\r\n        .filter-select {\r\n          width: 100%;\r\n          min-width: auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .bulk-actions {\r\n    .bulk-info {\r\n      color: #1a202c;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .bulk-buttons {\r\n      flex-wrap: wrap;\r\n      display: flex;\r\n      gap: 10px;\r\n\r\n    }\r\n  }\r\n\r\n  .table-container {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    background: white;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    overflow: hidden;\r\n\r\n    @media (max-width: 1024px) {\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .orders-table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      table-layout: fixed;\r\n\r\n      th,\r\n      td {\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e2e8f0;\r\n      }\r\n\r\n      th {\r\n        background-color: #f7fafc;\r\n        font-weight: 600;\r\n        color: #4a5568;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n\r\n        &:nth-child(1) {\r\n          width: 50px;\r\n        }\r\n\r\n        // Checkbox\r\n        &:nth-child(2) {\r\n          width: 120px;\r\n        }\r\n\r\n        // Order\r\n        &:nth-child(3) {\r\n          width: 100px;\r\n        }\r\n\r\n        // Status\r\n        &:nth-child(4) {\r\n          width: 200px;\r\n        }\r\n\r\n        // Customer\r\n        &:nth-child(5) {\r\n          width: 100px;\r\n        }\r\n\r\n        // Total\r\n        &:nth-child(6) {\r\n          width: 120px;\r\n        }\r\n\r\n        // Date\r\n        &:nth-child(7) {\r\n          width: 150px;\r\n        }\r\n\r\n        // Actions\r\n      }\r\n\r\n      .checkbox-col {\r\n        width: 40px;\r\n        text-align: center;\r\n\r\n        input[type=\"checkbox\"] {\r\n          width: 16px;\r\n          height: 16px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n\r\n      .order-row {\r\n        transition: background-color 0.2s ease;\r\n\r\n        &:hover {\r\n          background-color: #f7fafc;\r\n        }\r\n      }\r\n\r\n      .order-info {\r\n        .order-number {\r\n          font-weight: 600;\r\n          color: #1a202c;\r\n          font-size: 14px;\r\n        }\r\n\r\n        .order-items {\r\n          font-size: 12px;\r\n          margin-top: 2px;\r\n        }\r\n      }\r\n\r\n      .customer-info {\r\n        .customer-name {\r\n          font-weight: 500;\r\n          color: #1a202c;\r\n          font-size: 14px;\r\n        }\r\n\r\n        .customer-email {\r\n          font-size: 12px;\r\n          margin-top: 2px;\r\n        }\r\n      }\r\n\r\n      .order-total {\r\n        color: #1a202c;\r\n        font-size: 14px;\r\n      }\r\n\r\n      .order-date {\r\n        color: #4a5568;\r\n        font-size: 14px;\r\n      }\r\n\r\n      .order-actions {\r\n        .btn {\r\n          padding: 4px 8px;\r\n          font-size: 12px;\r\n          min-width: auto;\r\n        }\r\n      }\r\n\r\n      .loading-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        padding: 40px 0;\r\n\r\n        span {\r\n          color: #718096;\r\n        }\r\n      }\r\n\r\n      .empty-state {\r\n        padding: 60px 20px;\r\n        text-align: center;\r\n\r\n        .empty-icon {\r\n          font-size: 48px;\r\n          margin-bottom: 16px;\r\n          opacity: 0.5;\r\n        }\r\n\r\n        p {\r\n          margin: 8px 0;\r\n\r\n          &:first-of-type {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            color: #1a202c;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-pagination {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n    background-color: #f7fafc;\r\n\r\n    .pagination-info {\r\n      color: #4a5568;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .pagination-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n\r\n      .rows-per-page {\r\n        padding: 4px 8px;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 4px;\r\n        font-size: 12px;\r\n        background-color: white;\r\n      }\r\n\r\n      .page-info {\r\n        color: #4a5568;\r\n        font-size: 14px;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .btn {\r\n        padding: 6px 12px;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n\r\n      .pagination-controls {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Modal Styles */\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  padding: 20px;\r\n}\r\n\r\n.modal-dialog {\r\n  max-width: 500px;\r\n  width: 100%;\r\n\r\n  &.modal-lg {\r\n    max-width: 900px;\r\n  }\r\n\r\n  &.modal-xl {\r\n    max-width: 1200px;\r\n  }\r\n}\r\n\r\n.modal-content {\r\n  background: white;\r\n  border-radius: 12px;\r\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n  width: 60%;\r\n\r\n  .modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 20px 24px;\r\n    border-bottom: 1px solid #e2e8f0;\r\n\r\n    h3 {\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      color: #1a202c;\r\n      margin: 0;\r\n    }\r\n\r\n    .modal-close {\r\n      background: none;\r\n      border: none;\r\n      font-size: 20px;\r\n      cursor: pointer;\r\n      color: #718096;\r\n      padding: 4px;\r\n      border-radius: 4px;\r\n\r\n      &:hover {\r\n        background-color: #f7fafc;\r\n        color: #4a5568;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-body {\r\n    padding: 24px;\r\n\r\n    .form-group {\r\n      margin-bottom: 20px;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n    background-color: #f7fafc;\r\n\r\n    .flex {\r\n      display: flex;\r\n      gap: 12px;\r\n    }\r\n  }\r\n\r\n  /* Tab content styles */\r\n  .tab-content {\r\n    .grid {\r\n      display: grid;\r\n      gap: 16px;\r\n\r\n      &.grid-cols-2 {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      &.grid-cols-4 {\r\n        grid-template-columns: repeat(4, 1fr);\r\n      }\r\n\r\n      .col-span-2 {\r\n        grid-column: span 2;\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n        grid-template-columns: 1fr !important;\r\n\r\n        .col-span-2 {\r\n          grid-column: span 1;\r\n        }\r\n      }\r\n    }\r\n\r\n    .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      label {\r\n        font-weight: 500;\r\n        color: #374151;\r\n        margin-bottom: 6px;\r\n        font-size: 14px;\r\n      }\r\n\r\n      input,\r\n      select,\r\n      textarea {\r\n        padding: 8px 12px;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 6px;\r\n        font-size: 14px;\r\n        transition: border-color 0.2s ease;\r\n\r\n        &:focus {\r\n          outline: none;\r\n          border-color: #3b82f6;\r\n          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n        }\r\n\r\n        &:disabled {\r\n          background-color: #f3f4f6;\r\n          color: #6b7280;\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n\r\n      textarea {\r\n        resize: vertical;\r\n        min-height: 80px;\r\n      }\r\n\r\n      .checkbox-label {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 8px;\r\n        cursor: pointer;\r\n\r\n        input[type=\"checkbox\"] {\r\n          width: auto;\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .card {\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n\r\n      .card-header {\r\n        background-color: #f9fafb;\r\n        padding: 12px 16px;\r\n        border-bottom: 1px solid #e5e7eb;\r\n\r\n        h3 {\r\n          margin: 0;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          color: #111827;\r\n        }\r\n      }\r\n\r\n      .card-content {\r\n        padding: 16px;\r\n      }\r\n    }\r\n\r\n    .table-container {\r\n      overflow-x: auto;\r\n\r\n      table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        th,\r\n        td {\r\n          padding: 8px 12px;\r\n          text-align: left;\r\n          border-bottom: 1px solid #e5e7eb;\r\n        }\r\n\r\n        th {\r\n          background-color: #f9fafb;\r\n          font-weight: 600;\r\n          color: #374151;\r\n          font-size: 12px;\r\n        }\r\n\r\n        tbody tr:hover {\r\n          background-color: #f9fafb;\r\n        }\r\n\r\n        tfoot {\r\n          font-weight: 600;\r\n          background-color: #f9fafb;\r\n        }\r\n\r\n        input {\r\n          border: 1px solid #d1d5db;\r\n          border-radius: 4px;\r\n          padding: 4px 8px;\r\n          font-size: 12px;\r\n\r\n          &.w-20 {\r\n            width: 80px;\r\n          }\r\n\r\n          &.w-24 {\r\n            width: 96px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Order info bar */\r\n  .order-info-bar {\r\n    background-color: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 6px;\r\n\r\n    .grid-cols-4 {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n\r\n      @media (max-width: 768px) {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      @media (max-width: 480px) {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n  .orders {\r\n    .page-header {\r\n      .page-actions {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n\r\n    .table-container {\r\n      .orders-table {\r\n        font-size: 12px;\r\n\r\n        th,\r\n        td {\r\n          padding: 8px 12px;\r\n        }\r\n\r\n        .order-actions {\r\n          .btn {\r\n            padding: 2px 6px;\r\n            font-size: 11px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-content {\r\n    margin: 10px;\r\n    max-width: none;\r\n\r\n    .modal-header,\r\n    .modal-body,\r\n    .modal-footer {\r\n      padding: 16px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n  .orders {\r\n    .table-container {\r\n      .orders-table {\r\n        th {\r\n          background-color: #2d3748;\r\n          color: #a0aec0;\r\n        }\r\n\r\n        .order-row:hover {\r\n          background-color: #2d3748;\r\n        }\r\n      }\r\n    }\r\n\r\n    .table-pagination {\r\n      background-color: #2d3748;\r\n      border-color: #4a5568;\r\n\r\n      .rows-per-page {\r\n        background-color: #2d3748;\r\n        border-color: #4a5568;\r\n        color: #e2e8f0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-content {\r\n    background-color: #2d3748;\r\n\r\n    .modal-header {\r\n      border-color: #4a5568;\r\n    }\r\n\r\n    .modal-footer {\r\n      background-color: #1a202c;\r\n      border-color: #4a5568;\r\n    }\r\n  }\r\n}\r\n\r\n/* Orders Page Tab Navigation */\r\n.tab-navigation {\r\n  display: flex;\r\n  border-bottom: 2px solid #e5e5e5;\r\n  margin-bottom: 2rem;\r\n  gap: 0;\r\n\r\n  .tab-button {\r\n    padding: 1rem 2rem;\r\n    background: none;\r\n    border: none;\r\n    border-bottom: 3px solid transparent;\r\n    cursor: pointer;\r\n    font-weight: 500;\r\n    color: #666;\r\n    transition: all 0.2s ease;\r\n\r\n    &:hover {\r\n      color: #333;\r\n      background: #f8f9fa;\r\n    }\r\n\r\n    &.active {\r\n      color: #007cba;\r\n      border-bottom-color: #007cba;\r\n      background: #f8f9fa;\r\n    }\r\n  }\r\n}\r\n\r\n/* Sync Settings Container */\r\n.sync-settings-container {\r\n  .card {\r\n    background: white;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .card-header {\r\n    padding: 1.5rem;\r\n    // background: linear-gradient(135deg, #007cba, #005a87);\r\n    background: linear-gradient(135deg, #dfebf1, #ffffff);\r\n    color: white;\r\n\r\n    h3 {\r\n      margin: 0 0 0.5rem 0;\r\n      font-size: 1.5rem;\r\n    }\r\n\r\n    p {\r\n      margin: 0;\r\n      opacity: 0.9;\r\n    }\r\n  }\r\n\r\n  .card-content {\r\n    padding: 2rem;\r\n  }\r\n\r\n  .sync-fields-section {\r\n    margin-bottom: 3rem;\r\n\r\n    h4 {\r\n      margin: 0 0 0.5rem 0;\r\n      color: #333;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    .section-description {\r\n      color: #666;\r\n      margin-bottom: 1.5rem;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n\r\n  .fields-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 1rem;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .field-item {\r\n    border: 2px solid #e5e5e5;\r\n    border-radius: 8px;\r\n    padding: 1.2rem;\r\n    transition: all 0.3s ease;\r\n    background: white;\r\n\r\n    &.enabled {\r\n      // border-color: #007cba;\r\n      background: linear-gradient(135deg, #f8f9fa, #e3f2fd);\r\n      box-shadow: 0 2px 8px rgba(0, 124, 186, 0.1);\r\n    }\r\n\r\n    &.disabled {\r\n      opacity: 0.6;\r\n      background: #f8f9fa;\r\n    }\r\n\r\n    .field-label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      margin-bottom: 0.5rem;\r\n      cursor: pointer;\r\n\r\n      input[type=\"checkbox\"] {\r\n        width: 18px;\r\n        height: 18px;\r\n        margin: 0;\r\n        cursor: pointer;\r\n      }\r\n\r\n      .field-name {\r\n        font-weight: 600;\r\n        color: #333;\r\n        font-size: 1rem;\r\n      }\r\n\r\n      .field-required {\r\n        color: #007cba;\r\n        font-size: 0.8rem;\r\n        font-weight: 500;\r\n        background: rgba(0, 124, 186, 0.1);\r\n        padding: 0.2rem 0.5rem;\r\n        border-radius: 12px;\r\n      }\r\n    }\r\n\r\n    .field-type {\r\n      font-size: 0.8rem;\r\n      color: #666;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  .fields-summary {\r\n    padding: 1rem;\r\n    background: linear-gradient(135deg, #e3f2fd, #f8f9fa);\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    margin-bottom: 1.5rem;\r\n    border: 1px solid #007cba;\r\n\r\n    strong {\r\n      color: #007cba;\r\n      font-size: 1.1rem;\r\n    }\r\n  }\r\n\r\n  .sync-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n\r\n    .btn {\r\n      padding: 0.75rem 2rem;\r\n      font-weight: 600;\r\n      border-radius: 6px;\r\n      transition: all 0.2s ease;\r\n\r\n      &.btn-lg {\r\n        padding: 1rem 2.5rem;\r\n        font-size: 1.1rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  .preview-section {\r\n    margin-bottom: 3rem;\r\n\r\n    h4 {\r\n      margin: 0 0 0.5rem 0;\r\n      color: #333;\r\n      font-size: 1.2rem;\r\n    }\r\n  }\r\n\r\n  .preview-table {\r\n    border: 2px solid #e5e5e5;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    background: white;\r\n\r\n    .preview-header {\r\n      display: flex;\r\n      background: linear-gradient(135deg, #007cba, #005a87);\r\n      color: white;\r\n\r\n      .preview-column {\r\n        flex: 1;\r\n        padding: 1rem;\r\n        font-weight: 600;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n        text-align: center;\r\n\r\n        &:last-child {\r\n          border-right: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-row {\r\n      display: flex;\r\n      background: #f8f9fa;\r\n\r\n      .preview-cell {\r\n        flex: 1;\r\n        padding: 1rem;\r\n        color: #666;\r\n        font-style: italic;\r\n        border-right: 1px solid #e5e5e5;\r\n        text-align: center;\r\n\r\n        &:last-child {\r\n          border-right: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .sync-status-section {\r\n    h4 {\r\n      margin: 0 0 1rem 0;\r\n      color: #333;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    .status-info {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n      gap: 1rem;\r\n    }\r\n\r\n    .status-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 1rem;\r\n      background: #f8f9fa;\r\n      border-radius: 6px;\r\n      border-left: 4px solid #007cba;\r\n\r\n      .status-label {\r\n        font-weight: 500;\r\n        color: #333;\r\n      }\r\n\r\n      .status-value {\r\n        font-weight: 600;\r\n        color: #007cba;\r\n      }\r\n    }\r\n  }\r\n\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3rem;\r\n\r\n    .spinner {\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    p {\r\n      color: #666;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n  .tab-navigation {\r\n    .tab-button {\r\n      padding: 0.75rem 1rem;\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n\r\n  .sync-settings-container {\r\n    .fields-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sync-actions {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .preview-table {\r\n\r\n      .preview-header,\r\n      .preview-row {\r\n        flex-direction: column;\r\n\r\n        .preview-column,\r\n        .preview-cell {\r\n          border-right: none;\r\n          border-bottom: 1px solid #e5e5e5;\r\n\r\n          &:last-child {\r\n            border-bottom: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Toggle Switch Styles */\r\n.switch {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 50px;\r\n  height: 24px;\r\n\r\n  input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n\r\n    &:checked+.slider {\r\n      background-color: #007cba;\r\n    }\r\n\r\n    &:checked+.slider:before {\r\n      transform: translateX(26px);\r\n    }\r\n\r\n    &:disabled+.slider {\r\n      opacity: 0.5;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  .slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n\r\n    &:before {\r\n      position: absolute;\r\n      content: \"\";\r\n      height: 18px;\r\n      width: 18px;\r\n      left: 3px;\r\n      bottom: 3px;\r\n      background-color: white;\r\n      transition: 0.3s;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    &:hover {\r\n      box-shadow: 0 0 8px rgba(0, 124, 186, 0.3);\r\n    }\r\n  }\r\n}\r\n\r\n/* Update field-item styles for toggle layout */\r\n.sync-settings-container {\r\n  .field-item {\r\n    .field-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    .field-info {\r\n      flex: 1;\r\n    }\r\n\r\n    .field-label {\r\n      display: block;\r\n      margin-bottom: 0;\r\n      cursor: default;\r\n    }\r\n\r\n    .field-name {\r\n      font-weight: 600;\r\n      color: #333;\r\n      font-size: 1rem;\r\n      display: block;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .field-required {\r\n      color: #007cba;\r\n      font-size: 0.8rem;\r\n      font-weight: 500;\r\n      background: rgba(0, 124, 186, 0.1);\r\n      padding: 0.2rem 0.5rem;\r\n      border-radius: 12px;\r\n      display: inline-block;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .field-type {\r\n      font-size: 0.8rem;\r\n      color: #666;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      font-weight: 500;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n/* Order View Modal Styles */\r\n\r\n.modal-large {\r\n  max-width: 900px;\r\n  width: 100%;\r\n}\r\n\r\n.order-details-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.order-section {\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #1a202c;\r\n    margin: 0 0 16px 0;\r\n    padding-bottom: 8px;\r\n    border-bottom: 2px solid #e2e8f0;\r\n  }\r\n\r\n  .detail-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid #f7fafc;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .label {\r\n      font-weight: 500;\r\n      color: #4a5568;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .value {\r\n      color: #1a202c;\r\n      font-size: 14px;\r\n      text-align: right;\r\n\r\n      &.font-semibold {\r\n        font-weight: 600;\r\n      }\r\n    }\r\n\r\n    .chip {\r\n      padding: 4px 12px;\r\n      border-radius: 16px;\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      text-transform: capitalize;\r\n\r\n      &.pending {\r\n        background-color: #fef3c7;\r\n        color: #92400e;\r\n      }\r\n\r\n      &.processing {\r\n        background-color: #dbeafe;\r\n        color: #1e40af;\r\n      }\r\n\r\n      &.on-hold {\r\n        background-color: #fed7d7;\r\n        color: #c53030;\r\n      }\r\n\r\n      &.completed {\r\n        background-color: #d1fae5;\r\n        color: #065f46;\r\n      }\r\n\r\n      &.cancelled {\r\n        background-color: #fee2e2;\r\n        color: #dc2626;\r\n      }\r\n\r\n      &.refunded {\r\n        background-color: #e5e7eb;\r\n        color: #374151;\r\n      }\r\n    }\r\n  }\r\n\r\n  .address-block {\r\n    background-color: #f7fafc;\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    line-height: 1.5;\r\n\r\n    div {\r\n      margin-bottom: 4px;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .notes-block {\r\n    background-color: #f7fafc;\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    line-height: 1.6;\r\n    color: #4a5568;\r\n    font-style: italic;\r\n  }\r\n\r\n  .items-table {\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      th {\r\n        background-color: #f7fafc;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n        font-weight: 600;\r\n        color: #4a5568;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        border-bottom: 1px solid #e2e8f0;\r\n      }\r\n\r\n      td {\r\n        padding: 12px 16px;\r\n        border-bottom: 1px solid #f7fafc;\r\n        color: #1a202c;\r\n        font-size: 14px;\r\n\r\n        &:last-child {\r\n          font-weight: 600;\r\n        }\r\n      }\r\n\r\n      tbody tr:last-child td {\r\n        border-bottom: none;\r\n      }\r\n\r\n      tbody tr:hover {\r\n        background-color: #f7fafc;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive styles for order view modal */\r\n@media (max-width: 768px) {\r\n  .modal-large {\r\n    max-width: none;\r\n    margin: 10px;\r\n  }\r\n\r\n  .order-details-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .order-section {\r\n    .detail-row {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n\r\n      .value {\r\n        text-align: left;\r\n      }\r\n    }\r\n\r\n    .items-table {\r\n      overflow-x: auto;\r\n\r\n      table {\r\n        min-width: 500px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Ant \r\nDesign DatePicker Integration */\r\n.orders {\r\n  .ant-picker {\r\n    height: 36px;\r\n\r\n    &.ant-picker-range {\r\n      .ant-picker-input {\r\n        input {\r\n          font-size: 14px;\r\n\r\n          &::placeholder {\r\n            color: #9ca3af;\r\n            font-size: 13px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .ant-picker-range-separator {\r\n        .ant-picker-separator {\r\n          color: #6b7280;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .ant-picker-dropdown {\r\n    .ant-picker-panel-container {\r\n      .ant-picker-panels {\r\n        .ant-picker-panel {\r\n          .ant-picker-content {\r\n\r\n            th,\r\n            td {\r\n              font-size: 13px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Compact layout improvements */\r\n.orders-container {\r\n  width: 100%;\r\n\r\n  .card {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n}\r\n\r\n/* Full width responsive container */\r\n.page.orders {\r\n  width: 100%;\r\n\r\n  .container.container-xl {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n\r\n    @media (max-width: 768px) {\r\n      padding: 0 12px;\r\n    }\r\n  }\r\n\r\n  .orders-container {\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    .card {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n}\r\n\r\n/* Enhanced responsive table */\r\n@media (max-width: 1024px) {\r\n  .orders {\r\n    .table-container {\r\n      .orders-table {\r\n        font-size: 13px;\r\n\r\n        th,\r\n        td {\r\n          padding: 8px 12px;\r\n        }\r\n\r\n        .order-actions {\r\n          .btn {\r\n            padding: 4px 8px;\r\n            font-size: 11px;\r\n            margin: 0 2px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .orders {\r\n    .table-container {\r\n      .orders-table {\r\n        font-size: 12px;\r\n        min-width: 700px; // Ensure minimum width for mobile scroll\r\n\r\n        th,\r\n        td {\r\n          padding: 6px 8px;\r\n        }\r\n\r\n        th {\r\n          &:nth-child(1) {\r\n            width: 40px;\r\n          }\r\n\r\n          // Checkbox\r\n          &:nth-child(2) {\r\n            width: 100px;\r\n          }\r\n\r\n          // Order\r\n          &:nth-child(3) {\r\n            width: 80px;\r\n          }\r\n\r\n          // Status\r\n          &:nth-child(4) {\r\n            width: 150px;\r\n          }\r\n\r\n          // Customer\r\n          &:nth-child(5) {\r\n            width: 80px;\r\n          }\r\n\r\n          // Total\r\n          &:nth-child(6) {\r\n            width: 100px;\r\n          }\r\n\r\n          // Date\r\n          &:nth-child(7) {\r\n            width: 120px;\r\n          }\r\n\r\n          // Actions\r\n        }\r\n\r\n        .checkbox-col {\r\n          width: 40px;\r\n        }\r\n\r\n        .order-actions {\r\n          .btn {\r\n            padding: 2px 6px;\r\n            font-size: 10px;\r\n            margin: 0 1px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Order Editor Page - Full Page Form (No Modal) */\r\n.order-editor-page {\r\n  /* .page-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 24px;\r\n  } */\r\n\r\n  .btn-back {\r\n    background: none;\r\n    border: none;\r\n    color: #1976d2;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    padding: 8px 0;\r\n    margin-bottom: 16px;\r\n    display: inline-block;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n      color: #1565c0;\r\n    }\r\n  }\r\n\r\n  .page-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin-bottom: 32px;\r\n\r\n    .page-title {\r\n      flex: 1;\r\n\r\n      h1 {\r\n        font-size: 28px;\r\n        font-weight: 600;\r\n        color: #1a202c;\r\n        margin: 0 0 8px 0;\r\n        line-height: 35px;\r\n      }\r\n\r\n      p {\r\n        color: #718096;\r\n        margin: 0;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    .page-actions {\r\n      display: flex;\r\n      gap: 12px;\r\n    }\r\n  }\r\n\r\n  .editor-grid {\r\n    display: grid;\r\n    gap: 24px;\r\n  }\r\n\r\n  .editor-section {\r\n    background: white;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    overflow: hidden;\r\n\r\n    .section-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 16px 20px;\r\n      background: #f7fafc;\r\n      border-bottom: 1px solid #e2e8f0;\r\n\r\n      h3 {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #1a202c;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .section-content {\r\n      padding: 20px;\r\n    }\r\n  }\r\n\r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .form-group {\r\n    margin-bottom: 16px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    label {\r\n      display: block;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: #4a5568;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    input,\r\n    select,\r\n    textarea {\r\n      width: 100%;\r\n      padding: 8px 12px;\r\n      border: 1px solid #cbd5e0;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      transition: border-color 0.2s;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #1976d2;\r\n        box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\r\n      }\r\n    }\r\n\r\n    textarea {\r\n      resize: vertical;\r\n      min-height: 80px;\r\n    }\r\n  }\r\n\r\n  .add-product-section {\r\n    background: #f7fafc;\r\n    padding: 16px;\r\n    border-radius: 6px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .products-table {\r\n    overflow-x: auto;\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n\r\n      thead {\r\n        background: #f7fafc;\r\n\r\n        th {\r\n          padding: 12px;\r\n          text-align: left;\r\n          font-size: 13px;\r\n          font-weight: 600;\r\n          color: #4a5568;\r\n          border-bottom: 2px solid #e2e8f0;\r\n        }\r\n      }\r\n\r\n      tbody {\r\n        tr {\r\n          border-bottom: 1px solid #e2e8f0;\r\n\r\n          &:hover {\r\n            background: #f7fafc;\r\n          }\r\n        }\r\n\r\n        td {\r\n          padding: 12px;\r\n          font-size: 14px;\r\n          color: #2d3748;\r\n\r\n          input {\r\n            padding: 6px 8px;\r\n            border: 1px solid #cbd5e0;\r\n            border-radius: 4px;\r\n            font-size: 13px;\r\n          }\r\n        }\r\n      }\r\n\r\n      tfoot {\r\n        background: #f7fafc;\r\n        font-weight: 600;\r\n\r\n        td {\r\n          padding: 12px;\r\n          border-top: 2px solid #e2e8f0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .text-gray-500 {\r\n    color: #718096;\r\n    text-align: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .checkbox-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n\r\n    input[type=\"checkbox\"] {\r\n      width: auto;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}","/* Advanced Filters Styles */\r\n\r\n.orders, .products {\r\n  .filters-bar {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    \r\n    .btn.active {\r\n      background-color: #3b82f6;\r\n      color: white;\r\n      border-color: #3b82f6;\r\n    }\r\n  }\r\n\r\n  .advanced-filters {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    margin-top: 0;\r\n    position: relative;\r\n\r\n    &.expanded {\r\n      max-height: 800px;\r\n      opacity: 1;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    &.premium-locked {\r\n      .advanced-filters-content {\r\n        filter: blur(1px);\r\n        pointer-events: none;\r\n        user-select: none;\r\n        opacity: 0.85;\r\n      }\r\n    }\r\n\r\n    .premium-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 10;\r\n      cursor: pointer;\r\n      background: rgba(255, 255, 255, 0.02);\r\n      backdrop-filter: blur(0.3px);\r\n      animation: fadeIn 0.3s ease;\r\n\r\n      /* .premium-badge {\r\n        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n        color: white;\r\n        padding: 16px 32px;\r\n        border-radius: 12px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        box-shadow: 0 8px 24px rgba(245, 158, 11, 0.5);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n\r\n        &:hover {\r\n          transform: translateY(-3px) scale(1.05);\r\n          box-shadow: 0 12px 32px rgba(245, 158, 11, 0.6);\r\n          border-color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        &::before {\r\n          content: '👑';\r\n          font-size: 24px;\r\n        }\r\n      } */\r\n\r\n      .premium-badge {\r\n        position: relative;\r\n        background: #c8ddff;\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        color: white;\r\n        padding: 18px 36px;\r\n        border-radius: 16px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        box-shadow: 0 8px 32px rgba(245, 158, 11, 0.3),\r\n                    inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n\r\n        // Gradient overlay that slides on hover\r\n        &::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(135deg, \r\n            rgba(245, 158, 11, 0.6) 0%, \r\n            rgba(217, 119, 6, 0.6) 100%);\r\n          transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n          z-index: -1;\r\n        }\r\n\r\n        // Crown icon\r\n        &::after {\r\n          content: '👑';\r\n          font-size: 24px;\r\n          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        &:hover {\r\n          transform: translateY(-4px) scale(1.03);\r\n          box-shadow: 0 16px 48px rgba(245, 158, 11, 0.5),\r\n                      inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n          border-color: rgba(255, 255, 255, 0.4);\r\n          background: rgba(255, 255, 255, 0.15);\r\n\r\n          // Slide the gradient in from left\r\n          &::before {\r\n            left: 0;\r\n          }\r\n\r\n          // Bounce the crown\r\n          &::after {\r\n            transform: rotate(-15deg) scale(1.2);\r\n          }\r\n        }\r\n\r\n        // Shimmer effect\r\n        &:active {\r\n          transform: translateY(-2px) scale(1.01);\r\n        }\r\n      }\r\n\r\n      // Optional: Add a subtle animated border glow\r\n      @keyframes glow {\r\n        0%, 100% {\r\n          box-shadow: 0 8px 32px rgba(245, 158, 11, 0.3),\r\n                      inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        }\r\n        50% {\r\n          box-shadow: 0 8px 32px rgba(245, 158, 11, 0.5),\r\n                      inset 0 1px 0 rgba(255, 255, 255, 0.4),\r\n                      0 0 40px rgba(245, 158, 11, 0.3);\r\n        }\r\n      }\r\n\r\n      .premium-badge.animated {\r\n        animation: glow 3s ease-in-out infinite;\r\n      }\r\n\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    .advanced-filters-content {\r\n      background: #f9fafb;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 8px;\r\n      padding: 24px;\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      gap: 24px;\r\n      transition: filter 0.3s ease;\r\n    }\r\n\r\n    .filter-section {\r\n      .filter-section-title {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #374151;\r\n        margin: 0 0 12px 0;\r\n        padding-bottom: 8px;\r\n        border-bottom: 2px solid #e5e7eb;\r\n      }\r\n\r\n      .filter-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        width: 100%;\r\n\r\n        &.quick-filters {\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          gap: 8px;\r\n        }\r\n\r\n        .filter-item {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 6px;\r\n\r\n          label {\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: #6b7280;\r\n          }\r\n\r\n          .filter-input {\r\n            padding: 8px 12px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            transition: all 0.2s ease;\r\n\r\n            &:focus {\r\n              outline: none;\r\n              border-color: #3b82f6;\r\n              box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .advanced-filters {\r\n      .advanced-filters-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .advanced-filters {\r\n      .advanced-filters-content {\r\n        padding: 16px;\r\n      }\r\n\r\n      .filter-section {\r\n        .filter-group {\r\n          &.quick-filters {\r\n            flex-direction: column;\r\n\r\n            .btn {\r\n              width: 100%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n",".order-details-page {\r\n    background: #f8fafc;\r\n    min-height: 100vh;\r\n    padding-bottom: 40px;\r\n\r\n    .card {\r\n        min-width: unset;\r\n        max-width: unset;\r\n    }\r\n\r\n    .btn-back {\r\n        background: none;\r\n        border: none;\r\n        color: #3b82f6;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        padding: 8px 0;\r\n        margin-bottom: 16px;\r\n        display: inline-block;\r\n        transition: color 0.2s;\r\n\r\n        &:hover {\r\n            color: #2563eb;\r\n        }\r\n    }\r\n\r\n    // Header\r\n    .order-header {\r\n        margin-bottom: 24px;\r\n\r\n        .order-header-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n\r\n            @media (max-width: 768px) {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        .order-title-section {\r\n            flex: 1;\r\n\r\n            h1 {\r\n                font-size: 28px;\r\n                font-weight: 700;\r\n                color: #1f2937;\r\n                margin: 0 0 12px 0;\r\n            }\r\n\r\n            .order-meta {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 16px;\r\n                flex-wrap: wrap;\r\n\r\n                .order-date {\r\n                    font-size: 14px;\r\n                    color: #6b7280;\r\n                }\r\n\r\n                .order-status-badge {\r\n                    padding: 6px 16px;\r\n                    border-radius: 20px;\r\n                    font-size: 13px;\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n        }\r\n\r\n        .order-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n    }\r\n\r\n    // Layout\r\n    .order-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 380px;\r\n        gap: 24px;\r\n\r\n        @media (max-width: 1200px) {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .order-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    .order-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n\r\n        @media (max-width: 1200px) {\r\n            order: -1;\r\n        }\r\n    }\r\n\r\n    // Order Items Table\r\n    .order-items-card {\r\n        .card-content {\r\n            padding: 0;\r\n        }\r\n    }\r\n\r\n    .order-items-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        thead {\r\n            background: #f9fafb;\r\n            border-bottom: 2px solid #e5e7eb;\r\n\r\n            th {\r\n                padding: 12px 16px;\r\n                text-align: left;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                color: #6b7280;\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n\r\n                &.text-center {\r\n                    text-align: center;\r\n                }\r\n\r\n                &.text-right {\r\n                    text-align: right;\r\n                }\r\n            }\r\n        }\r\n\r\n        tbody {\r\n            tr {\r\n                border-bottom: 1px solid #f3f4f6;\r\n\r\n                &:hover {\r\n                    background: #fafafa;\r\n                }\r\n            }\r\n\r\n            td {\r\n                padding: 16px;\r\n                vertical-align: top;\r\n\r\n                &.text-center {\r\n                    text-align: center;\r\n                }\r\n\r\n                &.text-right {\r\n                    text-align: right;\r\n                }\r\n            }\r\n        }\r\n\r\n        tfoot {\r\n            background: #f9fafb;\r\n            border-top: 2px solid #e5e7eb;\r\n\r\n            tr {\r\n                td {\r\n                    padding: 12px 16px;\r\n                    font-size: 14px;\r\n\r\n                    &.text-right {\r\n                        text-align: right;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .subtotal-row,\r\n            .discount-row,\r\n            .shipping-row,\r\n            .tax-row {\r\n                td {\r\n                    color: #6b7280;\r\n                }\r\n            }\r\n\r\n            .total-row {\r\n                td {\r\n                    font-size: 16px;\r\n                    font-weight: 700;\r\n                    color: #1f2937;\r\n                    padding-top: 16px;\r\n                }\r\n            }\r\n\r\n            .shipping-method {\r\n                font-size: 12px;\r\n                color: #9ca3af;\r\n            }\r\n\r\n            .text-success {\r\n                color: #10b981;\r\n            }\r\n        }\r\n\r\n        .product-cell {\r\n            display: flex;\r\n            gap: 12px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .product-image {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            background: #f3f4f6;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            border: 1px solid #e5e7eb;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .no-image {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        .product-info {\r\n            flex: 1;\r\n            min-width: 0;\r\n\r\n            .product-name {\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin-bottom: 4px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .product-meta {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 2px;\r\n                margin-top: 6px;\r\n\r\n                .meta-item {\r\n                    font-size: 12px;\r\n                    color: #6b7280;\r\n                }\r\n            }\r\n        }\r\n\r\n        .sku-cell {\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n        }\r\n\r\n        .qty-cell {\r\n            font-weight: 500;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .price-cell {\r\n            font-size: 14px;\r\n            color: #6b7280;\r\n        }\r\n\r\n        .total-cell {\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            font-size: 15px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            thead {\r\n                display: none;\r\n            }\r\n\r\n            tbody tr {\r\n                display: block;\r\n                margin-bottom: 16px;\r\n                border: 1px solid #e5e7eb;\r\n                border-radius: 8px;\r\n                padding: 12px;\r\n            }\r\n\r\n            tbody td {\r\n                display: block;\r\n                padding: 8px 0;\r\n                border: none;\r\n\r\n                &.sku-cell,\r\n                &.price-cell {\r\n                    display: none;\r\n                }\r\n\r\n                &.qty-cell {\r\n                    display: inline-block;\r\n                    width: auto;\r\n                    margin-right: 16px;\r\n                }\r\n\r\n                &.total-cell {\r\n                    display: inline-block;\r\n                    width: auto;\r\n                }\r\n            }\r\n\r\n            tfoot tr {\r\n                display: table-row;\r\n            }\r\n\r\n            tfoot td {\r\n                display: table-cell;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Addresses Grid\r\n    .addresses-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n\r\n        @media (max-width: 768px) {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .address-block {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n        color: #4b5563;\r\n\r\n        .address-name {\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            margin-bottom: 8px;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .contact-info {\r\n            margin-top: 12px;\r\n            padding-top: 12px;\r\n            border-top: 1px solid #e5e7eb;\r\n            color: #6b7280;\r\n        }\r\n    }\r\n\r\n    .text-muted {\r\n        color: #9ca3af;\r\n        font-style: italic;\r\n    }\r\n\r\n    // Payment Details\r\n    .payment-details {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n\r\n        .detail-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding-bottom: 12px;\r\n            border-bottom: 1px solid #f3f4f6;\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n                padding-bottom: 0;\r\n            }\r\n\r\n            .detail-label {\r\n                font-size: 14px;\r\n                color: #6b7280;\r\n                font-weight: 500;\r\n            }\r\n\r\n            .detail-value {\r\n                font-size: 14px;\r\n                color: #1f2937;\r\n                font-weight: 500;\r\n            }\r\n\r\n            .status-badge {\r\n                padding: 4px 12px;\r\n                border-radius: 12px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n\r\n                &.paid {\r\n                    background: #d1fae5;\r\n                    color: #065f46;\r\n                }\r\n\r\n                &.unpaid {\r\n                    background: #fef3c7;\r\n                    color: #92400e;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Timeline\r\n    .timeline {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        position: relative;\r\n        padding-left: 32px;\r\n\r\n        &::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 7px;\r\n            top: 8px;\r\n            bottom: 8px;\r\n            width: 2px;\r\n            background: #e5e7eb;\r\n        }\r\n\r\n        .timeline-item {\r\n            position: relative;\r\n            display: flex;\r\n            gap: 16px;\r\n\r\n            .timeline-marker {\r\n                position: absolute;\r\n                left: -32px;\r\n                width: 16px;\r\n                height: 16px;\r\n                border-radius: 50%;\r\n                border: 3px solid white;\r\n                box-shadow: 0 0 0 2px #e5e7eb;\r\n                z-index: 1;\r\n\r\n                &.created {\r\n                    background: #3b82f6;\r\n                }\r\n\r\n                &.paid {\r\n                    background: #10b981;\r\n                }\r\n\r\n                &.completed {\r\n                    background: #8b5cf6;\r\n                }\r\n\r\n                &.modified {\r\n                    background: #f59e0b;\r\n                }\r\n            }\r\n\r\n            .timeline-content {\r\n                flex: 1;\r\n\r\n                .timeline-title {\r\n                    font-weight: 600;\r\n                    color: #1f2937;\r\n                    margin-bottom: 4px;\r\n                    font-size: 14px;\r\n                }\r\n\r\n                .timeline-date {\r\n                    font-size: 13px;\r\n                    color: #6b7280;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Customer Note Box\r\n    .customer-note-box {\r\n        background: #fef3c7;\r\n        padding: 16px;\r\n        border-radius: 6px;\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #78350f;\r\n    }\r\n\r\n    // Note Form\r\n    .note-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n\r\n        .form-group {\r\n            margin-bottom: 0;\r\n\r\n            label {\r\n                display: block;\r\n                font-weight: 600;\r\n                color: #374151;\r\n                margin-bottom: 8px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .form-control {\r\n                width: 100%;\r\n                padding: 10px 12px;\r\n                border: 1px solid #d1d5db;\r\n                border-radius: 6px;\r\n                font-size: 14px;\r\n                transition: border-color 0.2s;\r\n                font-family: inherit;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n\r\n            textarea.form-control {\r\n                resize: vertical;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Summary Card\r\n    .summary-card {\r\n        position: sticky;\r\n        top: 24px;\r\n\r\n        .summary-details {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n\r\n            .summary-row {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                font-size: 14px;\r\n\r\n                span {\r\n                    color: #6b7280;\r\n                }\r\n\r\n                strong {\r\n                    color: #1f2937;\r\n                }\r\n\r\n                .total-amount {\r\n                    font-size: 20px;\r\n                    color: #10b981;\r\n                }\r\n\r\n                .status-select {\r\n                    padding: 6px 12px;\r\n                    border-radius: 6px;\r\n                    font-size: 13px;\r\n                    font-weight: 600;\r\n                    cursor: pointer;\r\n                    transition: all 0.2s;\r\n\r\n                    &:hover:not(:disabled) {\r\n                        opacity: 0.9;\r\n                    }\r\n\r\n                    &:disabled {\r\n                        opacity: 0.6;\r\n                        cursor: not-allowed;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Customer Details\r\n    .customer-details {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n\r\n        .customer-name {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .customer-contact {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 14px;\r\n            color: #6b7280;\r\n\r\n            .icon {\r\n                font-size: 16px;\r\n            }\r\n\r\n            a {\r\n                color: #3b82f6;\r\n                text-decoration: none;\r\n\r\n                &:hover {\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n\r\n        .btn-block {\r\n            width: 100%;\r\n            margin-top: 8px;\r\n        }\r\n    }\r\n\r\n    // Info List\r\n    .info-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n\r\n        .info-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            padding-bottom: 12px;\r\n            border-bottom: 1px solid #f3f4f6;\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n                padding-bottom: 0;\r\n            }\r\n\r\n            .info-label {\r\n                font-size: 13px;\r\n                color: #6b7280;\r\n                font-weight: 500;\r\n                flex-shrink: 0;\r\n            }\r\n\r\n            .info-value {\r\n                font-size: 13px;\r\n                color: #1f2937;\r\n                text-align: right;\r\n\r\n                &.small {\r\n                    font-size: 11px;\r\n                    word-break: break-all;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    // Notes List\r\n    .notes-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n\r\n        .note-item {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            padding: 16px;\r\n            background: #fafafa;\r\n\r\n            /* &.note-private {\r\n                border-left: 4px solid #3b82f6;\r\n            }\r\n\r\n            &.note-customer {\r\n                border-left: 4px solid #10b981;\r\n            } */\r\n\r\n            &.note-system {\r\n                // border-left: 4px solid #6b7280;\r\n                background: #f9fafb;\r\n            }\r\n\r\n            .note-header {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                margin-bottom: 12px;\r\n\r\n                .note-meta {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 12px;\r\n\r\n                    .note-type-badge {\r\n                        font-size: 12px;\r\n                        font-weight: 600;\r\n                        padding: 4px 8px;\r\n                        border-radius: 4px;\r\n                        background: white;\r\n                        border: 1px solid #e5e7eb;\r\n                    }\r\n\r\n                    .note-date {\r\n                        font-size: 12px;\r\n                        color: #6b7280;\r\n                    }\r\n                }\r\n\r\n                .note-actions {\r\n                    display: flex;\r\n                    gap: 8px;\r\n\r\n                    .btn-icon {\r\n                        background: none;\r\n                        border: none;\r\n                        cursor: pointer;\r\n                        font-size: 16px;\r\n                        padding: 4px;\r\n                        opacity: 0.7;\r\n                        transition: opacity 0.2s;\r\n\r\n                        &:hover {\r\n                            opacity: 1;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .note-content {\r\n                font-size: 14px;\r\n                line-height: 1.6;\r\n                color: #374151;\r\n                white-space: pre-wrap;\r\n            }\r\n\r\n            .note-edit-form {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 12px;\r\n\r\n                .note-edit-actions {\r\n                    display: flex;\r\n                    gap: 8px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Refund Button in Card Footer\r\n    .card-footer {\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e5e7eb;\r\n        background: #f9fafb;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    // Modal Styles\r\n    .modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 9999;\r\n        padding: 20px;\r\n    }\r\n\r\n    .modal-content {\r\n        background: white;\r\n        border-radius: 12px;\r\n        max-width: 500px;\r\n        width: 100%;\r\n        max-height: 90vh;\r\n        overflow-y: auto;\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    .modal-header {\r\n        padding: 20px 24px;\r\n        border-bottom: 1px solid #e5e7eb;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        h3 {\r\n            margin: 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .modal-close {\r\n            background: none;\r\n            border: none;\r\n            font-size: 24px;\r\n            cursor: pointer;\r\n            color: #6b7280;\r\n            padding: 0;\r\n            width: 32px;\r\n            height: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 6px;\r\n            transition: background 0.2s;\r\n\r\n            &:hover {\r\n                background: #f3f4f6;\r\n            }\r\n        }\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 24px;\r\n\r\n        .help-text {\r\n            display: block;\r\n            margin-top: 6px;\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n        }\r\n    }\r\n\r\n    .modal-footer {\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e5e7eb;\r\n        background: #f9fafb;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        gap: 12px;\r\n    }\r\n}","/* Products Page Styles */\r\n\r\n.products {\r\n  .card {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n    gap: 16px;\r\n\r\n    p {\r\n      color: #718096;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  /* Horizontal Filters Bar */\r\n  .filters-bar {\r\n    background: white;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    width: 100%;\r\n  }\r\n\r\n  .filters-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n  .filter-item {\r\n    display: flex;\r\n    align-items: baseline;\r\n\r\n    &.filter-search {\r\n      flex: 1;\r\n      min-width: 250px;\r\n    }\r\n\r\n    .search-input {\r\n      width: 100%;\r\n      padding: 8px 12px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      transition: border-color 0.2s ease;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n      }\r\n\r\n      &::placeholder {\r\n        color: #9ca3af;\r\n      }\r\n    }\r\n\r\n    .filter-select {\r\n      padding: 8px 12px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      background: white;\r\n      min-width: 140px;\r\n      cursor: pointer;\r\n      transition: border-color 0.2s ease;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n      }\r\n    }\r\n\r\n    .btn-clear {\r\n      padding: 8px 16px;\r\n      font-size: 14px;\r\n      white-space: nowrap;\r\n      border-radius: 6px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .filters-row {\r\n      .filter-item.filter-search {\r\n        min-width: 200px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .filters-bar {\r\n      padding: 12px;\r\n    }\r\n\r\n    .filters-row {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 8px;\r\n\r\n      .filter-item {\r\n        width: 100%;\r\n\r\n        &.filter-search {\r\n          min-width: auto;\r\n        }\r\n\r\n        .search-input,\r\n        .filter-select {\r\n          width: 100%;\r\n          min-width: auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .bulk-actions {\r\n    .bulk-info {\r\n      color: #1a202c;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .bulk-buttons {\r\n      flex-wrap: wrap;\r\n      display: flex;\r\n      gap: 10px;\r\n    }\r\n  }\r\n\r\n  .table-container {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    background: white;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    overflow: hidden;\r\n\r\n    @media (max-width: 1024px) {\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .products-table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      table-layout: fixed;\r\n\r\n      th,\r\n      td {\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e2e8f0;\r\n      }\r\n\r\n      th {\r\n        background-color: #f7fafc;\r\n        font-weight: 600;\r\n        color: #4a5568;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n\r\n        &:nth-child(1) {\r\n          width: 10px;\r\n        }\r\n\r\n        // Checkbox\r\n        &:nth-child(2) {\r\n          width: 250px;\r\n        }\r\n\r\n        // Product\r\n        &:nth-child(3) {\r\n          width: 120px;\r\n        }\r\n\r\n        // SKU\r\n        &:nth-child(4) {\r\n          width: 140px;\r\n        }\r\n\r\n        // Stock\r\n        &:nth-child(5) {\r\n          width: 120px;\r\n        }\r\n\r\n        // Price\r\n        &:nth-child(6) {\r\n          width: 100px;\r\n        }\r\n\r\n        // Status\r\n        &:nth-child(7) {\r\n          width: 120px;\r\n        }\r\n\r\n        // Actions\r\n      }\r\n\r\n      .checkbox-col {\r\n        width: 50px;\r\n        text-align: center;\r\n\r\n        input[type=\"checkbox\"] {\r\n          width: 16px;\r\n          height: 16px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n\r\n      .product-row {\r\n        transition: background-color 0.2s ease;\r\n\r\n        &:hover {\r\n          background-color: #f7fafc;\r\n        }\r\n      }\r\n\r\n      .product-info {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        flex-direction: row;\r\n\r\n        .product-image {\r\n          width: 40px;\r\n          height: 40px;\r\n          border-radius: 6px;\r\n          overflow: hidden;\r\n          flex-shrink: 0;\r\n\r\n          img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n          }\r\n\r\n          .no-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f7fafc;\r\n            color: #9ca3af;\r\n            font-size: 18px;\r\n          }\r\n        }\r\n\r\n        .product-details {\r\n          flex: 1;\r\n          min-width: 0;\r\n\r\n          .product-name {\r\n            font-weight: 600;\r\n            color: #1a202c;\r\n            font-size: 14px;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n          }\r\n\r\n          .product-type {\r\n            font-size: 12px;\r\n            margin-top: 2px;\r\n            color: #6b7280;\r\n          }\r\n        }\r\n      }\r\n\r\n      .product-sku {\r\n        font-family: monospace;\r\n        font-size: 13px;\r\n        color: #4a5568;\r\n      }\r\n\r\n      .stock-info {\r\n        .chip {\r\n          margin-bottom: 4px;\r\n        }\r\n\r\n        .stock-quantity {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n\r\n      .product-price {\r\n        color: #1a202c;\r\n        font-size: 14px;\r\n\r\n        .sale-price {\r\n          font-size: 12px;\r\n          color: #006ba1;\r\n          font-weight: normal;\r\n        }\r\n      }\r\n\r\n      .product-actions {\r\n        .btn {\r\n          padding: 4px 8px;\r\n          font-size: 12px;\r\n          min-width: auto;\r\n        }\r\n      }\r\n\r\n      .loading-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        padding: 40px 0;\r\n\r\n        span {\r\n          color: #718096;\r\n        }\r\n      }\r\n\r\n      .empty-state {\r\n        padding: 60px 20px;\r\n        text-align: center;\r\n\r\n        .empty-icon {\r\n          font-size: 48px;\r\n          margin-bottom: 16px;\r\n          opacity: 0.5;\r\n        }\r\n\r\n        p {\r\n          margin: 8px 0;\r\n\r\n          &:first-of-type {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            color: #1a202c;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-pagination {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n    background-color: #f7fafc;\r\n\r\n    .pagination-info {\r\n      color: #4a5568;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .pagination-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n\r\n      .rows-per-page {\r\n        padding: 4px 8px;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 4px;\r\n        font-size: 12px;\r\n        background-color: white;\r\n      }\r\n\r\n      .page-info {\r\n        color: #4a5568;\r\n        font-size: 14px;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .btn {\r\n        padding: 6px 12px;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n\r\n      .pagination-controls {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Full width responsive container */\r\n.page.products {\r\n  width: 100%;\r\n\r\n  .product-container {\r\n\r\n    .modal-overlay {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: rgba(0, 0, 0, 0.5);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 1000;\r\n      padding: 20px;\r\n    }\r\n\r\n\r\n    .modal-content {\r\n      background: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n      width: 60%;\r\n      overflow-y: auto;\r\n\r\n      .modal-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 24px;\r\n        border-bottom: 1px solid #e2e8f0;\r\n\r\n        h3 {\r\n          font-size: 18px;\r\n          font-weight: 600;\r\n          color: #1a202c;\r\n          margin: 0;\r\n        }\r\n\r\n        .modal-close {\r\n          background: none;\r\n          border: none;\r\n          font-size: 20px;\r\n          cursor: pointer;\r\n          color: #718096;\r\n          padding: 4px;\r\n          border-radius: 4px;\r\n\r\n          &:hover {\r\n            background-color: #f7fafc;\r\n            color: #4a5568;\r\n          }\r\n        }\r\n      }\r\n\r\n      .modal-body {\r\n        padding: 24px;\r\n\r\n        .form-group {\r\n          margin-bottom: 20px;\r\n\r\n          &:last-child {\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      .modal-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e2e8f0;\r\n        background-color: #f7fafc;\r\n\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  .container.container-xl {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n\r\n    @media (max-width: 768px) {\r\n      padding: 0 12px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Enhanced responsive table */\r\n@media (max-width: 1024px) {\r\n  .products {\r\n    .table-container {\r\n      .products-table {\r\n        font-size: 13px;\r\n\r\n        th,\r\n        td {\r\n          padding: 8px 12px;\r\n        }\r\n\r\n        .product-actions {\r\n          .btn {\r\n            padding: 4px 8px;\r\n            font-size: 11px;\r\n            margin: 0 2px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .products {\r\n    .table-container {\r\n      .products-table {\r\n        font-size: 12px;\r\n        min-width: 800px; // Ensure minimum width for mobile scroll\r\n\r\n        th,\r\n        td {\r\n          padding: 6px 8px;\r\n        }\r\n\r\n        th {\r\n          &:nth-child(1) {\r\n            width: 40px;\r\n          }\r\n\r\n          // Checkbox\r\n          &:nth-child(2) {\r\n            width: 200px;\r\n          }\r\n\r\n          // Product\r\n          &:nth-child(3) {\r\n            width: 100px;\r\n          }\r\n\r\n          // SKU\r\n          &:nth-child(4) {\r\n            width: 120px;\r\n          }\r\n\r\n          // Stock\r\n          &:nth-child(5) {\r\n            width: 100px;\r\n          }\r\n\r\n          // Price\r\n          &:nth-child(6) {\r\n            width: 80px;\r\n          }\r\n\r\n          // Status\r\n          &:nth-child(7) {\r\n            width: 100px;\r\n          }\r\n\r\n          // Actions\r\n        }\r\n\r\n        .checkbox-col {\r\n          width: 40px;\r\n        }\r\n\r\n        .product-info {\r\n          .product-image {\r\n            width: 32px;\r\n            height: 32px;\r\n          }\r\n        }\r\n\r\n        .product-actions {\r\n          .btn {\r\n            padding: 2px 6px;\r\n            font-size: 10px;\r\n            margin: 0 1px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n  .products {\r\n    .page-header {\r\n      .page-actions {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n  .products {\r\n    .table-container {\r\n      .products-table {\r\n        th {\r\n          background-color: #2d3748;\r\n          color: #a0aec0;\r\n        }\r\n\r\n        .product-row:hover {\r\n          background-color: #2d3748;\r\n        }\r\n      }\r\n    }\r\n\r\n    .table-pagination {\r\n      background-color: #2d3748;\r\n      border-color: #4a5568;\r\n\r\n      .rows-per-page {\r\n        background-color: #2d3748;\r\n        border-color: #4a5568;\r\n        color: #e2e8f0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n/* Product View Modal Styles */\r\n.modal-large {\r\n  max-width: 900px;\r\n  width: 100%;\r\n}\r\n\r\n.modal-xl {\r\n  max-width: 1200px;\r\n  width: 100%;\r\n}\r\n\r\n.product-details-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.product-section {\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #1a202c;\r\n    margin: 0 0 16px 0;\r\n    padding-bottom: 8px;\r\n    border-bottom: 2px solid #e2e8f0;\r\n  }\r\n\r\n  .detail-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid #f7fafc;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .label {\r\n      font-weight: 500;\r\n      color: #4a5568;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .value {\r\n      color: #1a202c;\r\n      font-size: 14px;\r\n      text-align: right;\r\n\r\n      &.font-semibold {\r\n        font-weight: 600;\r\n      }\r\n\r\n      &.text-red-600 {\r\n        color: #dc2626;\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-image-large {\r\n    width: 100%;\r\n    max-width: 300px;\r\n    height: 300px;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .no-image-large {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #9ca3af;\r\n      background-color: #f7fafc;\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      span {\r\n        font-size: 48px;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      p {\r\n        font-size: 14px;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .description-block {\r\n    background-color: #f7fafc;\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    line-height: 1.6;\r\n    color: #4a5568;\r\n\r\n    p {\r\n      margin: 0 0 8px 0;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .categories-list,\r\n  .tags-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n\r\n    .chip {\r\n      font-size: 12px;\r\n      padding: 4px 8px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Enhanced Product Create/Edit Modal Styles */\r\n.product-tabs {\r\n  .tab-nav {\r\n    display: flex;\r\n    border-bottom: 2px solid #e2e8f0;\r\n    margin-bottom: 24px;\r\n    overflow-x: auto;\r\n    gap: 0;\r\n\r\n    .tab-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 12px 20px;\r\n      background: none;\r\n      border: none;\r\n      border-bottom: 3px solid transparent;\r\n      cursor: pointer;\r\n      font-weight: 500;\r\n      color: #666;\r\n      transition: all 0.2s ease;\r\n      white-space: nowrap;\r\n\r\n      &:hover {\r\n        color: #333;\r\n        background: #f8f9fa;\r\n      }\r\n\r\n      &.active {\r\n        color: #007cba;\r\n        border-bottom-color: #007cba;\r\n        background: #f8f9fa;\r\n      }\r\n\r\n      .tab-icon {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab-content {\r\n    min-height: 400px;\r\n  }\r\n\r\n  .tab-panel {\r\n    animation: fadeIn 0.3s ease;\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n/* Editor Styles */\r\n.editor-toolbar {\r\n  display: flex;\r\n  gap: 4px;\r\n  padding: 8px;\r\n  background: #f7fafc;\r\n  border: 1px solid #d1d5db;\r\n  border-bottom: none;\r\n  border-radius: 6px 6px 0 0;\r\n\r\n  .editor-btn {\r\n    padding: 6px 10px;\r\n    background: white;\r\n    border: 1px solid #d1d5db;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    font-size: 12px;\r\n    transition: all 0.2s ease;\r\n\r\n    &:hover {\r\n      background: #e2e8f0;\r\n    }\r\n\r\n    &:active {\r\n      background: #cbd5e0;\r\n    }\r\n  }\r\n}\r\n\r\n.editor-textarea {\r\n  border-radius: 0 0 6px 6px !important;\r\n  border-top: none !important;\r\n  resize: vertical;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  line-height: 1.5;\r\n\r\n  &:focus {\r\n    border-color: #3b82f6 !important;\r\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;\r\n  }\r\n}\r\n\r\n/* Checkbox Groups */\r\n.checkbox-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin: 16px 0;\r\n\r\n  .checkbox-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    color: #374151;\r\n\r\n    input[type=\"checkbox\"] {\r\n      width: 16px;\r\n      height: 16px;\r\n      margin: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n/* Form Enhancements */\r\n.products {\r\n  .form-group {\r\n    margin-bottom: 20px;\r\n\r\n    &.mb-6 {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    label {\r\n      display: block;\r\n      font-weight: 500;\r\n      color: #374151;\r\n      margin-bottom: 6px;\r\n      font-size: 14px;\r\n\r\n      &:after {\r\n        content: \" *\";\r\n        color: #dc2626;\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    input[required]+label:after,\r\n    label:has(+ input[required]):after {\r\n      display: inline;\r\n    }\r\n\r\n    input,\r\n    select,\r\n    textarea {\r\n      width: 100%;\r\n      padding: 10px 12px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      transition: border-color 0.2s ease;\r\n      background-color: white;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3182ce;\r\n        box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\r\n      }\r\n\r\n      &:disabled {\r\n        background-color: #f7fafc;\r\n        color: #a0aec0;\r\n        cursor: not-allowed;\r\n      }\r\n\r\n      &.error {\r\n        border-color: #e53e3e;\r\n\r\n        &:focus {\r\n          border-color: #e53e3e;\r\n          box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);\r\n        }\r\n      }\r\n    }\r\n\r\n    textarea {\r\n      resize: vertical;\r\n      min-height: 80px;\r\n    }\r\n\r\n    .help-text {\r\n      font-size: 12px;\r\n      color: #718096;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .error-text {\r\n      font-size: 12px;\r\n      color: #e53e3e;\r\n      margin-top: 4px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Grid System Enhancements */\r\n.grid {\r\n  display: grid;\r\n  gap: 20px;\r\n\r\n  &.grid-cols-1 {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  &.grid-cols-2 {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  &.grid-cols-3 {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  &.grid-cols-4 {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  &.gap-4 {\r\n    gap: 16px;\r\n  }\r\n\r\n  &.gap-6 {\r\n    gap: 24px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n\r\n    &.grid-cols-2,\r\n    &.grid-cols-3,\r\n    &.grid-cols-4 {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 769px) and (max-width: 1024px) {\r\n\r\n    &.grid-cols-3,\r\n    &.grid-cols-4 {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Modal Styles */\r\n@media (max-width: 768px) {\r\n\r\n  .modal-large,\r\n  .modal-xl {\r\n    max-width: none;\r\n    margin: 10px;\r\n    height: calc(100vh - 20px);\r\n\r\n    .modal-body {\r\n      max-height: calc(100vh - 140px);\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n\r\n  .product-details-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .product-section {\r\n    .detail-row {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n\r\n      .value {\r\n        text-align: left;\r\n      }\r\n    }\r\n\r\n    .product-image-large {\r\n      max-width: 100%;\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .product-tabs {\r\n    .tab-nav {\r\n      .tab-btn {\r\n        padding: 8px 12px;\r\n        font-size: 12px;\r\n\r\n        .tab-icon {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .editor-toolbar {\r\n    flex-wrap: wrap;\r\n\r\n    .editor-btn {\r\n      padding: 4px 8px;\r\n      font-size: 11px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Loading States */\r\n.btn-loading {\r\n  opacity: 0.7;\r\n  cursor: not-allowed;\r\n\r\n  .spinner {\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid transparent;\r\n    border-top: 2px solid currentColor;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* Enha\r\nnced Product Form Styles */\r\n\r\n/* Section Headers */\r\n.pricing-section,\r\n.inventory-section,\r\n.seo-section,\r\n.product-settings,\r\n.linked-products,\r\n.downloadable-section,\r\n.attributes-section,\r\n.download-settings {\r\n  margin: 24px 0;\r\n  padding: 20px;\r\n  background: #f8fafc;\r\n  border-radius: 8px;\r\n  border-left: 4px solid #3b82f6;\r\n\r\n  h4 {\r\n    margin: 0 0 16px 0;\r\n    color: #1e293b;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .section-description {\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    margin-bottom: 16px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n\r\n/* Form Help Text */\r\n.form-help {\r\n  display: block;\r\n  margin-top: 4px;\r\n  color: #6b7280;\r\n  font-size: 12px;\r\n  font-style: italic;\r\n}\r\n\r\n/* Stock Status Indicator */\r\n.stock-status-display {\r\n  margin-top: 16px;\r\n  padding: 12px;\r\n  background: #f1f5f9;\r\n  border-radius: 6px;\r\n\r\n  .stock-indicator {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    .stock-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .stock-text {\r\n      font-weight: 500;\r\n      font-size: 14px;\r\n    }\r\n\r\n    &.in-stock {\r\n      .stock-dot {\r\n        background: #10b981;\r\n      }\r\n\r\n      .stock-text {\r\n        color: #065f46;\r\n      }\r\n    }\r\n\r\n    &.low-stock {\r\n      .stock-dot {\r\n        background: #f59e0b;\r\n      }\r\n\r\n      .stock-text {\r\n        color: #92400e;\r\n      }\r\n    }\r\n\r\n    &.out-of-stock {\r\n      .stock-dot {\r\n        background: #ef4444;\r\n      }\r\n\r\n      .stock-text {\r\n        color: #991b1b;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Downloadable Files */\r\n.downloadable-files {\r\n  .downloadable-file-item {\r\n    background: white;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin-bottom: 12px;\r\n\r\n    .input-with-action {\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: flex-end;\r\n\r\n      input {\r\n        flex: 1;\r\n      }\r\n\r\n      .btn {\r\n        flex-shrink: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Product Attributes */\r\n.product-attributes {\r\n  .attribute-item {\r\n    background: white;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin-bottom: 16px;\r\n\r\n    .attribute-header {\r\n      .attribute-options {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-top: 12px;\r\n        padding-top: 12px;\r\n        border-top: 1px solid #f1f5f9;\r\n\r\n        .checkbox-group {\r\n          display: flex;\r\n          gap: 16px;\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Attribute Preview */\r\n.attribute-preview {\r\n  margin-top: 20px;\r\n  padding: 16px;\r\n  background: white;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 8px;\r\n\r\n  h5 {\r\n    margin: 0 0 12px 0;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #374151;\r\n  }\r\n\r\n  .preview-content {\r\n    .preview-attribute {\r\n      display: flex;\r\n      gap: 8px;\r\n      margin-bottom: 8px;\r\n\r\n      strong {\r\n        color: #1f2937;\r\n        min-width: 80px;\r\n      }\r\n\r\n      span {\r\n        color: #6b7280;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Product Search Input */\r\n.product-search {\r\n  position: relative;\r\n\r\n  &::after {\r\n    content: '🔍';\r\n    position: absolute;\r\n    right: 12px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    pointer-events: none;\r\n    color: #9ca3af;\r\n  }\r\n}\r\n\r\n/* Enhanced Checkbox Groups */\r\n.checkbox-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  .checkbox-label {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n\r\n    input[type=\"checkbox\"] {\r\n      margin: 0;\r\n      flex-shrink: 0;\r\n      margin-top: 2px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Grid Enhancements */\r\n.grid {\r\n  &.grid-cols-2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    @media (max-width: 768px) {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  &.grid-cols-3 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n\r\n    @media (max-width: 768px) {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n}\r\n\r\n/* Enhanced Button Styles */\r\n.btn {\r\n  &.btn-sm {\r\n    padding: 4px 8px;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  &.btn-secondary {\r\n    background: #f1f5f9;\r\n    color: #475569;\r\n    border: 1px solid #cbd5e1;\r\n\r\n    &:hover {\r\n      background: #e2e8f0;\r\n      border-color: #94a3b8;\r\n    }\r\n  }\r\n\r\n  &.btn-danger {\r\n    background: #fef2f2;\r\n    color: #dc2626;\r\n    border: 1px solid #fecaca;\r\n\r\n    &:hover {\r\n      background: #fee2e2;\r\n      border-color: #fca5a5;\r\n    }\r\n  }\r\n}\r\n\r\n/* Character Counter Styling */\r\n.form-help {\r\n\r\n  &:has-text(\"/60\"),\r\n  &:has-text(\"/160\") {\r\n    font-family: monospace;\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\n/* Conditional Field Animations */\r\n.pricing-section,\r\n.inventory-section,\r\n.seo-section {\r\n  transition: all 0.3s ease;\r\n\r\n  &:hover {\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n\r\n/* Enhanced Tab Content */\r\n.tab-panel {\r\n  padding: 0;\r\n\r\n  >*:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  >*:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n/* Responsive Enhancements for New Components */\r\n@media (max-width: 768px) {\r\n\r\n  .pricing-section,\r\n  .inventory-section,\r\n  .seo-section,\r\n  .product-settings,\r\n  .linked-products,\r\n  .downloadable-section,\r\n  .attributes-section {\r\n    padding: 16px;\r\n    margin: 16px 0;\r\n  }\r\n\r\n  .downloadable-files {\r\n    .downloadable-file-item {\r\n      padding: 12px;\r\n\r\n      .grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      .input-with-action {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n\r\n        .btn {\r\n          align-self: flex-start;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .attribute-item {\r\n    .attribute-options {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 12px;\r\n\r\n      .checkbox-group {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Focus States for Better Accessibility */\r\n.editor-btn:focus,\r\n.btn:focus,\r\ninput:focus,\r\nselect:focus,\r\ntextarea:focus {\r\n  outline: none;\r\n  outline-offset: unset;\r\n  border-color: unset;\r\n  box-shadow: unset;\r\n}\r\n\r\n/* Loading States */\r\n.form-loading {\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n  position: relative;\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(255, 255, 255, 0.8);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n/* \r\nFeatured Image Upload Styles */\r\n.image-upload-area {\r\n  .featured-image-preview {\r\n    position: relative;\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 2px solid #e2e8f0;\r\n    background: #f8fafc;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .image-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background: rgba(0, 0, 0, 0.8);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0;\r\n      transition: opacity 0.2s ease;\r\n\r\n      .btn {\r\n        font-size: 12px;\r\n        padding: 6px 12px;\r\n        border-radius: 4px;\r\n        background: #ef4444;\r\n        color: white;\r\n        border: none;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n          background: #dc2626;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover .image-overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .upload-placeholder {\r\n    border: 2px dashed #d1d5db;\r\n    border-radius: 8px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    transition: border-color 0.2s ease;\r\n    cursor: pointer;\r\n    background: #fafafa;\r\n    width: 150px;\r\n    height: 150px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    &:hover {\r\n      border-color: #3b82f6;\r\n      background: #f0f9ff;\r\n    }\r\n\r\n    .upload-content {\r\n      .upload-icon {\r\n        font-size: 32px;\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        color: #6b7280;\r\n      }\r\n\r\n      p {\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        color: #374151;\r\n        margin: 0 0 4px 0;\r\n        line-height: 1.3;\r\n      }\r\n\r\n      small {\r\n        color: #6b7280;\r\n        font-size: 10px;\r\n        line-height: 1.2;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Gallery Upload Styles */\r\n.gallery-upload-area {\r\n  .gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    gap: 12px;\r\n\r\n    .gallery-item {\r\n      position: relative;\r\n      width: 100px;\r\n      height: 100px;\r\n      border-radius: 6px;\r\n      overflow: hidden;\r\n      border: 2px solid #e2e8f0;\r\n      background: #f8fafc;\r\n\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n      }\r\n\r\n      .gallery-overlay {\r\n        position: absolute;\r\n        top: 4px;\r\n        right: 4px;\r\n\r\n        .btn {\r\n          width: 20px;\r\n          height: 20px;\r\n          padding: 0;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 10px;\r\n          background: #ef4444;\r\n          color: white;\r\n          border: none;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n\r\n          &:hover {\r\n            background: #dc2626;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .gallery-upload-item {\r\n      width: 100px;\r\n      height: 100px;\r\n      border: 2px dashed #d1d5db;\r\n      border-radius: 6px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: border-color 0.2s ease;\r\n      cursor: pointer;\r\n      background: #fafafa;\r\n\r\n      &:hover {\r\n        border-color: #3b82f6;\r\n        background: #f0f9ff;\r\n      }\r\n\r\n      .upload-content {\r\n        text-align: center;\r\n\r\n        .upload-icon {\r\n          font-size: 20px;\r\n          display: block;\r\n          margin-bottom: 4px;\r\n          color: #6b7280;\r\n        }\r\n\r\n        p {\r\n          font-size: 10px;\r\n          margin: 0;\r\n          color: #6b7280;\r\n          line-height: 1.2;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* WordPress Media Button Styling */\r\n.btn.btn-secondary {\r\n  background: #f1f5f9;\r\n  color: #475569;\r\n  border: 1px solid #cbd5e1;\r\n  padding: 8px 16px;\r\n  border-radius: 6px;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n\r\n  &:hover {\r\n    background: #e2e8f0;\r\n    border-color: #94a3b8;\r\n  }\r\n}\r\n\r\n/* Responsive Image Styles */\r\n@media (max-width: 768px) {\r\n  .image-upload-area {\r\n\r\n    .featured-image-preview,\r\n    .upload-placeholder {\r\n      width: 120px;\r\n      height: 120px;\r\n    }\r\n\r\n    .upload-placeholder {\r\n      padding: 20px;\r\n\r\n      .upload-content {\r\n        .upload-icon {\r\n          font-size: 24px;\r\n        }\r\n\r\n        p {\r\n          font-size: 11px;\r\n        }\r\n\r\n        small {\r\n          font-size: 9px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .gallery-upload-area {\r\n    .gallery-grid {\r\n      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n\r\n      .gallery-item,\r\n      .gallery-upload-item {\r\n        width: 80px;\r\n        height: 80px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Wo\r\nrdPress Media Integration Styles */\r\n.wordpress-media-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 12px;\r\n  background: #0073aa;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n\r\n  &:hover {\r\n    background: #005a87;\r\n  }\r\n\r\n  &:disabled {\r\n    background: #ccd0d4;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .wp-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n  }\r\n}\r\n\r\n/* Media Loading States */\r\n.media-loading {\r\n  position: relative;\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: -10px 0 0 -10px;\r\n    border: 2px solid #f3f3f3;\r\n    border-top: 2px solid #3498db;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* Enhanced Image Preview */\r\n.image-preview-container {\r\n  position: relative;\r\n  display: inline-block;\r\n\r\n  .image-info {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n    color: white;\r\n    padding: 8px;\r\n    font-size: 11px;\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  &:hover .image-info {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* Form Field Enhancements */\r\n.form-group {\r\n  &.has-media-button {\r\n    .form-control {\r\n      padding-right: 120px;\r\n    }\r\n\r\n    .media-button-container {\r\n      position: absolute;\r\n      right: 8px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n}\r\n\r\n/* WordPress Media Modal Customizations */\r\n.media-modal {\r\n  .media-modal-content {\r\n    .media-frame-title h1 {\r\n      font-size: 18px !important;\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Media Styles */\r\n@media (max-width: 768px) {\r\n  .wordpress-media-button {\r\n    padding: 6px 10px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .image-upload-area {\r\n\r\n    .featured-image-preview,\r\n    .upload-placeholder {\r\n      width: 100px;\r\n      height: 100px;\r\n    }\r\n  }\r\n\r\n  .gallery-upload-area {\r\n    .gallery-grid {\r\n      grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));\r\n\r\n      .gallery-item,\r\n      .gallery-upload-item {\r\n        width: 60px;\r\n        height: 60px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Error States for Media */\r\n.media-error {\r\n  border-color: #dc3545 !important;\r\n  background-color: #f8d7da !important;\r\n\r\n  .upload-content {\r\n    color: #721c24;\r\n\r\n    .upload-icon {\r\n      color: #dc3545;\r\n    }\r\n  }\r\n}\r\n\r\n/* Success States for Media */\r\n.media-success {\r\n  border-color: #28a745 !important;\r\n  background-color: #d4edda !important;\r\n\r\n  .upload-content {\r\n    color: #155724;\r\n\r\n    .upload-icon {\r\n      color: #28a745;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Product Search Dropdown Styles \r\n.product-search-dropdown {\r\n  position: relative;\r\n}\r\n\r\n.search-input-container {\r\n  position: relative;\r\n}\r\n\r\n.selected-product-info {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n  margin-top: 0.25rem;\r\n}\r\n\r\n.dropdown-menu {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  background: white;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.375rem;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n  z-index: 1000;\r\n  max-height: 300px;\r\n}\r\n\r\n.dropdown-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0.5rem 0.75rem;\r\n  border-bottom: 1px solid #e5e7eb;\r\n  background-color: #f9fafb;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.close-btn {\r\n  background: none;\r\n  border: none;\r\n  font-size: 1.25rem;\r\n  cursor: pointer;\r\n  color: #6b7280;\r\n  padding: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.close-btn:hover {\r\n  color: #374151;\r\n}\r\n\r\n.dropdown-items {\r\n  max-height: 250px;\r\n}\r\n\r\n.dropdown-item {\r\n  padding: 0.75rem;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid #f3f4f6;\r\n  transition: background-color 0.15s ease;\r\n}\r\n\r\n.dropdown-item:hover {\r\n  background-color: #f9fafb;\r\n}\r\n\r\n.dropdown-item.selected {\r\n  background-color: #dbeafe;\r\n  border-left: 3px solid #3b82f6;\r\n}\r\n\r\n.dropdown-item.disabled {\r\n  cursor: not-allowed;\r\n  color: #9ca3af;\r\n  background-color: #f9fafb;\r\n}\r\n\r\n.product-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.25rem;\r\n}\r\n\r\n.product-name {\r\n  font-weight: 500;\r\n  color: #111827;\r\n}\r\n\r\n.product-details {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n}\r\n\r\n\r\n/* Category, Tag, and Brand Selection Styles */\r\n\r\n.multi-select-container {\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 0.5rem;\r\n  padding: 1rem;\r\n  background-color: #f9fafb;\r\n}\r\n\r\n.selected-items {\r\n  margin-bottom: 1rem;\r\n  min-height: 2rem;\r\n}\r\n\r\n.selected-item {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background-color: #3b82f6;\r\n  color: white;\r\n  padding: 0.25rem 0.5rem;\r\n  border-radius: 0.375rem;\r\n  margin: 0.125rem;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.remove-item {\r\n  background: none;\r\n  border: none;\r\n  color: white;\r\n  margin-left: 0.5rem;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n  padding: 0;\r\n  width: 16px;\r\n  height: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  transition: background-color 0.15s ease;\r\n}\r\n\r\n.remove-item:hover {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.available-items {\r\n  border-top: 1px solid #e5e7eb;\r\n  padding-top: 1rem;\r\n}\r\n\r\n.section-label {\r\n  font-weight: 600;\r\n  color: #374151;\r\n  margin-bottom: 0.5rem;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.items-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n  gap: 0.5rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.item-btn {\r\n  padding: 0.5rem 0.75rem;\r\n  border: 1px solid #d1d5db;\r\n  background-color: white;\r\n  border-radius: 0.375rem;\r\n  cursor: pointer;\r\n  font-size: 0.875rem;\r\n  transition: all 0.15s ease;\r\n  text-align: left;\r\n}\r\n\r\n.item-btn:hover {\r\n  border-color: #3b82f6;\r\n  background-color: #eff6ff;\r\n}\r\n\r\n.item-btn.selected {\r\n  background-color: #3b82f6;\r\n  color: white;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.item-btn.selected:hover {\r\n  background-color: #2563eb;\r\n  border-color: #2563eb;\r\n}\r\n\r\n/* Empty state styling */\r\n.empty-state {\r\n  text-align: center;\r\n  padding: 2rem;\r\n  color: #6b7280;\r\n}\r\n\r\n.empty-icon {\r\n  font-size: 3rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n/* Section header styling */\r\n.section-header {\r\n  display: flex;\r\n  justify-content: between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.section-header h4 {\r\n  margin: 0;\r\n  color: #111827;\r\n}\r\n\r\n/* Attribute specific styles */\r\n.attribute-item {\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 0.5rem;\r\n  padding: 1rem;\r\n  margin-bottom: 1rem;\r\n  background-color: white;\r\n}\r\n\r\n.attribute-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.attribute-info h5 {\r\n  margin: 0;\r\n  color: #111827;\r\n  font-weight: 600;\r\n}\r\n\r\n.attribute-slug {\r\n  color: #6b7280;\r\n  font-size: 0.875rem;\r\n  font-family: monospace;\r\n}\r\n\r\n.attribute-content {\r\n  border-top: 1px solid #f3f4f6;\r\n  padding-top: 1rem;\r\n}\r\n\r\n.attribute-options {\r\n  display: flex;\r\n  gap: 1rem;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.checkbox-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  font-size: 0.875rem;\r\n  color: #374151;\r\n  cursor: pointer;\r\n}\r\n\r\n.checkbox-label input[type=\"checkbox\"] {\r\n  margin: 0;\r\n}\r\n\r\n/* Attribute preview */\r\n.attribute-preview {\r\n  margin-top: 1.5rem;\r\n  padding: 1rem;\r\n  background-color: #f9fafb;\r\n  border-radius: 0.5rem;\r\n  border: 1px solid #e5e7eb;\r\n}\r\n\r\n.attribute-preview h5 {\r\n  margin: 0 0 0.75rem 0;\r\n  color: #111827;\r\n  font-weight: 600;\r\n}\r\n\r\n.preview-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.preview-attribute {\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.preview-attribute strong {\r\n  color: #374151;\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.preview-attribute span {\r\n  color: #6b7280;\r\n}\r\n\r\n.terms-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n  gap: 0.5rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.term-item {\r\n  padding: 0.5rem;\r\n  background-color: #f3f4f6;\r\n  border-radius: 0.375rem;\r\n  border: 1px solid #e5e7eb;\r\n}\r\n\r\n.term-name {\r\n  font-weight: 500;\r\n  color: #111827;\r\n}\r\n\r\n.term-slug {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n  margin-left: 0.5rem;\r\n}\r\n\r\n.attributes-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n  gap: 1rem;\r\n}\r\n\r\n.attribute-card {\r\n  padding: 1rem;\r\n  background-color: #ffffff;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.15s ease;\r\n}\r\n\r\n.attribute-card:hover {\r\n  border-color: #3b82f6;\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.attribute-name {\r\n  font-weight: 600;\r\n  font-size: 1.125rem;\r\n  color: #111827;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.attribute-type {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n  text-transform: capitalize;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.attribute-slug {\r\n  font-size: 0.75rem;\r\n  color: #9ca3af;\r\n  font-family: monospace;\r\n}\r\n\r\n.tab-navigation {\r\n  display: flex;\r\n  border-bottom: 1px solid #e5e7eb;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.tab-button {\r\n  padding: 0.75rem 1.5rem;\r\n  background: none;\r\n  border: none;\r\n  border-bottom: 2px solid transparent;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n  color: #6b7280;\r\n  transition: all 0.15s ease;\r\n}\r\n\r\n.tab-button:hover {\r\n  color: #374151;\r\n}\r\n\r\n.tab-button.active {\r\n  color: #3b82f6;\r\n  border-bottom-color: #3b82f6;\r\n}\r\n\r\n.modal-large {\r\n  max-width: 800px;\r\n  width: 90vw;\r\n}\r\n\r\n\r\n.product-search-dropdown {\r\n  position: relative;\r\n}\r\n\r\n.search-input-container {\r\n  position: relative;\r\n}\r\n\r\n.selected-product-info {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n  margin-top: 0.25rem;\r\n}\r\n\r\n.dropdown-menu {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  background: white;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.375rem;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n  z-index: 1000;\r\n  max-height: 300px;\r\n}\r\n\r\n.dropdown-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0.5rem 0.75rem;\r\n  border-bottom: 1px solid #e5e7eb;\r\n  background-color: #f9fafb;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.close-btn {\r\n  background: none;\r\n  border: none;\r\n  font-size: 1.25rem;\r\n  cursor: pointer;\r\n  color: #6b7280;\r\n  padding: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.close-btn:hover {\r\n  color: #374151;\r\n}\r\n\r\n.dropdown-items {\r\n  max-height: 250px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.dropdown-item {\r\n  padding: 0.75rem;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid #f3f4f6;\r\n  transition: background-color 0.15s ease;\r\n}\r\n\r\n.dropdown-item:hover {\r\n  background-color: #f9fafb;\r\n}\r\n\r\n.dropdown-item.selected {\r\n  background-color: #dbeafe;\r\n  border-left: 3px solid #3b82f6;\r\n}\r\n\r\n.dropdown-item.disabled {\r\n  cursor: not-allowed;\r\n  color: #9ca3af;\r\n  background-color: #f9fafb;\r\n}\r\n\r\n.product-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.25rem;\r\n}\r\n\r\n.product-name {\r\n  font-weight: 500;\r\n  color: #111827;\r\n}\r\n\r\n.product-details {\r\n  font-size: 0.875rem;\r\n  color: #6b7280;\r\n}\r\n\r\n/*\r\n Product Editor Page - Full Page Form (No Modal) */\r\n.product-editor-page {\r\n  /*  .page-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 24px;\r\n  } */\r\n\r\n  .btn-back {\r\n    background: none;\r\n    border: none;\r\n    color: #1976d2;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    padding: 8px 0;\r\n    margin-bottom: 16px;\r\n    display: inline-block;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n      color: #1565c0;\r\n    }\r\n  }\r\n\r\n  .page-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin-bottom: 32px;\r\n\r\n    .page-title {\r\n      flex: 1;\r\n\r\n      h1 {\r\n        font-size: 28px;\r\n        font-weight: 600;\r\n        color: #1a202c;\r\n        margin: 0 0 8px 0;\r\n        line-height: 35px;\r\n      }\r\n\r\n      p {\r\n        color: #718096;\r\n        margin: 0;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    .page-actions {\r\n      display: flex;\r\n      gap: 12px;\r\n    }\r\n  }\r\n\r\n  .editor-grid {\r\n    display: grid;\r\n    gap: 24px;\r\n  }\r\n\r\n  .editor-section {\r\n    background: white;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    overflow: hidden;\r\n\r\n    .section-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 16px 20px;\r\n      background: #f7fafc;\r\n      border-bottom: 1px solid #e2e8f0;\r\n\r\n      h3 {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #1a202c;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .section-content {\r\n      padding: 20px;\r\n    }\r\n  }\r\n\r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .form-group {\r\n    margin-bottom: 16px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    label {\r\n      display: block;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: #4a5568;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    input,\r\n    select,\r\n    textarea {\r\n      width: 100%;\r\n      padding: 8px 12px;\r\n      border: 1px solid #cbd5e0;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      transition: border-color 0.2s;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #1976d2;\r\n        box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\r\n      }\r\n    }\r\n\r\n    textarea {\r\n      resize: vertical;\r\n      min-height: 80px;\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n\r\n    input[type=\"checkbox\"] {\r\n      width: auto;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}","// Product Editor Styles\r\n\r\n.wp-editor-container {\r\n    .wp-editor-wrap {\r\n        border: 1px solid #ddd;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n\r\n        .wp-editor-tools {\r\n            background: #f9f9f9;\r\n            border-bottom: 1px solid #ddd;\r\n        }\r\n\r\n        .wp-editor-area {\r\n            border: none;\r\n            box-shadow: none;\r\n            resize: vertical;\r\n        }\r\n\r\n        .mce-toolbar-grp {\r\n            background: #f9f9f9;\r\n        }\r\n\r\n        .mce-tinymce {\r\n            border: none;\r\n        }\r\n\r\n        .mce-edit-area {\r\n            border: none;\r\n        }\r\n    }\r\n\r\n    label {\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        font-weight: 500;\r\n        color: #374151;\r\n    }\r\n}\r\n\r\n.product-editor-page {\r\n    .product-editor-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 350px;\r\n        gap: 24px;\r\n        margin-top: 24px;\r\n\r\n        @media (max-width: 1024px) {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .product-editor-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .product-editor-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    // Sidebar Widgets\r\n    .sidebar-widget {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n\r\n        .widget-header {\r\n            padding: 16px;\r\n            border-bottom: 1px solid #e5e7eb;\r\n            background: #f9fafb;\r\n\r\n            h4 {\r\n                margin: 0;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n                color: #111827;\r\n            }\r\n        }\r\n\r\n        .widget-content {\r\n            padding: 16px;\r\n        }\r\n    }\r\n\r\n    // Product Data Section\r\n    .product-data-section {\r\n        .section-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n\r\n            .product-type-select {\r\n                padding: 6px 12px;\r\n                border: 1px solid #d1d5db;\r\n                border-radius: 4px;\r\n                font-size: 13px;\r\n                background: white;\r\n                cursor: pointer;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .product-data-tabs {\r\n        display: flex;\r\n        border-top: 1px solid #e5e7eb;\r\n\r\n        .tab-nav {\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-width: 180px;\r\n            border-right: 1px solid #e5e7eb;\r\n            background: #f9fafb;\r\n\r\n            .tab-btn {\r\n                padding: 12px 16px;\r\n                text-align: left;\r\n                border: none;\r\n                background: transparent;\r\n                cursor: pointer;\r\n                font-size: 13px;\r\n                color: #6b7280;\r\n                transition: all 0.2s;\r\n                border-left: 3px solid transparent;\r\n\r\n                &:hover {\r\n                    background: #f3f4f6;\r\n                    color: #111827;\r\n                }\r\n\r\n                &.active {\r\n                    background: white;\r\n                    color: #3b82f6;\r\n                    font-weight: 500;\r\n                    border-left-color: #3b82f6;\r\n                }\r\n            }\r\n        }\r\n\r\n        .tab-content {\r\n            flex: 1;\r\n            padding: 24px;\r\n            background: white;\r\n        }\r\n\r\n        .tab-panel {\r\n            .form-group {\r\n                margin-bottom: 20px;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // WP Editor Container\r\n    .wp-editor-container {\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n\r\n        .wp-editor-area {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: none;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            resize: vertical;\r\n\r\n            &:focus {\r\n                outline: none;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Dimensions Group\r\n    .dimensions-group {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 12px;\r\n\r\n        input {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    // Toggle Switch\r\n    .toggle-field {\r\n        label {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            user-select: none;\r\n\r\n            span {\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                color: #374151;\r\n            }\r\n        }\r\n    }\r\n\r\n    .toggle-switch {\r\n        position: relative;\r\n        width: 44px;\r\n        height: 24px;\r\n\r\n        input {\r\n            opacity: 0;\r\n            width: 0;\r\n            height: 0;\r\n\r\n            &:checked + .toggle-slider {\r\n                background-color: #3b82f6;\r\n\r\n                &:before {\r\n                    transform: translateX(20px);\r\n                }\r\n            }\r\n\r\n            &:focus + .toggle-slider {\r\n                box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n            }\r\n        }\r\n\r\n        .toggle-slider {\r\n            position: absolute;\r\n            cursor: pointer;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-color: #d1d5db;\r\n            transition: 0.3s;\r\n            border-radius: 24px;\r\n\r\n            &:before {\r\n                position: absolute;\r\n                content: \"\";\r\n                height: 18px;\r\n                width: 18px;\r\n                left: 3px;\r\n                bottom: 3px;\r\n                background-color: white;\r\n                transition: 0.3s;\r\n                border-radius: 50%;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Image Upload Section\r\n    .image-upload-section {\r\n        .featured-image-preview {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 1;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            margin-bottom: 12px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .remove-image {\r\n                position: absolute;\r\n                top: 8px;\r\n                right: 8px;\r\n                width: 28px;\r\n                height: 28px;\r\n                border-radius: 50%;\r\n                background: rgba(0, 0, 0, 0.7);\r\n                color: white;\r\n                border: none;\r\n                cursor: pointer;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 16px;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: rgba(220, 38, 38, 0.9);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Field Description\r\n    .field-description {\r\n        font-size: 12px;\r\n        color: #6b7280;\r\n        margin-top: 6px;\r\n        margin-bottom: 0;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    // Checkbox Label\r\n    .checkbox-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        cursor: pointer;\r\n        user-select: none;\r\n\r\n        input[type=\"checkbox\"] {\r\n            width: 18px;\r\n            height: 18px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        span {\r\n            font-size: 14px;\r\n            color: #374151;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Category Selector Styles\r\n.category-selector {\r\n    .selected-categories {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n\r\n        .category-chip {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 4px 10px;\r\n            background: #dcfce7;\r\n            color: #166534;\r\n            border-radius: 12px;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n\r\n            .category-remove {\r\n                background: none;\r\n                border: none;\r\n                color: #166534;\r\n                cursor: pointer;\r\n                font-size: 14px;\r\n                padding: 0;\r\n                width: 16px;\r\n                height: 16px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-radius: 50%;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: rgba(22, 101, 52, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .category-list {\r\n        max-height: 300px;\r\n        overflow-y: auto;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 4px;\r\n        padding: 8px;\r\n        background: white;\r\n\r\n        .category-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 8px;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            transition: background 0.2s;\r\n            user-select: none;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n            }\r\n\r\n            input[type=\"checkbox\"] {\r\n                width: 16px;\r\n                height: 16px;\r\n                cursor: pointer;\r\n            }\r\n\r\n            span {\r\n                flex: 1;\r\n                font-size: 14px;\r\n                color: #374151;\r\n            }\r\n\r\n            .category-count {\r\n                font-size: 12px;\r\n                color: #6b7280;\r\n                margin-left: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Tag Selector Styles\r\n.tag-selector {\r\n    .selected-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n\r\n        .tag-chip {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 4px 10px;\r\n            background: #dbeafe;\r\n            color: #1e40af;\r\n            border-radius: 12px;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n\r\n            .tag-remove {\r\n                background: none;\r\n                border: none;\r\n                color: #1e40af;\r\n                cursor: pointer;\r\n                font-size: 14px;\r\n                padding: 0;\r\n                width: 16px;\r\n                height: 16px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-radius: 50%;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: rgba(30, 64, 175, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .tag-list {\r\n        max-height: 200px;\r\n        overflow-y: auto;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 4px;\r\n        padding: 8px;\r\n        background: white;\r\n\r\n        .tag-checkboxes {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n        }\r\n\r\n        .tag-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 8px;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            transition: background 0.2s;\r\n            user-select: none;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n            }\r\n\r\n            input[type=\"checkbox\"] {\r\n                width: 16px;\r\n                height: 16px;\r\n                cursor: pointer;\r\n            }\r\n\r\n            span {\r\n                flex: 1;\r\n                font-size: 14px;\r\n                color: #374151;\r\n            }\r\n\r\n            .tag-count {\r\n                font-size: 12px;\r\n                color: #6b7280;\r\n                margin-left: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Modal Styles\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 9999;\r\n    padding: 20px;\r\n}\r\n\r\n.modal-content {\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n    max-width: 600px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    &.modal-sm {\r\n        max-width: 400px;\r\n    }\r\n\r\n    &.modal-lg {\r\n        max-width: 800px;\r\n    }\r\n\r\n    &.modal-xl {\r\n        max-width: 1200px;\r\n    }\r\n\r\n    .modal-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 24px;\r\n        border-bottom: 1px solid #e5e7eb;\r\n\r\n        h3 {\r\n            margin: 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #111827;\r\n        }\r\n\r\n        .modal-close {\r\n            background: none;\r\n            border: none;\r\n            font-size: 24px;\r\n            color: #6b7280;\r\n            cursor: pointer;\r\n            width: 32px;\r\n            height: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n            transition: all 0.2s;\r\n\r\n            &:hover {\r\n                background: #f3f4f6;\r\n                color: #111827;\r\n            }\r\n        }\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 24px;\r\n        overflow-y: auto;\r\n        flex: 1;\r\n    }\r\n\r\n    .modal-footer {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        gap: 12px;\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e5e7eb;\r\n        background: #f9fafb;\r\n    }\r\n}\r\n\r\n// Button Block\r\n.btn-block {\r\n    width: 100%;\r\n}\r\n\r\n\r\n// Image Uploader Styles\r\n.image-uploader {\r\n    &.featured-uploader {\r\n        .featured-image-preview {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 1;\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            background: #f9fafb;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .image-actions {\r\n                position: absolute;\r\n                top: 8px;\r\n                right: 8px;\r\n                display: flex;\r\n                gap: 6px;\r\n            }\r\n        }\r\n\r\n        .upload-placeholder {\r\n            width: 100%;\r\n            aspect-ratio: 1;\r\n            border: 2px dashed #d1d5db;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #f9fafb;\r\n            color: #6b7280;\r\n\r\n            .upload-icon {\r\n                font-size: 48px;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            p {\r\n                margin: 0;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.gallery-uploader {\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n            gap: 12px;\r\n\r\n            .gallery-item {\r\n                position: relative;\r\n                aspect-ratio: 1;\r\n                border: 2px solid #e5e7eb;\r\n                border-radius: 8px;\r\n                overflow: hidden;\r\n                background: #f9fafb;\r\n\r\n                img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    object-fit: cover;\r\n                }\r\n\r\n                .image-actions {\r\n                    position: absolute;\r\n                    top: 6px;\r\n                    right: 6px;\r\n                    display: flex;\r\n                    gap: 4px;\r\n                    opacity: 0;\r\n                    transition: opacity 0.2s;\r\n                }\r\n\r\n                &:hover .image-actions {\r\n                    opacity: 1;\r\n                }\r\n\r\n                .featured-badge {\r\n                    position: absolute;\r\n                    bottom: 6px;\r\n                    left: 6px;\r\n                    padding: 2px 8px;\r\n                    background: rgba(59, 130, 246, 0.9);\r\n                    color: white;\r\n                    font-size: 11px;\r\n                    font-weight: 600;\r\n                    border-radius: 4px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .btn-image-action {\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 4px;\r\n        background: rgba(0, 0, 0, 0.7);\r\n        border: none;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        transition: all 0.2s;\r\n\r\n        &:hover {\r\n            background: rgba(220, 38, 38, 0.9);\r\n            transform: scale(1.1);\r\n        }\r\n    }\r\n\r\n    .upload-buttons {\r\n        display: flex;\r\n        gap: 8px;\r\n\r\n        .btn {\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            white-space: nowrap;\r\n            transition: all 0.2s;\r\n\r\n            &:hover {\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n            }\r\n\r\n            &:active {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            &:disabled {\r\n                opacity: 0.6;\r\n                cursor: not-allowed;\r\n                transform: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Custom Fields Manager Styles\r\n.custom-fields-manager {\r\n    .custom-fields-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 16px;\r\n\r\n        .custom-field-item {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 6px;\r\n            padding: 12px;\r\n            background: white;\r\n\r\n            .field-header {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                margin-bottom: 8px;\r\n\r\n                .field-info {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 8px;\r\n\r\n                    strong {\r\n                        font-size: 14px;\r\n                        color: #374151;\r\n                    }\r\n\r\n                    .field-type-badge {\r\n                        padding: 2px 8px;\r\n                        background: #f3f4f6;\r\n                        color: #6b7280;\r\n                        border-radius: 4px;\r\n                        font-size: 11px;\r\n                        font-weight: 500;\r\n                        text-transform: uppercase;\r\n                    }\r\n                }\r\n\r\n                .btn-remove {\r\n                    background: none;\r\n                    border: none;\r\n                    color: #dc2626;\r\n                    cursor: pointer;\r\n                    font-size: 18px;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    border-radius: 4px;\r\n                    transition: all 0.2s;\r\n\r\n                    &:hover {\r\n                        background: #fee2e2;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .field-value {\r\n                input,\r\n                textarea,\r\n                select {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Downloadable Files Styles\r\n.downloadable-files-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n\r\n    .downloadable-file-item {\r\n        padding: 12px;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 6px;\r\n        background: #f9fafb;\r\n        position: relative;\r\n\r\n        .form-row {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            gap: 12px;\r\n        }\r\n\r\n        .btn-remove-file {\r\n            background: #dc2626;\r\n            border: none;\r\n            color: white;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            width: 28px;\r\n            height: 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n            transition: all 0.2s;\r\n            flex-shrink: 0;\r\n            margin-bottom: 0;\r\n            align-self: flex-end;\r\n\r\n            &:hover {\r\n                background: #b91c1c;\r\n                transform: scale(1.05);\r\n            }\r\n\r\n            &:active {\r\n                transform: scale(0.95);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Brand Selector Styles\r\n.brand-selector {\r\n    .selected-brands {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n\r\n        .brand-chip {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 4px 10px;\r\n            background: #fef3c7;\r\n            color: #92400e;\r\n            border-radius: 12px;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n\r\n            .brand-remove {\r\n                background: none;\r\n                border: none;\r\n                color: #92400e;\r\n                cursor: pointer;\r\n                font-size: 14px;\r\n                padding: 0;\r\n                width: 16px;\r\n                height: 16px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-radius: 50%;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: rgba(146, 64, 14, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .brand-list {\r\n        max-height: 200px;\r\n        overflow-y: auto;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 4px;\r\n        padding: 8px;\r\n        background: white;\r\n\r\n        .brand-checkboxes {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n        }\r\n\r\n        .brand-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 8px;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            transition: background 0.2s;\r\n            user-select: none;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n            }\r\n\r\n            input[type=\"checkbox\"] {\r\n                width: 16px;\r\n                height: 16px;\r\n                cursor: pointer;\r\n            }\r\n\r\n            span {\r\n                flex: 1;\r\n                font-size: 14px;\r\n                color: #374151;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Product Selector Styles\r\n.product-selector {\r\n    margin-bottom: 20px;\r\n\r\n    label {\r\n        display: block;\r\n        font-weight: 500;\r\n        color: #374151;\r\n        margin-bottom: 6px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .selected-products {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n\r\n        .selected-product-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 8px 12px;\r\n            background: #dbeafe;\r\n            border: 1px solid #93c5fd;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            color: #1e40af;\r\n\r\n            .btn-remove {\r\n                background: none;\r\n                border: none;\r\n                color: #dc2626;\r\n                cursor: pointer;\r\n                font-size: 16px;\r\n                padding: 0;\r\n                width: 20px;\r\n                height: 20px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-radius: 4px;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: rgba(220, 38, 38, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .search-wrapper {\r\n        position: relative;\r\n\r\n        input {\r\n            width: 100%;\r\n            padding: 10px 12px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            transition: border-color 0.2s ease;\r\n            background-color: white;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                border-color: #3182ce;\r\n                box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\r\n            }\r\n        }\r\n\r\n        .search-dropdown {\r\n            position: absolute;\r\n            top: calc(100% + 4px);\r\n            left: 0;\r\n            right: 0;\r\n            background: white;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 8px;\r\n            max-height: 320px;\r\n            overflow-y: auto;\r\n            z-index: 9999;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n\r\n            .dropdown-item {\r\n                padding: 12px;\r\n                cursor: pointer;\r\n                border-bottom: 1px solid #f3f4f6;\r\n                transition: background 0.2s;\r\n                background: white;\r\n\r\n                &:hover {\r\n                    background: #f9fafb;\r\n                }\r\n\r\n                &:last-child {\r\n                    border-bottom: none;\r\n                }\r\n\r\n                .product-info {\r\n                    display: flex;\r\n                    gap: 12px;\r\n                    align-items: center;\r\n\r\n                    img {\r\n                        flex-shrink: 0;\r\n                    }\r\n\r\n                    > div {\r\n                        flex: 1;\r\n                        min-width: 0;\r\n                    }\r\n\r\n                    .product-name {\r\n                        font-weight: 500;\r\n                        font-size: 14px;\r\n                        color: #374151;\r\n                        margin-bottom: 4px;\r\n                        white-space: nowrap;\r\n                        overflow: hidden;\r\n                        text-overflow: ellipsis;\r\n                    }\r\n\r\n                    .product-price {\r\n                        font-size: 13px;\r\n                        color: #059669;\r\n                        font-weight: 600;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Attribute Manager Styles\r\n.attribute-manager {\r\n    .attributes-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 16px;\r\n\r\n        .attribute-item {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 6px;\r\n            background: white;\r\n            overflow: hidden;\r\n\r\n            .attribute-header {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 12px;\r\n                padding: 12px 16px;\r\n                background: #f9fafb;\r\n                cursor: pointer;\r\n\r\n                .expand-btn {\r\n                    background: none;\r\n                    border: none;\r\n                    color: #6b7280;\r\n                    cursor: pointer;\r\n                    font-size: 12px;\r\n                    padding: 0;\r\n                    width: 20px;\r\n                    height: 20px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                }\r\n\r\n                strong {\r\n                    flex: 1;\r\n                    font-size: 14px;\r\n                    color: #374151;\r\n                }\r\n\r\n                .attribute-count {\r\n                    font-size: 12px;\r\n                    color: #6b7280;\r\n                }\r\n\r\n                .btn-remove {\r\n                    background: none;\r\n                    border: none;\r\n                    color: #dc2626;\r\n                    cursor: pointer;\r\n                    font-size: 18px;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    border-radius: 4px;\r\n                    transition: all 0.2s;\r\n\r\n                    &:hover {\r\n                        background: #fee2e2;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .attribute-content {\r\n                padding: 16px;\r\n                border-top: 1px solid #e5e7eb;\r\n\r\n                .terms-actions {\r\n                    display: flex;\r\n                    gap: 8px;\r\n                    align-items: center;\r\n                    font-size: 13px;\r\n\r\n                    .btn-link {\r\n                        background: none;\r\n                        border: none;\r\n                        color: #3b82f6;\r\n                        cursor: pointer;\r\n                        padding: 2px 8px;\r\n                        text-decoration: none;\r\n                        font-size: 12px;\r\n                        border-radius: 4px;\r\n                        transition: all 0.2s;\r\n\r\n                        &:hover {\r\n                            color: #2563eb;\r\n                            background: #eff6ff;\r\n                        }\r\n                    }\r\n\r\n                    span {\r\n                        color: #d1d5db;\r\n                    }\r\n                }\r\n\r\n                .selected-terms {\r\n                    span {\r\n                        button {\r\n                            &:hover {\r\n                                color: #dc2626;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .terms-search-input {\r\n                    width: 100%;\r\n                    padding: 8px 12px;\r\n                    border: 1px solid #d1d5db;\r\n                    border-radius: 4px;\r\n                    font-size: 14px;\r\n                    margin-bottom: 8px;\r\n                    transition: border-color 0.2s, box-shadow 0.2s;\r\n\r\n                    &:focus {\r\n                        outline: none;\r\n                        border-color: #3b82f6;\r\n                        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                    }\r\n\r\n                    &::placeholder {\r\n                        color: #9ca3af;\r\n                    }\r\n                }\r\n\r\n                .terms-checkbox-list {\r\n                    max-height: 200px;\r\n                    overflow-y: auto;\r\n                    border: 1px solid #e5e7eb;\r\n                    border-radius: 4px;\r\n                    padding: 4px;\r\n                    background: white;\r\n\r\n                    &::-webkit-scrollbar {\r\n                        width: 8px;\r\n                    }\r\n\r\n                    &::-webkit-scrollbar-track {\r\n                        background: #f3f4f6;\r\n                        border-radius: 4px;\r\n                    }\r\n\r\n                    &::-webkit-scrollbar-thumb {\r\n                        background: #d1d5db;\r\n                        border-radius: 4px;\r\n\r\n                        &:hover {\r\n                            background: #9ca3af;\r\n                        }\r\n                    }\r\n\r\n                    .term-checkbox-item {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        gap: 8px;\r\n                        padding: 8px 10px;\r\n                        cursor: pointer;\r\n                        border-radius: 4px;\r\n                        transition: background 0.15s;\r\n                        font-size: 14px;\r\n                        user-select: none;\r\n\r\n                        &:hover {\r\n                            background: #f9fafb;\r\n                        }\r\n\r\n                        input[type=\"checkbox\"] {\r\n                            width: 16px;\r\n                            height: 16px;\r\n                            cursor: pointer;\r\n                            margin: 0;\r\n                            flex-shrink: 0;\r\n                        }\r\n\r\n                        span {\r\n                            flex: 1;\r\n                            color: #374151;\r\n                        }\r\n                    }\r\n\r\n                    .no-terms-message {\r\n                        padding: 16px 12px;\r\n                        color: #6b7280;\r\n                        text-align: center;\r\n                        font-size: 13px;\r\n                    }\r\n                }\r\n\r\n                select[multiple] {\r\n                    option {\r\n                        padding: 6px 8px;\r\n                        \r\n                        &:checked {\r\n                            background: linear-gradient(#3b82f6, #3b82f6);\r\n                            color: white;\r\n                        }\r\n\r\n                        &:hover {\r\n                            background: #f3f4f6;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .attribute-toggles {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    gap: 8px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .add-attribute-buttons {\r\n        display: flex;\r\n        gap: 12px;\r\n        align-items: center;\r\n\r\n        .dropdown-wrapper {\r\n            flex: 1;\r\n\r\n            .attribute-select {\r\n                width: 100%;\r\n                padding: 8px 12px;\r\n                border: 1px solid #d1d5db;\r\n                border-radius: 6px;\r\n                font-size: 14px;\r\n                background: white;\r\n                cursor: pointer;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Variations Manager Styles\r\n.variations-header {\r\n    margin-bottom: 20px;\r\n\r\n    h4 {\r\n        margin: 0 0 8px 0;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #374151;\r\n    }\r\n\r\n    .field-description {\r\n        margin: 0;\r\n        color: #6b7280;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.variation-manager {\r\n    .variations-toolbar {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 24px;\r\n        padding: 16px;\r\n        background: #f9fafb;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n\r\n        .btn {\r\n            font-weight: 500;\r\n            padding: 10px 20px;\r\n            transition: all 0.2s;\r\n\r\n            &.btn-primary {\r\n                background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n                border: none;\r\n                box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\r\n\r\n                &:hover:not(:disabled) {\r\n                    background: linear-gradient(135deg, #2563eb, #1d4ed8);\r\n                    transform: translateY(-1px);\r\n                    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);\r\n                }\r\n\r\n                &:disabled {\r\n                    opacity: 0.5;\r\n                    cursor: not-allowed;\r\n                    transform: none;\r\n                }\r\n            }\r\n\r\n            &.btn-secondary {\r\n                background: white;\r\n                border: 2px solid #d1d5db;\r\n                color: #374151;\r\n\r\n                &:hover {\r\n                    background: #f9fafb;\r\n                    border-color: #9ca3af;\r\n                    transform: translateY(-1px);\r\n                }\r\n            }\r\n        }\r\n\r\n        .variations-count {\r\n            margin-left: auto;\r\n            color: #059669;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            padding: 8px 16px;\r\n            background: #d1fae5;\r\n            border-radius: 20px;\r\n            border: 1px solid #10b981;\r\n        }\r\n    }\r\n\r\n    .variations-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .variation-item {\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        background: white;\r\n        overflow: hidden;\r\n\r\n        .variation-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 16px;\r\n            background: #f9fafb;\r\n            cursor: pointer;\r\n\r\n            .expand-btn {\r\n                background: none;\r\n                border: none;\r\n                color: #6b7280;\r\n                cursor: pointer;\r\n                font-size: 12px;\r\n                padding: 0;\r\n                width: 20px;\r\n                height: 20px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n\r\n            .variation-info {\r\n                flex: 1;\r\n                min-width: 0;\r\n\r\n                strong {\r\n                    display: block;\r\n                    font-size: 14px;\r\n                    color: #374151;\r\n                    margin-bottom: 4px;\r\n                }\r\n\r\n                .variation-details {\r\n                    font-size: 12px;\r\n                    color: #6b7280;\r\n                }\r\n            }\r\n\r\n            .variation-actions {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n\r\n                .btn-sm {\r\n                    padding: 6px 12px;\r\n                    font-size: 12px;\r\n                    font-weight: 500;\r\n                    border-radius: 4px;\r\n                    transition: all 0.2s;\r\n\r\n                    &.btn-primary {\r\n                        background: linear-gradient(135deg, #10b981, #059669);\r\n                        color: white;\r\n                        border: none;\r\n                        box-shadow: 0 1px 3px rgba(16, 185, 129, 0.3);\r\n\r\n                        &:hover:not(:disabled) {\r\n                            background: linear-gradient(135deg, #059669, #047857);\r\n                            transform: translateY(-1px);\r\n                            box-shadow: 0 2px 4px rgba(16, 185, 129, 0.4);\r\n                        }\r\n\r\n                        &:disabled {\r\n                            opacity: 0.6;\r\n                            cursor: not-allowed;\r\n                            transform: none;\r\n                        }\r\n                    }\r\n\r\n                    &.btn-secondary {\r\n                        background: white;\r\n                        color: #6b7280;\r\n                        border: 1px solid #d1d5db;\r\n\r\n                        &:hover:not(:disabled) {\r\n                            background: #f9fafb;\r\n                            border-color: #9ca3af;\r\n                        }\r\n\r\n                        &:disabled {\r\n                            opacity: 0.6;\r\n                            cursor: not-allowed;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .toggle-switch {\r\n                    position: relative;\r\n                    display: inline-block;\r\n                    width: 44px;\r\n                    height: 24px;\r\n\r\n                    input {\r\n                        opacity: 0;\r\n                        width: 0;\r\n                        height: 0;\r\n\r\n                        &:checked + .toggle-slider {\r\n                            background-color: #10b981;\r\n\r\n                            &:before {\r\n                                transform: translateX(20px);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .toggle-slider {\r\n                        position: absolute;\r\n                        cursor: pointer;\r\n                        top: 0;\r\n                        left: 0;\r\n                        right: 0;\r\n                        bottom: 0;\r\n                        background-color: #d1d5db;\r\n                        transition: 0.2s;\r\n                        border-radius: 24px;\r\n\r\n                        &:before {\r\n                            position: absolute;\r\n                            content: \"\";\r\n                            height: 18px;\r\n                            width: 18px;\r\n                            left: 3px;\r\n                            bottom: 3px;\r\n                            background-color: white;\r\n                            transition: 0.2s;\r\n                            border-radius: 50%;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .btn-remove {\r\n                    background: none;\r\n                    border: none;\r\n                    color: #dc2626;\r\n                    cursor: pointer;\r\n                    font-size: 18px;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    border-radius: 4px;\r\n                    transition: all 0.2s;\r\n\r\n                    &:hover {\r\n                        background: #fee2e2;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .variation-content {\r\n            padding: 20px;\r\n            border-top: 1px solid #e5e7eb;\r\n\r\n            .variation-form {\r\n                .form-row {\r\n                    display: grid;\r\n                    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n                    gap: 16px;\r\n                    margin-bottom: 16px;\r\n\r\n                    &:last-child {\r\n                        margin-bottom: 0;\r\n                    }\r\n                }\r\n\r\n                .form-group {\r\n                    label {\r\n                        display: block;\r\n                        margin-bottom: 6px;\r\n                        font-weight: 500;\r\n                        color: #374151;\r\n                        font-size: 14px;\r\n                    }\r\n\r\n                    input, select {\r\n                        width: 100%;\r\n                        padding: 8px 12px;\r\n                        border: 1px solid #d1d5db;\r\n                        border-radius: 4px;\r\n                        font-size: 14px;\r\n                        transition: border-color 0.2s;\r\n\r\n                        &:focus {\r\n                            outline: none;\r\n                            border-color: #3b82f6;\r\n                            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                        }\r\n                    }\r\n\r\n                    .checkbox-label {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        gap: 8px;\r\n                        cursor: pointer;\r\n                        font-weight: normal;\r\n\r\n                        input[type=\"checkbox\"] {\r\n                            width: auto;\r\n                            margin: 0;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .variations-empty {\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        color: #6b7280;\r\n        background: #f9fafb;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n    }\r\n}\r\n\r\n.variations-empty {\r\n    .empty-state {\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        background: #f9fafb;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n\r\n        h4 {\r\n            margin: 0 0 12px 0;\r\n            color: #374151;\r\n            font-size: 16px;\r\n        }\r\n\r\n        p {\r\n            margin: 0 0 16px 0;\r\n            color: #6b7280;\r\n        }\r\n\r\n        ol {\r\n            text-align: left;\r\n            display: inline-block;\r\n            margin: 0 0 20px 0;\r\n            color: #374151;\r\n\r\n            li {\r\n                margin-bottom: 8px;\r\n\r\n                strong {\r\n                    color: #1f2937;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}// En\r\nhanced Variation Manager Styles\r\n.attribute-selection-section {\r\n    margin-bottom: 30px;\r\n    padding: 20px;\r\n    background: #f9fafb;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 8px;\r\n\r\n    h4 {\r\n        margin: 0 0 8px 0;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #374151;\r\n    }\r\n\r\n    .field-description {\r\n        margin: 0 0 20px 0;\r\n        color: #6b7280;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .attribute-selectors {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .attribute-selector {\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: white;\r\n        padding: 16px;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n\r\n        label {\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            font-size: 14px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .terms-multiselect {\r\n            display: block;\r\n            width: 100%;\r\n            min-height: 140px;\r\n            padding: 12px;\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            background: white;\r\n            transition: border-color 0.2s;\r\n            margin-bottom: 10px;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                border-color: #3b82f6;\r\n                box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n            }\r\n\r\n            option {\r\n                padding: 8px 12px;\r\n                margin: 2px 0;\r\n                border-radius: 4px;\r\n                cursor: pointer;\r\n                \r\n                &:checked {\r\n                    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\r\n                    color: white;\r\n                    font-weight: 500;\r\n                }\r\n\r\n                &:hover {\r\n                    background: #f3f4f6;\r\n                }\r\n            }\r\n        }\r\n\r\n        .help-text {\r\n            display: block;\r\n            margin: 0;\r\n            font-size: 11px;\r\n            color: #6b7280;\r\n            padding: 8px 12px;\r\n            background: #eff6ff;\r\n            border-radius: 6px;\r\n            border-left: 3px solid #3b82f6;\r\n            line-height: 1.5;\r\n            font-style: italic;\r\n\r\n            &::before {\r\n                content: \"ℹ️ \";\r\n                margin-right: 4px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .generation-info {\r\n        padding: 20px;\r\n        background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\r\n        border: 2px solid #10b981;\r\n        border-radius: 8px;\r\n        margin: 20px 0;\r\n        box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1);\r\n\r\n        p {\r\n            margin: 0 0 10px 0;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n\r\n            &:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n\r\n        strong {\r\n            color: #065f46;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .field-description {\r\n            color: #047857;\r\n            font-size: 13px;\r\n            margin-top: 8px;\r\n            padding-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.variation-content {\r\n    .form-section {\r\n        margin-bottom: 24px;\r\n        padding-bottom: 20px;\r\n        border-bottom: 1px solid #f3f4f6;\r\n\r\n        &:last-child {\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        h5 {\r\n            margin: 0 0 16px 0;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n    }\r\n\r\n    .image-upload-placeholder {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n\r\n        .no-image {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: #f3f4f6;\r\n            border: 2px dashed #d1d5db;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n        }\r\n\r\n        img {\r\n            border-radius: 4px;\r\n            border: 1px solid #e5e7eb;\r\n        }\r\n    }\r\n}\r\n\r\n.modal-content {\r\n    .attribute-summary {\r\n        margin: 16px 0;\r\n        padding: 16px;\r\n        background: #f9fafb;\r\n        border-radius: 6px;\r\n\r\n        h4 {\r\n            margin: 0 0 12px 0;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n        }\r\n\r\n        .attribute-summary-item {\r\n            margin-bottom: 8px;\r\n            font-size: 14px;\r\n            color: #374151;\r\n\r\n            strong {\r\n                color: #1f2937;\r\n            }\r\n        }\r\n    }\r\n\r\n    .warning-box {\r\n        padding: 16px;\r\n        background: #fef3c7;\r\n        border: 1px solid #f59e0b;\r\n        border-radius: 6px;\r\n        margin-top: 16px;\r\n\r\n        p {\r\n            margin: 0 0 12px 0;\r\n            color: #92400e;\r\n            font-size: 14px;\r\n        }\r\n\r\n        ul {\r\n            margin: 0;\r\n            padding-left: 20px;\r\n            color: #92400e;\r\n\r\n            li {\r\n                margin-bottom: 4px;\r\n                font-size: 13px;\r\n            }\r\n        }\r\n    }\r\n}\r\n// Enh\r\nanced Section Header with Inherit Button\r\n.variation-content {\r\n    .section-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 16px;\r\n\r\n        h5 {\r\n            margin: 0;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .inherit-btn {\r\n            padding: 6px 12px;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            background: #f3f4f6;\r\n            color: #6b7280;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n\r\n            &:hover {\r\n                background: #e5e7eb;\r\n                color: #374151;\r\n                border-color: #9ca3af;\r\n            }\r\n\r\n            &:active {\r\n                background: #d1d5db;\r\n            }\r\n        }\r\n    }\r\n\r\n    .help-text {\r\n        margin: 4px 0 0 0;\r\n        font-size: 11px;\r\n        color: #9ca3af;\r\n        font-style: italic;\r\n    }\r\n}\r\n\r\n// Enhanced Attribute Selection Styling\r\n.attribute-selection-section {\r\n    .attribute-selector {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        \r\n        label {\r\n            display: block !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n        \r\n        .terms-multiselect {\r\n            display: block !important;\r\n            width: 100% !important;\r\n            margin-bottom: 10px !important;\r\n            // Enhanced multi-select styling\r\n            background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            \r\n            &:focus {\r\n                border-color: #3b82f6;\r\n                box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\r\n                background: white;\r\n            }\r\n\r\n            option {\r\n                padding: 10px 14px;\r\n                margin: 1px 0;\r\n                border-radius: 4px;\r\n                font-size: 13px;\r\n                line-height: 1.4;\r\n                \r\n                &:checked {\r\n                    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);\r\n                    color: white;\r\n                    font-weight: 600;\r\n                    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n                }\r\n\r\n                &:hover:not(:checked) {\r\n                    background: #f0f9ff;\r\n                    color: #1e40af;\r\n                }\r\n            }\r\n        }\r\n\r\n        .help-text {\r\n            display: block !important;\r\n            margin: 0 !important;\r\n            font-size: 11px !important;\r\n            padding: 8px 12px !important;\r\n            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\r\n            border-left: 4px solid #3b82f6;\r\n            border-radius: 6px;\r\n            font-weight: 500;\r\n            font-style: italic;\r\n            line-height: 1.5;\r\n            \r\n            &::before {\r\n                content: \"ℹ️ \";\r\n                margin-right: 4px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .generation-info {\r\n        padding: 20px;\r\n        background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\r\n        border: 2px solid #10b981;\r\n        border-radius: 8px;\r\n        margin: 20px 0;\r\n        box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1);\r\n\r\n        strong {\r\n            color: #15803d;\r\n        }\r\n\r\n        .field-description {\r\n            color: #166534;\r\n        }\r\n    }\r\n}\r\n\r\n// Sale Price Dates Styling\r\n.form-section {\r\n    .form-row {\r\n        input[type=\"datetime-local\"] {\r\n            padding: 8px 12px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 4px;\r\n            font-size: 14px;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            transition: border-color 0.2s;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                border-color: #3b82f6;\r\n                box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n            }\r\n\r\n            &::-webkit-calendar-picker-indicator {\r\n                cursor: pointer;\r\n                filter: invert(0.5);\r\n                \r\n                &:hover {\r\n                    filter: invert(0.3);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Custom Fields Editable Badge\r\n.custom-fields-manager {\r\n    .field-editable-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        padding: 2px 8px;\r\n        background: #dbeafe;\r\n        color: #1e40af;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        margin-left: 8px;\r\n    }\r\n    \r\n    .field-options {\r\n        padding: 8px 12px;\r\n        background: #f9fafb;\r\n        border-top: 1px solid #e5e7eb;\r\n        margin-top: 8px;\r\n        \r\n        .checkbox-label {\r\n            font-size: 13px;\r\n            color: #374151;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Products Page Sidebar Layout\r\n.products-layout {\r\n    display: grid;\r\n    grid-template-columns: 250px 1fr;\r\n    gap: 24px;\r\n    margin-top: 24px;\r\n    position: relative;\r\n\r\n    @media (max-width: 1024px) {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n}\r\n\r\n.products-sidebar {\r\n\r\n    .sidebar-tabs {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        position: sticky;\r\n        top: 24px;\r\n\r\n        .sidebar-tab {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            width: 100%;\r\n            padding: 14px 16px;\r\n            border: none;\r\n            background: white;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n            border-bottom: 1px solid #e5e7eb;\r\n            text-align: left;\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n            .tab-icon {\r\n                font-size: 20px;\r\n                flex-shrink: 0;\r\n            }\r\n\r\n            .tab-label {\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                color: #6b7280;\r\n                transition: color 0.2s;\r\n            }\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n\r\n                .tab-label {\r\n                    color: #374151;\r\n                }\r\n            }\r\n\r\n            &.active {\r\n                background: #eff6ff;\r\n                border-left: 3px solid #3b82f6;\r\n                padding-left: 13px;\r\n\r\n                .tab-label {\r\n                    color: #3b82f6;\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        margin-bottom: 16px;\r\n\r\n        .sidebar-tabs {\r\n            position: static;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n            gap: 8px;\r\n            padding: 8px;\r\n\r\n            .sidebar-tab {\r\n                flex-direction: column;\r\n                gap: 6px;\r\n                padding: 12px 8px;\r\n                border-bottom: none;\r\n                border-right: none;\r\n                border: 1px solid #e5e7eb;\r\n                border-radius: 8px;\r\n                justify-content: center;\r\n                align-items: center;\r\n                background: white;\r\n                transition: all 0.2s;\r\n\r\n                .tab-icon {\r\n                    font-size: 24px;\r\n                }\r\n\r\n                .tab-label {\r\n                    font-size: 11px;\r\n                    text-align: center;\r\n                    color: #6b7280;\r\n                    font-weight: 500;\r\n                    line-height: 1.2;\r\n                }\r\n\r\n                &.active {\r\n                    border: 2px solid #3b82f6;\r\n                    background: #eff6ff;\r\n                    padding: 11px 7px; // Adjust for border\r\n\r\n                    .tab-label {\r\n                        color: #3b82f6;\r\n                        font-weight: 600;\r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    background: #f9fafb;\r\n                    border-color: #cbd5e1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.products-main-content {\r\n    min-width: 0;\r\n\r\n    .tab-content {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n\r\n            .empty-icon {\r\n                font-size: 64px;\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            h3 {\r\n                margin: 0 0 8px 0;\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n                color: #111827;\r\n            }\r\n\r\n            p {\r\n                margin: 0;\r\n                font-size: 14px;\r\n                color: #6b7280;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Products Table Responsive Styles\r\n.products-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    table-layout: auto;\r\n\r\n    thead {\r\n        background: #f9fafb;\r\n        border-bottom: 2px solid #e5e7eb;\r\n\r\n        th {\r\n            padding: 12px 16px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            font-size: 13px;\r\n            color: #374151;\r\n            white-space: nowrap;\r\n\r\n            &:last-child {\r\n                width: 120px;\r\n                min-width: 120px;\r\n            }\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        tr {\r\n            border-bottom: 1px solid #e5e7eb;\r\n            transition: background 0.2s;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n            }\r\n\r\n            td {\r\n                padding: 12px 16px;\r\n                font-size: 14px;\r\n                color: #374151;\r\n            }\r\n        }\r\n    }\r\n\r\n    .checkbox-col {\r\n        width: 40px;\r\n        text-align: center;\r\n    }\r\n\r\n    .product-info {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-width: 200px;\r\n\r\n        .product-image {\r\n            width: 50px;\r\n            height: 50px;\r\n            flex-shrink: 0;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            border: 1px solid #e5e7eb;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .no-image {\r\n                width: 100%;\r\n                height: 100%;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                background: #f3f4f6;\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        .product-details {\r\n            flex: 1;\r\n            min-width: 0;\r\n\r\n            .product-name {\r\n                font-weight: 500;\r\n                color: #111827;\r\n                margin-bottom: 4px;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            .product-type {\r\n                font-size: 12px;\r\n                text-transform: capitalize;\r\n            }\r\n        }\r\n    }\r\n\r\n    .product-actions {\r\n        display: flex;\r\n        gap: 6px;\r\n        justify-content: flex-end;\r\n        min-width: 100px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    // Ensure actions column is always visible\r\n    tbody tr td:last-child {\r\n        position: sticky;\r\n        right: 0;\r\n        background: white;\r\n        box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);\r\n        \r\n        &:hover {\r\n            background: #f9fafb;\r\n        }\r\n    }\r\n\r\n    thead tr th:last-child {\r\n        position: sticky;\r\n        right: 0;\r\n        background: #f9fafb;\r\n        box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);\r\n        z-index: 2;\r\n    }\r\n}\r\n\r\n.table-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    border-radius: 8px;\r\n    border: 1px solid #e5e7eb;\r\n\r\n    // Make table scrollable on small screens\r\n    @media (max-width: 1200px) {\r\n        .products-table {\r\n            min-width: 900px; // Force horizontal scroll on smaller screens\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .products-table {\r\n            min-width: 800px;\r\n            font-size: 13px;\r\n\r\n            thead th,\r\n            tbody td {\r\n                padding: 8px 12px;\r\n            }\r\n\r\n            .product-info {\r\n                min-width: 180px;\r\n\r\n                .product-image {\r\n                    width: 40px;\r\n                    height: 40px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Responsive adjustments for products layout\r\n@media (max-width: 1200px) {\r\n    .products-layout {\r\n        grid-template-columns: 200px 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .products-sidebar .sidebar-tabs .sidebar-tab {\r\n        padding: 12px;\r\n\r\n        .tab-label {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .products-container {\r\n        .page-header {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n\r\n            .page-actions {\r\n                width: 100%;\r\n                flex-wrap: wrap;\r\n            }\r\n        }\r\n\r\n        .filters-bar {\r\n            .filters-row {\r\n                flex-direction: column;\r\n                gap: 8px;\r\n\r\n                .filter-item {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n\r\n        .bulk-actions {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n\r\n            .bulk-buttons {\r\n                width: 100%;\r\n                flex-wrap: wrap;\r\n            }\r\n        }\r\n    }\r\n\r\n    .table-pagination {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        text-align: center;\r\n\r\n        .pagination-info {\r\n            width: 100%;\r\n        }\r\n\r\n        .pagination-controls {\r\n            width: 100%;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Categories, Tags & Brands Page Styles\r\n.categories-page,\r\n.tags-page,\r\n.brands-page {\r\n    /* .page-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 24px;\r\n    } */\r\n\r\n    .taxonomy-form-section {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        margin-bottom: 24px;\r\n\r\n        h3 {\r\n            margin: 0 0 20px 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #111827;\r\n        }\r\n\r\n        .form-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 16px;\r\n            margin-bottom: 16px;\r\n\r\n            @media (max-width: 768px) {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .form-group {\r\n            label {\r\n                display: block;\r\n                margin-bottom: 6px;\r\n                font-weight: 500;\r\n                font-size: 14px;\r\n                color: #374151;\r\n            }\r\n\r\n            input,\r\n            textarea,\r\n            select {\r\n                width: 100%;\r\n                padding: 10px 12px;\r\n                border: 1px solid #d1d5db;\r\n                border-radius: 6px;\r\n                font-size: 14px;\r\n                transition: border-color 0.2s;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n\r\n            textarea {\r\n                resize: vertical;\r\n                min-height: 80px;\r\n            }\r\n        }\r\n\r\n        .form-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .thumbnail-preview {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n\r\n            img {\r\n                width: 150px;\r\n                height: 150px;\r\n                object-fit: cover;\r\n                border-radius: 8px;\r\n                border: 2px solid #e5e7eb;\r\n            }\r\n\r\n            .thumbnail-actions {\r\n                display: flex;\r\n                gap: 8px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .taxonomy-list {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n\r\n        .data-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n\r\n            thead {\r\n                background: #f9fafb;\r\n                border-bottom: 2px solid #e5e7eb;\r\n\r\n                th {\r\n                    padding: 12px 16px;\r\n                    text-align: left;\r\n                    font-weight: 600;\r\n                    font-size: 13px;\r\n                    color: #374151;\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n\r\n            tbody {\r\n                tr {\r\n                    border-bottom: 1px solid #e5e7eb;\r\n                    transition: background 0.2s;\r\n\r\n                    &:hover {\r\n                        background: #f9fafb;\r\n                    }\r\n\r\n                    &:last-child {\r\n                        border-bottom: none;\r\n                    }\r\n\r\n                    td {\r\n                        padding: 12px 16px;\r\n                        font-size: 14px;\r\n                        color: #374151;\r\n\r\n                        strong {\r\n                            font-weight: 600;\r\n                            color: #111827;\r\n                        }\r\n\r\n                        img {\r\n                            vertical-align: middle;\r\n                            border-radius: 4px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Attributes & Terms Page Styles\r\n.attributes-page,\r\n.attribute-terms-page {\r\n    .field-description {\r\n        display: block;\r\n        font-size: 12px;\r\n        color: #6b7280;\r\n        margin-top: 4px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .page-title {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n\r\n// Attributes & Terms Pages Styles\r\n.attributes-page,\r\n.attribute-terms-page {\r\n    /* .page-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 24px;\r\n    } */\r\n\r\n    .page-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 24px;\r\n\r\n        .page-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n\r\n            h1 {\r\n                margin: 0;\r\n                font-size: 24px;\r\n                font-weight: 600;\r\n                color: #111827;\r\n                line-height: 35px;\r\n            }\r\n\r\n            p {\r\n                margin: 4px 0 0 0;\r\n                font-size: 14px;\r\n                color: #6b7280;\r\n            }\r\n        }\r\n\r\n        .page-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n    }\r\n\r\n    .taxonomy-form-section {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        margin-bottom: 24px;\r\n\r\n        h3 {\r\n            margin: 0 0 20px 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #111827;\r\n        }\r\n\r\n        .form-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 16px;\r\n            margin-bottom: 16px;\r\n\r\n            @media (max-width: 768px) {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .form-group {\r\n            label {\r\n                display: block;\r\n                margin-bottom: 6px;\r\n                font-weight: 500;\r\n                font-size: 14px;\r\n                color: #374151;\r\n\r\n                &.checkbox-label {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 8px;\r\n                    cursor: pointer;\r\n                    user-select: none;\r\n\r\n                    input[type=\"checkbox\"] {\r\n                        width: 18px;\r\n                        height: 18px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    span {\r\n                        font-weight: 500;\r\n                    }\r\n                }\r\n            }\r\n\r\n            input,\r\n            textarea,\r\n            select {\r\n                width: 100%;\r\n                padding: 10px 12px;\r\n                border: 1px solid #d1d5db;\r\n                border-radius: 6px;\r\n                font-size: 14px;\r\n                transition: border-color 0.2s;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n\r\n            textarea {\r\n                resize: vertical;\r\n                min-height: 80px;\r\n            }\r\n\r\n            .field-description {\r\n                display: block;\r\n                font-size: 12px;\r\n                color: #6b7280;\r\n                margin-top: 4px;\r\n                line-height: 1.4;\r\n            }\r\n        }\r\n\r\n        .form-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n\r\n    .taxonomy-list {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n\r\n        .data-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n\r\n            thead {\r\n                background: #f9fafb;\r\n                border-bottom: 2px solid #e5e7eb;\r\n\r\n                th {\r\n                    padding: 12px 16px;\r\n                    text-align: left;\r\n                    font-weight: 600;\r\n                    font-size: 13px;\r\n                    color: #374151;\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n\r\n            tbody {\r\n                tr {\r\n                    border-bottom: 1px solid #e5e7eb;\r\n                    transition: background 0.2s;\r\n\r\n                    &:hover {\r\n                        background: #f9fafb;\r\n                    }\r\n\r\n                    &:last-child {\r\n                        border-bottom: none;\r\n                    }\r\n\r\n                    td {\r\n                        padding: 12px 16px;\r\n                        font-size: 14px;\r\n                        color: #374151;\r\n\r\n                        strong {\r\n                            font-weight: 600;\r\n                            color: #111827;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n\r\n            .empty-icon {\r\n                font-size: 64px;\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            h3 {\r\n                margin: 0 0 8px 0;\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n                color: #111827;\r\n            }\r\n\r\n            p {\r\n                margin: 0;\r\n                font-size: 14px;\r\n                color: #6b7280;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Modal Styles (if not already defined)\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 9999;\r\n    padding: 20px;\r\n}\r\n\r\n.modal-content {\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n    max-width: 600px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    &.modal-large {\r\n        max-width: 900px;\r\n    }\r\n\r\n    &.modal-xl {\r\n        max-width: 1200px;\r\n    }\r\n\r\n    .modal-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 24px;\r\n        border-bottom: 1px solid #e5e7eb;\r\n\r\n        h3 {\r\n            margin: 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #111827;\r\n        }\r\n\r\n        .modal-close {\r\n            background: none;\r\n            border: none;\r\n            font-size: 24px;\r\n            color: #6b7280;\r\n            cursor: pointer;\r\n            width: 32px;\r\n            height: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n            transition: all 0.2s;\r\n\r\n            &:hover {\r\n                background: #f3f4f6;\r\n                color: #111827;\r\n            }\r\n        }\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 24px;\r\n        overflow-y: auto;\r\n        flex: 1;\r\n    }\r\n\r\n    .modal-footer {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        gap: 12px;\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e5e7eb;\r\n        background: #f9fafb;\r\n    }\r\n}\r\n","// Product Single Page Modal Styles\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 9999;\r\n    padding: 20px;\r\n\r\n    @media (max-width: 768px) {\r\n        padding: 0;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n\r\n.product-single-page {\r\n    max-width: 1400px !important;\r\n    width: 100%;\r\n    max-height: 95vh;\r\n    position: relative;\r\n    padding: 0 !important;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    background: white;\r\n    border-radius: 12px;\r\n\r\n    @media (max-width: 768px) {\r\n        max-width: 100vw !important;\r\n        width: 100vw !important;\r\n        max-height: 100vh;\r\n        height: 100vh;\r\n        border-radius: 0;\r\n    }\r\n\r\n    .modal-close-btn {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background: white;\r\n        border: none;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n        transition: all 0.2s;\r\n\r\n        &:hover {\r\n            background: #f3f4f6;\r\n            transform: rotate(90deg);\r\n        }\r\n    }\r\n\r\n    .product-single-container {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 380px) 1fr;\r\n        gap: 32px;\r\n        padding: 32px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n\r\n        @media (max-width: 1200px) {\r\n            grid-template-columns: minmax(0, 350px) 1fr;\r\n            gap: 24px;\r\n            padding: 24px;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n            padding: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            display: block;\r\n            padding: 16px;\r\n            gap: 0;\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            padding: 12px;\r\n        }\r\n    }\r\n\r\n    // Image Section\r\n    .product-image-section {\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n        min-width: 0;\r\n\r\n        @media (max-width: 768px) {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .featured-image {\r\n            width: 100%;\r\n            height: 350px;\r\n            background: white;\r\n            border-radius: 10px;\r\n            border: 1px solid #e5e7eb;\r\n            overflow: hidden;\r\n            margin-bottom: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: contain;\r\n                padding: 20px;\r\n            }\r\n\r\n            .no-image {\r\n                text-align: center;\r\n                color: #9ca3af;\r\n\r\n                span {\r\n                    font-size: 48px;\r\n                    display: block;\r\n                    margin-bottom: 12px;\r\n                }\r\n\r\n                p {\r\n                    margin: 0;\r\n                    font-size: 14px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .gallery-thumbnails {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));\r\n            gap: 10px;\r\n            margin-bottom: 24px;\r\n\r\n            .thumbnail {\r\n                aspect-ratio: 1;\r\n                border-radius: 8px;\r\n                border: 2px solid #e5e7eb;\r\n                overflow: hidden;\r\n                cursor: pointer;\r\n                transition: all 0.2s;\r\n                background: white;\r\n\r\n                &:hover {\r\n                    border-color: #3b82f6;\r\n                    transform: translateY(-2px);\r\n                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n                }\r\n\r\n                &.active {\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);\r\n                }\r\n\r\n                img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    object-fit: cover;\r\n                }\r\n            }\r\n        }\r\n\r\n        .description-box {\r\n            background: #f9fafb;\r\n            border-radius: 8px;\r\n            padding: 12px;\r\n            margin-bottom: 12px;\r\n            color: #4b5563;\r\n            line-height: 1.5;\r\n            font-size: 13px;\r\n\r\n            p {\r\n                margin: 0 0 8px 0;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n\r\n            ul, ol {\r\n                margin: 8px 0;\r\n                padding-left: 18px;\r\n\r\n                li {\r\n                    margin-bottom: 4px;\r\n                }\r\n            }\r\n\r\n            img {\r\n                max-width: 100%;\r\n                height: auto;\r\n                border-radius: 6px;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            h1, h2, h3, h4, h5, h6 {\r\n                margin: 12px 0 6px 0;\r\n                color: #1f2937;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Product Info Section\r\n    .product-info {\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n        overflow-x: hidden;\r\n        min-width: 0;\r\n\r\n        .product-header {\r\n            margin-bottom: 16px;\r\n\r\n            h1 {\r\n                font-size: 24px;\r\n                font-weight: 700;\r\n                color: #1f2937;\r\n                margin: 0 0 8px 0;\r\n                line-height: 1.2;\r\n                word-wrap: break-word;\r\n            }\r\n\r\n            .product-meta {\r\n                display: flex;\r\n                gap: 6px;\r\n                flex-wrap: wrap;\r\n\r\n                span {\r\n                    padding: 3px 10px;\r\n                    border-radius: 12px;\r\n                    font-size: 11px;\r\n                    font-weight: 600;\r\n                }\r\n\r\n                .status-tag {\r\n                    background: #d1fae5;\r\n                    color: #065f46;\r\n                    text-transform: capitalize;\r\n\r\n                    &.draft {\r\n                        background: #fef3c7;\r\n                        color: #92400e;\r\n                    }\r\n                }\r\n\r\n                .featured-tag {\r\n                    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\r\n                    color: white;\r\n                }\r\n\r\n                .sku-tag {\r\n                    background: #f3f4f6;\r\n                    color: #6b7280;\r\n                }\r\n            }\r\n        }\r\n\r\n        .product-price {\r\n            padding: 14px;\r\n            background: #f9fafb;\r\n            border-radius: 8px;\r\n            margin-bottom: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            flex-wrap: wrap;\r\n\r\n            .sale-price {\r\n                font-size: 28px;\r\n                font-weight: 700;\r\n                color: #005a87;\r\n            }\r\n\r\n            .regular-price {\r\n                font-size: 18px;\r\n                color: #9ca3af;\r\n                text-decoration: line-through;\r\n            }\r\n\r\n            .discount {\r\n                padding: 4px 10px;\r\n                background: #7ad03a;\r\n                color: white;\r\n                border-radius: 6px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n            }\r\n\r\n            .current-price {\r\n                font-size: 28px;\r\n                font-weight: 700;\r\n                color: #1f2937;\r\n            }\r\n        }\r\n\r\n        .product-stock {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 16px;\r\n            flex-wrap: wrap;\r\n\r\n            .stock-badge {\r\n                padding: 6px 12px;\r\n                border-radius: 6px;\r\n                font-size: 13px;\r\n                font-weight: 600;\r\n\r\n                &.instock {\r\n                    background: #d1fae5;\r\n                    color: #065f46;\r\n                }\r\n\r\n                &.outofstock {\r\n                    background: #fee2e2;\r\n                    color: #991b1b;\r\n                }\r\n\r\n                &.onbackorder {\r\n                    background: #fef3c7;\r\n                    color: #92400e;\r\n                }\r\n            }\r\n\r\n            .stock-qty {\r\n                color: #6b7280;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .product-short-desc {\r\n            padding: 20px;\r\n            background: white;\r\n            border-left: 4px solid #3b82f6;\r\n            border-radius: 8px;\r\n            margin-bottom: 24px;\r\n            color: #4b5563;\r\n            line-height: 1.7;\r\n\r\n            p {\r\n                margin: 0 0 12px 0;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        .product-details-table {\r\n            margin-bottom: 24px;\r\n            overflow-x: auto;\r\n\r\n            h3 {\r\n                font-size: 18px;\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin: 0 0 16px 0;\r\n            }\r\n\r\n            table {\r\n                width: 100%;\r\n                border-collapse: collapse;\r\n\r\n                tr {\r\n                    border-bottom: 1px solid #e5e7eb;\r\n\r\n                    &:last-child {\r\n                        border-bottom: none;\r\n                    }\r\n                }\r\n\r\n                td {\r\n                    padding: 12px 0;\r\n                    font-size: 14px;\r\n\r\n                    &:first-child {\r\n                        color: #6b7280;\r\n                        font-weight: 600;\r\n                        width: 140px;\r\n                        padding-right: 12px;\r\n                    }\r\n\r\n                    &:last-child {\r\n                        color: #1f2937;\r\n                        word-wrap: break-word;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .product-taxonomy {\r\n            padding: 14px;\r\n            background: #f9fafb;\r\n            border-radius: 8px;\r\n            margin-bottom: 16px;\r\n\r\n            .tax-group {\r\n                margin-bottom: 12px;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n\r\n                strong {\r\n                    display: block;\r\n                    font-size: 13px;\r\n                    color: #1f2937;\r\n                    margin-bottom: 6px;\r\n                }\r\n\r\n                .tax-items {\r\n                    display: flex;\r\n                    flex-wrap: wrap;\r\n                    gap: 6px;\r\n\r\n                    .tax-item {\r\n                        padding: 4px 12px;\r\n                        border-radius: 12px;\r\n                        font-size: 12px;\r\n                        font-weight: 500;\r\n\r\n                        &.category {\r\n                            background: #dbeafe;\r\n                            color: #1e40af;\r\n                        }\r\n\r\n                        &.tag {\r\n                            background: #fef3c7;\r\n                            color: #92400e;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .product-actions {\r\n            .btn-lg {\r\n                width: 100%;\r\n                padding: 12px;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Tablet Responsive\r\n@media (max-width: 1024px) {\r\n    .product-single-page {\r\n        .product-image-section .featured-image {\r\n            height: 350px;\r\n        }\r\n    }\r\n}\r\n\r\n// Mobile Responsive\r\n@media (max-width: 768px) {\r\n    .modal-overlay {\r\n        padding: 0;\r\n    }\r\n\r\n    .product-single-page {\r\n        max-width: 100vw !important;\r\n        max-height: 100vh !important;\r\n        height: 100vh;\r\n        border-radius: 0 !important;\r\n\r\n        .modal-close-btn {\r\n            top: 10px;\r\n            right: 10px;\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 20px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n        }\r\n\r\n        .product-single-container {\r\n            display: block !important;\r\n            padding: 16px !important;\r\n            width: 100% !important;\r\n            max-width: 100vw !important;\r\n            box-sizing: border-box !important;\r\n            overflow-x: hidden !important;\r\n        }\r\n\r\n        .product-image-section {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            box-sizing: border-box !important;\r\n            margin-bottom: 20px;\r\n\r\n            .featured-image {\r\n                height: 280px;\r\n            }\r\n\r\n            .gallery-thumbnails {\r\n                grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));\r\n                gap: 8px;\r\n            }\r\n\r\n            .description-box {\r\n                padding: 14px;\r\n                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        .product-info {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            box-sizing: border-box !important;\r\n            overflow-x: hidden !important;\r\n\r\n            .product-header {\r\n                h1 {\r\n                    font-size: 20px;\r\n                    line-height: 1.3;\r\n                }\r\n\r\n                .product-meta {\r\n                    span {\r\n                        font-size: 11px;\r\n                        padding: 3px 10px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .product-price {\r\n                padding: 14px;\r\n                gap: 10px;\r\n                flex-wrap: wrap;\r\n\r\n                .sale-price,\r\n                .current-price {\r\n                    font-size: 24px;\r\n                }\r\n\r\n                .regular-price {\r\n                    font-size: 16px;\r\n                }\r\n\r\n                .discount {\r\n                    font-size: 11px;\r\n                    padding: 4px 10px;\r\n                }\r\n            }\r\n\r\n            .product-stock {\r\n                flex-wrap: wrap;\r\n\r\n                .stock-badge {\r\n                    font-size: 12px;\r\n                    padding: 6px 12px;\r\n                }\r\n\r\n                .stock-qty {\r\n                    font-size: 12px;\r\n                }\r\n            }\r\n\r\n            .product-details-table {\r\n                h3 {\r\n                    font-size: 15px;\r\n                }\r\n\r\n                table td {\r\n                    padding: 8px 0;\r\n                    font-size: 13px;\r\n\r\n                    &:first-child {\r\n                        width: 110px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .product-taxonomy {\r\n                padding: 14px;\r\n\r\n                .tax-group {\r\n                    margin-bottom: 10px;\r\n\r\n                    strong {\r\n                        font-size: 12px;\r\n                    }\r\n\r\n                    .tax-items .tax-item {\r\n                        font-size: 11px;\r\n                        padding: 4px 10px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .product-actions .btn-lg {\r\n                padding: 12px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Small Mobile\r\n@media (max-width: 480px) {\r\n    .product-single-page {\r\n        .product-single-container {\r\n            padding: 12px !important;\r\n        }\r\n\r\n        .product-image-section {\r\n            margin-bottom: 16px;\r\n\r\n            .featured-image {\r\n                height: 240px;\r\n            }\r\n\r\n            .gallery-thumbnails {\r\n                grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));\r\n                gap: 6px;\r\n            }\r\n        }\r\n\r\n        .product-info {\r\n            .product-header h1 {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .product-price {\r\n                padding: 12px;\r\n\r\n                .sale-price,\r\n                .current-price {\r\n                    font-size: 22px;\r\n                }\r\n            }\r\n\r\n            .product-details-table table td:first-child {\r\n                width: 90px;\r\n            }\r\n        }\r\n    }\r\n}","// Bulk Product Editor Styles\r\n.bulk-editor-page {\r\n    /* .page-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 24px;\r\n    } */\r\n\r\n    .page-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 24px;\r\n        padding-bottom: 16px;\r\n        border-bottom: 2px solid #e5e7eb;\r\n\r\n        .page-title {\r\n            h1 {\r\n                font-size: 28px;\r\n                font-weight: 600;\r\n                color: #1a202c;\r\n                margin: 0 0 4px 0;\r\n                line-height: 35px;\r\n            }\r\n\r\n            p {\r\n                color: #6b7280;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .page-actions {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n    }\r\n\r\n    // Edit Mode Tabs\r\n    .edit-mode-tabs {\r\n        display: flex;\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n        background: white;\r\n        padding: 8px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n\r\n        .mode-tab {\r\n            flex: 1;\r\n            padding: 12px 24px;\r\n            border: 2px solid transparent;\r\n            background: transparent;\r\n            border-radius: 6px;\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #6b7280;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n                color: #1f2937;\r\n            }\r\n\r\n            &.active {\r\n                background: #3b82f6;\r\n                color: white;\r\n                border-color: #3b82f6;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Common Fields Section\r\n    .common-fields-section {\r\n        background: white;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        margin-bottom: 24px;\r\n\r\n        .section-header {\r\n                margin-bottom: 24px;\r\n                padding-bottom: 16px;\r\n                border-bottom: 1px solid #e5e7eb;\r\n                display: flex;\r\n                flex-direction: column;\r\n\r\n            h3 {\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin-bottom: 4px;\r\n            }\r\n\r\n            p {\r\n                color: #6b7280;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .field-section {\r\n            background: #f9fafb;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            padding: 20px;\r\n            margin-bottom: 20px;\r\n\r\n            .field-section-header {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                margin-bottom: 16px;\r\n                padding-bottom: 12px;\r\n                border-bottom: 1px solid #e5e7eb;\r\n\r\n                h4 {\r\n                    font-size: 16px;\r\n                    font-weight: 600;\r\n                    color: #1f2937;\r\n                    margin: 0;\r\n                }\r\n\r\n                .toggle-label {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 8px;\r\n                    cursor: pointer;\r\n                    user-select: none;\r\n\r\n                    input[type=\"checkbox\"] {\r\n                        width: 18px;\r\n                        height: 18px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    span {\r\n                        font-size: 14px;\r\n                        font-weight: 500;\r\n                        color: #6b7280;\r\n                    }\r\n\r\n                    &:hover span {\r\n                        color: #3b82f6;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .btn-sm {\r\n                margin-top: 12px;\r\n            }\r\n        }\r\n\r\n        .common-fields-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 16px;\r\n\r\n            .field-group {\r\n                transition: all 0.2s;\r\n\r\n                &.disabled {\r\n                    opacity: 0.6;\r\n                    \r\n                    .field-header label {\r\n                        color: #9ca3af;\r\n                    }\r\n                }\r\n\r\n                .field-header {\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n                    align-items: center;\r\n                    margin-bottom: 8px;\r\n\r\n                    label {\r\n                        font-size: 14px;\r\n                        font-weight: 500;\r\n                        color: #374151;\r\n                        transition: color 0.2s;\r\n                    }\r\n                }\r\n\r\n                input[type=\"text\"],\r\n                input[type=\"number\"],\r\n                select {\r\n                    width: 100%;\r\n                    padding: 10px 12px;\r\n                    border: 2px solid #e5e7eb;\r\n                    border-radius: 6px;\r\n                    font-size: 14px;\r\n                    transition: all 0.2s;\r\n                    background: white;\r\n\r\n                    &:focus {\r\n                        outline: none;\r\n                        border-color: #3b82f6;\r\n                        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                    }\r\n\r\n                    &:disabled {\r\n                        background: #f9fafb;\r\n                        color: #9ca3af;\r\n                        cursor: not-allowed;\r\n                        border-color: #e5e7eb;\r\n                    }\r\n\r\n                    &::placeholder {\r\n                        color: #9ca3af;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        // Toggle Switch\r\n        .toggle-switch {\r\n            position: relative;\r\n            display: inline-block;\r\n            width: 44px;\r\n            height: 24px;\r\n\r\n            input[type=\"checkbox\"] {\r\n                opacity: 0;\r\n                width: 0;\r\n                height: 0;\r\n\r\n                &:checked + .toggle-slider {\r\n                    background-color: #3b82f6;\r\n\r\n                    &:before {\r\n                        transform: translateX(20px);\r\n                    }\r\n                }\r\n\r\n                &:focus + .toggle-slider {\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n            }\r\n\r\n            .toggle-slider {\r\n                position: absolute;\r\n                cursor: pointer;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background-color: #d1d5db;\r\n                transition: 0.3s;\r\n                border-radius: 24px;\r\n\r\n                &:before {\r\n                    position: absolute;\r\n                    content: \"\";\r\n                    height: 18px;\r\n                    width: 18px;\r\n                    left: 3px;\r\n                    bottom: 3px;\r\n                    background-color: white;\r\n                    transition: 0.3s;\r\n                    border-radius: 50%;\r\n                }\r\n            }\r\n        }\r\n\r\n        .apply-section {\r\n            text-align: center;\r\n            padding-top: 24px;\r\n            border-top: 2px solid #e5e7eb;\r\n            margin-top: 24px;\r\n\r\n            .btn-lg {\r\n                padding: 14px 32px;\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Individual Edit Section\r\n    .individual-edit-section {\r\n        background: white;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        margin-bottom: 24px;\r\n\r\n        .section-header {\r\n            margin-bottom: 24px;\r\n            padding-bottom: 16px;\r\n            border-bottom: 1px solid #e5e7eb;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            h3 {\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin-bottom: 4px;\r\n            }\r\n\r\n            p {\r\n                color: #6b7280;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .products-table-wrapper {\r\n            overflow: auto;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            position: relative;\r\n            max-height: 70vh; /* Add max height to enable vertical scrolling */\r\n\r\n            /* Smooth scrolling */\r\n            scroll-behavior: smooth;\r\n\r\n            /* Custom scrollbar styling */\r\n            &::-webkit-scrollbar {\r\n                height: 8px;\r\n                width: 8px;\r\n            }\r\n\r\n            &::-webkit-scrollbar-track {\r\n                background: #f1f5f9;\r\n                border-radius: 4px;\r\n            }\r\n\r\n            &::-webkit-scrollbar-thumb {\r\n                background: #cbd5e1;\r\n                border-radius: 4px;\r\n                \r\n                &:hover {\r\n                    background: #94a3b8;\r\n                }\r\n            }\r\n\r\n            /* Firefox scrollbar styling */\r\n            scrollbar-width: thin;\r\n            scrollbar-color: #cbd5e1 #f1f5f9;\r\n\r\n            /* Drag hint overlay */\r\n            &::before {\r\n                content: \"💡 Tip: Click and drag to scroll\";\r\n                position: absolute;\r\n                top: 8px;\r\n                right: 8px;\r\n                background: rgba(59, 130, 246, 0.9);\r\n                color: white;\r\n                padding: 4px 8px;\r\n                border-radius: 4px;\r\n                font-size: 11px;\r\n                font-weight: 500;\r\n                z-index: 15;\r\n                opacity: 0;\r\n                transition: opacity 0.3s ease;\r\n                pointer-events: none;\r\n            }\r\n\r\n            &:hover::before {\r\n                opacity: 1;\r\n            }\r\n\r\n           \r\n            .bulk-edit-table {\r\n                width: 100%;\r\n                border-collapse: collapse;\r\n                min-width: 1400px;\r\n\r\n                thead {\r\n                    background: #f9fafb;\r\n                    border-bottom: 2px solid #e5e7eb;\r\n\r\n                    th {\r\n                        padding: 12px 16px;\r\n                        text-align: left;\r\n                        font-size: 13px;\r\n                        font-weight: 600;\r\n                        color: #6b7280;\r\n                        text-transform: uppercase;\r\n                        letter-spacing: 0.5px;\r\n                        background: #f9fafb;\r\n                        position: sticky;\r\n                        top: 0;\r\n                        z-index: 20;\r\n                        \r\n                        /* First column sticky left */\r\n                        &:first-child {\r\n                            position: sticky;\r\n                            left: 0;\r\n                            z-index: 25;\r\n                            box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                tbody {\r\n                    tr {\r\n                        border-bottom: 1px solid #f3f4f6;\r\n                        transition: background 0.2s;\r\n\r\n                        &:hover {\r\n                            background: #f9fafb;\r\n                            \r\n                            /* Ensure sticky column matches hover background */\r\n                            td:first-child {\r\n                                background: #f9fafb;\r\n                            }\r\n                        }\r\n\r\n                        &:last-child {\r\n                            border-bottom: none;\r\n                        }\r\n\r\n                        td {\r\n                            padding: 12px 16px;\r\n                            vertical-align: middle;\r\n\r\n                            /* First column sticky left */\r\n                            &:first-child {\r\n                                position: sticky;\r\n                                left: 0;\r\n                                background: white;\r\n                                z-index: 15;\r\n                                box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);\r\n                            }\r\n\r\n                            .product-cell, .order-cell {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                gap: 12px;\r\n\r\n                                .product-thumb {\r\n                                    width: 40px;\r\n                                    height: 40px;\r\n                                    object-fit: cover;\r\n                                    border-radius: 6px;\r\n                                    border: 1px solid #e5e7eb;\r\n                                    flex-shrink: 0;\r\n                                }\r\n\r\n                                .product-name {\r\n                                    font-size: 14px;\r\n                                    font-weight: 500;\r\n                                    color: #1f2937;\r\n                                    line-height: 1.4;\r\n                                }\r\n                            }\r\n\r\n                            input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {\r\n                                padding: 0 8px;\r\n                                line-height: 2;\r\n                                min-width: 210px;\r\n                            }\r\n\r\n                            input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{\r\n                                 min-width: 210px;\r\n                            }\r\n\r\n                            .table-input,\r\n                            .table-select {\r\n                                width: 100%;\r\n                                padding: 8px 10px;\r\n                                border: 1px solid #d1d5db;\r\n                                border-radius: 4px;\r\n                                font-size: 13px;\r\n                                transition: all 0.2s;\r\n\r\n                                &:focus {\r\n                                    outline: none;\r\n                                    border-color: #3b82f6;\r\n                                    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\r\n                                }\r\n\r\n                                &:disabled {\r\n                                    background: #f3f4f6;\r\n                                    color: #9ca3af;\r\n                                    cursor: not-allowed;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .apply-section {\r\n            margin-top: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n\r\n    }\r\n\r\n    // Summary Section\r\n    .bulk-edit-summary {\r\n        background: white;\r\n        border-radius: 8px;\r\n        padding: 20px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n\r\n        .summary-card {\r\n            h4 {\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            .summary-stats {\r\n                display: flex;\r\n                gap: 32px;\r\n\r\n                .stat {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    gap: 4px;\r\n\r\n                    .stat-label {\r\n                        font-size: 13px;\r\n                        color: #6b7280;\r\n                    }\r\n\r\n                    .stat-value {\r\n                        font-size: 18px;\r\n                        font-weight: 600;\r\n                        color: #1f2937;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Responsive\r\n@media (max-width: 768px) {\r\n    .bulk-editor-page {\r\n        .page-header {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 16px;\r\n\r\n            .page-actions {\r\n                width: 100%;\r\n\r\n                button {\r\n                    flex: 1;\r\n                }\r\n            }\r\n        }\r\n\r\n        .edit-mode-tabs {\r\n            flex-direction: column;\r\n\r\n            .mode-tab {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        .common-fields-section {\r\n            .common-fields-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Bulk Edit Limit Notice\r\n.bulk-limit-notice {\r\n    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n    border: 2px solid #f59e0b;\r\n    border-radius: 12px;\r\n    padding: 0;\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.1), 0 2px 4px -1px rgba(245, 158, 11, 0.06);\r\n\r\n    .limit-notice-content {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n        padding: 20px;\r\n\r\n        .notice-icon {\r\n            font-size: 32px;\r\n            flex-shrink: 0;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .notice-text {\r\n            flex: 1;\r\n\r\n            h3 {\r\n                color: #92400e;\r\n                font-size: 18px;\r\n                font-weight: 700;\r\n                margin: 0 0 8px 0;\r\n            }\r\n\r\n            p {\r\n                color: #b45309;\r\n                font-size: 14px;\r\n                line-height: 1.5;\r\n                margin: 0 0 8px 0;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n\r\n                strong {\r\n                    font-weight: 600;\r\n                    color: #92400e;\r\n                }\r\n            }\r\n        }\r\n\r\n        .notice-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n            flex-shrink: 0;\r\n\r\n            .btn {\r\n                padding: 8px 16px;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n                border-radius: 6px;\r\n                border: none;\r\n                cursor: pointer;\r\n                transition: all 0.2s;\r\n                text-decoration: none;\r\n                text-align: center;\r\n                min-width: 140px;\r\n\r\n                &.btn-primary {\r\n                    background: #dc2626;\r\n                    color: white;\r\n\r\n                    &:hover {\r\n                        background: #b91c1c;\r\n                        transform: translateY(-1px);\r\n                        box-shadow: 0 4px 8px rgba(220, 38, 38, 0.3);\r\n                    }\r\n                }\r\n\r\n                &.btn-secondary {\r\n                    background: white;\r\n                    color: #92400e;\r\n                    border: 1px solid #d97706;\r\n\r\n                    &:hover {\r\n                        background: #f9fafb;\r\n                        border-color: #b45309;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        // Responsive adjustments\r\n        @media (max-width: 768px) {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n\r\n            .notice-actions {\r\n                flex-direction: row;\r\n                width: 100%;\r\n\r\n                .btn {\r\n                    flex: 1;\r\n                    min-width: auto;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Custom Pagination Styles\r\n.custom-rows-input {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-left: 8px;\r\n\r\n    .custom-input {\r\n        width: 120px;\r\n        padding: 6px 8px;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 4px;\r\n        font-size: 13px;\r\n\r\n        &:focus {\r\n            outline: none;\r\n            border-color: #3b82f6;\r\n            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\r\n        }\r\n    }\r\n\r\n    .btn-xs {\r\n        padding: 4px 8px;\r\n        font-size: 12px;\r\n        line-height: 1.2;\r\n    }\r\n}\r\n\r\n.selected-info {\r\n    color: #3b82f6;\r\n    font-weight: 500;\r\n}\r\n\r\n.pagination-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-size: 14px;\r\n    color: #6b7280;\r\n}\r\n\r\n// Premium disabled styling\r\n.premium-disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed !important;\r\n    \r\n    &:hover {\r\n        opacity: 0.6 !important;\r\n        transform: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n}\r\n/* Batch Progress Modal Styles */\r\n.batch-progress-overlay {\r\n    background: rgba(0, 0, 0, 0.7);\r\n    backdrop-filter: blur(4px);\r\n}\r\n\r\n.batch-progress-modal {\r\n    max-width: 500px;\r\n    width: 90%;\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n    overflow: hidden;\r\n\r\n    .modal-header {\r\n        background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n        color: white;\r\n        padding: 20px 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        h3 {\r\n            margin: 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .modal-close {\r\n            background: none;\r\n            border: none;\r\n            color: white;\r\n            font-size: 24px;\r\n            cursor: pointer;\r\n            padding: 4px;\r\n            border-radius: 4px;\r\n            transition: background-color 0.2s ease;\r\n\r\n            &:hover {\r\n                background: rgba(255, 255, 255, 0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 24px;\r\n    }\r\n\r\n    .modal-footer {\r\n        padding: 16px 24px;\r\n        border-top: 1px solid #e2e8f0;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n    }\r\n}\r\n\r\n.batch-progress-content {\r\n    .progress-info {\r\n        margin-bottom: 24px;\r\n\r\n        .operation-type {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 16px;\r\n            padding: 12px 16px;\r\n            background: #f7fafc;\r\n            border-radius: 8px;\r\n            border: 1px solid #e2e8f0;\r\n\r\n            .operation-icon {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .operation-text {\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n                color: #2d3748;\r\n            }\r\n        }\r\n\r\n        .progress-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 12px;\r\n\r\n            .stat-item {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 8px 12px;\r\n                background: #edf2f7;\r\n                border-radius: 6px;\r\n\r\n                .stat-label {\r\n                    font-size: 14px;\r\n                    color: #4a5568;\r\n                    font-weight: 500;\r\n                }\r\n\r\n                .stat-value {\r\n                    font-size: 14px;\r\n                    color: #2d3748;\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .progress-bar-container {\r\n        margin-bottom: 24px;\r\n\r\n        .progress-bar {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: #e2e8f0;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            margin-bottom: 8px;\r\n\r\n            .progress-fill {\r\n                height: 100%;\r\n                background: linear-gradient(90deg, #38a169 0%, #48bb78 100%);\r\n                border-radius: 6px;\r\n                transition: width 0.3s ease;\r\n                position: relative;\r\n\r\n                &::after {\r\n                    content: '';\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    right: 0;\r\n                    bottom: 0;\r\n                    background: linear-gradient(\r\n                        90deg,\r\n                        transparent 0%,\r\n                        rgba(255, 255, 255, 0.3) 50%,\r\n                        transparent 100%\r\n                    );\r\n                    animation: shimmer 2s infinite;\r\n                }\r\n            }\r\n        }\r\n\r\n        .progress-percentage {\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: #2d3748;\r\n        }\r\n    }\r\n\r\n    .completion-message,\r\n    .processing-message {\r\n        text-align: center;\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .completion-message {\r\n        background: #f0fff4;\r\n        border: 1px solid #c6f6d5;\r\n\r\n        .success-icon {\r\n            font-size: 48px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .success-content {\r\n            h4 {\r\n                color: #2f855a;\r\n                margin: 0 0 8px 0;\r\n                font-size: 18px;\r\n            }\r\n\r\n            p {\r\n                color: #38a169;\r\n                margin: 0;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .processing-message {\r\n        background: #ebf8ff;\r\n        border: 1px solid #bee3f8;\r\n\r\n        .spinner {\r\n            width: 32px;\r\n            height: 32px;\r\n            margin: 0 auto 16px;\r\n        }\r\n\r\n        p {\r\n            color: #2c5282;\r\n            margin: 0;\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n\r\n            small {\r\n                color: #4299e1;\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.batch-error {\r\n    text-align: center;\r\n    padding: 20px;\r\n    background: #fed7d7;\r\n    border: 1px solid #feb2b2;\r\n    border-radius: 8px;\r\n\r\n    .error-icon {\r\n        font-size: 48px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .error-content {\r\n        h4 {\r\n            color: #c53030;\r\n            margin: 0 0 8px 0;\r\n            font-size: 18px;\r\n        }\r\n\r\n        p {\r\n            color: #e53e3e;\r\n            margin: 0;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes shimmer {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    100% {\r\n        transform: translateX(100%);\r\n    }\r\n}\r\n\r\n/* Mobile responsive */\r\n@media (max-width: 768px) {\r\n    .batch-progress-modal {\r\n        margin: 20px;\r\n        max-width: none;\r\n\r\n        .modal-header {\r\n            padding: 16px 20px;\r\n\r\n            h3 {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        .modal-body {\r\n            padding: 20px;\r\n        }\r\n\r\n        .batch-progress-content {\r\n            .progress-info {\r\n                .progress-stats {\r\n                    grid-template-columns: 1fr;\r\n                    gap: 8px;\r\n                }\r\n            }\r\n\r\n            .progress-percentage {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .completion-message,\r\n            .processing-message {\r\n                padding: 16px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n    .batch-progress-modal {\r\n        background: #2d3748;\r\n\r\n        .modal-header {\r\n            background: linear-gradient(135deg, #2b6cb0 0%, #2c5282 100%);\r\n        }\r\n\r\n        .modal-footer {\r\n            border-color: #4a5568;\r\n        }\r\n\r\n        .batch-progress-content {\r\n            .progress-info {\r\n                .operation-type {\r\n                    background: #1a202c;\r\n                    border-color: #4a5568;\r\n\r\n                    .operation-text {\r\n                        color: #e2e8f0;\r\n                    }\r\n                }\r\n\r\n                .progress-stats {\r\n                    .stat-item {\r\n                        background: #1a202c;\r\n\r\n                        .stat-label {\r\n                            color: #a0aec0;\r\n                        }\r\n\r\n                        .stat-value {\r\n                            color: #e2e8f0;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .progress-bar-container {\r\n                .progress-bar {\r\n                    background: #4a5568;\r\n                }\r\n\r\n                .progress-percentage {\r\n                    color: #e2e8f0;\r\n                }\r\n            }\r\n\r\n            .completion-message {\r\n                background: rgba(56, 161, 105, 0.1);\r\n                border-color: #38a169;\r\n\r\n                .success-content {\r\n                    h4 {\r\n                        color: #68d391;\r\n                    }\r\n\r\n                    p {\r\n                        color: #9ae6b4;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .processing-message {\r\n                background: rgba(49, 130, 206, 0.1);\r\n                border-color: #3182ce;\r\n\r\n                p {\r\n                    color: #90cdf4;\r\n\r\n                    small {\r\n                        color: #63b3ed;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .batch-error {\r\n            background: rgba(197, 48, 48, 0.1);\r\n            border-color: #e53e3e;\r\n\r\n            .error-content {\r\n                h4 {\r\n                    color: #fc8181;\r\n                }\r\n\r\n                p {\r\n                    color: #feb2b2;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","// Customers Page Styles\r\n\r\n.customers-page,\r\n.customer-editor-page {\r\n    /* .page-container {\r\n        max-width: 100%;\r\n        padding: 0 24px;\r\n    } */\r\n\r\n    .filters-card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        margin-bottom: 24px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .filters-row {\r\n        display: flex;\r\n        gap: 12px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .filter-group {\r\n        flex: 1;\r\n        min-width: 200px;\r\n    }\r\n\r\n    .filter-input,\r\n    .filter-select {\r\n        width: 100%;\r\n        padding: 10px 14px;\r\n        border: 1px solid #e0e0e0;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        transition: border-color 0.2s;\r\n\r\n        &:focus {\r\n            outline: none;\r\n            border-color: #1976d2;\r\n        }\r\n    }\r\n\r\n    .data-table-card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .table-responsive {\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .data-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n\r\n        thead {\r\n            background: #f5f5f5;\r\n\r\n            th {\r\n                padding: 16px;\r\n                text-align: left;\r\n                font-weight: 600;\r\n                font-size: 14px;\r\n                color: #666;\r\n                border-bottom: 2px solid #e0e0e0;\r\n                white-space: nowrap;\r\n\r\n                &.actions-column {\r\n                    text-align: center;\r\n                    width: 120px;\r\n                }\r\n            }\r\n        }\r\n\r\n        tbody {\r\n            tr {\r\n                border-bottom: 1px solid #f0f0f0;\r\n                transition: background 0.2s;\r\n\r\n                &:hover {\r\n                    background: #fafafa;\r\n                }\r\n            }\r\n\r\n            td {\r\n                padding: 16px;\r\n                font-size: 14px;\r\n                color: #333;\r\n\r\n                &.empty-state {\r\n                    text-align: center;\r\n                    padding: 60px 20px;\r\n\r\n                    .empty-icon {\r\n                        font-size: 48px;\r\n                        margin-bottom: 16px;\r\n                    }\r\n\r\n                    p {\r\n                        color: #999;\r\n                        font-size: 16px;\r\n                        margin: 0;\r\n                    }\r\n                }\r\n\r\n                &.actions-column {\r\n                    text-align: center;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .customer-cell {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .customer-avatar {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 600;\r\n        font-size: 16px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .customer-avatar-img {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        object-fit: cover;\r\n        flex-shrink: 0;\r\n        border: 2px solid #e5e7eb;\r\n    }\r\n\r\n    .customer-info {\r\n        .customer-name {\r\n            font-weight: 600;\r\n            color: #333;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .customer-username {\r\n            font-size: 12px;\r\n            color: #999;\r\n        }\r\n    }\r\n\r\n    .role-badge {\r\n        display: inline-block;\r\n        padding: 4px 12px;\r\n        border-radius: 12px;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        background: #e3f2fd;\r\n        color: #1976d2;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .action-buttons {\r\n        display: flex;\r\n        gap: 8px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .btn-icon {\r\n        background: none;\r\n        border: none;\r\n        padding: 6px;\r\n        cursor: pointer;\r\n        font-size: 16px;\r\n        border-radius: 4px;\r\n        transition: background 0.2s;\r\n\r\n        &:hover {\r\n            background: #f5f5f5;\r\n        }\r\n\r\n        &.btn-danger:hover {\r\n            background: #ffebee;\r\n        }\r\n    }\r\n\r\n    .pagination {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 16px;\r\n        padding: 20px;\r\n        border-top: 1px solid #f0f0f0;\r\n\r\n        .pagination-info {\r\n            font-size: 14px;\r\n            color: #666;\r\n        }\r\n    }\r\n\r\n    .loading-state {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 60px 20px;\r\n        gap: 16px;\r\n\r\n        p {\r\n            color: #999;\r\n            font-size: 16px;\r\n            margin: 0;\r\n        }\r\n    }\r\n}\r\n\r\n// Customer Editor Styles\r\n.customer-editor-page {\r\n    .btn-back {\r\n        background: none;\r\n        border: none;\r\n        color: #1976d2;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        padding: 8px 0;\r\n        margin-bottom: 8px;\r\n        display: inline-block;\r\n\r\n        &:hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n\r\n    .editor-grid {\r\n        display: grid;\r\n        gap: 24px;\r\n    }\r\n\r\n    .editor-section {\r\n        background: white;\r\n        border-radius: 12px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .section-header {\r\n        padding: 20px 24px;\r\n        border-bottom: 1px solid #f0f0f0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        h3 {\r\n            margin: 0;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #333;\r\n        }\r\n    }\r\n\r\n    .section-content {\r\n        padding: 24px;\r\n    }\r\n\r\n    .form-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n        margin-bottom: 16px;\r\n\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n\r\n    .form-group {\r\n        margin-bottom: 16px;\r\n\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        label {\r\n            display: block;\r\n            font-weight: 500;\r\n            color: #333;\r\n            margin-bottom: 8px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        input,\r\n        select,\r\n        textarea {\r\n            width: 100%;\r\n            padding: 10px 14px;\r\n            border: 1px solid #e0e0e0;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            transition: border-color 0.2s;\r\n            background: white;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                border-color: #1976d2;\r\n                box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\r\n            }\r\n\r\n            &:disabled {\r\n                background: #f5f5f5;\r\n                color: #999;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        small {\r\n            display: block;\r\n            margin-top: 4px;\r\n            font-size: 12px;\r\n            color: #999;\r\n        }\r\n    }\r\n}\r\n\r\n// Responsive\r\n@media (max-width: 1024px) {\r\n    .customers-page,\r\n    .customer-editor-page {\r\n        .page-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .filters-row {\r\n            flex-direction: column;\r\n\r\n            .filter-group {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        .customer-editor-page {\r\n            .form-row {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .customers-page {\r\n        .data-table {\r\n            thead th,\r\n            tbody td {\r\n                padding: 12px 8px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .customer-avatar {\r\n                width: 32px;\r\n                height: 32px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .action-buttons {\r\n            flex-direction: column;\r\n        }\r\n    }\r\n}\r\n","// Customer CV Modal Styles\r\n.customer-cv-modal {\r\n    max-width: 900px !important;\r\n\r\n    .customer-cv {\r\n\r\n        // Header Section\r\n        .cv-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 24px;\r\n            padding: 32px;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            border-radius: 12px;\r\n            margin-bottom: 24px;\r\n            color: white;\r\n\r\n            .cv-avatar {\r\n                width: 80px;\r\n                height: 80px;\r\n                border-radius: 50%;\r\n                background: white;\r\n                color: #667eea;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 36px;\r\n                font-weight: 700;\r\n                flex-shrink: 0;\r\n                border: 4px solid rgba(255, 255, 255, 0.3);\r\n            }\r\n\r\n            .cv-avatar-img {\r\n                width: 80px;\r\n                height: 80px;\r\n                border-radius: 50%;\r\n                object-fit: cover;\r\n                flex-shrink: 0;\r\n                border: 4px solid rgba(255, 255, 255, 0.3);\r\n            }\r\n\r\n            .cv-header-info {\r\n                flex: 1;\r\n\r\n                h2 {\r\n                    margin: 0 0 8px 0;\r\n                    font-size: 32px;\r\n                    font-weight: 700;\r\n                }\r\n\r\n                .cv-username {\r\n                    font-size: 16px;\r\n                    opacity: 0.9;\r\n                    margin: 0 0 12px 0;\r\n                }\r\n\r\n                .cv-badges {\r\n                    display: flex;\r\n                    gap: 8px;\r\n                    flex-wrap: wrap;\r\n\r\n                    .cv-badge {\r\n                        background: rgba(255, 255, 255, 0.2);\r\n                        padding: 4px 12px;\r\n                        border-radius: 12px;\r\n                        font-size: 12px;\r\n                        font-weight: 600;\r\n                        backdrop-filter: blur(10px);\r\n\r\n                        &.role {\r\n                            background: rgba(255, 255, 255, 0.3);\r\n                            text-transform: capitalize;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        // Section Styles\r\n        .cv-section {\r\n            margin-bottom: 24px;\r\n            padding: 20px;\r\n            background: #f9fafb;\r\n            border-radius: 8px;\r\n            border: 1px solid #e5e7eb;\r\n\r\n            .cv-section-title {\r\n                font-size: 18px;\r\n                font-weight: 600;\r\n                color: #1f2937;\r\n                margin: 0 0 16px 0;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n            }\r\n        }\r\n\r\n        // Contact Grid\r\n        .cv-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 16px;\r\n\r\n            .cv-item {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 4px;\r\n\r\n                .cv-label {\r\n                    font-size: 12px;\r\n                    color: #6b7280;\r\n                    text-transform: uppercase;\r\n                    letter-spacing: 0.5px;\r\n                    font-weight: 600;\r\n                }\r\n\r\n                .cv-value {\r\n                    font-size: 15px;\r\n                    color: #1f2937;\r\n                    font-weight: 500;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Statistics Cards\r\n        .cv-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 16px;\r\n\r\n            .cv-stat-card {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 16px;\r\n                padding: 20px;\r\n                background: white;\r\n                border-radius: 8px;\r\n                border: 1px solid #e5e7eb;\r\n                transition: all 0.2s;\r\n\r\n                &:hover {\r\n                    transform: translateY(-2px);\r\n                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n                }\r\n\r\n                .cv-stat-icon {\r\n                    width: 48px;\r\n                    height: 48px;\r\n                    border-radius: 12px;\r\n                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    font-size: 24px;\r\n                    flex-shrink: 0;\r\n                }\r\n\r\n                .cv-stat-info {\r\n                    flex: 1;\r\n\r\n                    .cv-stat-value {\r\n                        font-size: 24px;\r\n                        font-weight: 700;\r\n                        color: #1f2937;\r\n                        line-height: 1;\r\n                        margin-bottom: 4px;\r\n                    }\r\n\r\n                    .cv-stat-label {\r\n                        font-size: 12px;\r\n                        color: #6b7280;\r\n                        text-transform: uppercase;\r\n                        letter-spacing: 0.5px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        // Address Section\r\n        .cv-address {\r\n            background: white;\r\n            padding: 16px;\r\n            border-radius: 6px;\r\n\r\n            p {\r\n                margin: 0 0 4px 0;\r\n                color: #4b5563;\r\n                line-height: 1.6;\r\n\r\n                &:last-child {\r\n                    margin-bottom: 0;\r\n                }\r\n\r\n                strong {\r\n                    color: #1f2937;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Responsive Design\r\n@media (max-width: 768px) {\r\n    .customer-cv-modal {\r\n        .customer-cv {\r\n            .cv-header {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                padding: 24px;\r\n\r\n                .cv-avatar {\r\n                    width: 80px;\r\n                    height: 80px;\r\n                    font-size: 36px;\r\n                }\r\n\r\n                .cv-header-info {\r\n                    h2 {\r\n                        font-size: 24px;\r\n                    }\r\n\r\n                    .cv-badges {\r\n                        justify-content: center;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .cv-stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .cv-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    }\r\n}","/* Settings Page Styles */\r\n\r\n.settings {\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 400px;\r\n    gap: 16px;\r\n\r\n    p {\r\n      color: #718096;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  .settings-layout {\r\n    display: grid;\r\n    grid-template-columns: 250px 1fr;\r\n    gap: 24px;\r\n\r\n    @media (max-width: 1024px) {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  .settings-tabs {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n\r\n    @media (max-width: 1024px) {\r\n      flex-direction: row;\r\n      overflow-x: auto;\r\n      padding-bottom: 8px;\r\n    }\r\n\r\n    .tab-button {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 12px 16px;\r\n      border: none;\r\n      background: white;\r\n      border-radius: 8px;\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      text-align: left;\r\n      border: 1px solid #e2e8f0;\r\n\r\n      @media (max-width: 1024px) {\r\n        flex-shrink: 0;\r\n        min-width: 140px;\r\n        justify-content: center;\r\n        text-align: center;\r\n      }\r\n\r\n      .tab-icon {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .tab-label {\r\n        font-weight: 500;\r\n        color: #4a5568;\r\n        font-size: 14px;\r\n      }\r\n\r\n      &:hover:not(.disabled) {\r\n        background-color: #f7fafc;\r\n        border-color: #cbd5e0;\r\n      }\r\n\r\n      &.active {\r\n        background-color: #3182ce;\r\n        border-color: #3182ce;\r\n        color: white;\r\n\r\n        .tab-label {\r\n          color: white;\r\n        }\r\n      }\r\n\r\n      &.disabled {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n        background-color: #bde4ff;\r\n\r\n        .tab-label {\r\n          color: #a0aec0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .settings-content {\r\n    .tab-panel {\r\n      .card {\r\n        width: 100%;\r\n        min-width: unset;\r\n        max-width: unset;\r\n\r\n        .card-header {\r\n          h3 {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .settings-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  .setting-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 16px 0;\r\n    border-bottom: 1px solid #e2e8f0;\r\n\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .setting-info {\r\n      flex: 1;\r\n\r\n      .setting-label {\r\n        font-weight: 600;\r\n        color: #1a202c;\r\n        font-size: 16px;\r\n        margin-bottom: 4px;\r\n        display: block;\r\n      }\r\n\r\n      .setting-description {\r\n        color: #718096;\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .setting-control {\r\n      flex-shrink: 0;\r\n\r\n      select {\r\n        min-width: 150px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 12px;\r\n\r\n      .setting-control {\r\n        align-self: flex-start;\r\n      }\r\n    }\r\n  }\r\n\r\n  .sheet-names-grid {\r\n    @media (max-width: 768px) {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    label {\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      color: #4a5568;\r\n      margin-bottom: 4px;\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .help-text {\r\n    margin-top: 6px;\r\n    font-size: 12px;\r\n    color: #718096;\r\n    line-height: 1.4;\r\n\r\n    strong {\r\n      color: #4a5568;\r\n      background-color: #f7fafc;\r\n      padding: 2px 4px;\r\n      border-radius: 3px;\r\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\r\n    }\r\n  }\r\n}\r\n\r\n/* Enhanced Switch Styles for Settings */\r\n.settings {\r\n  .switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 52px;\r\n    height: 28px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      width: 0;\r\n      height: 0;\r\n\r\n      &:checked+.slider {\r\n        background-color: #3182ce;\r\n\r\n        &:before {\r\n          transform: translateX(24px);\r\n        }\r\n      }\r\n\r\n      &:focus+.slider {\r\n        box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\r\n      }\r\n\r\n      &:disabled+.slider {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n\r\n    .slider {\r\n      position: absolute;\r\n      cursor: pointer;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: #cbd5e0;\r\n      transition: 0.3s;\r\n      border-radius: 28px;\r\n\r\n      &:before {\r\n        position: absolute;\r\n        content: \"\";\r\n        height: 24px;\r\n        width: 24px;\r\n        left: 2px;\r\n        bottom: 2px;\r\n        background-color: white;\r\n        transition: 0.3s;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Responsive Design */\r\n@media (max-width: 768px) {\r\n  .settings {\r\n    .page-header {\r\n      .page-actions {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n\r\n    .settings-layout {\r\n      gap: 12px;\r\n    }\r\n\r\n    .settings-tabs {\r\n      .tab-button {\r\n        padding: 8px 12px;\r\n        min-width: 120px;\r\n\r\n        .tab-label {\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .setting-item {\r\n      padding: 12px 0;\r\n    }\r\n  }\r\n}\r\n\r\n/* Google Sheets Setup Styles */\r\n.settings {\r\n  .connection-success {\r\n    .success-info {\r\n      margin-bottom: 16px;\r\n\r\n      .service-account-info {\r\n        color: #4a5568;\r\n        font-size: 14px;\r\n        margin-top: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .connection-setup {\r\n    text-align: center;\r\n\r\n    .setup-info {\r\n      margin-bottom: 24px;\r\n\r\n      h4 {\r\n        font-size: 20px;\r\n        color: #1a202c;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      .benefits-list {\r\n        margin-top: 16px;\r\n        text-align: left;\r\n        max-width: 400px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n\r\n        .benefit-item {\r\n          padding: 4px 0;\r\n          color: #4a5568;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .sheets-grid {\r\n    .sheet-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 16px;\r\n      border: 1px solid #e2e8f0;\r\n      border-radius: 8px;\r\n      background-color: #f7fafc;\r\n\r\n      .sheet-info {\r\n        flex: 1;\r\n\r\n        .sheet-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 12px;\r\n          margin-bottom: 8px;\r\n\r\n          h4 {\r\n            margin: 0;\r\n            font-size: 16px;\r\n            color: #1a202c;\r\n          }\r\n        }\r\n\r\n        .sheet-details {\r\n          p {\r\n            margin: 4px 0;\r\n            font-size: 14px;\r\n            color: #4a5568;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Wizard Modal Styles */\r\n.wizard-modal {\r\n  max-width: 700px;\r\n  width: 100%;\r\n\r\n  .wizard-steps {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 32px;\r\n    padding: 0 20px;\r\n\r\n    .wizard-step {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      flex: 1;\r\n      position: relative;\r\n\r\n      &:not(:last-child)::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20px;\r\n        right: -50%;\r\n        width: 100%;\r\n        height: 2px;\r\n        background-color: #e2e8f0;\r\n        z-index: 1;\r\n      }\r\n\r\n      &.completed:not(:last-child)::after {\r\n        background-color: #38a169;\r\n      }\r\n\r\n      .step-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background-color: #e2e8f0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        margin-bottom: 8px;\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: all 0.3s ease;\r\n      }\r\n\r\n      .step-title {\r\n        font-size: 12px;\r\n        color: #718096;\r\n        text-align: center;\r\n        font-weight: 500;\r\n      }\r\n\r\n      &.active {\r\n        .step-icon {\r\n          background-color: #3182ce;\r\n          color: white;\r\n        }\r\n\r\n        .step-title {\r\n          color: #3182ce;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n\r\n      &.completed {\r\n        .step-icon {\r\n          background-color: #38a169;\r\n          color: white;\r\n        }\r\n\r\n        .step-title {\r\n          color: #38a169;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .wizard-content {\r\n    min-height: 400px;\r\n\r\n    .wizard-step-content {\r\n      h4 {\r\n        font-size: 20px;\r\n        color: #1a202c;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      p {\r\n        color: #4a5568;\r\n        margin-bottom: 24px;\r\n        line-height: 1.6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .upload-area {\r\n    margin: 24px 0;\r\n\r\n    .upload-dropzone {\r\n      border: 2px dashed #cbd5e0;\r\n      border-radius: 12px;\r\n      padding: 40px 20px;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n\r\n      &:hover:not(.uploading) {\r\n        border-color: #3182ce;\r\n        background-color: #f7fafc;\r\n      }\r\n\r\n      &.drag-over {\r\n        border-color: #3182ce;\r\n        background-color: #ebf8ff;\r\n        transform: scale(1.02);\r\n      }\r\n\r\n      &.uploading {\r\n        cursor: not-allowed;\r\n        opacity: 0.7;\r\n\r\n        .spinner {\r\n          width: 32px;\r\n          height: 32px;\r\n          margin-bottom: 16px;\r\n        }\r\n      }\r\n\r\n      .upload-icon {\r\n        font-size: 48px;\r\n        margin-bottom: 16px;\r\n        opacity: 0.7;\r\n      }\r\n\r\n      .upload-text {\r\n        p {\r\n          margin: 4px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .success-message {\r\n    background-color: #f0fff4;\r\n    border: 1px solid #c6f6d5;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    margin: 16px 0;\r\n\r\n    p {\r\n      margin: 8px 0 0 0;\r\n      color: #2f855a;\r\n    }\r\n  }\r\n\r\n  .help-section {\r\n    background-color: #f7fafc;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin-top: 24px;\r\n\r\n    h5 {\r\n      color: #1a202c;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    ol {\r\n      margin: 0;\r\n      padding-left: 20px;\r\n\r\n      li {\r\n        margin: 8px 0;\r\n        color: #4a5568;\r\n\r\n        a {\r\n          color: #3182ce;\r\n          text-decoration: none;\r\n\r\n          &:hover {\r\n            text-decoration: underline;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .sheet-configs {\r\n    margin-top: 24px;\r\n\r\n    h5 {\r\n      color: #1a202c;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .sheet-config-item {\r\n      border: 1px solid #e2e8f0;\r\n      border-radius: 8px;\r\n      padding: 16px;\r\n      margin-bottom: 12px;\r\n\r\n      .config-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 12px;\r\n\r\n        .config-label {\r\n          font-weight: 500;\r\n          color: #1a202c;\r\n        }\r\n      }\r\n\r\n      .config-details {\r\n        margin-left: 64px;\r\n\r\n        input {\r\n          width: 100%;\r\n          max-width: 300px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .access-instructions {\r\n    .instruction-step {\r\n      display: flex;\r\n      gap: 16px;\r\n      margin-bottom: 24px;\r\n\r\n      .step-number {\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        background-color: #3182ce;\r\n        color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 600;\r\n        flex-shrink: 0;\r\n      }\r\n\r\n      .step-content {\r\n        flex: 1;\r\n\r\n        p {\r\n          margin: 0 0 8px 0;\r\n        }\r\n\r\n        .copy-field {\r\n          display: flex;\r\n          gap: 8px;\r\n\r\n          input {\r\n            flex: 1;\r\n            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .quick-access {\r\n    text-align: center;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .setup-summary {\r\n    background-color: #f7fafc;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin-bottom: 24px;\r\n\r\n    .summary-item {\r\n      margin-bottom: 16px;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      strong {\r\n        color: #1a202c;\r\n      }\r\n\r\n      .enabled-types {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-top: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .test-connection-section {\r\n    text-align: center;\r\n    padding: 20px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    background-color: #f7fafc;\r\n\r\n    button {\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .wizard-actions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* Responsive Design for Wizard */\r\n@media (max-width: 768px) {\r\n  .wizard-modal {\r\n    margin: 10px;\r\n    max-width: none;\r\n\r\n    .wizard-steps {\r\n      padding: 0 10px;\r\n\r\n      .wizard-step {\r\n        .step-icon {\r\n          width: 32px;\r\n          height: 32px;\r\n          font-size: 14px;\r\n        }\r\n\r\n        .step-title {\r\n          font-size: 10px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .access-instructions {\r\n      .instruction-step {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n\r\n        .step-number {\r\n          align-self: flex-start;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n  .settings {\r\n    .connection-setup {\r\n      .setup-info {\r\n        h4 {\r\n          color: #e2e8f0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .sheets-grid {\r\n      .sheet-item {\r\n        background-color: #2d3748;\r\n        border-color: #4a5568;\r\n\r\n        .sheet-info {\r\n          .sheet-header {\r\n            h4 {\r\n              color: #e2e8f0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .settings-tabs {\r\n      .tab-button {\r\n        background-color: #2d3748;\r\n        border-color: #4a5568;\r\n\r\n        .tab-label {\r\n          color: #a0aec0;\r\n        }\r\n\r\n        &:hover:not(.disabled) {\r\n          background-color: #4a5568;\r\n          border-color: #718096;\r\n        }\r\n\r\n        &.active {\r\n          background-color: #3182ce;\r\n          border-color: #3182ce;\r\n\r\n          .tab-label {\r\n            color: white;\r\n          }\r\n        }\r\n\r\n        &.disabled {\r\n          background-color: #1a202c;\r\n\r\n          .tab-label {\r\n            color: #4a5568;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .setting-item {\r\n      border-color: #4a5568;\r\n\r\n      .setting-info {\r\n        .setting-label {\r\n          color: #e2e8f0;\r\n        }\r\n\r\n        .setting-description {\r\n          color: #a0aec0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .help-text {\r\n      color: #a0aec0;\r\n\r\n      strong {\r\n        color: #e2e8f0;\r\n        background-color: #2d3748;\r\n      }\r\n    }\r\n\r\n    .switch {\r\n      .slider {\r\n        background-color: #4a5568;\r\n      }\r\n    }\r\n  }\r\n\r\n  .wizard-modal {\r\n    background-color: #2d3748;\r\n\r\n    .wizard-steps {\r\n      .wizard-step {\r\n        &:not(:last-child)::after {\r\n          background-color: #4a5568;\r\n        }\r\n\r\n        &.completed:not(:last-child)::after {\r\n          background-color: #38a169;\r\n        }\r\n\r\n        .step-icon {\r\n          background-color: #4a5568;\r\n        }\r\n\r\n        .step-title {\r\n          color: #a0aec0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .wizard-step-content {\r\n      h4 {\r\n        color: #e2e8f0;\r\n      }\r\n\r\n      p {\r\n        color: #a0aec0;\r\n      }\r\n    }\r\n\r\n    .upload-dropzone {\r\n      border-color: #4a5568;\r\n\r\n      &:hover {\r\n        border-color: #3182ce;\r\n        background-color: #2d3748;\r\n      }\r\n    }\r\n\r\n    .success-message {\r\n      background-color: rgba(56, 161, 105, 0.1);\r\n      border-color: #38a169;\r\n    }\r\n\r\n    .help-section,\r\n    .setup-summary {\r\n      background-color: #1a202c;\r\n    }\r\n\r\n    .sheet-config-item {\r\n      background-color: #1a202c;\r\n      border-color: #4a5568;\r\n    }\r\n  }\r\n}\r\n\r\n/* Order Sync Configuration */\r\n.order-sync-config {\r\n  .modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n  }\r\n\r\n  .modal-content {\r\n    background: white;\r\n    border-radius: 8px;\r\n    width: 40%;\r\n    max-width: 800px;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.5rem;\r\n    border-bottom: 1px solid #e5e5e5;\r\n\r\n    h2 {\r\n      margin: 0;\r\n      color: #333;\r\n    }\r\n\r\n    .modal-close {\r\n      background: none;\r\n      border: none;\r\n      font-size: 1.5rem;\r\n      cursor: pointer;\r\n      color: #666;\r\n      padding: 0.5rem;\r\n\r\n      &:hover {\r\n        color: #333;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-body {\r\n    padding: 1.5rem;\r\n  }\r\n\r\n  .modal-footer {\r\n    padding: 1rem 1.5rem;\r\n    border-top: 1px solid #e5e5e5;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .config-section {\r\n    margin-bottom: 2rem;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    h3 {\r\n      margin: 0 0 0.5rem 0;\r\n      color: #333;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    .section-description {\r\n      color: #666;\r\n      margin-bottom: 1rem;\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n\r\n  .fields-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 1rem;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .field-item {\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 6px;\r\n    padding: 1rem;\r\n    transition: all 0.2s ease;\r\n\r\n    &.enabled {\r\n      border-color: #007cba;\r\n      background: #f8f9fa;\r\n    }\r\n\r\n    &.disabled {\r\n      opacity: 0.6;\r\n    }\r\n\r\n    .field-label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      margin-bottom: 0.5rem;\r\n      cursor: pointer;\r\n\r\n      input[type=\"checkbox\"] {\r\n        margin: 0;\r\n      }\r\n\r\n      .field-name {\r\n        font-weight: 500;\r\n        color: #333;\r\n      }\r\n\r\n      .field-required {\r\n        color: #666;\r\n        font-size: 0.8rem;\r\n        font-style: italic;\r\n      }\r\n    }\r\n\r\n    .field-type {\r\n      font-size: 0.8rem;\r\n      color: #666;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n  }\r\n\r\n  .fields-summary {\r\n    padding: 1rem;\r\n    background: #f8f9fa;\r\n    border-radius: 6px;\r\n    text-align: center;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .config-actions,\r\n  .sync-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: center;\r\n  }\r\n\r\n  .sync-form {\r\n    .form-group {\r\n      margin-bottom: 1.5rem;\r\n\r\n      label {\r\n        display: block;\r\n        margin-bottom: 0.5rem;\r\n        font-weight: 500;\r\n        color: #333;\r\n      }\r\n\r\n      .form-control {\r\n        width: 100%;\r\n        padding: 0.75rem;\r\n        border: 1px solid #ddd;\r\n        border-radius: 4px;\r\n        font-size: 1rem;\r\n\r\n        &:focus {\r\n          outline: none;\r\n          border-color: #007cba;\r\n          box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1);\r\n        }\r\n      }\r\n\r\n      .form-help {\r\n        display: block;\r\n        margin-top: 0.25rem;\r\n        color: #666;\r\n        font-size: 0.85rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  .preview-table {\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n\r\n    .preview-header {\r\n      display: flex;\r\n      background: #f8f9fa;\r\n      border-bottom: 1px solid #e5e5e5;\r\n\r\n      .preview-column {\r\n        flex: 1;\r\n        padding: 0.75rem;\r\n        font-weight: 600;\r\n        border-right: 1px solid #e5e5e5;\r\n\r\n        &:last-child {\r\n          border-right: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    .preview-row {\r\n      display: flex;\r\n\r\n      .preview-cell {\r\n        flex: 1;\r\n        padding: 0.75rem;\r\n        color: #666;\r\n        font-style: italic;\r\n        border-right: 1px solid #e5e5e5;\r\n\r\n        &:last-child {\r\n          border-right: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .loading-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3rem;\r\n\r\n    .spinner {\r\n      margin-bottom: 1rem;\r\n    }\r\n  }\r\n}\r\n\r\n/* Order Sync Button in Settings */\r\n.order-sync-section {\r\n  .sync-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.75rem 1.5rem;\r\n    background: linear-gradient(135deg, #007cba, #005a87);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n\r\n    &:hover {\r\n      background: linear-gradient(135deg, #005a87, #007cba);\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);\r\n    }\r\n\r\n    &:disabled {\r\n      opacity: 0.6;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n      box-shadow: none;\r\n    }\r\n\r\n    .spinner {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Syn\r\nc Actions Grid */\r\n.sync-actions-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 20px;\r\n  margin-top: 16px;\r\n}\r\n\r\n.sync-action-card {\r\n  background: #f7fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 12px;\r\n  padding: 24px;\r\n  text-align: center;\r\n  transition: all 0.2s ease;\r\n\r\n  &:hover {\r\n    border-color: #cbd5e0;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .sync-action-icon {\r\n    font-size: 48px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #2d3748;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  p {\r\n    font-size: 14px;\r\n    color: #718096;\r\n    margin-bottom: 20px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* Product Sync Config Modal */\r\n.product-sync-config {\r\n  .modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    padding: 20px;\r\n  }\r\n\r\n  .modal-content {\r\n    background: white;\r\n    border-radius: 12px;\r\n    max-width: 800px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .modal-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 24px;\r\n    border-bottom: 1px solid #e2e8f0;\r\n\r\n    h2 {\r\n      font-size: 24px;\r\n      font-weight: 600;\r\n      color: #2d3748;\r\n      margin: 0;\r\n    }\r\n\r\n    .modal-close {\r\n      background: none;\r\n      border: none;\r\n      font-size: 32px;\r\n      color: #a0aec0;\r\n      cursor: pointer;\r\n      padding: 0;\r\n      width: 32px;\r\n      height: 32px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 4px;\r\n      transition: all 0.2s ease;\r\n\r\n      &:hover {\r\n        background: #f7fafc;\r\n        color: #2d3748;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-body {\r\n    padding: 24px;\r\n  }\r\n\r\n  .modal-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 12px;\r\n    padding: 16px 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .config-section {\r\n    margin-bottom: 32px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    h3 {\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      color: #2d3748;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .section-description {\r\n      font-size: 14px;\r\n      color: #718096;\r\n      margin-bottom: 20px;\r\n      line-height: 1.6;\r\n    }\r\n  }\r\n\r\n  .sync-form {\r\n    .form-group {\r\n      margin-bottom: 20px;\r\n\r\n      label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #2d3748;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .form-control {\r\n        width: 100%;\r\n        padding: 10px 12px;\r\n        border: 1px solid #cbd5e0;\r\n        border-radius: 6px;\r\n        font-size: 14px;\r\n        transition: all 0.2s ease;\r\n\r\n        &:focus {\r\n          outline: none;\r\n          border-color: #4299e1;\r\n          box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\r\n        }\r\n      }\r\n\r\n      .form-help {\r\n        display: block;\r\n        font-size: 12px;\r\n        color: #a0aec0;\r\n        margin-top: 6px;\r\n      }\r\n    }\r\n\r\n    .sync-actions {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Upcoming Feature Badge\r\n.upcoming-badge {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n  color: white;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-left: 8px;\r\n}\r\n\r\n// Upcoming Feature in Settings\r\n.setting-item.upcoming-feature {\r\n  position: relative;\r\n  opacity: 0.6;\r\n  cursor: not-allowed !important;\r\n\r\n  * {\r\n    cursor: not-allowed !important;\r\n  }\r\n\r\n  input,\r\n  select,\r\n  textarea,\r\n  button,\r\n  .switch {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .setting-label {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n// Upcoming Feature Card\r\n.card.upcoming-feature {\r\n  position: relative;\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n\r\n  .card-header h3 {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .card-content {\r\n    pointer-events: none;\r\n  }\r\n\r\n  input,\r\n  select,\r\n  textarea,\r\n  button,\r\n  .switch {\r\n    pointer-events: none;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n/* \r\nPlugins Grid Styles */\r\n.plugins-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-top: 24px;\r\n\r\n  @media (max-width: 1024px) {\r\n    gap: 20px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n}\r\n\r\n.plugin-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid #e5e7eb;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #3b82f6, #8b5cf6);\r\n    transform: scaleX(0);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  &:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);\r\n    border-color: #3b82f6;\r\n\r\n    &::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .plugin-icon img {\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  .plugin-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px;\r\n    border-bottom: 1px solid #f3f4f6;\r\n  }\r\n\r\n  .plugin-icon {\r\n    flex-shrink: 0;\r\n\r\n    img {\r\n      width: 64px;\r\n      height: 64px;\r\n      object-fit: contain;\r\n      border-radius: 50%;\r\n      background: white;\r\n      padding: 8px;\r\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s ease;\r\n    }\r\n  }\r\n\r\n  .plugin-title {\r\n    flex: 1;\r\n    min-width: 0;\r\n    margin-left: 70px;\r\n        margin-top: 10px;\r\n\r\n    h3 {\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      color: #1f2937;\r\n      margin: 0 0 4px 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .plugin-tagline {\r\n      font-size: 12px;\r\n      color: #6b7280;\r\n      margin: 0;\r\n      font-weight: 500;\r\n      line-height: 1.4;\r\n    }\r\n  }\r\n\r\n  .card-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    padding: 0 20px 20px;\r\n\r\n    .plugin-description {\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n      color: #4b5563;\r\n      flex: 1;\r\n      min-height: 80px;\r\n    }\r\n\r\n    .plugin-features {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin: 8px 0;\r\n\r\n      .feature-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: 4px 10px;\r\n        background: #eff6ff;\r\n        color: #1e40af;\r\n        border-radius: 12px;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        border: 1px solid #bfdbfe;\r\n      }\r\n    }\r\n\r\n    .btn-block {\r\n      width: 100%;\r\n      padding: 12px;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n      border: none;\r\n      transition: all 0.3s ease;\r\n\r\n      &:hover {\r\n        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\r\n      }\r\n    }\r\n\r\n    .plugin-author {\r\n      text-align: center;\r\n      font-size: 12px;\r\n      color: #9ca3af;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  // Mobile responsive styles\r\n  @media (max-width: 768px) {\r\n    .plugin-header {\r\n      padding: 16px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .plugin-icon {\r\n      img {\r\n        width: 56px;\r\n        height: 56px;\r\n        padding: 6px;\r\n      }\r\n    }\r\n\r\n    .plugin-title {\r\n      h3 {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .plugin-tagline {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n\r\n    .card-content {\r\n      padding: 0 16px 16px;\r\n      gap: 12px;\r\n\r\n      .plugin-description {\r\n        font-size: 13px;\r\n        min-height: auto;\r\n      }\r\n\r\n      .plugin-features {\r\n        gap: 6px;\r\n        margin: 4px 0;\r\n\r\n        .feature-badge {\r\n          padding: 3px 8px;\r\n          font-size: 10px;\r\n        }\r\n      }\r\n\r\n      .btn-block {\r\n        padding: 10px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .plugin-author {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Bulk Edit Optimization Card Styles */\r\n.settings {\r\n  .optimization-preview {\r\n    margin-top: 20px;\r\n    padding: 20px;\r\n    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);\r\n    border-radius: 12px;\r\n    border: 1px solid #e2e8f0;\r\n\r\n    .preview-info {\r\n      h4 {\r\n        font-size: 18px;\r\n        color: #2d3748;\r\n        margin-bottom: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n      }\r\n\r\n      .features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 16px;\r\n        margin-bottom: 20px;\r\n\r\n        @media (max-width: 768px) {\r\n          grid-template-columns: 1fr;\r\n          gap: 12px;\r\n        }\r\n\r\n        .feature-item {\r\n          display: flex;\r\n          align-items: flex-start;\r\n          gap: 12px;\r\n          padding: 16px;\r\n          background: white;\r\n          border-radius: 8px;\r\n          border: 1px solid #e2e8f0;\r\n          transition: all 0.2s ease;\r\n\r\n          &:hover {\r\n            border-color: #cbd5e0;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n          }\r\n\r\n          .feature-icon {\r\n            font-size: 24px;\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n          }\r\n\r\n          .feature-content {\r\n            flex: 1;\r\n\r\n            strong {\r\n              display: block;\r\n              font-size: 14px;\r\n              font-weight: 600;\r\n              color: #2d3748;\r\n              margin-bottom: 4px;\r\n            }\r\n\r\n            p {\r\n              font-size: 13px;\r\n              color: #718096;\r\n              margin: 0;\r\n              line-height: 1.4;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .optimization-note {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        padding: 16px;\r\n        background: #ebf8ff;\r\n        border: 1px solid #bee3f8;\r\n        border-radius: 8px;\r\n        margin-top: 16px;\r\n\r\n        .note-icon {\r\n          font-size: 20px;\r\n          flex-shrink: 0;\r\n          margin-top: 2px;\r\n        }\r\n\r\n        .note-content {\r\n          flex: 1;\r\n\r\n          strong {\r\n            color: #2b6cb0;\r\n            font-weight: 600;\r\n          }\r\n\r\n          color: #2c5282;\r\n          font-size: 14px;\r\n          line-height: 1.5;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .input-group {\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid #cbd5e0;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    background: white;\r\n\r\n    .form-control {\r\n      flex: 1;\r\n      border: none;\r\n      padding: 10px 12px;\r\n      font-size: 14px;\r\n      outline: none;\r\n\r\n      &:focus {\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .input-group-text {\r\n      padding: 10px 12px;\r\n      background: #f7fafc;\r\n      border-left: 1px solid #e2e8f0;\r\n      font-size: 14px;\r\n      color: #4a5568;\r\n      font-weight: 500;\r\n    }\r\n\r\n    &:focus-within {\r\n      border-color: #4299e1;\r\n      box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\r\n    }\r\n  }\r\n}\r\n\r\n/* Dark mode support for bulk optimization */\r\n@media (prefers-color-scheme: dark) {\r\n  .settings {\r\n    .optimization-preview {\r\n      background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\r\n      border-color: #4a5568;\r\n\r\n      .preview-info {\r\n        h4 {\r\n          color: #e2e8f0;\r\n        }\r\n\r\n        .features-grid {\r\n          .feature-item {\r\n            background: #1a202c;\r\n            border-color: #4a5568;\r\n\r\n            .feature-content {\r\n              strong {\r\n                color: #e2e8f0;\r\n              }\r\n\r\n              p {\r\n                color: #a0aec0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .optimization-note {\r\n          background: rgba(49, 130, 206, 0.1);\r\n          border-color: #3182ce;\r\n\r\n          .note-content {\r\n            color: #90cdf4;\r\n\r\n            strong {\r\n              color: #63b3ed;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .input-group {\r\n      border-color: #4a5568;\r\n      background: #2d3748;\r\n\r\n      .form-control {\r\n        background: #2d3748;\r\n        color: #e2e8f0;\r\n\r\n        &::placeholder {\r\n          color: #a0aec0;\r\n        }\r\n      }\r\n\r\n      .input-group-text {\r\n        background: #1a202c;\r\n        border-color: #4a5568;\r\n        color: #a0aec0;\r\n      }\r\n\r\n      &:focus-within {\r\n        border-color: #4299e1;\r\n      }\r\n    }\r\n  }\r\n}\r\n/* Additional styling for threshold input */\r\n.settings {\r\n  .optimization-preview {\r\n    .features-grid {\r\n      .feature-item {\r\n        &:nth-child(2) {\r\n          .feature-icon {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .setting-item {\r\n    .input-group {\r\n      max-width: 200px;\r\n\r\n      .form-control {\r\n        text-align: center;\r\n        font-weight: 600;\r\n\r\n        &:focus {\r\n          border-color: #4299e1;\r\n          box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\r\n        }\r\n      }\r\n\r\n      .input-group-text {\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        color: #718096;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Dark mode support for new inputs */\r\n@media (prefers-color-scheme: dark) {\r\n  .settings {\r\n    .setting-item {\r\n      .input-group {\r\n        .form-control {\r\n          background: #2d3748;\r\n          color: #e2e8f0;\r\n          border-color: #4a5568;\r\n\r\n          &::placeholder {\r\n            color: #a0aec0;\r\n          }\r\n\r\n          &:focus {\r\n            background: #2d3748;\r\n            border-color: #4299e1;\r\n          }\r\n        }\r\n\r\n        .input-group-text {\r\n          background: #1a202c;\r\n          border-color: #4a5568;\r\n          color: #a0aec0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","/* WYSIWYG Editor Styles */\r\n.wysiwyg-editor {\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  background: white;\r\n\r\n  .wysiwyg-toolbar {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    padding: 8px 12px;\r\n    background: #f8fafc;\r\n    border-bottom: 1px solid #e2e8f0;\r\n    flex-wrap: wrap;\r\n\r\n    .format-select {\r\n      padding: 4px 8px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 4px;\r\n      background: white;\r\n      font-size: 12px;\r\n      margin-right: 8px;\r\n      min-width: 120px;\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\r\n      }\r\n    }\r\n\r\n    .toolbar-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height: 28px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 4px;\r\n      background: white;\r\n      cursor: pointer;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      transition: all 0.2s ease;\r\n      color: #374151;\r\n\r\n      &:hover {\r\n        background: #f3f4f6;\r\n        border-color: #9ca3af;\r\n      }\r\n\r\n      &:active {\r\n        background: #e5e7eb;\r\n        transform: translateY(1px);\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\r\n      }\r\n\r\n      // Special styling for specific buttons\r\n      &[title=\"Bold\"] {\r\n        font-weight: 900;\r\n      }\r\n\r\n      &[title=\"Italic\"] {\r\n        font-style: italic;\r\n      }\r\n\r\n      &[title=\"Underline\"] {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n\r\n    .toolbar-separator {\r\n      width: 1px;\r\n      height: 20px;\r\n      background: #d1d5db;\r\n      margin: 0 4px;\r\n    }\r\n  }\r\n\r\n  .wysiwyg-content {\r\n    padding: 16px;\r\n    min-height: 200px;\r\n    max-height: 500px;\r\n    overflow-y: auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #374151;\r\n    outline: none;\r\n\r\n    &:empty::before {\r\n      content: attr(data-placeholder);\r\n      color: #9ca3af;\r\n      font-style: italic;\r\n    }\r\n\r\n    // Content styling\r\n    h1, h2, h3, h4, h5, h6 {\r\n      margin: 16px 0 8px 0;\r\n      font-weight: 600;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    h1 { font-size: 24px; color: #1f2937; }\r\n    h2 { font-size: 20px; color: #1f2937; }\r\n    h3 { font-size: 18px; color: #374151; }\r\n    h4 { font-size: 16px; color: #374151; }\r\n    h5 { font-size: 14px; color: #4b5563; }\r\n    h6 { font-size: 12px; color: #4b5563; }\r\n\r\n    p {\r\n      margin: 8px 0;\r\n    }\r\n\r\n    ul, ol {\r\n      margin: 8px 0;\r\n      padding-left: 24px;\r\n\r\n      li {\r\n        margin: 4px 0;\r\n      }\r\n    }\r\n\r\n    blockquote {\r\n      margin: 16px 0;\r\n      padding: 12px 16px;\r\n      border-left: 4px solid #3b82f6;\r\n      background: #f8fafc;\r\n      font-style: italic;\r\n      color: #4b5563;\r\n    }\r\n\r\n    a {\r\n      color: #3b82f6;\r\n      text-decoration: underline;\r\n\r\n      &:hover {\r\n        color: #1d4ed8;\r\n      }\r\n    }\r\n\r\n    img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      border-radius: 4px;\r\n      margin: 8px 0;\r\n    }\r\n\r\n    video {\r\n      max-width: 100%;\r\n      height: auto;\r\n      border-radius: 4px;\r\n      margin: 8px 0;\r\n    }\r\n\r\n    iframe {\r\n      max-width: 100%;\r\n      border-radius: 4px;\r\n      margin: 8px 0;\r\n    }\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      margin: 16px 0;\r\n\r\n      th, td {\r\n        border: 1px solid #d1d5db;\r\n        padding: 8px 12px;\r\n        text-align: left;\r\n      }\r\n\r\n      th {\r\n        background: #f9fafb;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n\r\n    code {\r\n      background: #f3f4f6;\r\n      padding: 2px 4px;\r\n      border-radius: 3px;\r\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\r\n      font-size: 12px;\r\n    }\r\n\r\n    pre {\r\n      background: #f3f4f6;\r\n      padding: 12px;\r\n      border-radius: 6px;\r\n      overflow-x: auto;\r\n      margin: 16px 0;\r\n\r\n      code {\r\n        background: none;\r\n        padding: 0;\r\n      }\r\n    }\r\n\r\n    // Focus styles\r\n    &:focus {\r\n      box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.1);\r\n    }\r\n  }\r\n\r\n  // Size variants\r\n  &.wysiwyg-sm {\r\n    .wysiwyg-content {\r\n      min-height: 120px;\r\n      padding: 12px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .wysiwyg-toolbar {\r\n      padding: 6px 8px;\r\n\r\n      .toolbar-btn {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 11px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.wysiwyg-lg {\r\n    .wysiwyg-content {\r\n      min-height: 300px;\r\n      padding: 20px;\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  // Error state\r\n  &.wysiwyg-error {\r\n    border-color: #ef4444;\r\n\r\n    .wysiwyg-toolbar {\r\n      background: #fef2f2;\r\n      border-bottom-color: #fecaca;\r\n    }\r\n  }\r\n\r\n  // Disabled state\r\n  &.wysiwyg-disabled {\r\n    opacity: 0.6;\r\n    pointer-events: none;\r\n\r\n    .wysiwyg-content {\r\n      background: #f9fafb;\r\n      color: #9ca3af;\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive adjustments\r\n@media (max-width: 768px) {\r\n  .wysiwyg-editor {\r\n    .wysiwyg-toolbar {\r\n      padding: 6px 8px;\r\n      gap: 2px;\r\n\r\n      .format-select {\r\n        min-width: 100px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .toolbar-btn {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .toolbar-separator {\r\n        height: 16px;\r\n        margin: 0 2px;\r\n      }\r\n    }\r\n\r\n    .wysiwyg-content {\r\n      padding: 12px;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n}\r\n\r\n// Dark mode support\r\n@media (prefers-color-scheme: dark) {\r\n  .wysiwyg-editor {\r\n    border-color: #374151;\r\n    background: #1f2937;\r\n\r\n    .wysiwyg-toolbar {\r\n      background: #111827;\r\n      border-bottom-color: #374151;\r\n\r\n      .format-select {\r\n        background: #1f2937;\r\n        border-color: #374151;\r\n        color: #f9fafb;\r\n      }\r\n\r\n      .toolbar-btn {\r\n        background: #1f2937;\r\n        border-color: #374151;\r\n        color: #f9fafb;\r\n\r\n        &:hover {\r\n          background: #374151;\r\n          border-color: #4b5563;\r\n        }\r\n      }\r\n    }\r\n\r\n    .wysiwyg-content {\r\n      background: #1f2937;\r\n      color: #f9fafb;\r\n\r\n      &:empty::before {\r\n        color: #6b7280;\r\n      }\r\n\r\n      h1, h2, h3, h4, h5, h6 {\r\n        color: #f9fafb;\r\n      }\r\n\r\n      blockquote {\r\n        background: #111827;\r\n        color: #d1d5db;\r\n      }\r\n\r\n      code {\r\n        background: #111827;\r\n      }\r\n\r\n      pre {\r\n        background: #111827;\r\n      }\r\n    }\r\n  }\r\n}","// Star Rating Component\r\n.star-rating {\r\n    display: inline-flex;\r\n    gap: 2px;\r\n    \r\n    .star {\r\n        &.filled {\r\n            color: #fbbf24;\r\n        }\r\n        \r\n        &.empty {\r\n            color: #e5e7eb;\r\n        }\r\n    }\r\n}\r\n\r\n// Reviews Page Styles\r\n.reviews-page {\r\n    /* .page-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 24px;\r\n    } */\r\n\r\n    // Disabled Notice\r\n    .reviews-disabled-notice {\r\n        background: #fef3cd;\r\n        border: 1px solid #fbbf24;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        text-align: center;\r\n        margin-top: 24px;\r\n\r\n        .notice-icon {\r\n            font-size: 48px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        h3 {\r\n            color: #92400e;\r\n            margin-bottom: 12px;\r\n            font-size: 20px;\r\n        }\r\n\r\n        p {\r\n            color: #78350f;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .enable-instructions {\r\n            background: white;\r\n            border-radius: 6px;\r\n            padding: 20px;\r\n            margin: 20px auto;\r\n            text-align: left;\r\n            max-width: 600px;\r\n\r\n            h4 {\r\n                margin-bottom: 12px;\r\n                color: #1f2937;\r\n            }\r\n\r\n            ol {\r\n                margin: 12px 0;\r\n                padding-left: 20px;\r\n                color: #4b5563;\r\n\r\n                li {\r\n                    margin-bottom: 8px;\r\n                }\r\n\r\n                strong {\r\n                    color: #1f2937;\r\n                }\r\n            }\r\n        }\r\n\r\n        .quick-enable {\r\n            margin-top: 20px;\r\n\r\n            h4 {\r\n                margin-bottom: 12px;\r\n                color: #1f2937;\r\n            }\r\n\r\n            .btn {\r\n                padding: 12px 24px;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Review Settings Card\r\n    .review-settings-card {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        padding: 24px;\r\n        margin-bottom: 24px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n\r\n        h3 {\r\n            margin-bottom: 16px;\r\n            font-size: 18px;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .settings-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 16px;\r\n        }\r\n\r\n        .setting-item {\r\n            .checkbox-label {\r\n                display: flex;\r\n                align-items: center;\r\n                cursor: pointer;\r\n                padding: 8px;\r\n                border-radius: 4px;\r\n                transition: background-color 0.2s;\r\n\r\n                &:hover {\r\n                    background-color: #f9fafb;\r\n                }\r\n\r\n                input[type=\"checkbox\"] {\r\n                    margin-right: 10px;\r\n                    cursor: pointer;\r\n                    width: 18px;\r\n                    height: 18px;\r\n\r\n                    &:disabled {\r\n                        cursor: not-allowed;\r\n                        opacity: 0.5;\r\n                    }\r\n                }\r\n\r\n                span {\r\n                    color: #4b5563;\r\n                    font-size: 14px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Search and Advanced Filters\r\n    .reviews-search-filters {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        padding: 16px;\r\n        margin-bottom: 24px;\r\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        display: flex;\r\n        gap: 12px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n\r\n        .search-box {\r\n            position: relative;\r\n            flex: 1;\r\n            min-width: 250px;\r\n\r\n            .search-icon {\r\n                position: absolute;\r\n                left: 14px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                font-size: 16px;\r\n                color: #9ca3af;\r\n                pointer-events: none;\r\n            }\r\n\r\n            .search-input {\r\n                width: 100%;\r\n                padding: 10px 40px 10px 44px;\r\n                border: 2px solid #e5e7eb;\r\n                border-radius: 8px;\r\n                font-size: 14px;\r\n                transition: all 0.2s;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                    border-color: #3b82f6;\r\n                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                }\r\n\r\n                &::placeholder {\r\n                    color: #9ca3af;\r\n                }\r\n            }\r\n\r\n            .clear-search {\r\n                position: absolute;\r\n                right: 12px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                background: #f3f4f6;\r\n                border: none;\r\n                border-radius: 50%;\r\n                width: 24px;\r\n                height: 24px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n                color: #6b7280;\r\n                font-size: 14px;\r\n                transition: all 0.2s;\r\n\r\n                &:hover {\r\n                    background: #e5e7eb;\r\n                    color: #1f2937;\r\n                }\r\n            }\r\n        }\r\n\r\n        .filter-select {\r\n            min-width: 160px;\r\n            padding: 10px 14px;\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            background: white;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                border-color: #3b82f6;\r\n                box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n            }\r\n\r\n            &:hover {\r\n                border-color: #d1d5db;\r\n            }\r\n        }\r\n\r\n        .reset-filters {\r\n            white-space: nowrap;\r\n            padding: 10px 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .active-filters-info {\r\n            padding: 8px 16px;\r\n            background: #eff6ff;\r\n            border: 1px solid #bfdbfe;\r\n            border-radius: 6px;\r\n            color: #1e40af;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n\r\n    // Filter Tabs\r\n    .review-filters {\r\n        display: flex;\r\n        gap: 4px;\r\n        margin-bottom: 24px;\r\n        border-bottom: 2px solid #e5e7eb;\r\n\r\n        .filter-tab {\r\n            padding: 12px 16px;\r\n            border: none;\r\n            background: none;\r\n            cursor: pointer;\r\n            border-bottom: 3px solid transparent;\r\n            color: #6b7280;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: all 0.2s;\r\n            white-space: nowrap;\r\n            margin-bottom: -2px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n\r\n            &:hover {\r\n                color: #3b82f6;\r\n                background-color: #f3f4f6;\r\n            }\r\n\r\n            &.active {\r\n                border-bottom-color: #3b82f6;\r\n                color: #3b82f6;\r\n                font-weight: 600;\r\n            }\r\n\r\n            .count-badge {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                width: 24px;\r\n                height: 24px;\r\n                border-radius: 50%;\r\n                font-size: 12px;\r\n                font-weight: 700;\r\n                transition: all 0.2s;\r\n\r\n                &.badge-all {\r\n                    background: #10b981;\r\n                    color: white;\r\n                }\r\n\r\n                &.badge-pending {\r\n                    background: #f59e0b;\r\n                    color: white;\r\n                }\r\n\r\n                &.badge-approved {\r\n                    background: #3b82f6;\r\n                    color: white;\r\n                }\r\n\r\n                &.badge-spam {\r\n                    background: #ef4444;\r\n                    color: white;\r\n                }\r\n\r\n                &.badge-trash {\r\n                    background: #6b7280;\r\n                    color: white;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reviews List\r\n    .reviews-list {\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n            background: white;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n\r\n            .empty-icon {\r\n                font-size: 64px;\r\n                margin-bottom: 16px;\r\n                opacity: 0.5;\r\n            }\r\n\r\n            h3 {\r\n                color: #6b7280;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            p {\r\n                color: #9ca3af;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Review Item\r\n    .review-item {\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        margin-bottom: 16px;\r\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n        transition: box-shadow 0.2s;\r\n\r\n        &:hover {\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .review-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 16px;\r\n            border-bottom: 1px solid #f3f4f6;\r\n\r\n            .review-meta {\r\n                flex: 1;\r\n\r\n                .review-rating {\r\n                    font-size: 18px;\r\n                    margin-bottom: 8px;\r\n                }\r\n\r\n                .review-author {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 8px;\r\n                    margin-bottom: 4px;\r\n                    flex-wrap: wrap;\r\n\r\n                    strong {\r\n                        color: #1f2937;\r\n                        font-size: 15px;\r\n                    }\r\n\r\n                    .verified-badge {\r\n                        background: #10b981;\r\n                        color: white;\r\n                        padding: 2px 8px;\r\n                        border-radius: 12px;\r\n                        font-size: 11px;\r\n                        font-weight: 600;\r\n                    }\r\n\r\n                    .status-badge {\r\n                        padding: 3px 10px;\r\n                        border-radius: 12px;\r\n                        font-size: 11px;\r\n                        font-weight: 600;\r\n                        text-transform: capitalize;\r\n\r\n                        &.status-approved {\r\n                            background: #d1fae5;\r\n                            color: #065f46;\r\n                        }\r\n\r\n                        &.status-hold {\r\n                            background: #fef3c7;\r\n                            color: #92400e;\r\n                        }\r\n\r\n                        &.status-spam {\r\n                            background: #fee2e2;\r\n                            color: #991b1b;\r\n                        }\r\n\r\n                        &.status-trash {\r\n                            background: #f3f4f6;\r\n                            color: #4b5563;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .review-date {\r\n                    color: #9ca3af;\r\n                    font-size: 13px;\r\n                }\r\n            }\r\n\r\n            .review-actions {\r\n                display: flex;\r\n                gap: 8px;\r\n\r\n                .btn {\r\n                    min-width: 36px;\r\n                    height: 36px;\r\n                    padding: 6px 12px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .review-preview {\r\n            padding: 12px 16px;\r\n            border-top: 1px solid #f3f4f6;\r\n\r\n            .review-text {\r\n                color: #4b5563;\r\n                font-size: 14px;\r\n                line-height: 1.6;\r\n                margin: 0;\r\n                display: -webkit-box;\r\n                -webkit-line-clamp: 2;\r\n                line-clamp: 2;\r\n                -webkit-box-orient: vertical;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n        }\r\n\r\n        .review-product {\r\n            padding: 8px 16px;\r\n            background: #f9fafb;\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n            border-top: 1px solid #f3f4f6;\r\n\r\n            a {\r\n                color: #3b82f6;\r\n                text-decoration: none;\r\n                font-weight: 500;\r\n\r\n                &:hover {\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n\r\n        .review-expanded {\r\n            padding: 16px;\r\n            border-top: 1px solid #f3f4f6;\r\n\r\n            .review-content {\r\n                background: #f9fafb;\r\n                padding: 16px;\r\n                border-radius: 6px;\r\n                margin-bottom: 16px;\r\n                color: #374151;\r\n                line-height: 1.6;\r\n                border-left: 3px solid #3b82f6;\r\n            }\r\n\r\n            .review-controls {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                gap: 12px;\r\n                flex-wrap: wrap;\r\n\r\n                .status-buttons {\r\n                    display: flex;\r\n                    gap: 8px;\r\n                    flex-wrap: wrap;\r\n                }\r\n            }\r\n\r\n            .reply-form {\r\n                margin-top: 16px;\r\n                padding-top: 16px;\r\n                border-top: 1px solid #e5e7eb;\r\n\r\n                textarea {\r\n                    width: 100%;\r\n                    padding: 12px;\r\n                    border: 1px solid #d1d5db;\r\n                    border-radius: 6px;\r\n                    margin-bottom: 12px;\r\n                    font-family: inherit;\r\n                    font-size: 14px;\r\n                    resize: vertical;\r\n                    min-height: 80px;\r\n\r\n                    &:focus {\r\n                        outline: none;\r\n                        border-color: #3b82f6;\r\n                        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                    }\r\n                }\r\n\r\n                .reply-actions {\r\n                    display: flex;\r\n                    gap: 8px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Modal for Review Details\r\n    .modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 1000;\r\n        padding: 20px;\r\n        animation: fadeIn 0.2s ease;\r\n\r\n        .modal-content {\r\n            background: white;\r\n            border-radius: 8px;\r\n            max-width: 600px;\r\n            width: 100%;\r\n            max-height: 90vh;\r\n            overflow-y: auto;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n            animation: slideUp 0.3s ease;\r\n\r\n            &.modal-large {\r\n                max-width: 800px;\r\n            }\r\n\r\n            .modal-header {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 20px;\r\n                border-bottom: 1px solid #e5e7eb;\r\n\r\n                h3 {\r\n                    margin: 0;\r\n                    font-size: 20px;\r\n                    color: #1f2937;\r\n                }\r\n\r\n                .modal-close {\r\n                    background: none;\r\n                    border: none;\r\n                    font-size: 24px;\r\n                    cursor: pointer;\r\n                    color: #9ca3af;\r\n                    padding: 0;\r\n                    width: 32px;\r\n                    height: 32px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    border-radius: 4px;\r\n\r\n                    &:hover {\r\n                        background: #f3f4f6;\r\n                        color: #1f2937;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .modal-body {\r\n                padding: 20px;\r\n\r\n                .review-modal-content {\r\n                    // Rating Section - Large and Prominent\r\n                    .modal-rating-section {\r\n                        text-align: center;\r\n                        padding: 30px 20px;\r\n                        border-radius: 12px;\r\n                        margin-bottom: 24px;\r\n                        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n\r\n                        .rating-display {\r\n                            color: white;\r\n\r\n                            .rating-number {\r\n                                font-size: 64px;\r\n                                font-weight: 700;\r\n                                line-height: 1;\r\n                                margin-bottom: 12px;\r\n                            }\r\n\r\n                            .rating-stars {\r\n                                font-size: 32px;\r\n                                margin-bottom: 8px;\r\n                                letter-spacing: 4px;\r\n                                \r\n                                .star-rating {\r\n                                    .star {\r\n                                        font-size: 32px;\r\n                                        \r\n                                        &.filled {\r\n                                            color: #fbbf24;\r\n                                        }\r\n                                        \r\n                                        &.empty {\r\n                                            color: rgba(255, 255, 255, 0.4);\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            .rating-label {\r\n                                font-size: 14px;\r\n                                opacity: 0.9;\r\n                                text-transform: uppercase;\r\n                                letter-spacing: 1px;\r\n                            }\r\n                        }\r\n\r\n                        // Color variations based on rating\r\n                        &:has(.rating-5) {\r\n                            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n                        }\r\n\r\n                        &:has(.rating-4) {\r\n                            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n                        }\r\n\r\n                        &:has(.rating-3) {\r\n                            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n                        }\r\n\r\n                        &:has(.rating-2) {\r\n                            background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n                        }\r\n\r\n                        &:has(.rating-1) {\r\n                            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\r\n                        }\r\n                    }\r\n\r\n                    // Review Text\r\n                    .modal-review-text {\r\n                        margin-bottom: 24px;\r\n\r\n                        h4 {\r\n                            font-size: 16px;\r\n                            font-weight: 600;\r\n                            color: #1f2937;\r\n                            margin-bottom: 12px;\r\n                        }\r\n\r\n                        p {\r\n                            background: #f9fafb;\r\n                            padding: 20px;\r\n                            border-radius: 8px;\r\n                            // border-left: 4px solid #3b82f6;\r\n                            line-height: 1.7;\r\n                            color: #374151;\r\n                            font-size: 15px;\r\n                            margin: 0;\r\n                        }\r\n                    }\r\n\r\n                    // Review Details Grid\r\n                    .modal-review-details {\r\n                        display: grid;\r\n                        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n                        gap: 16px;\r\n                        margin-bottom: 24px;\r\n\r\n                        .detail-item {\r\n                            display: flex;\r\n                            gap: 12px;\r\n                            padding: 16px;\r\n                            background: #f9fafb;\r\n                            border-radius: 8px;\r\n                            border: 1px solid #e5e7eb;\r\n                            transition: all 0.2s;\r\n\r\n                            &:hover {\r\n                                background: #f3f4f6;\r\n                                border-color: #d1d5db;\r\n                            }\r\n\r\n                            &.detail-item-reviewer {\r\n                                .reviewer-avatar {\r\n                                    width: 48px;\r\n                                    height: 48px;\r\n                                    border-radius: 50%;\r\n                                    object-fit: cover;\r\n                                    border: 2px solid #e5e7eb;\r\n                                }\r\n                            }\r\n\r\n                            .detail-icon {\r\n                                font-size: 24px;\r\n                                flex-shrink: 0;\r\n                            }\r\n\r\n                            .detail-info {\r\n                                flex: 1;\r\n                                min-width: 0;\r\n\r\n                                .detail-label {\r\n                                    font-size: 12px;\r\n                                    color: #6b7280;\r\n                                    text-transform: uppercase;\r\n                                    letter-spacing: 0.5px;\r\n                                    margin-bottom: 4px;\r\n                                    font-weight: 600;\r\n                                }\r\n\r\n                                .detail-value {\r\n                                    color: #1f2937;\r\n                                    font-size: 14px;\r\n                                    font-weight: 500;\r\n                                    word-break: break-word;\r\n\r\n                                    a {\r\n                                        color: #3b82f6;\r\n                                        text-decoration: none;\r\n\r\n                                        &:hover {\r\n                                            text-decoration: underline;\r\n                                        }\r\n                                    }\r\n\r\n                                    .verified-badge {\r\n                                        background: #10b981;\r\n                                        color: white;\r\n                                        padding: 2px 8px;\r\n                                        border-radius: 12px;\r\n                                        font-size: 10px;\r\n                                        font-weight: 600;\r\n                                        margin-left: 6px;\r\n                                    }\r\n\r\n                                    .status-badge {\r\n                                        display: inline-block;\r\n                                        padding: 4px 12px;\r\n                                        border-radius: 12px;\r\n                                        font-size: 12px;\r\n                                        font-weight: 600;\r\n                                        text-transform: capitalize;\r\n\r\n                                        &.status-approved {\r\n                                            background: #d1fae5;\r\n                                            color: #065f46;\r\n                                        }\r\n\r\n                                        &.status-hold {\r\n                                            background: #fef3c7;\r\n                                            color: #92400e;\r\n                                        }\r\n\r\n                                        &.status-spam {\r\n                                            background: #fee2e2;\r\n                                            color: #991b1b;\r\n                                        }\r\n\r\n                                        &.status-trash {\r\n                                            background: #f3f4f6;\r\n                                            color: #4b5563;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    // Reply Section in Modal\r\n                    .modal-reply-section {\r\n                        border-top: 2px solid #e5e7eb;\r\n                        padding-top: 24px;\r\n\r\n                        h4 {\r\n                            font-size: 16px;\r\n                            font-weight: 600;\r\n                            color: #1f2937;\r\n                            margin-bottom: 16px;\r\n                        }\r\n\r\n                        .reply-form {\r\n                            textarea {\r\n                                width: 100%;\r\n                                padding: 14px;\r\n                                border: 2px solid #d1d5db;\r\n                                border-radius: 8px;\r\n                                font-family: inherit;\r\n                                font-size: 14px;\r\n                                resize: vertical;\r\n                                min-height: 100px;\r\n                                transition: all 0.2s;\r\n\r\n                                &:focus {\r\n                                    outline: none;\r\n                                    border-color: #3b82f6;\r\n                                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n                                }\r\n                            }\r\n\r\n                            .reply-actions {\r\n                                display: flex;\r\n                                gap: 12px;\r\n                                margin-top: 12px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .modal-footer {\r\n                padding: 16px 20px;\r\n                border-top: 1px solid #e5e7eb;\r\n                display: flex;\r\n                justify-content: flex-end;\r\n                gap: 8px;\r\n            }\r\n\r\n            // Delete Modal Specific Styles\r\n            .delete-review-info {\r\n                background: #f9fafb;\r\n                padding: 16px;\r\n                border-radius: 6px;\r\n                margin: 16px 0;\r\n                border-left: 3px solid #ef4444;\r\n\r\n                .review-rating {\r\n                    font-size: 16px;\r\n                    margin-bottom: 8px;\r\n                }\r\n\r\n                .review-excerpt {\r\n                    color: #6b7280;\r\n                    font-size: 14px;\r\n                    margin-top: 8px;\r\n                    font-style: italic;\r\n                }\r\n            }\r\n\r\n            .warning-text {\r\n                color: #dc2626;\r\n                font-weight: 500;\r\n                margin-top: 16px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Modal Animations\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes slideUp {\r\n        from {\r\n            transform: translateY(20px);\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    // Chip styles for status\r\n    .chip {\r\n        display: inline-block;\r\n        padding: 4px 12px;\r\n        border-radius: 12px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        text-transform: capitalize;\r\n\r\n        &.chip-success {\r\n            background: #d1fae5;\r\n            color: #065f46;\r\n        }\r\n\r\n        &.chip-warning {\r\n            background: #fef3c7;\r\n            color: #92400e;\r\n        }\r\n\r\n        &.chip-danger {\r\n            background: #fee2e2;\r\n            color: #991b1b;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Reviews Table Styles\r\n.reviews-table-container {\r\n    background: white;\r\n    border-radius: 8px;\r\n    overflow: visible;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n    min-height: 400px;\r\n}\r\n\r\n.reviews-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n\r\n    thead {\r\n        background: #f9fafb;\r\n        \r\n        th {\r\n            padding: 12px 16px;\r\n            text-align: left;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: #6b7280;\r\n            border-bottom: 2px solid #e5e7eb;\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        .review-row {\r\n            border-bottom: 1px solid #f3f4f6;\r\n            transition: background 0.2s;\r\n            min-height: 60px;\r\n\r\n            &:hover {\r\n                background: #f9fafb;\r\n            }\r\n\r\n            td {\r\n                padding: 12px 16px;\r\n                font-size: 13px;\r\n                vertical-align: middle;\r\n            }\r\n\r\n            .author-cell {\r\n                .author-info {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 10px;\r\n\r\n                    .author-avatar {\r\n                        width: 36px;\r\n                        height: 36px;\r\n                        border-radius: 50%;\r\n                        object-fit: cover;\r\n                    }\r\n\r\n                    .author-details {\r\n                        flex: 1;\r\n                        min-width: 0;\r\n\r\n                        .author-name {\r\n                            font-weight: 600;\r\n                            color: #1f2937;\r\n                            font-size: 13px;\r\n                        }\r\n\r\n                        .author-email {\r\n                            font-size: 12px;\r\n                            color: #9ca3af;\r\n                        }\r\n                    }\r\n\r\n                    .expand-btn {\r\n                        width: 24px;\r\n                        height: 24px;\r\n                        border-radius: 4px;\r\n                        border: none;\r\n                        background: transparent;\r\n                        cursor: pointer;\r\n                        font-size: 16px;\r\n                        display: flex;\r\n                        align-items: center;\r\n                        justify-content: center;\r\n                        flex-shrink: 0;\r\n                        color: #6b7280;\r\n                        transition: all 0.2s;\r\n\r\n                        &:hover {\r\n                            background: #f3f4f6;\r\n                            color: #1f2937;\r\n                        }\r\n                    }\r\n                    \r\n                    .author-avatar {\r\n                        flex-shrink: 0;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .rating-cell {\r\n                font-size: 16px;\r\n                \r\n                .star-rating {\r\n                    display: inline-flex;\r\n                    gap: 2px;\r\n                    \r\n                    .star {\r\n                        font-size: 18px;\r\n                        \r\n                        &.filled {\r\n                            color: #fbbf24;\r\n                        }\r\n                        \r\n                        &.empty {\r\n                            color: #e5e7eb;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .review-cell {\r\n                max-width: 300px;\r\n\r\n                .review-preview {\r\n                    color: #4b5563;\r\n                    line-height: 1.4;\r\n                }\r\n            }\r\n\r\n            .product-cell a {\r\n                color: #3b82f6;\r\n                text-decoration: none;\r\n                &:hover { text-decoration: underline; }\r\n            }\r\n\r\n            .date-cell {\r\n                color: #6b7280;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            .actions-cell {\r\n                min-height: 60px;\r\n                \r\n                .action-menu-wrapper {\r\n                    position: relative;\r\n\r\n                    .action-menu-btn {\r\n                        width: 32px;\r\n                        height: 32px;\r\n                        border-radius: 4px;\r\n                        border: none;\r\n                        background: transparent;\r\n                        cursor: pointer;\r\n                        font-size: 18px;\r\n                        color: #6b7280;\r\n                        transition: all 0.2s;\r\n\r\n                        &:hover {\r\n                            background: #f3f4f6;\r\n                            color: #1f2937;\r\n                        }\r\n                    }\r\n\r\n                    .action-menu {\r\n                        position: absolute;\r\n                        right: 0;\r\n                        top: 100%;\r\n                        background: white;\r\n                        border: 1px solid #e5e7eb;\r\n                        border-radius: 6px;\r\n                        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n                        z-index: 1000;\r\n                        min-width: 140px;\r\n                        margin-top: 4px;\r\n\r\n                        button {\r\n                            display: block;\r\n                            width: 100%;\r\n                            padding: 10px 14px;\r\n                            border: none;\r\n                            background: none;\r\n                            text-align: left;\r\n                            font-size: 13px;\r\n                            cursor: pointer;\r\n                            color: #374151;\r\n\r\n                            &:hover {\r\n                                background: #f3f4f6;\r\n                            }\r\n\r\n                            &.danger {\r\n                                color: #dc2626;\r\n                            }\r\n                        }\r\n\r\n                        .menu-divider {\r\n                            height: 1px;\r\n                            background: #e5e7eb;\r\n                            margin: 4px 0;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .expanded-row {\r\n            background: #f9fafb;\r\n\r\n            td {\r\n                padding: 16px !important;\r\n            }\r\n\r\n            .expanded-content {\r\n                .review-full-text {\r\n                    color: #374151;\r\n                    line-height: 1.6;\r\n                    margin-bottom: 12px;\r\n                }\r\n\r\n                .verified-badge {\r\n                    background: #10b981;\r\n                    color: white;\r\n                    padding: 4px 10px;\r\n                    border-radius: 12px;\r\n                    font-size: 11px;\r\n                    font-weight: 600;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px;\r\n    border-top: 1px solid #e5e7eb;\r\n\r\n    .pagination-info {\r\n        font-size: 14px;\r\n        color: #6b7280;\r\n    }\r\n}\r\n","// Layout Styles\r\n.shop-explorer-layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #f5f5f5;\r\n}\r\n\r\n// Header\r\n.layout-header {\r\n    background: #fff;\r\n    border-bottom: 1px solid #e0e0e0;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    height: 64px;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n}\r\n\r\n.brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    color: #333;\r\n}\r\n\r\n.brand-icon {\r\n    font-size: 24px;\r\n}\r\n\r\n.brand-name {\r\n    font-weight: 700;\r\n}\r\n\r\n// Navigation\r\n.main-nav {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n.nav-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    color: #666;\r\n    font-weight: 500;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n        background: #f5f5f5;\r\n        color: #333;\r\n    }\r\n\r\n    &.active {\r\n        background: #e3f2fd;\r\n        color: #1976d2;\r\n    }\r\n}\r\n\r\n.nav-icon {\r\n    font-size: 18px;\r\n}\r\n\r\n.nav-label {\r\n    font-size: 14px;\r\n}\r\n\r\n// User Menu\r\n.header-right {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.user-menu {\r\n    position: relative;\r\n}\r\n\r\n.user-menu-trigger {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 6px 12px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n        border-color: #1976d2;\r\n        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.1);\r\n    }\r\n}\r\n\r\n.user-avatar {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n}\r\n\r\n.user-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.user-name {\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: #333;\r\n}\r\n\r\n.user-role {\r\n    font-size: 12px;\r\n    color: #999;\r\n    text-transform: capitalize;\r\n}\r\n\r\n.dropdown-arrow {\r\n    font-size: 10px;\r\n    color: #999;\r\n    transition: transform 0.2s;\r\n}\r\n\r\n.user-menu-trigger:hover .dropdown-arrow {\r\n    transform: translateY(2px);\r\n}\r\n\r\n// User Dropdown\r\n.user-dropdown {\r\n    position: absolute;\r\n    top: calc(100% + 8px);\r\n    right: 0;\r\n    background: white;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n    min-width: 280px;\r\n    z-index: 1000;\r\n    animation: dropdownFadeIn 0.2s ease;\r\n}\r\n\r\n@keyframes dropdownFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-8px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.dropdown-header {\r\n    padding: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.user-avatar-large {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n}\r\n\r\n.user-details {\r\n    flex: 1;\r\n}\r\n\r\n.user-name-large {\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    color: #333;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.user-email {\r\n    font-size: 13px;\r\n    color: #999;\r\n}\r\n\r\n.dropdown-divider {\r\n    height: 1px;\r\n    background: #e0e0e0;\r\n    margin: 0;\r\n}\r\n\r\n.dropdown-menu {\r\n    padding: 8px;\r\n}\r\n\r\n.dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 12px;\r\n    border-radius: 6px;\r\n    border: none;\r\n    background: none;\r\n    width: 100%;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    color: #333;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n\r\n    &:hover {\r\n        background: #f5f5f5;\r\n    }\r\n\r\n    &.logout {\r\n        color: #d32f2f;\r\n\r\n        &:hover {\r\n            background: #ffebee;\r\n        }\r\n    }\r\n}\r\n\r\n.item-icon {\r\n    font-size: 18px;\r\n    width: 24px;\r\n    text-align: center;\r\n}\r\n\r\n// Main Content\r\n.layout-content {\r\n    flex: 1;\r\n    padding: 24px;\r\n}\r\n\r\n// Responsive\r\n@media (max-width: 768px) {\r\n    .layout-header {\r\n        padding: 0 16px;\r\n        height: auto;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        padding-top: 12px;\r\n        padding-bottom: 12px;\r\n    }\r\n\r\n    .header-left {\r\n        width: 100%;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .main-nav {\r\n        width: 100%;\r\n        overflow-x: auto;\r\n        padding-bottom: 4px;\r\n    }\r\n\r\n    .nav-label {\r\n        display: none;\r\n    }\r\n\r\n    .user-info {\r\n        display: none;\r\n    }\r\n\r\n    .layout-content {\r\n        padding: 16px;\r\n    }\r\n}"],"names":[],"sourceRoot":""}