{"version":3,"file":"admin/dashboard.css","mappings":";;;;;;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAED;;ACNA;;;;;;;EAOC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADSD;;ACNA;EACC;EACA;EACA;EACA;EACA;EACA;ADSD;ACPC;EACC;EACA;EACA;EACA;EACA;ADSF;ACSC;EACC;EACA;EACA;EACA;ADPF;ACUC;EACC;ADRF;ACUE;EACC;EACA;EACA;EACA;ADRH;ACYC;EACC,sBCrEW;EDsEX;ADVF;ACcC;EACC;EACA;EACA;ADZF;ACeC;EACC;ADbF;ACgBC;EACC;ADdF;ACiBC;EACC;ADfF;ACkBC;EACC;EACA;ADhBF;ACmBC;EACC;ADjBF,C;;;;AGlFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFD;AAIC;EACC;EACA;AAFF;AAIE;EACC;EACA;AAFH;AAMC;EACC;EACA;AAJF;AAME;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJH;AAQC;EACC;EACA;AANF;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;;AAWA;EACC;IACC;IACA;EARA;EAWD;IACC;IACA;EATA;AACF;AAaA;EACC;EACA;EACA;EACA;EACA;AAXD;AAaC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXF;AAaE;EACC;EACA;EACA;EACA;EACA;EACA;AAXH;AAgBG;;;;EAIC;AAdJ;AAkBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAhBH;AAkBG;EACC;EACA;EACA;AAhBJ;AAoBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBH;AAoBG;EACC;EACA;EACA;EACA;EACA;AAlBJ;AAoBI;EACC;AAlBL;AAuBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AArBH;AAuBG;EACC;EACA;EACA;AArBJ;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA0BG;EACC;EACA;EACA;AAxBJ;AA2BG;EACC;EACA;EACA;EACA;EAEA;AA1BJ;AA4BI;EACC;EACA,sBD5LQ;EC6LR;EACA;EACA;EACA;EACA;EACA;EACA;AA1BL;AA+BG;EACC;AA7BJ;AA+BI;EACC;AA7BL;AAiCG;EACC;AA/BJ;AAmCE;EACC;EACA;EACA,WDxNU;ECyNV;EACA;EACA;EACA;EACA;EACA;EACA;AAjCH;AAoCE;EACC,WDnOU;ECoOV;EACA;EACA;AAlCH;AAqCE;EACC,WD1OU;EC2OV;EACA;EACA;EACA;AAnCH;;AAyCA;EACC;EACA;EACA,gBDvPY;ECwPZ;EACA;EACA;AAtCD;AAwCC;EACC;EACA;EACA;EACA;EACA;AAtCF;AAwCE;EACC;EACA;EACA;EACA;EACA;AAtCH;AAyCE;EACC;EACA;AAvCH;AAyCG;EACC;EACA;EACA;EACA;EACA,cDtRS;ECuRT;EACA;AAvCJ;AAyCI;EACC;EACA,gBD1RQ;EC2RR;EACA;AAvCL;AA0CI;EACC;AAxCL;AAuCI;EACC;AAxCL;AA4CG;;EAEC;EACA;EACA;AA1CJ;AA6CG;EACC;EACA;EACA;EACA;AA3CJ;AA8CG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EACC;EACA;AA5CL;AAiDE;EACC;AA/CH;AAkDE;EACC;EACA;AAhDH;AAkDG;EACC;AAhDJ;AAoDE;EACC;AAlDH;AAoDG;EACC;AAlDJ;AAuDC;EACC;AArDF;AAuDE;EACC;EACA;EACA;AArDH;AAuDG;EACC;EACA;EACA;EACA;EACA;EACA;AArDJ;AA0DC;EACC;EACA;EACA;EACA;AAxDF,C;;;;ACvTA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;EACA;AAHF;AAMC;EACC;EACA;EACA;AAJF;AAOC;EAEC;EACA;AANF;AASC;EAGC;AATF;AAWE;EACC,mBA1CU;EA2CV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATH;AAaG;EACC;AAXJ;AAgBG;EACC;AAdJ;AAmBC;EACC,mBArEa;AAoDf;AAoBG;EACC,cAzEW;AAuDf;AAsBE;EACC,cA9EY;EA+EZ;EACA;AApBH;AAsBG;EACC,mBAnFW;AA+Df;AAuBG;EACC;AArBJ;AAwBG;EACC;EACA;AAtBJ;AAwBI;EACC;AAtBL;AAyBI;EACC,cAnGU;AA4Ef;AA6BC;EACC,mBAzGe;AA8EjB;AA8BG;EACC,cA7Ga;AAiFjB;AAgCE;EACC,cAlHc;EAmHd;EACA;AA9BH;AAgCG;EACC,mBAvHa;AAyFjB;AAiCG;EACC;AA/BJ;AAoCC;EACC;AAlCF;AAqCG;EACC,cArIa;AAkGjB;AAuCE;EACC;EACA;EACA;AArCH;AAuCG;EACC,mBA/Ia;AA0GjB;AAwCG;EACC;AAtCJ;AA+DC;EACC;EACA;AA7DF;AAgEC;EACC;EACA;AA9DF,C;;;;ACpHA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAKE;EACC;EACA;EACA;EACA,cHhCU;EGiCV;EACA;AAHH;AAME;EACC;EACA;EACA,cHvCY;EGwCZ;AAJH;AAQC;EACC;EACA;EACA;EACA;EACA;EACA,gBHjDW;EGkDX;EAEA;AAPF;AASE;EACC;EACA;EACA;EACA;AAPH;AASG;EACC;EACA;EACA;EACA;EACA;EACA;AAPJ;AAUG;EACC;EACA;EACA;EACA;EACA;EACA;EAEA,cH/ES;EGgFT;AATJ;AAWI;EACC;EACA,gBHlFQ;EGmFR;EACA;AATL;AAYI;EACC;AAVL;AASI;EACC;AAVL;AAcG;EACC;EACA;EACA;EACA;EAEA;EACA;EACA,cHrGW;EGsGX;EACA;EACA;EACA;EACA;EACA;AAbJ;AAeI;EACC;AAbL;AAkBE;EACC;EACA;EACA;AAhBH;AAkBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,cHnIW;EGoIX;EACA;AAjBJ;AAmBI;EACC;EACA;EAEA;EACA;AAlBL;AAqBI;EACC;EACA,cHlJQ;AG+Hb;AAsBI;EACC,mBHtJQ;EGuJR,qBHvJQ;EGwJR,WHtJQ;AGkIb;AAsBK;EACC;AApBN;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA0BG;EACC;EACA;EACA;AAxBJ;AA8BC;EACC;EACA;EACA;AA5BF;AA8BE;EACC,cHtLU;EGuLV;AA5BH;AAgCC;EACC;EACA;EACA;AA9BF;AAiCC;EACC;EACA;EACA;EACA;EACA,gBHpMW;EGqMX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhCF;AAkCE;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAjCH;AAoCE;EACC;EACA;EACA;AAlCH;AAoCG;EACC;AAlCJ;AAqCG;EACC;EACA;AAnCJ;AAuCE;EACC;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AAvCH;AAyCG;EACC;EACA;EACA;AAvCJ;AA2CE;EACC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AA3CH;AA8CE;EACC;EACA;EACA;EACA,cHlRU;EGmRV;EACA;AA5CH;AA+CE;EACC;EACA;EACA;EACA;EACA;EACA,cH5RY;EG6RZ;AA7CH;AA+CG;EACC;EACA;AA7CJ;AAkDC;EACC;EACA;EACA,gBHxSW;EGySX;EAEA,cH5Sa;AG2Pf;AAmDE;EACC;EACA;EACA;EACA;AAjDH;AAoDE;EACC;EACA;EACA,cHzTU;EG0TV;AAlDH;AAqDE;EACC;EACA;EACA;AAnDH;AAuDC;EACC;EACA;EACA;EACA;EACA;EACA;AArDF;AAuDE;EACC;EACA;EACA;EACA;AArDH;AAwDE;EACC;EACA;EACA;EACA;EACA,gBHtVU;EGwVV;EACA;EACA;EACA;EACA;AAvDH;AAyDG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvDJ;AAyDI;EACC;EACA;EACA;EACA;AAvDL;AAyDK;EACC;EACA;EACA,cHlXO;EGmXP;EACA;EACA;EACA;EACA;AAvDN;AA2DI;EACC;EACA;EACA;EACA;EACA,WH9XQ;EG+XR;EAEA;EACA;AA1DL;AA6DI;EACC;EACA;EACA;EACA;EAEA;EACA;AA5DL;AA+DI;EACC;EACA;EACA;EACA;AA7DL;AA+DK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AA9DN;AAgEM;EACC;EACA;AA9DP;AAiEM;EACC;EACA;AA/DP;AAmEK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,cHvbS;EGwbT;EACA;EACA;AAlEN;AAoEM;EACC;EACA;AAlEP;AAqEM;EACC;EACA;AAnEP;AAyEG;EACC;EACA;EACA;EACA;AAvEJ;AAyEI;EACC;EACA;EACA;EACA;EACA,gBHndQ;AG4Yb;AA0EI;EACC;EACA;EACA;EACA,gBH1dQ;AGkZb;AA0EK;EACC;EACA;EACA;AAxEN;AA4EI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1EL;AA6EI;EACC;EACA;EACA;EACA;EACA,sBHtfQ;EGufR;AA3EL;AA8EI;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,cHrgBQ;EGsgBR;EACA;EACA;EACA;EACA;EACA;EACA;AA7EL;AA+EK;EACC,gBH7gBO;EG8gBP;AA7EN;AAgFK;EACC;AA9EN;AAiFK;EACC;AA/EN;AAkFK;EACC;EACA;AAhFN;;AAwFA;EACC;IACC;IACA;EArFA;EAwFD;IACC;IACA;EAtFA;AACF;AAyFA;EACC;IACC;EAvFA;AACF;AA0FA;EAGG;IACC;EA1FF;EA6FC;IACC;EA3FF;EA+FA;IACC;EA7FD;EAgGA;IACC;IACA;EA9FD;EAiGC;IACC;EA/FF;EAkGC;IACC;EAhGF;AACF,C;;;;AClfA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAOE;EACC;EACA;EACA;EACA;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;AANH;AAUC;EACC;EACA;AARF;AAWC;EACC;EACA;EACA;EACA;EACA,gBJrEW;EIsEX;EAEA;AAVF;AAYE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAXH;AAaG;EACC;AAXJ;AAcG;EACC;EACA,WJ/FS;AImFb;AAgBE;EACC;EACA,WJrGU;EIsGV;EACA;EACA;EACA;EAEA;AAfH;AAmBC;EACC;EACA;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA,gBJ1HW;EI2HX;EAEA;EACA;AAnBF;AAqBE;EACC;EACA;EACA;AAnBH;AAsBE;EACC;EACA;EACA,WJzIU;EI0IV;EACA;AApBH;AAsBG;;;;;EAKC,WJlJS;AI8Hb;AAuBG;;EAEC;AArBJ;AAwBG;EACC;AAtBJ;AA2BI;;;EAGC,WJnKQ;AI0Ib;AA6BG;EACC;EACA;AA3BJ;AA8BG;EACC;AA5BJ;AA8BI;EACC;EACA,WJjLQ;AIqJb;AA+BI;EACC,gBJrLQ;EIsLR;EACA;EACA;AA7BL;AAiCG;EACC;AA/BJ;AAiCI;EACC,WJhMQ;EIiMR;AA/BL;AAiCK;EACC;AA/BN;AAoCG;EACC;EACA,WJ3MS;AIyKb;AAqCG;EACC;EACA;AAnCJ;AAqCI;EAEC;EACA;AApCL;AA0CC;EACC;EACA;EACA;EACA;EACA;EACA,WJjOW;EIkOX;EACA;EACA;EACA;EACA;EAEA;EACA;AAzCF;AA4CC;EACC;AA1CF;AA4CE;EACC;EACA;EACA;EACA;AA1CH;AA6CE;EACC;EACA;EACA;EACA;AA3CH;AA+CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7CF;AA+CE;EACC;EACA,WJ3QU;AI8Nb;AAgDE;EACC;EACA;AA9CH;AAkDC;EACC;EACA;EACA;AAhDF;AAmDC;EACC;EACA;EACA;EACA;EACA;EACA;AAjDF;AAmDE;EACC;EACA;EACA;AAjDH;AAoDE;EACC;EACA;EACA;AAlDH;AAqDE;EACC;EACA;EACA;EACA;EACA;EACA;AAnDH;AAuDC;EACC;EACA;EACA;EACA;AArDF;AAwDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAvDF;AAyDE;EACC;AAvDH;AA0DE;EAEC;EACA;AAzDH;AA6DC;EACC;EACA;EACA;EACA;AA3DF;AA8DC;EACC;EACA;EACA;EACA;EACA,gBJtWW;EIuWX;EAEA;AA7DF;AAgEC;EACC;EACA;EACA;EACA;EACA;EACA;AA9DF;AAgEE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9DH;AAkEE;EACC;EACA;EACA;EACA;EACA;AAhEH;AAmEE;EACC;EACA;EACA;EACA;EACA;AAjEH;AAqEC;EACC;EACA;EACA;EACA;EACA;EACA;AAnEF;AAqEE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnEH;AAqEG;EACC;AAnEJ;AAwEC;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAvEF;AAyEE;EACC;EACA;AAvEH;AA2EC;EACC;EACA;EACA;EACA;EACA,gBJhcW;EIicX;AAzEF;AA6EC;EACC;EACA;EACA;AA3EF;AA6EE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA5EH;AA8EG;EACC;EACA;AA5EJ;AAgFE;EACC;EACA;EACA;EACA;EACA;AA9EH;AAiFE;EACC;EACA;EACA;AA/EH;AAmFC;EACC;EACA;EACA;AAjFF;AAmFE;EACC;EACA;EACA;EACA;EACA;AAjFH;AAqFC;EACC;EACA;EACA;AAnFF;AAsFC;EACC,gBJ/fW;EIggBX;EAEA;EACA;AArFF;AAuFE;EACC;EACA;AArFH;AAuFG;EACC;EACA;AArFJ;AA0FC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxFF;AA0FE;EACC;EACA;EACA;EACA;EACA;EACA;AAxFH;AA4FC;EACC;EACA;EACA;EACA;AA1FF;;AA8FA;EACC;IACC;EA3FA;AACF,C;;;;AC3dA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAOE;EACC;EACA;EACA;EACA;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;AANH;AAQG;EACC;EACA;AANJ;AAWC;EACC;EACA;AATF;AAYC;EACC;EACA;EACA;EACA;EACA,gBL1EW;EK2EX;EAEA;AAXF;AAaE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAZH;AAcG;EACC;EACA,WL/FS;AKmFb;AAgBE;EACC;EACA,WLrGU;EKsGV;EACA;EACA;EACA;EAEA;AAfH;AAmBC;EACC;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA;EACA,gBL1HW;EK2HX;EAEA;AAnBF;AAqBE;EACC;EACA,WLjIU;EKkIV;EACA;AAnBH;AAqBG;EACC;EACA,WLvIS;AKoHb;AAsBG;EACC,WL3IS;AKuHb;AAuBG;EACC;AArBJ;AAwBG;EACC,WLnJS;AK6Hb;AAwBI;EACC;AAtBL;AA0BG;EACC;EACA;AAxBJ;AA0BI;EAEC;EACA;AAzBL;AA+BC;EACC;EACA;EACA;AA7BF;AA+BE;EACC;EACA;EACA;EACA;AA7BH;AAgCE;EACC;EACA;EACA;EACA;AA9BH;AAkCC;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAjCF;AAoCC;EACC;EACA;EACA;EACA;EACA;AAlCF;AAoCE;EACC;EACA;AAlCH;AAqCE;EACC;EACA;EACA;EACA;AAnCH;AAsCE;EACC;EACA;EACA;EACA;EACA;AApCH;AAwCC;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCF;AAyCE;EACC;AAvCH;AA0CE;EAEC;EACA;AAzCH;AA6CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AA5CF;AA8CE;EACC;EACA;EACA;EACA;AA5CH;AAgDC;EACC,gBLzRW;EK0RX;EAEA;EACA;AA/CF;AAkDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAhDF;AAkDE;EACC;EACA;EACA;EACA;AAhDH;AAoDC;EACC;EACA;EACA;EACA;AAlDF;AAoDE;EACC;EACA;EACA;EACA;EACA;EACA;AAlDH;AAqDE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;AApDH;AAsDG;EACC,gBL3US;EK4UT;EACA;AApDJ;AAuDG;EACC;AArDJ;AAoDG;EACC;AArDJ;AAyDE;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxDH;AA4DC;EACC;EACA;AA1DF;AA6DC;EACC;EACA;EACA;AA3DF;AA6DE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3DH;AA6DG;EACC;EACA;AA3DJ;AA8DG;EACC;AA5DJ;AA+DG;EACC;EACA;AA7DJ;AAgEG;EACC;AA9DJ;AAkEE;EACC;AAhEH;AAkEG;EACC;AAhEJ;AAmEG;EACC;AAjEJ;AAqEE;EACC;EACA;EACA;EACA;AAnEH;AAqEG;EACC;EACA;AAnEJ;AAsEG;EACC;AApEJ;AAuEG;EAEC;EACA;EACA;AAtEJ;AA0EE;EACC;AAxEH;AA4EC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AA3EF;AA8EC;EACC;EACA;EACA;EACA;EACA;AA5EF;AA+EE;EACC;EACA;AA7EH;AAgFE;EACC;EACA;AA9EH;AAiFE;EACC;EACA;AA/EH;AAiFG;EACC;EACA;AA/EJ;AAoFC;EACC;EACA;EACA;EACA;AAlFF;AAqFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnFF;AAsFE;EACC;EACA;EACA;EACA;AApFH;AAuFE;EACC;EACA;EACA;EACA;EACA;AArFH;AAwFE;EACC;EACA;EACA;AAtFH;;AA2FA;EACC;IACC;EAxFA;AACF,C;;;;AC3bA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;AAHH;AAME;EACC;EACA;EACA;EACA;AAJH;AAMG;EACC;EACA;AAJJ;AASC;EACC,gBNjDW;EMkDX;EAEA;EACA;AARF;AAUE;EACC;AARH;AAYC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAaC;EACC;EACA;EACA;AAXF;AAaE;EACC;EACA;EAEA;KAAA;AAZH;AAeE;EACC;EACA;EACA;EACA;AAbH;AAiBC;EACC;EACA;EACA;AAfF;AAkBC;EACC;EACA;EACA;EACA;EACA;EACA;AAhBF;AAmBE;EACC;EACA;AAjBH;AAmBG;EACC;EACA;AAjBJ;AAqBE;EACC;EACA;AAnBH;AAqBG;EACC;AAnBJ;AAwBC;EACC;EACA;EACA;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBF;AA0BC;EACC;EACA;EACA;EACA;EACA;EACA;AAxBF;AA2BC;EACC;EACA;EACA;EACA;AAzBF;AA4BC;EACC;EACA;EACA;AA1BF;AA4BE;EACC;EACA;EACA;EACA;AA1BH;AA6BE;EACC;EACA;EACA;EACA;AA3BH;AA+BC;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AA9BF;AAgCE;EACC;EACA;AA9BH;AAkCC;EACC;EACA;EACA;AAhCF;AAmCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCF;AAmCE;EACC;EACA;AAjCH;AAqCC;EACC;EACA;EACA;EACA;EACA;EAEA;AApCF;AAsCE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApCH;AAwCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAvCF;AAyCE;EACC;EACA;AAvCH;AA0CE;EACC;AAxCH;AA2CE;EACC;EACA;AAzCH;AA6CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,WNtRW;EMuRX;EAEA;EACA;AA5CF;AA8CE;EACC;EACA;EACA;EACA;EACA;EACA;AA5CH;AAgDC;EACC;EACA;EACA;EACA;AA9CF;AAiDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CF;AAiDE;EACC;AA/CH;AAkDE;EACC;AAhDH;AAkDG;EACC;AAhDJ;AAoDE;EACC;EACA;EACA;AAlDH;AAqDE;EACC;EACA;AAnDH;AAuDC;EACC;EACA;EACA;AArDF;AAuDE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAtDH;AAwDG;EACC,gBNnWS;EMoWT;EACA;AAtDJ;AAyDG;EACC;EACA;AAvDJ;AAqDG;EACC;EACA;AAvDJ;AA0DG;EACC;EACA;AAxDJ;AA6DC;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AA5DF;AA8DE;EACC;EACA;EACA;EACA;AA5DH;AAgEC;EACC;EACA;EACA;EACA,WN3YW;EM4YX;EAEA;EACA;EACA;EACA;AA/DF;AAiEE;EACC;AA/DH;AAkEE;EACC;EACA;AAhEH;AAoEC;EACC;EACA;EACA;EACA;EACA;AAlEF;AAoEE;EACC;EACA;EACA;EACA;EACA;EACA;AAlEH;AAoEG;EACC;AAlEJ;AAqEG;EACC;EACA;AAnEJ;AAwEC;EACC;EACA;EACA;AAtEF;AAyEE;EACC;EACA;EACA;EACA;EACA;AAvEH;AA2EC;EACC;EACA;EACA;EACA;EACA;EACA;AAzEF;AA2EE;EACC;EACA;EACA;AAzEH;AA4EE;EACC;EACA;EACA;EACA;EACA;AA1EH;AA6EE;EACC;EACA;EACA;AA3EH;AA+EC;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AA9EF;AAgFE;EACC;EACA;AA9EH;AAkFC;EACC;EACA;EACA;EACA;EACA;EACA;AAhFF;AAkFE;EACC;EACA;EACA;EACA;EACA;AAhFH;AAkFG;EACC;EACA;AAhFJ;AAoFE;EACC;EACA;EACA;AAlFH;AAsFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AApFF;AAuFC;EACC;EACA;EACA;EACA;AArFF;AAwFC;EACC;EACA,gBNniBW;EMqiBX;EACA;EACA;EACA;EACA;EACA;EACA;AAvFF;AAyFE;EACC;EACA;EACA;AAvFH;AAyFG;EACC;EACA;EACA;EACA;AAvFJ;AA0FG;EACC;EACA;EACA;EACA;AAxFJ;AA4FE;EACC;EACA;EACA;AA1FH;AA8FC;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AA7FF;AA+FE;EACC;EACA;AA7FH;AAiGC;EACC;EACA;EACA;EACA;EAEA;AAhGF;AAmGC;EACC;EACA;EACA,gBNrmBW;EMumBX;EACA;EACA;EACA;EACA;AAlGF;AAoGE;EACC;EACA;AAlGH;AAsGC;EACC;EACA;EACA;EAEA;EACA;EACA,WN1nBW;EM2nBX;EACA;AArGF;AAuGE;EACC;AArGH;;AA0GA;EACC;IACC;EAvGA;AACF,C;;;;ACliBA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAIC;EACC;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;AAHF;AAMC;EACC;IACC;EAJD;AACF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AASE;EACC;EACA;EACA;EACA,cPxDU;EOyDV;EACA;AAPH;AAUE;EACC;EACA;EACA;EACA;AARH;AAaC;EACC;EACA;EACA;EACA;EACA;EACA,gBP1EW;EO2EX;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;AAZF;AAcE;EACC;EACA;EACA;EACA;AAZH;AAeE;EACC;EACA;EACA;EACA;EACA;EACA;EACA,cPrGU;EOsGV;AAbH;AAeG;EACC;EACA,gBPxGS;EOyGT;EACA;AAbJ;AAgBG;EACC;AAdJ;AAaG;EACC;AAdJ;AAkBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBH;AAkBG;EACC;AAhBJ;AAqBC;EACC;EACA;EACA;EACA;EACA;EACA;AAnBF;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBH;AAsBG;EACC,cPhKS;AO4Ib;AAuBG;EACC,gBPlKS;EOmKT,cPvKW;EOwKX;AArBJ;AA2BC;EACC;EACA;EACA;AAzBF;AA2BE;EACC,cPlLU;EOmLV;AAzBH;AA8BC;EACC;EACA;EACA;AA5BF;AAgCC;EACC;EACA;EACA,gBPhMW;EOiMX;EACA;AA9BF;AAgCE;EACC;EACA;AA9BH;AAiCE;EACC;EACA;EACA,cP9MU;EO+MV;AA/BH;AAkCE;EACC;EACA;EACA;AAhCH;AAqCC;EACC;EACA;EACA,gBP3NW;EO4NX;EACA;EACA;EACA;AAnCF;AAqCE;EACC;EACA;EACA;AAnCH;AAuCC;EACC;EACA;EACA;EACA;EACA;AArCF;AAwCC;EACC;EACA;EACA;EACA;KAAA;EACA;AAtCF;AAyCC;EACC;EACA;AAvCF;AAyCE;EACC;EACA;EACA,cPjQU;EOkQV;EACA;EACA;EACA;EACA;AAvCH;AA2CC;EACC;EACA;EACA;EACA;EACA;EACA;AAzCF;AA4CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1CF;AA6CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3CF;AA+CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7CF;AAgDC;EACC;EACA;EACA;EACA;AA9CF;AAgDE;EACC;EACA,cPrUU;AOuRb;AAkDC;EACC;EACA;AAhDF;AAoDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlDF;AAoDE;EACC;AAlDH;AAqDE;EACC;EACA;EACA;AAnDH;AAsDE;EACC;EACA;AApDH;AAuDE;EACC;EACA;EACA;AArDH;AAuDG;EACC;EACA;EACA;AArDJ;AAyDE;EAEC;EACA;AAxDH;AA2DE;EAEC;EACA;AA1DH;AA6DE;EACC;EACA;AA3DH;AA+DC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7DF,C;;;;ACvVA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;;EAEC;EACA;EACA;EACA;AADF;AAGE;;EACC;EACA;AAAH;AAGE;;EACC;EAAA;AAAH;AAEG;;EACC;AACJ;;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;EACA;EACA;EACA;EACA;AAHF;AAMC;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AALF;AAOE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AAQG;EACC;EACA;EACA;AANJ;AASG;EACC;EACA;AAPJ;AAWE;;EAEC;EACA;EACA;EACA;AATH;;AAcA;EACC;IACC;EAXA;EAcD;IACC;EAZA;AACF;AAeA;EACC;IACC;IACA;EAbA;EAgBD;IACC;IACA;EAdA;AACF,C;;;;ACvGA;EACC;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAOC;EACC;EACA;EACA;EACA;EACA;AALF;AAOE;EACC;EACA;EACA;EACA;EACA;EACA;AALH;AASC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;AAUE;EACC;EACA;AARH;AAWE;EACC;EACA;EACA;AATH;AAWG;EACC;AATJ;AAaE;EACC;EACA;AAXH;AAeC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAdF;AAiBC;EACC;EACA;EACA;EACA;AAfF;AAiBE;EACC;EACA;AAfH;AAmBC;EACC;EACA;EAEA;EACA;EACA;AAlBF;AAoBE;EACC;EACA;EACA;EACA;EACA;EACA;AAlBH;AAqBE;EACC;EACA;EACA;EACA;KAAA;EACA;KAAA;AAnBH;AAsBE;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBH;AAuBG;EACC;EACA;EACA;EACA;AArBJ;AAwBG;EACC;AAtBJ;AA0BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAzBH;AA6BC;EACC;EACA;EACA;EACA;EACA;AA3BF;AA8BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA5BF;AA+BC;EACC;EACA;EACA;EACA;EACA;EAEA;AA9BF;AAiCC;EACC;EACA;EACA;EACA;EACA;AA/BF;AAkCC;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAjCF;AAmCE;;EACC;AAhCH;AAmCE;;EACC;EACA;EACA;EACA;AAhCH;AAoCC;EACC;EACA;EACA;AAlCF;AAoCE;EAEC;EACA;EACA;EACA;AAnCH;AAuCC;EACC;EACA;EACA;AArCF;AAuCE;EAEC;EACA;EACA;AAtCH;AA0CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAzCF;AA2CE;EACC;EACA;EACA;EACA;AAzCH;AA4CE;EACC;AA1CH;AA6CE;EAEC;EACA;AA5CH;;AAiDA;EACC;IACC;IACA;EA9CA;EAiDD;IACC;IACA;EA/CA;AACF,C;;;;AC3QA;EACC;EACA;EACA;EACA;AADD;AAIE;EACC;EACA;EACA;EACA;AAFH;AAKE;EACC;EACA;EACA;AAHH;AAOC;EACC;EACA;EACA;EACA;AALF;AASC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AARF;AAUE;EACC;EACA;EACA;AARH;AAUG;EACC;EACA;AARJ;AAYE;EACC;AAVH;AAaE;EACC;EACA;EACA;AAXH;AAeC;EAEC;EACA;EACA;AAdF;AAiBC;EACC;EACA;EACA;AAfF;AAkBC;EACC;EACA;EACA;AAhBF;AAmBC;EACC;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;AAnBF;AAqBE;EACC;EACA;AAnBH;AAuBC;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA2BE;EACC;EACA;EACA;EACA;AAzBH;AA6BC;EACC;EACA;EACA;EACA;AA3BF;AA6BE;EACC;AA3BH;AA+BC;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA9BF;AAgCE;EACC;EACA;EACA;EACA;AA9BH;AAiCE;EACC;EACA;EACA;AA/BH;AAmCC;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;AAlCF;AAoCE;EAEC;EACA;AAnCH,C;;;;AC1JA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;AADF;AAGE;EACC;EACA;EACA;EACA;AADH;AAIE;EACC;EACA;EACA;AAFH;AAIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;AAII;EACC;AAFL;AAKI;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;AAJL;AAMK;EACC,UX9CO;EW+CP;EACA;AAJN;AAUE;EACC;EACA,WXxDU;EWyDV;EACA;AARH;AAUG;EACC;AARJ;AAaC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAXF;AAcE;EACC;EACA;EACA;KAAA;AAZH,C;;;;ACrEA;EACC;EACA;AADD;AAGC;EACC;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;AAHF;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAOE;EACC;AALH;AAWG;EACC;AATJ;AAeG;EACC;AAbJ;AAiBE;EACC;EACA;EACA;EACA;AAfH;AAiBG;EACC;AAfJ;AAkBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;AAkBI;EAAQ;AAfZ;AAgBI;EAAW;AAbf;AAcI;EAAQ;AAXZ;AAYI;EAAgB;AATpB;AAUI;EAAY;AAPhB;AAWE;EACC;EACA;EACA;AATH;AAaC;EACC;EACA,WZvFW;EYwFX;EACA;AAXF;AAaE;EACC;AAXH,C;;;;ACnFA;EACC;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;AAFH;AAIG;EACC;AAFJ;AAME;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAJH;AAMG;EACC;AAJJ;AAMI;EACC;EACA;AAJL;AASE;EACC;EACA;EACA;EACA;EACA;AAPH;AAUE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AATH;AAWG;EACC;AATJ;AAYG;EAEC;EACA;EACA;AAXJ,C;;;;AC7DA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAIE;EACC;EACA;EACA;EACA;AAFH;AAKE;EACC;EACA;EACA;EACA;EACA;AAHH;AAME;EACC;EACA;EACA,WdhDU;EciDV;EACA;AAJH;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AAQG;EACC;AANJ;AASG;EACC;EACA;AAPJ;AAUG;EACC;AARJ;AAaC;EACC;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;AAXF;AAaE;EACC;EACA;EACA;EACA;EACA;EACA;AAXH;AAaG;EAGC;EACA;AAbJ;AAiBE;EACC;EACA;EACA,WdvHU;EcwHV;EACA;AAfH;AAiBG;EACC;AAfJ;AAmBI;EACC;EACA;EACA;AAjBL;AAqBG;EACC;EACA;EACA;EACA;AAnBJ;AAyBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBF;AAyBE;EACC;EACA;EACA;EACA,mBdrKU;EcsKV;EACA;EACA;AAvBH;AA2BG;EACC;AAzBJ;AA4BG;EACC;EACA;AA1BJ;AA6BG;EACC;AA3BJ;AAkCC;EA7LD;IA8LE;EA/BA;EAiCA;IACC;IACA;EA/BD;EAkCA;IACC;SAAA;EAhCD;EAkCC;IACC;EAhCF;AACF;AAqCC;EACC;IACC;IACA;EAnCD;EAsCA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EApCD;EAsCC;IACC;EApCF;EAuCC;IACC;IACA;IACA;IACA;IACA;IACA;EArCF;EAuCE;IACC;EArCH;EAwCE;IACC;IACA;EAtCH;EA2CA;IACC;IACA;IACA;SAAA;IACA;EAzCD;EA4CA;IACC;EA1CD;AACF,C","sources":["webpack://plugin-slug/./src/admin/dashboard.scss","webpack://plugin-slug/../bpl-tools/Admin/style.scss","webpack://plugin-slug/../bpl-tools/Admin/__variables.scss","webpack://plugin-slug/../bpl-tools/Admin/Blocks/style.scss","webpack://plugin-slug/../bpl-tools/Components/Button/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Demos/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Pricing/style.scss","webpack://plugin-slug/../bpl-tools/Admin/FeatureCompare/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Activation/style.scss","webpack://plugin-slug/../bpl-tools/Admin/OurPlugins/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/Overview/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/GettingStarted/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/ProAds/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/Changelog/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Welcome/Info/style.scss","webpack://plugin-slug/../bpl-tools/Admin/Header/style.scss"],"sourcesContent":[":root {\r\n\t--bpl-dashboard-primary-color: #0B81EE;\r\n\t--bpl-dashboard-primary-color-rgb: 11, 129, 238;\r\n\t--bpl-dashboard-secondary-color: #8C74FD;\r\n\t--bpl-dashboard-secondary-color-rgb: 140, 116, 253;\r\n\t--bpl-dashboard-title-color: #070127;\r\n\t--bpl-dashboard-title-color-rgb: 7, 1, 39;\r\n\t--bpl-dashboard-content-color: #1b2e4b;\r\n\t--bpl-dashboard-content-color-rgb: 27, 46, 75;\r\n}\r\n\r\n@import '../../../bpl-tools/Admin/style.scss';","@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Roboto:wght@100..900&display=swap');\n\n@import '__variables.scss';\n\n.notice,\n.fs-notice,\n.fs-has-title,\n.fs_notice_board,\ndiv.fs-notice.promotion,\ndiv.fs-notice.success,\ndiv.fs-notice.updated {\n\twidth: 0;\n\theight: 0;\n\tposition: absolute !important;\n\ttop: -9999px;\n\tleft: -9999px;\n\topacity: 0;\n\tvisibility: hidden;\n\tdisplay: none !important;\n\tpadding: 0 !important;\n\tmargin: 0 !important;\n}\n\n.bPlDashboard {\n\tfont-family: \"Roboto\", sans-serif;\n\twidth: calc(100% + 20px);\n\tmax-width: calc(100% + 20px);\n\tmin-height: 100vh;\n\tbackground: #f6f8fa;\n\tmargin: 0 -20px 0 -20px;\n\n\t* {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t\t// border-radius: 0 !important;\n\t}\n\n\t// Spinners must stay circular — squaring them breaks the CSS rotation animation\n\t// .actSpinner,\n\t// .pricingLoadingSpinner,\n\t// .fcSpinner,\n\t// .iframeLoader .spinner {\n\t// \tborder-radius: 50% !important;\n\t// }\n\n\t// Tiny status-indicator dots must stay circular\n\t// .statusDot,\n\t// .actStatusDot {\n\t// \tborder-radius: 50% !important;\n\t// }\n\n\t.bPlDashboardContainer {\n\t\twidth: 100%;\n\t\tmax-width: 1320px;\n\t\tpadding: 0 15px;\n\t\tmargin: 0 auto !important;\n\t}\n\n\t.bPlDashboardMain {\n\t\tpadding: 28px 24px;\n\n\t\t.bPlDashboardContainer {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 24px;\n\t\t\tpadding: 20px 0;\n\t\t}\n\t}\n\n\t.bPlDashboardCard {\n\t\tbackground-color: $whiteColor;\n\t\tpadding: 24px;\n\t\t// border-radius: 12px;\n\t}\n\n\t.bPlDashboardButtons {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t}\n\n\t.bPlButton {\n\t\tborder-radius: 0 !important;\n\t}\n\n\t::-webkit-scrollbar {\n\t\twidth: 8px\n\t}\n\n\t::-webkit-scrollbar-track {\n\t\tbackground: transparent\n\t}\n\n\t::-webkit-scrollbar-thumb {\n\t\tbackground: rgba(var(--bpl-dashboard-content-color-rgb, #1B2E4B), .25);\n\t\tborder-radius: 4px\n\t}\n\n\t::-webkit-scrollbar-thumb:hover {\n\t\tbackground: rgba(var(--bpl-dashboard-content-color-rgb, #1B2E4B), .45)\n\t}\n}","$primaryColor: #6155F5;\n$secondaryColor: #091E42;\n$titleColor: #001737;\n$contentColor: #1B2E4B;\n$whiteColor: #fff;","@import '../__variables';\n\n// ── Toast ──────────────────────────────────────────────────────────────────────\n.bPlDashboardBlocksToast {\n\tposition: fixed;\n\tbottom: 20px;\n\tright: 20px;\n\tpadding: 16px 20px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tfont-size: 14px;\n\tfont-weight: 500;\n\tz-index: 1000;\n\tanimation: toastSlideInUp .3s ease-out;\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, .15);\n\n\t&.loading {\n\t\tbackground-color: #e3f2fd;\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\n\t\t.components-spinner {\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&.success {\n\t\tbackground-color: #e8f5e9;\n\t\tcolor: #2e7d32;\n\n\t\t.checkmark {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tbackground-color: #2e7d32;\n\t\t\tcolor: white;\n\t\t\tborder-radius: 50% !important;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&.error {\n\t\tbackground-color: #ffebee;\n\t\tcolor: #c62828;\n\n\t\t.error-icon {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tbackground-color: #c62828;\n\t\t\tcolor: white;\n\t\t\tborder-radius: 50% !important;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n}\n\n@keyframes toastSlideInUp {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n// ── Block grid ─────────────────────────────────────────────────────────────────\n.dashboardBlocks {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: 24px;\n\tpadding: 0;\n\tmargin: 0;\n\n\t.block {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tbackground: #fff;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\tpadding: 12px 18px;\n\t\topacity: 1;\n\t\ttransition: opacity .3s ease;\n\t\tposition: relative;\n\n\t\t.blockTitle {\n\t\t\tflex-grow: 1;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\ttext-transform: capitalize;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\t&.disabled {\n\n\t\t\t.icon,\n\t\t\t.blockTitle,\n\t\t\t.actionBtn,\n\t\t\t.toggleSwitch {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\n\t\t.icon {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tflex-shrink: 0;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, 97, 85, 245), .1);\n\n\t\t\tsvg {\n\t\t\t\tfill: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t}\n\t\t}\n\n\t\t.name {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 500;\n\t\t\ttext-transform: capitalize;\n\t\t\tflex-grow: 1;\n\t\t\tcolor: var(--bpl-dashboard-secondary-color, $secondaryColor);\n\t\t\tmargin-right: auto;\n\n\t\t\t>a {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-top: 5px;\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:hover {\n\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.actionBtn {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background .3s ease;\n\n\t\t\tsvg {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tfill: #fff;\n\t\t\t}\n\t\t}\n\n\t\t// Toggle must keep its pill + knob shape — !important beats the global * override\n\t\t.toggleSwitch {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 34px;\n\t\t\theight: 20px;\n\n\t\t\tinput {\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t.slider {\n\t\t\t\tbackground-color: #ccc;\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\ttransition: .4s;\n\t\t\t\t// border-radius: 20px !important;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tbackground-color: $whiteColor;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 14px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tleft: 3px;\n\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\ttransition: .4s;\n\t\t\t\t\t// border-radius: 50% !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinput:checked+.slider {\n\t\t\t\tbackground-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\n\t\t\t\t&:before {\n\t\t\t\t\ttransform: translateX(14px) translateY(-50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinput:disabled+.slider {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\n\t\t.blockBadge {\n\t\t\tfont-size: 12px;\n\t\t\tposition: absolute;\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\ttop: 0;\n\t\t\tleft: 20px;\n\t\t\ttransform: translateY(-50%);\n\t\t\tpadding: 0 11px;\n\t\t\tz-index: 999;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.blockProBadge {\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: #f2a80b;\n\t\t\tleft: auto;\n\t\t\tright: 20px;\n\t\t}\n\n\t\t.blockRequiredBadge {\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: #d32f2f;\n\t\t\tleft: auto;\n\t\t\tright: 70px;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t}\n}\n\n// ── Full-page Blocks manager ───────────────────────────────────────────────────\n.bPlDashboardBlocks {\n\twidth: 100%;\n\tmax-width: 1440px;\n\tbackground: $whiteColor;\n\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\tmargin: 0 auto !important;\n\tposition: relative;\n\n\t.blocksTop {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tpadding: 20px 30px;\n\t\tborder-bottom: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\n\t\th2 {\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 50px 0 0;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.blocksSearch {\n\t\t\twidth: 280px;\n\t\t\tposition: relative;\n\n\t\t\tinput {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 38px;\n\t\t\t\tpadding: 0 38px;\n\t\t\t\tbackground: #f7f8fb;\n\t\t\t\tcolor: $titleColor;\n\t\t\t\ttransition: background .15s, border-color .15s;\n\t\t\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbackground: $whiteColor;\n\t\t\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .45);\n\t\t\t\t\tbox-shadow: 0 0 0 3px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .12);\n\t\t\t\t}\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: #94a3b8;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t>svg,\n\t\t\tspan {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t>svg {\n\t\t\t\tfill: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tleft: 8px;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\twidth: 38px;\n\t\t\t\theight: 38px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tright: 0;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bPlButton {\n\t\t\tpadding: 10px 21px;\n\t\t}\n\n\t\t.activeAllBtn {\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tmargin: 0 10px 0 auto;\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\n\t\t\t}\n\t\t}\n\n\t\t.deActiveAllBtn {\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t}\n\t\t}\n\t}\n\n\t.blocksContent {\n\t\tpadding: 30px;\n\n\t\t.blocksGroup {\n\t\t\tpadding-bottom: 20px;\n\t\t\tborder-bottom: 2px solid #f0f0f0;\n\t\t\tmargin-bottom: 32px;\n\n\t\t\t.groupTitle {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttext-transform: capitalize;\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0 0 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.noBlocksFound {\n\t\ttext-align: center;\n\t\tcolor: red;\n\t\tpadding: 30px;\n\t\tmargin: 0;\n\t}\n}","$primaryColor: #146EF5;\r\n$secondaryColor: #FF7A00;\r\n$titleColor: #070127;\r\n\r\n.bPlButton {\r\n\tfont-size: 16px;\r\n\tfont-weight: 500;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: 10px;\r\n\tposition: relative;\r\n\tpadding: 12px 28px;\r\n\tborder: none;\r\n\tborder-radius: .5em;\r\n\toutline: 0;\r\n\tz-index: 0;\r\n\tcursor: pointer;\r\n\toverflow: hidden;\r\n\ttransition: all .5s ease-in-out;\r\n\r\n\t.bPlButton-disabled {\r\n\t\topacity: 0.7;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\r\n\tsvg {\r\n\t\tfill: currentColor;\r\n\t\twidth: 1.2em;\r\n\t\theight: 1.2em;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:focus {\r\n\t\toutline: 0;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t&.variant-primary,\r\n\t&.variant-secondary,\r\n\t&.variant-danger {\r\n\t\tcolor: #fff;\r\n\r\n\t\t&::before {\r\n\t\t\tbackground: $titleColor;\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 0;\r\n\t\t\theight: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tz-index: -1;\r\n\t\t\ttransition: all .5s ease-in-out;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.white {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-primary {\r\n\t\tbackground: $primaryColor;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: $primaryColor;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid $primaryColor;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t&.white {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tborder: 2px solid #fff;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-secondary {\r\n\t\tbackground: $secondaryColor;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $secondaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: $secondaryColor;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid $secondaryColor;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $secondaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-danger {\r\n\t\tbackground: #dc3545;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $secondaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: #dc3545;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid #dc3545;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $secondaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// &.variant-outline {\r\n\t// \tcolor: $primaryColor;\r\n\t// \tbackground: transparent;\r\n\t// \tborder: 2px solid $primaryColor;\r\n\t// }\r\n\r\n\t// &.variant-outline-fill {\r\n\t// \tcolor: $primaryColor;\r\n\t// \tbackground: transparent;\r\n\t// \tborder: 2px solid $primaryColor;\r\n\r\n\t// \t&:hover {\r\n\t// \t\tcolor: white;\r\n\t// \t\tbackground: $primaryColor;\r\n\t// \t}\r\n\t// }\r\n\r\n\t// color: $primaryColor;\r\n\t// background: transparent;\r\n\r\n\t&.size-medium {\r\n\t\tfont-size: 14px;\r\n\t\tpadding: 8px 18px;\r\n\t}\r\n\r\n\t&.size-small {\r\n\t\tfont-size: 12px;\r\n\t\tpadding: 6px 14px;\r\n\t}\r\n}","@import '../__variables';\n\n.bPlDashboardDemos {\n\twidth: 100%;\n\tmax-width: 1240px;\n\tmargin: 0 auto !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\n\t.hero {\n\t\ttext-align: center;\n\t\tmax-width: 640px;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\n\t\t.eyebrow {\n\t\t\talign-self: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.5px;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding: 5px 12px;\n\t\t\tbackground: rgba($primaryColor, .08);\n\t\t\t// border-radius: 999px;\n\t\t}\n\n\t\th1 {\n\t\t\tfont-size: 28px;\n\t\t\tline-height: 1.2;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -0.3px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.55;\n\t\t\tcolor: $contentColor;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.toolbar {\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tpadding: 14px 16px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba($contentColor, .1);\n\t\t// border-radius: 14px;\n\t\tbox-shadow: 0 1px 3px rgba($secondaryColor, .04);\n\n\t\t.search {\n\t\t\tposition: relative;\n\t\t\tflex: 1 1 280px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t>svg {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 14px;\n\t\t\t\tcolor: rgba($contentColor, .5);\n\t\t\t\tpointer-events: none;\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t}\n\n\t\t\tinput {\n\t\t\t\tflex: 1;\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tpadding: 9px 36px 9px 40px;\n\t\t\t\tbackground: rgba($contentColor, .05);\n\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t// border-radius: 10px;\n\t\t\t\tcolor: $titleColor;\n\t\t\t\ttransition: background .15s, border-color .15s, box-shadow .15s;\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbackground: $whiteColor;\n\t\t\t\t\tborder-color: rgba($primaryColor, .45);\n\t\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, .1);\n\t\t\t\t}\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: rgba($contentColor, .45);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.searchClear {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 8px;\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\t// border-radius: 50%;\n\t\t\t\tborder: none;\n\t\t\t\tbackground: rgba($contentColor, .12);\n\t\t\t\tcolor: $contentColor;\n\t\t\t\tfont-size: 17px;\n\t\t\t\tline-height: 1;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba($contentColor, .2);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.chips {\n\t\t\tdisplay: flex;\n\t\t\tgap: 6px;\n\t\t\tflex-wrap: wrap;\n\n\t\t\t.chip {\n\t\t\t\t--accent: #{rgba($contentColor, .4)};\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 7px;\n\t\t\t\tpadding: 7px 14px;\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: 1px solid rgba($contentColor, .15);\n\t\t\t\t// border-radius: 999px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: $contentColor;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background .15s, border-color .15s, color .15s;\n\n\t\t\t\t.chipDot {\n\t\t\t\t\twidth: 8px;\n\t\t\t\t\theight: 8px;\n\t\t\t\t\t// border-radius: 50%;\n\t\t\t\t\tbackground: var(--accent);\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-color: rgba($primaryColor, .4);\n\t\t\t\t\tcolor: $titleColor;\n\t\t\t\t}\n\n\t\t\t\t&.isActive {\n\t\t\t\t\tbackground: $titleColor;\n\t\t\t\t\tborder-color: $titleColor;\n\t\t\t\t\tcolor: $whiteColor;\n\n\t\t\t\t\t.chipDot {\n\t\t\t\t\t\tbackground: rgba($whiteColor, .55);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.actions {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tmargin-left: auto;\n\n\t\t\t.bPlButton {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tpadding: 7px 16px;\n\t\t\t\t// border-radius: 8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.count {\n\t\tfont-size: 13px;\n\t\tcolor: rgba($contentColor, .8);\n\t\tmargin: -8px 0 0;\n\n\t\tstrong {\n\t\t\tcolor: $titleColor;\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t.grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n\t\tgap: 16px;\n\t}\n\n\t.card {\n\t\t--accent: #{$primaryColor};\n\t\tmin-width: auto;\n\t\tposition: relative;\n\t\ttext-align: left;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba($contentColor, .1);\n\t\t// border-radius: 14px;\n\t\tborder-radius: 0;\n\t\tpadding: 20px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\tcursor: pointer;\n\t\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n\t\toverflow: hidden;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\t// fallback for browsers without color-mix\n\t\t\tbackground: linear-gradient(135deg, rgba($primaryColor, .08), transparent 60%);\n\t\t\tbackground: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%);\n\t\t\topacity: 0;\n\t\t\ttransition: opacity .2s ease;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-3px);\n\t\t\tborder-color: var(--accent);\n\t\t\tbox-shadow: 0 10px 24px rgba($secondaryColor, .08);\n\n\t\t\t&::before {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.cardAction {\n\t\t\t\tcolor: var(--accent);\n\t\t\t\ttransform: translateX(3px);\n\t\t\t}\n\t\t}\n\n\t\t.cardIcon {\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\t// border-radius: 10px;\n\t\t\t// fallback for browsers without color-mix\n\t\t\tbackground: rgba($primaryColor, .12);\n\t\t\tbackground: color-mix(in srgb, var(--accent) 14%, transparent);\n\t\t\tcolor: var(--accent);\n\n\t\t\tsvg {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tfill: currentColor;\n\t\t\t}\n\t\t}\n\n\t\t.cardCat {\n\t\t\talign-self: flex-start;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: .8px;\n\t\t\tpadding: 3px 8px;\n\t\t\t// border-radius: 6px;\n\t\t\t// fallback for browsers without color-mix\n\t\t\tbackground: rgba($primaryColor, .12);\n\t\t\tbackground: color-mix(in srgb, var(--accent) 14%, transparent);\n\t\t\tcolor: var(--accent);\n\t\t}\n\n\t\t.cardTitle {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1.35;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0;\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.cardAction {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $contentColor;\n\t\t\ttransition: color .18s ease, transform .18s ease;\n\n\t\t\tsvg {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.empty {\n\t\ttext-align: center;\n\t\tpadding: 60px 24px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px dashed rgba($contentColor, .2);\n\t\t// border-radius: 14px;\n\t\tcolor: $contentColor;\n\n\t\tsvg {\n\t\t\tcolor: rgba($contentColor, .4);\n\t\t\tmargin-bottom: 12px;\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tmargin: 0;\n\t\t\topacity: .78;\n\t\t}\n\t}\n\n\t.modal {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 99999;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: stretch;\n\n\t\t.modalBackdrop {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tbackground: rgba($secondaryColor, .62);\n\t\t\tbackdrop-filter: blur(6px);\n\t\t}\n\n\t\t.modalContent {\n\t\t\tposition: relative;\n\t\t\tmargin: auto;\n\t\t\twidth: min(1240px, 96vw);\n\t\t\theight: min(820px, 92vh);\n\t\t\tbackground: $whiteColor;\n\t\t\t// border-radius: 16px;\n\t\t\tbox-shadow: 0 24px 60px rgba(0, 0, 0, .35);\n\t\t\toverflow: hidden;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tanimation: dGalleryPop .22s ease;\n\n\t\t\t.modalHead {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tgap: 16px;\n\t\t\t\tpadding: 14px 18px;\n\t\t\t\tborder-bottom: 1px solid rgba($contentColor, .1);\n\t\t\t\tflex-shrink: 0;\n\n\t\t\t\t.modalTitleWrap {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 10px;\n\t\t\t\t\tmin-width: 0;\n\n\t\t\t\t\th2 {\n\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tcolor: $titleColor;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\tmax-width: 42ch;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.modalCat {\n\t\t\t\t\tfont-size: 10.5px;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\tletter-spacing: .8px;\n\t\t\t\t\tcolor: $whiteColor;\n\t\t\t\t\tpadding: 4px 9px;\n\t\t\t\t\t// border-radius: 999px;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\n\t\t\t\t.modalProgress {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tcolor: rgba($contentColor, .65);\n\t\t\t\t\tpadding: 3px 8px;\n\t\t\t\t\tbackground: rgba($contentColor, .07);\n\t\t\t\t\t// border-radius: 6px;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\n\t\t\t\t.modalActions {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 8px;\n\t\t\t\t\tflex-shrink: 0;\n\n\t\t\t\t\t.modalOpen {\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tgap: 6px;\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t\tpadding: 7px 12px;\n\t\t\t\t\t\t// border-radius: 8px;\n\t\t\t\t\t\tbackground: rgba($primaryColor, .08);\n\t\t\t\t\t\ttransition: background .15s;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground: rgba($primaryColor, .15);\n\t\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\twidth: 14px;\n\t\t\t\t\t\t\theight: 14px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.modalClose {\n\t\t\t\t\t\twidth: 34px;\n\t\t\t\t\t\theight: 34px;\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tbackground: rgba($contentColor, .07);\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t// border-radius: 8px;\n\t\t\t\t\t\tcolor: $contentColor;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\ttransition: background .15s, color .15s;\n\t\t\t\t\t\tflex-shrink: 0;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground: #ffeaea;\n\t\t\t\t\t\t\tcolor: #ef4444;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\twidth: 18px;\n\t\t\t\t\t\t\theight: 18px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.modalStage {\n\t\t\t\tposition: relative;\n\t\t\t\tflex: 1;\n\t\t\t\tbackground: #0f172a;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\tiframe {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tbackground: $whiteColor;\n\t\t\t\t}\n\n\t\t\t\t.imgScroll {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\toverflow: auto;\n\t\t\t\t\tbackground: $whiteColor;\n\n\t\t\t\t\timg {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.iframeLoader {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset: 0;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tgap: 12px;\n\t\t\t\t\tcolor: rgba($whiteColor, .7);\n\t\t\t\t\tbackground: rgba(15, 23, 42, .92);\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t}\n\n\t\t\t\t.spinner {\n\t\t\t\t\twidth: 32px;\n\t\t\t\t\theight: 32px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tborder: 3px solid rgba($whiteColor, .18);\n\t\t\t\t\tborder-top-color: $whiteColor;\n\t\t\t\t\tanimation: dGallerySpinAnim .9s linear infinite;\n\t\t\t\t}\n\n\t\t\t\t.modalNav {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\twidth: 42px;\n\t\t\t\t\theight: 42px;\n\t\t\t\t\t// border-radius: 50%;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tbackground: rgba($whiteColor, .92);\n\t\t\t\t\tcolor: $titleColor;\n\t\t\t\t\tbox-shadow: 0 6px 18px rgba(0, 0, 0, .18);\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tz-index: 3;\n\t\t\t\t\ttransition: background .15s, transform .18s;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: $whiteColor;\n\t\t\t\t\t\ttransform: translateY(-50%) scale(1.05);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.modalNavPrev {\n\t\t\t\t\t\tleft: 16px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.modalNavNext {\n\t\t\t\t\t\tright: 16px;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes dGalleryPop {\n\tfrom {\n\t\ttransform: scale(.96);\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\t}\n}\n\n@keyframes dGallerySpinAnim {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@media (max-width: 768px) {\n\t.bPlDashboardDemosGallery {\n\t\t.toolbar {\n\t\t\t.search {\n\t\t\t\tflex: 1 1 100%;\n\t\t\t}\n\n\t\t\t.actions {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t.grid {\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\t\t}\n\n\t\t.modal .modalContent {\n\t\t\twidth: 100vw;\n\t\t\theight: 100dvh;\n\t\t\t// border-radius: 0;\n\n\t\t\t.modalHead .modalTitleWrap h2 {\n\t\t\t\tmax-width: 22ch;\n\t\t\t}\n\n\t\t\t.modalHead .modalActions .modalOpen {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}","@import '../__variables';\n\n.bPlDashboardPricing {\n\twidth: 100%;\n\tmax-width: 1140px;\n\tmargin: 0 auto !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 40px;\n\n\t&.bPlDashboardPricingLoading {\n\t\tmin-height: 320px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t}\n\n\t.pricingLoadingSpinner {\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tborder-radius: 50%;\n\t\tborder: 3px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.18);\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tanimation: bplPricingSpin 0.9s linear infinite;\n\t}\n\n\t.pricingHero {\n\t\ttext-align: center;\n\t\tmax-width: 720px;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\n\t\t.pricingEyebrow {\n\t\t\talign-self: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.5px;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding: 5px 12px;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.08);\n\t\t\t// border-radius: 999px;\n\t\t}\n\n\t\th1 {\n\t\t\tfont-size: 36px;\n\t\t\tline-height: 1.15;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -0.5px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 1.6;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.pricingCycleWrap {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\t.pricingCycle {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tpadding: 5px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\t// border-radius: 999px;\n\t\tbox-shadow: 0 1px 2px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.04);\n\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tpadding: 9px 22px;\n\t\t\tborder: none;\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\t// border-radius: 999px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background 0.18s ease, color 0.18s ease;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t}\n\n\t\t\t&.isActive {\n\t\t\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\t\t}\n\n\t\t.pricingSave {\n\t\t\tbackground: #22c55e;\n\t\t\tcolor: $whiteColor;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 1.6;\n\t\t\tfont-weight: 700;\n\t\t\tpadding: 2px 8px;\n\t\t\t// border-radius: 999px;\n\t\t\tletter-spacing: 0.3px;\n\t\t}\n\t}\n\n\t.pricingPlans {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n\t\tgap: 20px;\n\t\talign-items: stretch;\n\t}\n\n\t.pricingPlan {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\t// border-radius: 16px;\n\t\tpadding: 28px 26px;\n\t\ttransition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-3px);\n\t\t\tbox-shadow: 0 12px 30px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.08);\n\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.35);\n\t\t}\n\n\t\t&.isFeatured {\n\t\t\tborder-color: transparent;\n\t\t\tbackground: linear-gradient(180deg, color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 86%, black 14%) 0%, var(--bpl-dashboard-primary-color, $primaryColor) 100%);\n\t\t\tcolor: $whiteColor;\n\t\t\tbox-shadow: 0 16px 40px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.25);\n\t\t\ttransform: translateY(-6px);\n\n\t\t\t.pricingPlanHead h3,\n\t\t\t.pricingPrice,\n\t\t\t.pricingAmount,\n\t\t\t.pricingCurrency,\n\t\t\t.pricingSuffix {\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\n\t\t\t.pricingPlanHead p,\n\t\t\t.pricingEquiv {\n\t\t\t\tcolor: rgba($whiteColor, 0.78);\n\t\t\t}\n\n\t\t\t.pricingPriceWrap {\n\t\t\t\tborder-color: rgba($whiteColor, 0.25);\n\t\t\t}\n\n\t\t\t.pricingPrice {\n\n\t\t\t\t.pricingAmount,\n\t\t\t\t.pricingCurrency,\n\t\t\t\t.pricingSuffix {\n\t\t\t\t\tcolor: $whiteColor;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.pricingLicenseSwitcher {\n\t\t\t\tbackground: rgba($whiteColor, 0.12);\n\t\t\t\tborder-color: rgba($whiteColor, 0.2);\n\t\t\t}\n\n\t\t\t.pricingLicenseBtn {\n\t\t\t\tcolor: rgba($whiteColor, 0.85);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba($whiteColor, 0.15);\n\t\t\t\t\tcolor: $whiteColor;\n\t\t\t\t}\n\n\t\t\t\t&.isActive {\n\t\t\t\t\tbackground: $whiteColor;\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.pricingMultiPlanFeatures {\n\t\t\t\tborder-top-color: rgba($whiteColor, 0.2);\n\n\t\t\t\tli {\n\t\t\t\t\tcolor: $whiteColor;\n\t\t\t\t\tborder-bottom-color: rgba($whiteColor, 0.2);\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.pricingFeatureCheck {\n\t\t\t\tbackground: rgba($whiteColor, 0.2);\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\n\t\t\t.pricingCta {\n\t\t\t\tbackground: $whiteColor !important;\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground: rgba($whiteColor, 0.92) !important;\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.pricingBadge {\n\t\tposition: absolute;\n\t\ttop: -12px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\tbackground: #f59e0b;\n\t\tcolor: $whiteColor;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 1px;\n\t\tpadding: 6px 14px;\n\t\t// border-radius: 999px;\n\t\twhite-space: nowrap;\n\t\tbox-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);\n\t}\n\n\t.pricingPlanHead {\n\t\tmargin-bottom: 18px;\n\n\t\th3 {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\t\t\topacity: 0.78;\n\t\t}\n\t}\n\n\t.pricingFeatureCheck {\n\t\tflex-shrink: 0;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.12);\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tmargin-top: 1px;\n\n\t\t.isFeatured & {\n\t\t\tbackground: rgba($whiteColor, 0.2);\n\t\t\tcolor: $whiteColor;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.pricingPriceWrap {\n\t\tpadding: 0 0 22px;\n\t\tmargin-bottom: 22px;\n\t\tborder-bottom: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t}\n\n\t.pricingPrice {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tgap: 2px;\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\tline-height: 1;\n\t\tmargin-bottom: 8px;\n\n\t\t.pricingCurrency {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin-top: 6px;\n\t\t}\n\n\t\t.pricingAmount {\n\t\t\tfont-size: 48px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: -1px;\n\t\t}\n\n\t\t.pricingSuffix {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.7;\n\t\t\tmargin-top: 18px;\n\t\t\tmargin-left: 2px;\n\t\t}\n\t}\n\n\t.pricingEquiv {\n\t\tfont-size: 13px;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\topacity: 0.78;\n\t\tmargin: 0;\n\t}\n\n\t.pricingCta {\n\t\twidth: 100%;\n\t\tjustify-content: center;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\tcolor: $whiteColor !important;\n\t\tfont-size: 15px !important;\n\t\tfont-weight: 600 !important;\n\t\tpadding: 12px 20px !important;\n\t\t// border-radius: 10px !important;\n\t\toverflow: hidden;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t\tmargin-top: auto;\n\t\ttransition: background 0.18s ease, transform 0.18s ease;\n\n\t\t&::before {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 90%, black 10%) !important;\n\t\t\tcolor: $whiteColor !important;\n\t\t}\n\t}\n\n\t.pricingEmpty {\n\t\tgrid-column: 1 / -1;\n\t\ttext-align: center;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tpadding: 40px;\n\t}\n\n\t.pricingIncluded {\n\t\tmax-width: 980px;\n\t\tmargin: 0 auto;\n\t\twidth: 100%;\n\t\tpadding: 32px 36px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 16px;\n\t\tbox-shadow: 0 1px 2px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.03);\n\t}\n\n\t.pricingIncludedHead {\n\t\ttext-align: center;\n\t\tmax-width: 640px;\n\t\tmargin: 0 auto 24px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\n\t\t.pricingIncludedTag {\n\t\t\talign-self: center;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.2px;\n\t\t\tcolor: #15803d;\n\t\t\tbackground: rgba(34, 197, 94, 0.12);\n\t\t\tpadding: 5px 12px;\n\t\t\t// border-radius: 999px;\n\t\t}\n\n\t\th2 {\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -0.3px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14.5px;\n\t\t\tline-height: 1.55;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\t\t\topacity: 0.88;\n\t\t}\n\t}\n\n\t.pricingIncludedGrid {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n\t\tgap: 10px 28px;\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 12px;\n\t\t\tpadding: 10px 0;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tborder-bottom: 1px dashed rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\n\t\t\t&:nth-last-child(-n+2) {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pricingIncludedCheck {\n\t\tflex-shrink: 0;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t// border-radius: 50%;\n\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.12);\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tmargin-top: 1px;\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.pricingTrust {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n\t\tgap: 16px;\n\t\tpadding: 24px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 14px;\n\t}\n\n\t.pricingTrustItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\n\t\t.pricingTrustIcon {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 38px;\n\t\t\theight: 38px;\n\t\t\t// border-radius: 10px;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.1);\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tflex-shrink: 0;\n\n\t\t\tsvg {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t}\n\t\t}\n\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin-bottom: 2px;\n\t\t}\n\n\t\tspan {\n\t\t\tfont-size: 12.5px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.8;\n\t\t}\n\t}\n\n\t.pricingFaq {\n\t\tmax-width: 780px;\n\t\tmargin: 0 auto;\n\t\twidth: 100%;\n\n\t\th2 {\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 18px;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.pricingFaqList {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t}\n\n\t.pricingFaqItem {\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 12px;\n\t\toverflow: hidden;\n\t\ttransition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n\t\t&.isOpen {\n\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.3);\n\t\t\tbox-shadow: 0 4px 12px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.04);\n\n\t\t\t.pricingFaqQ svg {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t}\n\t\t}\n\t}\n\n\t.pricingFaqQ {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 16px;\n\t\tpadding: 16px 20px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttext-align: left;\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\tcursor: pointer;\n\n\t\tsvg {\n\t\t\tflex-shrink: 0;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.7;\n\t\t\ttransition: transform 0.2s ease, color 0.2s ease;\n\t\t}\n\t}\n\n\t.pricingFaqA {\n\t\tpadding: 0 20px 18px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.6;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t}\n}\n\n@keyframes bplPricingSpin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}","@import '../__variables';\n\n.bPlDashboardFeatureCompare {\n\twidth: 100%;\n\tmax-width: 1140px;\n\tmargin: 0 auto !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 32px;\n\n\t&.bPlDashboardFeatureCompareLoading {\n\t\tmin-height: 320px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t}\n\n\t.fcSpinner {\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tborder-radius: 50%;\n\t\tborder: 3px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.18);\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tanimation: bplFeatureCompareSpin 0.9s linear infinite;\n\t}\n\n\t.fcHero {\n\t\ttext-align: center;\n\t\tmax-width: 720px;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\n\t\t.fcEyebrow {\n\t\t\talign-self: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.5px;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding: 5px 12px;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.08);\n\t\t\t// border-radius: 999px;\n\t\t}\n\n\t\th1 {\n\t\t\tfont-size: 34px;\n\t\t\tline-height: 1.16;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -0.4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1.6;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\n\t\t\tstrong {\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n\n\t.fcCycleWrap {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\t.fcCycle {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tpadding: 5px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\t// border-radius: 999px;\n\t\tbox-shadow: 0 1px 2px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.04);\n\n\t\tbutton {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tpadding: 9px 22px;\n\t\t\tborder: none;\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\t// border-radius: 999px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background 0.18s ease, color 0.18s ease;\n\n\t\t\t&.isActive {\n\t\t\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\t\t}\n\n\t\t.fcSave {\n\t\t\tbackground: #22c55e;\n\t\t\tcolor: $whiteColor;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 1.6;\n\t\t\tfont-weight: 700;\n\t\t\tpadding: 2px 8px;\n\t\t\t// border-radius: 999px;\n\t\t\tletter-spacing: 0.3px;\n\t\t}\n\t}\n\n\t.fcPlans {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n\t\tgap: 20px;\n\t}\n\n\t.fcPlan {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 16px;\n\t\tpadding: 28px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 16px;\n\t\tposition: relative;\n\n\t\t&.isPro {\n\t\t\tbackground: linear-gradient(180deg, color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 86%, black 14%) 0%, var(--bpl-dashboard-primary-color, $primaryColor) 100%);\n\t\t\tcolor: $whiteColor;\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: 0 14px 36px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.22);\n\n\t\t\t.fcPlanTag {\n\t\t\t\tbackground: rgba($whiteColor, 0.2);\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\n\t\t\th3 {\n\t\t\t\tcolor: $whiteColor;\n\t\t\t}\n\n\t\t\t.fcPlanHead p {\n\t\t\t\tcolor: rgba($whiteColor, 0.82);\n\t\t\t}\n\n\t\t\t.fcPlanPrice {\n\t\t\t\tcolor: $whiteColor;\n\n\t\t\t\t.fcCyc {\n\t\t\t\t\tcolor: rgba($whiteColor, 0.75);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.fcPlanCta {\n\t\t\t\tbackground: $whiteColor !important;\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground: rgba($whiteColor, 0.92) !important;\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.fcPlanHead {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: 700;\n\t\t\tmargin: 0;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tmargin: 0;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t}\n\t}\n\n\t.fcPlanTag {\n\t\talign-self: flex-start;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 1px;\n\t\tpadding: 5px 11px;\n\t\t// border-radius: 999px;\n\t\tbackground: #f1f3f8;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t}\n\n\t.fcPlanPrice {\n\t\tdisplay: flex;\n\t\talign-items: baseline;\n\t\tgap: 4px;\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\tflex-wrap: wrap;\n\n\t\t.fcCurr {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\t.fcAmt {\n\t\t\tfont-size: 42px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: -1px;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.fcCyc {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.8;\n\t\t\tmargin-left: 6px;\n\t\t}\n\t}\n\n\t.fcPlanCta {\n\t\tmargin-top: auto;\n\t\twidth: 100%;\n\t\tjustify-content: center;\n\t\tpadding: 12px 20px !important;\n\t\tfont-size: 14.5px !important;\n\t\tfont-weight: 600 !important;\n\t\t// border-radius: 10px !important;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\tcolor: $whiteColor !important;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t\toverflow: hidden;\n\t\ttransition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n\n\t\t&::before {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 90%, black 10%) !important;\n\t\t\tcolor: $whiteColor !important;\n\t\t}\n\t}\n\n\t.fcPlanCtaHave {\n\t\tmargin-top: auto;\n\t\twidth: 100%;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t\tpadding: 12px 20px;\n\t\tfont-size: 14.5px;\n\t\tfont-weight: 600;\n\t\t// border-radius: 10px;\n\t\tbackground: rgba(34, 197, 94, 0.12);\n\t\tcolor: #15803d;\n\t\tborder: 1.5px solid rgba(34, 197, 94, 0.35);\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t\ttext-align: center;\n\n\t\tsvg {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tflex-shrink: 0;\n\t\t\tcolor: #16a34a;\n\t\t}\n\t}\n\n\t.fcTableWrap {\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 16px;\n\t\toverflow: hidden;\n\t\tbox-shadow: 0 1px 2px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.03);\n\t}\n\n\t.fcTableHead {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 16px;\n\t\tpadding: 20px 24px;\n\t\tborder-bottom: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\tflex-wrap: wrap;\n\n\t\th2 {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 700;\n\t\t\tmargin: 0;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t}\n\t}\n\n\t.fcSearchBox {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmin-width: 220px;\n\n\t\t>svg {\n\t\t\tposition: absolute;\n\t\t\tleft: 12px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tcolor: #8a93a6;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\tinput {\n\t\t\tflex: 1;\n\t\t\tfont-size: 13.5px;\n\t\t\tpadding: 8px 32px 8px 34px;\n\t\t\tbackground: #f7f8fb;\n\t\t\tborder: 1px solid transparent;\n\t\t\t// border-radius: 8px;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\toutline: none;\n\n\t\t\t&:focus {\n\t\t\t\tbackground: $whiteColor;\n\t\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.45);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.12);\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: #94a3b8;\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tposition: absolute;\n\t\t\tright: 6px;\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\t// border-radius: 50%;\n\t\t\tborder: none;\n\t\t\tbackground: #e5e7ee;\n\t\t\tcolor: #4b5563;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 1;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t.fcTableScroll {\n\t\twidth: 100%;\n\t\toverflow-x: auto;\n\t}\n\n\t.fcTable {\n\t\twidth: 100%;\n\t\tborder-collapse: collapse;\n\t\tfont-size: 14px;\n\n\t\tthead th {\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tbackground: #f9fafc;\n\t\t\tpadding: 14px 16px;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 700;\n\t\t\tfont-size: 13px;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.5px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tborder-bottom: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t\twhite-space: nowrap;\n\n\t\t\t&.isProCol {\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&.isFreeCol {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmin-width: 240px;\n\t\t\t\tpadding-left: 24px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-right: 24px;\n\t\t\t}\n\t\t}\n\n\t\ttbody tr {\n\t\t\ttransition: background 0.12s ease;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.04);\n\t\t\t}\n\n\t\t\t&.isProOnly {\n\t\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.04);\n\t\t\t}\n\t\t}\n\n\t\ttbody td {\n\t\t\tpadding: 13px 16px;\n\t\t\tborder-bottom: 1px solid #f4f5f9;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tvertical-align: middle;\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-left: 24px;\n\t\t\t\tline-height: 1.45;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-right: 24px;\n\t\t\t}\n\n\t\t\t&.isFreeCol,\n\t\t\t&.isProCol {\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 1%;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\ttbody tr:last-child td {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n\n\t.fcRowTag {\n\t\tdisplay: inline-block;\n\t\tmargin-left: 8px;\n\t\tfont-size: 10.5px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.8px;\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.1);\n\t\tpadding: 2px 7px;\n\t\t// border-radius: 999px;\n\t\tvertical-align: middle;\n\t}\n\n\t.fcCell {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\t// border-radius: 50%;\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\n\t\t&.isCheck {\n\t\t\tbackground: rgba(34, 197, 94, 0.14);\n\t\t\tcolor: #16a34a;\n\t\t}\n\n\t\t&.isCross {\n\t\t\tbackground: rgba(148, 163, 184, 0.16);\n\t\t\tcolor: #94a3b8;\n\n\t\t\tsvg {\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.fcEmpty {\n\t\ttext-align: center;\n\t\tpadding: 40px 16px !important;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\topacity: 0.7;\n\t}\n\n\t.fcCtaBanner {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 24px;\n\t\tflex-wrap: wrap;\n\t\tpadding: 28px 32px;\n\t\tbackground: linear-gradient(135deg, rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.08), rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.02));\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.18);\n\t\t// border-radius: 16px;\n\n\t\th2 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 6px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.55;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\t\t\tmax-width: 580px;\n\t\t}\n\n\t\t.fcPlanCta {\n\t\t\twidth: auto;\n\t\t\tflex-shrink: 0;\n\t\t\tpadding: 12px 26px !important;\n\t\t}\n\t}\n}\n\n@keyframes bplFeatureCompareSpin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}","@import '../__variables';\n\n.bPlDashboardActivation {\n\twidth: 100%;\n\tmax-width: 760px;\n\tmargin: 0 auto !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 32px;\n\n\t.actHero {\n\t\tmax-width: 560px;\n\t\ttext-align: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t\tmargin: 0 auto;\n\n\t\t.actEyebrow {\n\t\t\talign-self: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.5px;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding: 5px 12px;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.08);\n\t\t\t// border-radius: 999px;\n\t\t}\n\n\t\th1 {\n\t\t\tfont-size: 34px;\n\t\t\tline-height: 1.16;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -0.4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1.6;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\n\t\t\tstrong {\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t}\n\t}\n\n\t.actCard {\n\t\tbackground: $whiteColor;\n\t\tborder: 1.5px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 16px;\n\t\toverflow: visible;\n\t\ttransition: border-color 0.2s ease;\n\n\t\t&.isActive {\n\t\t\tborder-color: rgba(34, 197, 94, 0.4);\n\t\t}\n\t}\n\n\t.actCardHead {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 16px;\n\t\tflex-wrap: wrap;\n\t\tpadding: 20px 24px;\n\t\tborder-bottom: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t}\n\n\t.actPluginInfo {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 14px;\n\n\t\timg {\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\t\t\t// border-radius: 10px;\n\t\t\tobject-fit: cover;\n\t\t}\n\n\t\th2 {\n\t\t\tfont-size: 17px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 3px;\n\t\t}\n\t}\n\n\t.actVer {\n\t\tfont-size: 12px;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\topacity: 0.7;\n\t}\n\n\t.actStatus {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 7px;\n\t\tfont-size: 13px;\n\t\tfont-weight: 600;\n\t\tpadding: 6px 14px;\n\t\t// border-radius: 999px;\n\n\t\t&.isOk {\n\t\t\tbackground: rgba(34, 197, 94, 0.1);\n\t\t\tcolor: #15803d;\n\n\t\t\t.actStatusDot {\n\t\t\t\tbackground: #22c55e;\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);\n\t\t\t}\n\t\t}\n\n\t\t&.isOff {\n\t\t\tbackground: rgba(245, 158, 11, .14);\n\t\t\tcolor: #b45309;\n\n\t\t\t.actStatusDot {\n\t\t\t\tbackground: #f59e0b;\n\t\t\t}\n\t\t}\n\t}\n\n\t.actStatusDot {\n\t\twidth: 7px;\n\t\theight: 7px;\n\t\tborder-radius: 50%;\n\t\tflex-shrink: 0;\n\t}\n\n\t.actLoading {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t\tpadding: 60px 24px;\n\t\tfont-size: 14px;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t}\n\n\t.actSpinner {\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tborder-radius: 50%;\n\t\tborder: 3px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.18);\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tanimation: bplActivationSpin 0.9s linear infinite;\n\t}\n\n\t.actBody {\n\t\tpadding: 28px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 20px;\n\t}\n\n\t.actSuccessTop {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\n\t\th3 {\n\t\t\tfont-size: 17px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13.5px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.5;\n\t\t}\n\t}\n\n\t.actSuccessIcon {\n\t\tflex-shrink: 0;\n\t\twidth: 48px;\n\t\theight: 48px;\n\t\t// border-radius: 50%;\n\t\tbackground: rgba(34, 197, 94, 0.12);\n\t\tcolor: #16a34a;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\tsvg {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t}\n\t}\n\n\t.actLicenseRow {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t}\n\n\t.actFieldLabel {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.6px;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\topacity: 0.8;\n\n\t\tsvg {\n\t\t\twidth: 13px;\n\t\t\theight: 13px;\n\t\t}\n\t}\n\n\t.actLicenseDisplay {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tbackground: #f7f8fb;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\t// border-radius: 10px;\n\t\tpadding: 4px 4px 4px 14px;\n\n\t\tinput {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t\tfont-size: 14px;\n\t\t\tfont-family: monospace;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tpadding: 7px 0;\n\t\t}\n\t}\n\n\t.actIconBtn {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-shrink: 0;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\t// border-radius: 8px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tcursor: pointer;\n\t\ttransition: background 0.15s ease, color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground: rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t}\n\n\t\t&.isCopied {\n\t\t\tcolor: #16a34a;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 15px;\n\t\t\theight: 15px;\n\t\t}\n\t}\n\n\t.actCopiedTip {\n\t\tposition: absolute;\n\t\tbottom: calc(100% + 6px);\n\t\tright: 0;\n\t\tfont-size: 11px;\n\t\tfont-weight: 600;\n\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\n\t\tcolor: $whiteColor;\n\t\tpadding: 3px 8px;\n\t\t// border-radius: 6px;\n\t\twhite-space: nowrap;\n\t\tpointer-events: none;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: 100%;\n\t\t\tright: 8px;\n\t\t\tborder: 4px solid transparent;\n\t\t\tborder-top-color: var(--bpl-dashboard-title-color, $titleColor);\n\t\t}\n\t}\n\n\t.actFoot {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t\tflex-wrap: wrap;\n\t}\n\n\t.actLinkBtn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tfont-size: 13.5px;\n\t\tfont-weight: 500;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t\ttransition: color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t}\n\n\t\t&.isDanger {\n\t\t\tcolor: #dc2626;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #b91c1c;\n\t\t\t}\n\t\t}\n\n\t\t&.isCenter {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.actField {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\n\t\tinput {\n\t\t\tfont-size: 14px;\n\t\t\tfont-family: monospace;\n\t\t\tpadding: 12px 14px;\n\t\t\tbackground: #f7f8fb;\n\t\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\t\t// border-radius: 10px;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\toutline: none;\n\t\t\ttransition: border-color 0.15s ease, box-shadow 0.15s ease;\n\n\t\t\t&:focus {\n\t\t\t\tbackground: $whiteColor;\n\t\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.45);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.12);\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: #94a3b8;\n\t\t\t\tfont-family: inherit;\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 0.6;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\t}\n\n\t.actError {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tgap: 8px;\n\t\tpadding: 12px 14px;\n\t\tbackground: #fef2f2;\n\t\tborder: 1px solid #fecaca;\n\t\t// border-radius: 10px;\n\t\tfont-size: 13.5px;\n\t\tcolor: #991b1b;\n\n\t\tsvg {\n\t\t\tflex-shrink: 0;\n\t\t\twidth: 15px;\n\t\t\theight: 15px;\n\t\t\tmargin-top: 1px;\n\t\t}\n\t}\n\n\t.actPrimaryBtn {\n\t\twidth: 100%;\n\t\tpadding: 13px 20px;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tcolor: $whiteColor;\n\t\tborder: none;\n\t\t// border-radius: 10px;\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcursor: pointer;\n\t\ttransition: background 0.18s ease;\n\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground: color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 90%, black 10%);\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: 0.55;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t.actHelp {\n\t\tfont-size: 13px;\n\t\ttext-align: center;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tmargin: 0;\n\t\tline-height: 1.55;\n\n\t\ta {\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\ttext-decoration: none;\n\t\t\tfont-weight: 500;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 3px;\n\n\t\t\t&:hover {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.actPermsBlock {\n\t\tpadding: 18px 20px;\n\t\tbackground: #f7f8fb;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\t// border-radius: 12px;\n\n\t\t>h4 {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin: 0 0 14px;\n\t\t\tline-height: 1.4;\n\t\t}\n\t}\n\n\t.actPerms {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 12px;\n\t\t}\n\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 13.5px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin-bottom: 2px;\n\t\t}\n\n\t\tspan {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.8;\n\t\t}\n\t}\n\n\t.actPermIcon {\n\t\tflex-shrink: 0;\n\t\twidth: 34px;\n\t\theight: 34px;\n\t\t// border-radius: 8px;\n\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.1);\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\tsvg {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t}\n\t}\n\n\t.actLegalRow {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-wrap: wrap;\n\t\tgap: 8px 16px;\n\t\tpadding-top: 4px;\n\n\t\ta {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\ttext-decoration: none;\n\t\t\topacity: 0.7;\n\t\t\ttransition: opacity 0.15s ease;\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1;\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\t\t}\n\n\t\t>span {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\topacity: 0.35;\n\t\t}\n\t}\n\n\t.actModal {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 100000;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 20px;\n\t}\n\n\t.actModalBackdrop {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.5);\n\t\tbackdrop-filter: blur(2px);\n\t}\n\n\t.actModalContent {\n\t\tposition: relative;\n\t\tbackground: $whiteColor;\n\t\t// border-radius: 16px;\n\t\tpadding: 28px;\n\t\tmax-width: 440px;\n\t\twidth: 100%;\n\t\tbox-shadow: 0 20px 60px rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 16px;\n\n\t\t>header {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 14px;\n\n\t\t\th3 {\n\t\t\t\tfont-size: 17px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tmargin: 0 0 6px;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: 13.5px;\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\t\tmargin: 0;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t}\n\n\t\t>footer {\n\t\t\tdisplay: flex;\n\t\t\tgap: 10px;\n\t\t\tjustify-content: flex-end;\n\t\t}\n\t}\n\n\t.actModalIcon {\n\t\tflex-shrink: 0;\n\t\twidth: 38px;\n\t\theight: 38px;\n\t\t// border-radius: 10px;\n\t\tbackground: rgba(245, 158, 11, 0.12);\n\t\tcolor: #d97706;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\tsvg {\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t}\n\t}\n\n\t.actModalNote {\n\t\tfont-size: 13px;\n\t\tline-height: 1.55;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tbackground: #f7f8fb;\n\t\t// border-radius: 10px;\n\t\tpadding: 12px 14px;\n\t}\n\n\t.actModalCancel {\n\t\tpadding: 10px 18px;\n\t\tborder: 1.5px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.35);\n\t\tbackground: $whiteColor;\n\t\t// border-radius: 8px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tcursor: pointer;\n\t\ttransition: border-color 0.15s ease, background 0.15s ease;\n\n\t\t&:hover {\n\t\t\tborder-color: #c0c8d8;\n\t\t\tbackground: #f7f8fb;\n\t\t}\n\t}\n\n\t.actModalAction {\n\t\tpadding: 10px 18px;\n\t\tborder: none;\n\t\tbackground: #dc2626;\n\t\t// border-radius: 8px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\tcolor: $whiteColor;\n\t\tcursor: pointer;\n\t\ttransition: background 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground: #b91c1c;\n\t\t}\n\t}\n}\n\n@keyframes bplActivationSpin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}","@import '../__variables';\n\n.bPlDashboardOurPlugins {\n\twidth: 100%;\n\tmax-width: 1240px;\n\tmargin: 0 auto !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\n\t// ── Loading state ──────────────────────────────────────────────────────────\n\t&.bPlDashboardOurPluginsLoading {\n\t\tmin-height: 320px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t\tcolor: rgba($contentColor, .7);\n\t}\n\n\t.ourPlugSpinner {\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tborder: 3px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .18);\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tborder-radius: 50% !important;\n\t\tanimation: ourPlugSpin .9s linear infinite;\n\t}\n\n\t@keyframes ourPlugSpin {\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n\n\t// ── Hero ───────────────────────────────────────────────────────────────────\n\t.ourPlugHero {\n\t\ttext-align: center;\n\t\tmax-width: 720px;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\n\t\t.ourPlugEyebrow {\n\t\t\talign-self: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 1.5px;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding: 5px 12px;\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .08);\n\t\t}\n\n\t\th1 {\n\t\t\tfont-size: 32px;\n\t\t\tline-height: 1.18;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0;\n\t\t\tletter-spacing: -.4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1.6;\n\t\t\tcolor: rgba($contentColor, .8);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t// ── Toolbar ────────────────────────────────────────────────────────────────\n\t.ourPlugToolbar {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t\tflex-wrap: wrap;\n\t\tpadding: 14px 16px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, .03);\n\t}\n\n\t.ourPlugSearch {\n\t\tposition: relative;\n\t\tflex: 1 1 260px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\tsvg {\n\t\t\tposition: absolute;\n\t\t\tleft: 14px;\n\t\t\tcolor: #8a93a6;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\tinput {\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tfont-size: 14px;\n\t\t\tpadding: 10px 40px;\n\t\t\tbackground: #f7f8fb;\n\t\t\tborder: 1px solid transparent;\n\t\t\tcolor: $titleColor;\n\t\t\ttransition: background .15s, border-color .15s;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbackground: $whiteColor;\n\t\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .45);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .12);\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: #94a3b8;\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tposition: absolute;\n\t\t\tright: 8px;\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tborder: none;\n\t\t\tbackground: #e5e7ee;\n\t\t\tcolor: #4b5563;\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 1;\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #d1d5db;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ourPlugSortLabel {\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: .8px;\n\t\tcolor: rgba($contentColor, .6);\n\t\twhite-space: nowrap;\n\t}\n\n\t.ourPlugSort {\n\t\tdisplay: inline-flex;\n\t\tbackground: #f1f3f8;\n\t\tpadding: 4px;\n\t\tgap: 2px;\n\n\t\tbutton {\n\t\t\tpadding: 7px 14px;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: rgba($contentColor, .8);\n\t\t\tcursor: pointer;\n\t\t\ttransition: background .15s, color .15s;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $titleColor;\n\t\t\t}\n\n\t\t\t&.isActive {\n\t\t\t\tbackground: $whiteColor;\n\t\t\t\tcolor: $primaryColor;\n\t\t\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, .08);\n\t\t\t}\n\t\t}\n\t}\n\n\t// ── Count ──────────────────────────────────────────────────────────────────\n\t.ourPlugCount {\n\t\tfont-size: 13px;\n\t\tcolor: rgba($contentColor, .8);\n\t\tmargin: -8px 0 0;\n\n\t\tstrong {\n\t\t\tcolor: $titleColor;\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t// ── Grid ───────────────────────────────────────────────────────────────────\n\t.ourPlugGrid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n\t\tgap: 18px;\n\t}\n\n\t// ── Empty state ────────────────────────────────────────────────────────────\n\t.ourPlugEmpty {\n\t\ttext-align: center;\n\t\tpadding: 60px 24px;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px dashed #d8dce5;\n\t\tcolor: rgba($contentColor, .7);\n\n\t\tsvg {\n\t\t\tcolor: #94a3b8;\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tmargin: 0;\n\t\t\topacity: .78;\n\t\t}\n\t}\n\n\t// ── Card ───────────────────────────────────────────────────────────────────\n\t.ourPlugCard {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbackground: $whiteColor;\n\t\tborder: 1px solid rgba(var(--bpl-dashboard-secondary-color-rgb, $secondaryColor), 0.2);\n\t\tpadding: 22px;\n\t\tposition: relative;\n\t\ttransition: transform .2s, box-shadow .2s, border-color .2s;\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-3px);\n\t\t\tbox-shadow: 0 12px 28px rgba(15, 23, 42, .08);\n\t\t\tborder-color: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .3);\n\t\t}\n\t}\n\n\t.ourPlugCardTop {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tmargin-bottom: 14px;\n\t\tmin-width: 0;\n\t}\n\n\t.ourPlugIcon {\n\t\twidth: 46px;\n\t\theight: 46px;\n\t\tflex-shrink: 0;\n\t\tobject-fit: contain;\n\t\tbackground: #f7f8fb;\n\t}\n\n\t.ourPlugCardId {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\n\t\th3 {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin: 0 0 2px;\n\t\t\tline-height: 1.3;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t.ourPlugVer {\n\t\tfont-size: 11px;\n\t\tfont-weight: 600;\n\t\tcolor: rgba($contentColor, .7);\n\t\tbackground: #f1f3f8;\n\t\tpadding: 2px 7px;\n\t\tdisplay: inline-block;\n\t}\n\n\t.ourPlugActive {\n\t\tposition: absolute;\n\t\ttop: 14px;\n\t\tright: 14px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\tcolor: #15803d;\n\t\tbackground: rgba(34, 197, 94, .12);\n\t\tpadding: 4px 8px;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: .6px;\n\t}\n\n\t.ourPlugDesc {\n\t\tfont-size: 13.5px;\n\t\tline-height: 1.55;\n\t\tcolor: rgba($contentColor, .85);\n\t\tmargin: 0 0 16px;\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\tline-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t// ── Stats row ──────────────────────────────────────────────────────────────\n\t.ourPlugStats {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 12px;\n\t\tpadding: 10px 12px;\n\t\tbackground: #f7f8fb;\n\t\tmargin-bottom: 16px;\n\t\tfont-size: 12.5px;\n\t\tcolor: rgba($contentColor, .8);\n\t}\n\n\t.ourPlugStat {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-weight: 600;\n\n\t\tstrong {\n\t\t\tfont-weight: 700;\n\t\t\tcolor: $titleColor;\n\t\t}\n\t}\n\n\t.ourPlugStars {\n\t\tdisplay: inline-flex;\n\t\tgap: 1px;\n\t}\n\n\t// ── CTA button ─────────────────────────────────────────────────────────────\n\t.ourPlugCta {\n\t\tposition: relative;\n\t\tmargin-top: auto;\n\t\twidth: 100%;\n\t\tjustify-content: center;\n\t\tbackground: $primaryColor !important;\n\t\tcolor: #fff !important;\n\t\tfont-size: 13.5px !important;\n\t\tfont-weight: 600 !important;\n\t\tpadding: 10px 16px !important;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t\toverflow: hidden;\n\t\ttransition: background .2s, color .2s, opacity .2s, box-shadow .2s;\n\n\t\t&::before {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground: color-mix(in srgb, var(--bpl-dashboard-primary-color, $primaryColor) 92%, black 8%) !important;\n\t\t\tcolor: #fff !important;\n\t\t\tbox-shadow: 0 4px 12px rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .25);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\topacity: .85;\n\t\t}\n\n\t\t&.status-installed {\n\t\t\tbackground: transparent !important;\n\t\t\tcolor: $primaryColor !important;\n\t\t\tborder: 1.5px solid rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .4) !important;\n\n\t\t\t&:hover:not(:disabled) {\n\t\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), .08) !important;\n\t\t\t\tborder-color: $primaryColor !important;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t&.status-installing,\n\t\t&.status-activating {\n\t\t\tbackground: #f1f3f8 !important;\n\t\t\tcolor: rgba($contentColor, .8) !important;\n\t\t}\n\n\t\t&.status-success,\n\t\t&.status-activated {\n\t\t\tbackground: rgba(34, 197, 94, .14) !important;\n\t\t\tcolor: #15803d !important;\n\t\t}\n\n\t\t&.status-error {\n\t\t\tbackground: rgba(220, 38, 38, .12) !important;\n\t\t\tcolor: #b91c1c !important;\n\t\t}\n\t}\n\n\t.ourPlugCtaSpinner {\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tborder: 2px solid rgba(15, 23, 42, .18);\n\t\tborder-top-color: rgba($contentColor, .8);\n\t\tborder-radius: 50% !important;\n\t\tanimation: ourPlugSpin .9s linear infinite;\n\t\tmargin-right: 8px;\n\t\tflex-shrink: 0;\n\t}\n}","@import '../__variables';\n\n.bPlDashboardWelcome {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\twidth: 100%;\n\tmax-width: 1440px;\n\tmargin: 0 auto !important;\n\n\t.heroRow,\n\t.contentRow {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 24px;\n\t\talign-items: stretch;\n\n\t\t>* {\n\t\t\tflex: 1 1 500px;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\t.bPlDashboardWelcomeInfo {\n\t\t\theight: fit-content;\n\n\t\t\t.infoCard {\n\t\t\t\theight: 180px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Video modal — used by Overview inside Welcome\n.bPlDashboardWelcome .bPlVideoModal {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 99999;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tanimation: bPlVideoFadeIn 0.18s ease-out;\n\n\t.bPlVideoModalOverlay {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(15, 23, 42, 0.78);\n\t\tbackdrop-filter: blur(6px);\n\t\tcursor: pointer;\n\t}\n\n\t.bPlVideoModalContent {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t\twidth: 90%;\n\t\tmax-width: 960px;\n\t\tbackground: #000;\n\t\t// border-radius: 14px;\n\t\toverflow: hidden;\n\t\tbox-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);\n\t\tanimation: bPlVideoPop 0.22s ease-out;\n\n\t\t.closeModal {\n\t\t\tposition: absolute;\n\t\t\ttop: 12px;\n\t\t\tright: 12px;\n\t\t\twidth: 34px;\n\t\t\theight: 34px;\n\t\t\tbackground: rgba(255, 255, 255, 0.18);\n\t\t\tborder: none;\n\t\t\t// border-radius: 50%;\n\t\t\tcolor: #fff;\n\t\t\tcursor: pointer;\n\t\t\tz-index: 10;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttransition: background 0.2s ease, transform 0.2s ease;\n\n\t\t\tsvg {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tfill: currentColor;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #ef4444;\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\n\t\tiframe,\n\t\tvideo {\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t\taspect-ratio: 16 / 9;\n\t\t\tborder: 0;\n\t\t}\n\t}\n}\n\n@keyframes bPlVideoFadeIn {\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes bPlVideoPop {\n\tfrom {\n\t\ttransform: scale(0.96);\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\t}\n}","@import '../../__variables';\n\n.bPlDashboardWelcomeOverview {\n\tpadding: 28px;\n\tdisplay: flex;\n\tflex-direction: column;\n\n\th2 {\n\t\tfont-size: 24px;\n\t\tline-height: 1.2;\n\t\tfont-weight: 700;\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\tmargin: 14px 0 8px;\n\t\tletter-spacing: -0.3px;\n\t}\n\n\t.statusRow {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tflex-wrap: wrap;\n\t\tmargin-bottom: 4px;\n\t}\n\n\t.activeStatus {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.8px;\n\t\tcolor: #15803d;\n\t\tbackground: rgba(34, 197, 94, 0.12);\n\t\tpadding: 4px 10px 4px 8px;\n\t\t// border-radius: 999px;\n\t}\n\n\t.statusDot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #22c55e;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: -3px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: rgba(34, 197, 94, 0.45);\n\t\t\tanimation: bPlOverviewPulse 1.8s ease-out infinite;\n\t\t}\n\t}\n\n\t.planBadge {\n\t\tdisplay: inline-flex;\n\t\talign-items: start;\n\t\tgap: 5px;\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.8px;\n\t\tpadding: 4px 10px;\n\t\t// border-radius: 999px;\n\n\t\t&.isFree {\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tbackground: #f1f3f8;\n\t\t}\n\n\t\t&.isPro {\n\t\t\tcolor: #fff;\n\t\t\tbackground: linear-gradient(135deg, var(--bpl-dashboard-primary-color, $primaryColor) 0%, var(--bpl-dashboard-secondary-color, $secondaryColor) 100%);\n\t\t\tbox-shadow: 0 2px 6px rgba(97, 85, 245, 0.25);\n\n\t\t\tsvg {\n\t\t\t\tstroke: #ffd25c;\n\t\t\t}\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.versionBadge {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tbackground: #f1f3f8;\n\t\tpadding: 4px 10px;\n\t\t// border-radius: 999px;\n\t\topacity: 0.85;\n\t}\n\n\t.tagline {\n\t\tfont-size: 15px;\n\t\tline-height: 1.55;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tmargin: 0 0 18px;\n\n\t\tstrong {\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t.banner {\n\t\tposition: relative;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t// border-radius: 12px;\n\t\toverflow: hidden;\n\t\tmargin-bottom: 14px;\n\t\taspect-ratio: 3 / 2;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tbackground: linear-gradient(to bottom, transparent 40%, rgba(97, 85, 245, 0.7));\n\t\t\tz-index: 1;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: block;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: center;\n\t\t}\n\n\t\t.playBtn {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tbackground: #fff;\n\t\t\tborder: none;\n\t\t\t// border-radius: 50%;\n\t\t\twidth: 52px;\n\t\t\theight: 52px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcursor: pointer;\n\t\t\tz-index: 2;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tbox-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\n\t\t\ttransition: transform 0.2s ease;\n\n\t\t\tsvg {\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tfill: currentColor;\n\t\t\t\tmargin-left: 2px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: translate(-50%, -50%) scale(1.08);\n\t\t\t}\n\t\t}\n\n\t\t.bannerCaption {\n\t\t\tposition: absolute;\n\t\t\tleft: 12px;\n\t\t\tbottom: 10px;\n\t\t\tz-index: 2;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #fff;\n\t\t\tbackground: rgba(15, 23, 42, 0.55);\n\t\t\tbackdrop-filter: blur(4px);\n\t\t\tpadding: 5px 10px;\n\t\t\t// border-radius: 6px;\n\t\t\tletter-spacing: 0.2px;\n\t\t}\n\t}\n\n\t.keywords {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tgap: 6px;\n\t\tmargin-bottom: 20px;\n\t}\n\n\t.keywordsLabel {\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.8px;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\topacity: 0.65;\n\t\tmargin-right: 4px;\n\t}\n\n\t.formatChip {\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 700;\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tbackground: rgba(97, 85, 245, 0.08);\n\t\tpadding: 4px 9px;\n\t\t// border-radius: 6px;\n\t\tletter-spacing: 0.3px;\n\t}\n\n\t.actionButtons {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tmargin-top: auto;\n\t}\n\n\t.primaryBtn,\n\t.secondaryBtn {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 7px;\n\t\tfont-size: 14px !important;\n\t\tfont-weight: 600 !important;\n\t\tpadding: 10px 18px !important;\n\t\t// border-radius: 9px !important;\n\t\tborder: 1.5px solid transparent;\n\t\ttext-decoration: none;\n\t\toverflow: hidden;\n\t\ttransition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n\n\t\t&::before {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 15px !important;\n\t\t\theight: 15px !important;\n\t\t\tfill: none;\n\t\t\tstroke: currentColor;\n\t\t}\n\t}\n\n\t.primaryBtn {\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\tcolor: $whiteColor !important;\n\t\tbox-shadow: 0 2px 6px rgba(97, 85, 245, 0.25);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: 0.9;\n\t\t\tcolor: $whiteColor !important;\n\t\t\ttransform: translateY(-1px);\n\t\t\tbox-shadow: 0 8px 18px rgba(97, 85, 245, 0.32);\n\t\t}\n\t}\n\n\t.secondaryBtn {\n\t\tbackground: transparent !important;\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\tborder-color: rgba(97, 85, 245, 0.4);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: rgba(97, 85, 245, 0.08) !important;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\tborder-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t}\n\t}\n\n\t.ghostBtn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tmargin-left: auto;\n\t\tfont-size: 13.5px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\ttext-decoration: none;\n\t\tpadding: 8px 10px;\n\t\t// border-radius: 8px;\n\t\ttransition: color 0.2s ease, background 0.2s ease;\n\n\t\tsvg {\n\t\t\twidth: 13px;\n\t\t\theight: 13px;\n\t\t\tstroke: currentColor;\n\t\t\tfill: none;\n\t\t}\n\n\t\tsvg:first-child {\n\t\t\tcolor: #f59e0b;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tbackground: rgba(97, 85, 245, 0.06);\n\t\t}\n\t}\n}\n\n@keyframes bPlOverviewPulse {\n\t0% {\n\t\ttransform: scale(0.8);\n\t\topacity: 0.8;\n\t}\n\n\t100% {\n\t\ttransform: scale(2.2);\n\t\topacity: 0;\n\t}\n}","@import '../../__variables';\n\n.bPlDashboardGettingStarted {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n\tpadding: 28px;\n\n\t.header {\n\t\th2 {\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0 0 6px;\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 14px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.tabsNav {\n\t\tdisplay: flex;\n\t\tgap: 4px;\n\t\tpadding: 4px;\n\t\tbackground: #f1f3f8;\n\t\t// border-radius: 10px;\n\t}\n\n\t.tab {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 6px;\n\t\tpadding: 9px 8px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\tfont-size: 12.5px;\n\t\tfont-weight: 600;\n\t\twhite-space: nowrap;\n\t\t// border-radius: 7px;\n\t\tcursor: pointer;\n\t\ttransition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;\n\n\t\t.tabIcon {\n\t\t\tdisplay: inline-flex;\n\t\t\tcolor: currentColor;\n\t\t\topacity: 0.85;\n\n\t\t\tsvg {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t}\n\n\t\t&.isActive {\n\t\t\tbackground: #fff;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tbox-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);\n\t\t}\n\t}\n\n\t.tabsViewport {\n\t\t// border-radius: 8px;\n\t\taspect-ratio: 16 / 9;\n\t\toverflow: hidden;\n\t\toverflow-y: auto;\n\t}\n\n\t.tabsTrack {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\ttransition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.tabPanel {\n\t\tflex: 0 0 100%;\n\t\tmin-width: 0;\n\t\tpadding: 2px;\n\t}\n\n\t.steps {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t}\n\n\t.step {\n\t\tdisplay: flex;\n\t\tgap: 14px;\n\t\tpadding: 16px;\n\t\tbackground: #f7f8fb;\n\t\tborder: 1px solid #eceef3;\n\t\t// border-radius: 10px;\n\t\talign-items: flex-start;\n\t\ttransition: border-color 0.15s ease, background 0.15s ease;\n\n\t\t&:hover {\n\t\t\tborder-color: rgba(97, 85, 245, 0.4);\n\t\t\tbackground: #fff;\n\t\t}\n\t}\n\n\t.stepNum {\n\t\tflex: 0 0 32px;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\t// border-radius: 50%;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tcolor: #fff;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.stepBody {\n\t\th3 {\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 4px 0 6px;\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tmargin: 0 0 10px;\n\t\t}\n\t}\n\n\t.stepLink {\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tfont-size: 13px;\n\t\tfont-weight: 600;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t.docs {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 20px;\n\t\tpadding: 18px 20px;\n\t\t// border-radius: 10px;\n\t\tbackground: linear-gradient(135deg, rgba(97, 85, 245, 0.08), rgba(97, 85, 245, 0.02));\n\t\tborder: 1px solid rgba(97, 85, 245, 0.18);\n\t\tflex-wrap: wrap;\n\n\t\th3 {\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 14px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.docsBtn {\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tcolor: #fff;\n\t\tpadding: 9px 18px;\n\t\t// border-radius: 6px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\ttext-decoration: none;\n\t\twhite-space: nowrap;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: #fff;\n\t\t\topacity: 0.92;\n\t\t}\n\t}\n}","@import '../../__variables';\n\n.bPlDashboardWelcomeProAds {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\tflex-direction: column-reverse;\n\tflex-wrap: wrap-reverse;\n\tgap: 25px;\n\n\t.content {\n\t\tflex: 1;\n\n\t\th3 {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin-bottom: 21px;\n\t\t}\n\n\t\tul {\n\t\t\tlist-style-type: none;\n\t\t\tmargin-bottom: 32px;\n\t\t\tmin-width: 230px;\n\n\t\t\tli {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: start;\n\t\t\t\tjustify-content: start;\n\t\t\t\tgap: 6px;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tmin-width: 18px;\n\t\t\t\t\theight: 18px;\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\n\t\t\t\t\t// border-radius: 50%;\n\t\t\t\t\tmargin-top: 1px;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tfill: $whiteColor;\n\t\t\t\t\t\twidth: 15px;\n\t\t\t\t\t\theight: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.bPlButton {\n\t\t\tfont-size: 16px;\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\n\t\t\tpadding: 10px 21px;\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t}\n\t\t}\n\t}\n\n\tfigure {\n\t\twidth: 100%;\n\t\theight: 260px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: #DFDCFF;\n\t\tpadding: 16px;\n\t\t// border-radius: 18px;\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t\tmax-height: 100%;\n\t\t\tobject-fit: contain;\n\t\t}\n\t}\n}","@import '../../__variables';\n\n.bPlDashboardChangelog {\n\twidth: 100%;\n\tpadding: 32px !important;\n\n\t.allChangelogs {\n\t\tmax-height: 450px;\n\t\toverflow: hidden;\n\t\toverflow-y: auto;\n\t}\n\n\th3 {\n\t\tfont-size: 18px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\tmargin: 0 0 15px 0;\n\t}\n\n\t.changelog {\n\t\tposition: relative;\n\t\tpadding: 0 0 0 25px;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\twidth: 5px;\n\t\t\theight: calc(100% - 10px);\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\ttransform: translateY(-50%);\n\t\t\t// border-radius: 50px;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 15px;\n\t\t}\n\n\t\t&.update,\n\t\t&.improve,\n\t\t&.improvement {\n\t\t\t&::before {\n\t\t\t\tbackground: #FF8D28;\n\t\t\t}\n\t\t}\n\n\t\t&.fix,\n\t\t&.fixing {\n\t\t\t&::before {\n\t\t\t\tbackground: #FF383C;\n\t\t\t}\n\t\t}\n\n\t\t.list {\n\t\t\tfont-size: 14px;\n\t\t\tlist-style-type: none;\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tmargin-bottom: 8px;\n\n\t\t\tli {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\t.changelogBadge {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tpadding: 1px 9px;\n\t\t\t\tborder-radius: 20px;\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tcolor: #fff;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t&.new { background: var(--bpl-dashboard-primary-color, $primaryColor); }\n\t\t\t\t&.update { background: #FF8D28; }\n\t\t\t\t&.fix { background: #FF383C; }\n\t\t\t\t&.improvement { background: #8b5cf6; }\n\t\t\t\t&.default { background: #9ca3af; }\n\t\t\t}\n\t\t}\n\n\t\t.time {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .75);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.bPlButton {\n\t\tfont-size: 16px;\n\t\tcolor: $whiteColor;\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\tpadding: 10px 21px;\n\n\t\t&::before {\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\n\t\t}\n\t}\n}","@import '../../__variables';\n\n.bPlDashboardWelcomeInfo {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n\tgap: 20px;\n\n\t.infoCard {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 20px;\n\n\t\tfigure {\n\t\t\twidth: 100%;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground: #FAF1FF;\n\t\t\tpadding: 20px;\n\t\t\t// border-radius: 8px;\n\t\t\tmargin-bottom: 17px;\n\n\t\t\timg {\n\t\t\t\twidth: 150px;\n\t\t\t}\n\t\t}\n\n\t\th4 {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\tmargin: 0 0 8px;\n\n\t\t\t.titleIcon {\n\t\t\t\tdisplay: inline-flex;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 18px;\n\t\t\t\t\theight: 18px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 1.5;\n\t\t\tmargin: 0 0 14px;\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.bPlButton {\n\t\t\talign-self: flex-start;\n\t\t\tbackground: transparent !important;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\tborder: 1.5px solid rgba(97, 85, 245, 0.35);\n\t\t\tpadding: 7px 14px !important;\n\t\t\t// border-radius: 8px !important;\n\t\t\tfont-size: 13px !important;\n\t\t\tfont-weight: 600 !important;\n\t\t\toverflow: hidden;\n\t\t\ttransition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;\n\n\t\t\t&::before {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\n\t\t\t\tborder-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n}","@import '../__variables.scss';\n\n.bPlDashboardHeader {\n\twidth: 100%;\n\tmin-height: 75px;\n\tbackground-color: white;\n\tdisplay: flex;\n\talign-items: stretch;\n\tflex-wrap: wrap;\n\trow-gap: 30px;\n\tpadding: 0 33px;\n\tmargin: 0 auto !important;\n\tcontainer-type: inline-size;\n\tposition: relative;\n\n\t.pluginInfo {\n\t\tmin-height: 70px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: start;\n\t\tposition: relative;\n\t\tpadding-right: 28px;\n\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t\twidth: 6px;\n\t\t\theight: 103%;\n\t\t\tbackground: #f6f8fa;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\ttransform: rotate(15deg);\n\t\t}\n\n\t\timg {\n\t\t\twidth: 42px;\n\t\t\theight: 42px;\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 8px;\n\t\t}\n\n\t\th1 {\n\t\t\tfont-family: \"Lato\", sans-serif;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 800;\n\t\t\tcolor: #231F20;\n\t\t\tmargin-right: 8px;\n\t\t}\n\n\t\t.pluginVersion {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: linear-gradient(to top right, #EC1C24 14%, #F16522 100%);\n\t\t\tpadding: 3px 6px;\n\t\t}\n\t}\n\n\t.bPlDashboardNav {\n\t\tmin-height: 65px;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tfont-size: 16px;\n\t\tgap: 42px;\n\t\tpadding: 0 40px 0 70px;\n\t\tmargin-right: auto;\n\n\t\t.navLink {\n\t\t\theight: 100%;\n\t\t\tfont-weight: 500;\n\t\t\ttext-decoration: none;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcolor: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t\tborder-bottom: 2px solid transparent;\n\t\t\ttransition: all 0.3s ease-in-out;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\n\t\t\t\tborder-bottom: 2px solid var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.navButtons {\n\t\tmin-height: 60px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolumn-gap: 35px;\n\t\trow-gap: 15px;\n\t\tflex-wrap: wrap;\n\t\tpadding: 0 25px 0 0;\n\n\t\t.linkButton {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 500;\n\t\t\ttext-decoration: none;\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\tpadding-left: 32px;\n\t\t\tborder-left: 1px solid #aeaeb2;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: 0;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t.bPlButton {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: $whiteColor;\n\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\n\t\t\tpadding: 10px 20px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&.upgrade {\n\t\t\t\tsvg {\n\t\t\t\t\tfill: none;\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tvertical-align: text-bottom;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Hamburger — hidden at full width, shown via @container below\n\t.bplHamburger {\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\talign-self: center;\n\t\tflex-shrink: 0;\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tpadding: 0;\n\t\tbackground: none;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tmargin-right: 15px;\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 2px;\n\t\t\tbackground: $titleColor;\n\t\t\tborder-radius: 1px;\n\t\t\ttransform-origin: center;\n\t\t\ttransition: transform 0.25s ease, opacity 0.25s ease;\n\t\t}\n\n\t\t&.open {\n\t\t\tspan:nth-child(1) {\n\t\t\t\ttransform: translateY(8px) rotate(45deg);\n\t\t\t}\n\n\t\t\tspan:nth-child(2) {\n\t\t\t\topacity: 0;\n\t\t\t\ttransform: scaleX(0);\n\t\t\t}\n\n\t\t\tspan:nth-child(3) {\n\t\t\t\ttransform: translateY(-8px) rotate(-45deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t// ─── Reduce padding & gaps below 1800px ───────────────────────────────────\n\t// @media used here because CSS cannot @container-query the container itself.\n\t@media screen and (max-width: 1800px) {\n\t\tpadding: 0 20px;\n\n\t\t.bPlDashboardNav {\n\t\t\tgap: 20px;\n\t\t\tpadding: 0 15px 0 20px;\n\t\t}\n\n\t\t.navButtons {\n\t\t\tcolumn-gap: 20px;\n\n\t\t\ta:first-child {\n\t\t\t\tpadding-left: 15px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// ─── Mobile nav: hamburger + dropdown below 1350px (checks header width) ──\n\t@container (max-width: 1350px) {\n\t\t.bplHamburger {\n\t\t\tdisplay: flex;\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t.bPlDashboardNav {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\ttop: 100%;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 0;\n\t\t\tpadding: 4px 24px 12px;\n\t\t\tmargin-right: 0;\n\t\t\tmin-height: 0;\n\t\t\tbackground: white;\n\t\t\tborder-top: 1px solid rgba(0, 0, 0, .06);\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, .1);\n\t\t\tz-index: 999;\n\n\t\t\t&.open {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t.navLink {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: auto;\n\t\t\t\tpadding: 11px 0 11px 10px;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tborder-bottom: 1px solid rgba(0, 0, 0, .06);\n\t\t\t\tborder-left: 3px solid transparent;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tborder-bottom-color: rgba(0, 0, 0, .06);\n\t\t\t\t\tborder-left-color: var(--bpl-dashboard-primary-color, $primaryColor);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.navButtons {\n\t\t\tmin-height: 65px;\n\t\t\tpadding-right: 0;\n\t\t\tcolumn-gap: 16px;\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\n\t\t.pluginInfo {\n\t\t\tmin-height: 65px;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}