{"version":3,"file":"admin-dashboard.css","mappings":";;;;;;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EAAA;AAEF;;ACVA;;;;;;;EAOC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADaD;;ACVA;EACC;EACA;EACA;EACA;EACA;EACA;ADaD;ACXC;EACC;EACA;EACA;EACA;EACA;ADaF;ACKC;EACC;EACA;EACA;EACA;ADHF;ACMC;EACC;ADJF;ACME;EACC;EACA;EACA;EACA;ADJH;ACQC;EACC,sBCrEW;EDsEX;ADNF;ACUC;EACC;EACA;EACA;ADRF;ACWC;EACC;ADTF;ACYC;EACC;ADVF;ACaC;EACC;ADXF;ACcC;EACC;EACA;ADZF;ACeC;EACC;ADbF;;AArEA;EACC;EACA;EACA;EACA;EACA;EACA;AAwED;AArEC;EACC;AAuEF;AApEC;EACC;EACA;EACA;KAAA;EACA;EACA;AAsEF;AAnEC;EArBD;IAsBE;EAsEA;AACF;;AAnEA;EACC;EACA;EACA;AAsED;AApEC;EACC;EACA;EACA;EACA;AAsEF;AAnEC;EACC;EACA;EACA;EACA;AAqEF;AAlEC;EACC;EACA;EACA;AAoEF;AAlEE;EACC;EACA;EACA;EACA;EACA;EACA;AAoEH;AAlEG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAoEJ;AA/DC;EACC;EACA;AAiEF;AA9DC;EACC;EACA;EACA;EACA;EACA;EACA;AAgEF;AA7DC;EACC;EACA;EACA;EACA;EACA;AA+DF;AA7DE;EACC;EACA;EACA;AA+DH;AA7DG;EACC;AA+DJ;AA7DI;EACC;AA+DL;AA3DG;EACC;AA6DJ;AAzDE;EACC;EACA;EACA;EACA;EACA;EACA;AA2DH;AAzDG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2DJ;AAtDC;EACC;EACA;AAwDF;AArDC;EACC;EACA;EACA;EACA;EACA;AAuDF;AArDE;EACC;EACA;EACA;AAuDH;AApDE;EACC;EACA;EACA;AAsDH,C;;;;AGjOA;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;;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,UN9CO;EM+CP;EACA;AAJN;AAUE;EACC;EACA,WNxDU;EMyDV;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,WPvFW;EOwFX;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;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAKE;EACC;EACA;EACA;EACA,cThCU;ESiCV;EACA;AAHH;AAME;EACC;EACA;EACA,cTvCY;ESwCZ;AAJH;AAQC;EACC;EACA;EACA;EACA;EACA;EACA,gBTjDW;ESkDX;EAEA;AAPF;AASE;EACC;EACA;EACA;EACA;AAPH;AASG;EACC;EACA;EACA;EACA;EACA;EACA;AAPJ;AAUG;EACC;EACA;EACA;EACA;EACA;EACA;EAEA,cT/ES;ESgFT;AATJ;AAWI;EACC;EACA,gBTlFQ;ESmFR;EACA;AATL;AAYI;EACC;AAVL;AASI;EACC;AAVL;AAcG;EACC;EACA;EACA;EACA;EAEA;EACA;EACA,cTrGW;ESsGX;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,cTnIW;ESoIX;EACA;AAjBJ;AAmBI;EACC;EACA;EAEA;EACA;AAlBL;AAqBI;EACC;EACA,cTlJQ;AS+Hb;AAsBI;EACC,mBTtJQ;ESuJR,qBTvJQ;ESwJR,WTtJQ;ASkIb;AAsBK;EACC;AApBN;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA0BG;EACC;EACA;EACA;AAxBJ;AA8BC;EACC;EACA;EACA;AA5BF;AA8BE;EACC,cTtLU;ESuLV;AA5BH;AAgCC;EACC;EACA;EACA;AA9BF;AAiCC;EACC;EACA;EACA;EACA;EACA,gBTpMW;ESqMX;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,cTlRU;ESmRV;EACA;AA5CH;AA+CE;EACC;EACA;EACA;EACA;EACA;EACA,cT5RY;ES6RZ;AA7CH;AA+CG;EACC;EACA;AA7CJ;AAkDC;EACC;EACA;EACA,gBTxSW;ESySX;EAEA,cT5Sa;AS2Pf;AAmDE;EACC;EACA;EACA;EACA;AAjDH;AAoDE;EACC;EACA;EACA,cTzTU;ES0TV;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,gBTtVU;ESwVV;EACA;EACA;EACA;EACA;AAvDH;AAyDG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvDJ;AAyDI;EACC;EACA;EACA;EACA;AAvDL;AAyDK;EACC;EACA;EACA,cTlXO;ESmXP;EACA;EACA;EACA;EACA;AAvDN;AA2DI;EACC;EACA;EACA;EACA;EACA,WT9XQ;ES+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,cTvbS;ESwbT;EACA;EACA;AAlEN;AAoEM;EACC;EACA;AAlEP;AAqEM;EACC;EACA;AAnEP;AAyEG;EACC;EACA;EACA;EACA;AAvEJ;AAyEI;EACC;EACA;EACA;EACA;EACA,gBTndQ;AS4Yb;AA0EI;EACC;EACA;EACA;EACA,gBT1dQ;ASkZb;AA0EK;EACC;EACA;EACA;AAxEN;AA4EI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1EL;AA6EI;EACC;EACA;EACA;EACA;EACA,sBTtfQ;ESufR;AA3EL;AA8EI;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,cTrgBQ;ESsgBR;EACA;EACA;EACA;EACA;EACA;EACA;AA7EL;AA+EK;EACC,gBT7gBO;ES8gBP;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,gBVrEW;EUsEX;EAEA;AAVF;AAYE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAXH;AAaG;EACC;AAXJ;AAcG;EACC;EACA,WV/FS;AUmFb;AAgBE;EACC;EACA,WVrGU;EUsGV;EACA;EACA;EACA;EAEA;AAfH;AAmBC;EACC;EACA;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA,gBV1HW;EU2HX;EAEA;EACA;AAnBF;AAqBE;EACC;EACA;EACA;AAnBH;AAsBE;EACC;EACA;EACA,WVzIU;EU0IV;EACA;AApBH;AAsBG;;;;;EAKC,WVlJS;AU8Hb;AAuBG;;EAEC;AArBJ;AAwBG;EACC;AAtBJ;AAyBG;EACC;EACA;AAvBJ;AAyBI;EAEC;EACA;AAxBL;AA8BC;EACC;EACA;EACA;EACA;EACA;EACA,WVjLW;EUkLX;EACA;EACA;EACA;EACA;EAEA;EACA;AA7BF;AAgCC;EACC;AA9BF;AAgCE;EACC;EACA;EACA;EACA;AA9BH;AAiCE;EACC;EACA;EACA;EACA;AA/BH;AAmCC;EACC;EACA;EACA;AAjCF;AAoCC;EACC;EACA;EACA;EACA;EACA;EACA;AAlCF;AAoCE;EACC;EACA;EACA;AAlCH;AAqCE;EACC;EACA;EACA;AAnCH;AAsCE;EACC;EACA;EACA;EACA;EACA;EACA;AApCH;AAwCC;EACC;EACA;EACA;EACA;AAtCF;AAyCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAxCF;AA0CE;EACC;AAxCH;AA2CE;EAEC;EACA;AA1CH;AA8CC;EACC;EACA;EACA;EACA;AA5CF;AA+CC;EACC;EACA;EACA;EACA;EACA,gBVhSW;EUiSX;EAEA;AA9CF;AAiDC;EACC;EACA;EACA;EACA;EACA;EACA;AA/CF;AAiDE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CH;AAmDE;EACC;EACA;EACA;EACA;EACA;AAjDH;AAoDE;EACC;EACA;EACA;EACA;EACA;AAlDH;AAsDC;EACC;EACA;EACA;EACA;EACA;EACA;AApDF;AAsDE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApDH;AAsDG;EACC;AApDJ;AAyDC;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAxDF;AA0DE;EACC;EACA;AAxDH;AA4DC;EACC;EACA;EACA;EACA;EACA,gBV1XW;EU2XX;AA1DF;AA8DC;EACC;EACA;EACA;AA5DF;AA8DE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA7DH;AA+DG;EACC;EACA;AA7DJ;AAiEE;EACC;EACA;EACA;EACA;EACA;AA/DH;AAkEE;EACC;EACA;EACA;AAhEH;AAoEC;EACC;EACA;EACA;AAlEF;AAoEE;EACC;EACA;EACA;EACA;EACA;AAlEH;AAsEC;EACC;EACA;EACA;AApEF;AAuEC;EACC,gBVzbW;EU0bX;EAEA;EACA;AAtEF;AAwEE;EACC;EACA;AAtEH;AAwEG;EACC;EACA;AAtEJ;AA2EC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzEF;AA2EE;EACC;EACA;EACA;EACA;EACA;EACA;AAzEH;AA6EC;EACC;EACA;EACA;EACA;AA3EF;;AA+EA;EACC;IACC;EA5EA;AACF,C;;;;ACpaA;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,gBX1EW;EW2EX;EAEA;AAXF;AAaE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAZH;AAcG;EACC;EACA,WX/FS;AWmFb;AAgBE;EACC;EACA,WXrGU;EWsGV;EACA;EACA;EACA;EAEA;AAfH;AAmBC;EACC;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA;EACA,gBX1HW;EW2HX;EAEA;AAnBF;AAqBE;EACC;EACA,WXjIU;EWkIV;EACA;AAnBH;AAqBG;EACC;EACA,WXvIS;AWoHb;AAsBG;EACC,WX3IS;AWuHb;AAuBG;EACC;AArBJ;AAwBG;EACC,WXnJS;AW6Hb;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,gBXzRW;EW0RX;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,gBX3US;EW4UT;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,gBZjDW;EYkDX;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,WZtRW;EYuRX;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,gBZnWS;EYoWT;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,WZ3YW;EY4YX;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,gBZniBW;EYqiBX;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,gBZrmBW;EYumBX;EACA;EACA;EACA;EACA;AAlGF;AAoGE;EACC;EACA;AAlGH;AAsGC;EACC;EACA;EACA;EAEA;EACA;EACA,WZ1nBW;EY2nBX;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,cbxDU;EayDV;EACA;AAPH;AAUE;EACC;EACA;EACA;EACA;AARH;AAaC;EACC;EACA;EACA;EACA;EACA;EACA,gBb1EW;Ea2EX;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;AAZF;AAcE;EACC;EACA;EACA;EACA;AAZH;AAeE;EACC;EACA;EACA;EACA;EACA;EACA;EACA,cbrGU;EasGV;AAbH;AAeG;EACC;EACA,gBbxGS;EayGT;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,cbhKS;Aa4Ib;AAuBG;EACC,gBblKS;EamKT,cbvKW;EawKX;AArBJ;AA2BC;EACC;EACA;EACA;AAzBF;AA2BE;EACC,cblLU;EamLV;AAzBH;AA8BC;EACC;EACA;EACA;AA5BF;AAgCC;EACC;EACA;EACA,gBbhMW;EaiMX;EACA;AA9BF;AAgCE;EACC;EACA;AA9BH;AAiCE;EACC;EACA;EACA,cb9MU;Ea+MV;AA/BH;AAkCE;EACC;EACA;EACA;AAhCH;AAqCC;EACC;EACA;EACA,gBb3NW;Ea4NX;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,cbjQU;EakQV;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,cbrUU;AauRb;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;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://b-timeline/./admin/admin.scss","webpack://b-timeline/../bpl-tools/Admin/style.scss","webpack://b-timeline/../bpl-tools/Admin/__variables.scss","webpack://b-timeline/../bpl-tools/Admin/Blocks/style.scss","webpack://b-timeline/../bpl-tools/Components/Button/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/Overview/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/GettingStarted/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/ProAds/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/Changelog/style.scss","webpack://b-timeline/../bpl-tools/Admin/Welcome/Info/style.scss","webpack://b-timeline/../bpl-tools/Admin/Demos/style.scss","webpack://b-timeline/../bpl-tools/Admin/Pricing/style.scss","webpack://b-timeline/../bpl-tools/Admin/FeatureCompare/style.scss","webpack://b-timeline/../bpl-tools/Admin/Activation/style.scss","webpack://b-timeline/../bpl-tools/Admin/OurPlugins/style.scss","webpack://b-timeline/../bpl-tools/Admin/Header/style.scss"],"sourcesContent":[":root {\n  --bpl-dashboard-primary-color: #0B81EE;\n  --bpl-dashboard-primary-color-rgb: 11, 129, 238;\n  --bpl-dashboard-secondary-color: #8C74FD;\n  --bpl-dashboard-secondary-color-rgb: 140, 116, 253;\n  --bpl-dashboard-title-color: #070127;\n  --bpl-dashboard-title-color-rgb: 7, 1, 39;\n  --bpl-dashboard-content-color: #1b2e4b;\n  --bpl-dashboard-content-color-rgb: 27, 46, 75;\n}\n\n.bPlDashboardProAds {\n  height: fit-content;\n}\n\n@import '../../bpl-tools/Admin/style.scss';\n\n// Plugin-scoped override: keep the dashboard thumbnail in a fixed-size box so\n// the SVG always renders at a consistent ratio (does not affect other plugins\n// that share bpl-tools). Ratio matches the thumbnail viewBox (384 x 240).\n#bptlAdminDashboardWrapper .overviewBanner {\n\twidth: 420px;\n\tmax-width: 100%;\n\taspect-ratio: 384 / 240;\n\tpadding: 0;\n\toverflow: hidden;\n\tborder-radius: 15px;\n\n\t// SVG already carries its own background/gradient, so drop the box overlay.\n\t&::before {\n\t\tdisplay: none;\n\t}\n\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tdisplay: block;\n\t\tborder-radius: inherit;\n\t}\n\n\t@media (max-width: 768px) {\n\t\twidth: 300px;\n\t}\n}\n\n.bPlDashboardSettings {\n\tmax-width: 1200px;\n\tpadding: 32px !important;\n\tmargin: 0 auto;\n\n\th2 {\n\t\tfont-size: 24px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--bpl-dashboard-title-color, #001737);\n\t\tmargin-bottom: 10px;\n\t}\n\n\tp {\n\t\tfont-size: 16px;\n\t\tmax-width: 700px;\n\t\tcolor: var(--bpl-dashboard-content-color, #1B2E4B);\n\t\tmargin-bottom: 24px;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tmargin: 10px 0 24px 0;\n\n\t\tli {\n\t\t\tfont-size: 14px;\n\t\t\tposition: relative;\n\t\t\tcolor: rgba(var(--bpl-dashboard-title-color-rgb, #001737), 0.75);\n\t\t\tbackground: transparent;\n\t\t\tborder-radius: 5px;\n\t\t\tpadding-left: 22px;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\twidth: 6px;\n\t\t\t\theight: 6px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 7px;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tbackground: currentColor;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.settingsWarning {\n\t\tcolor: #b45309;\n\t\tfont-weight: 500;\n\t}\n\n\t.settingsControl {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tmargin-top: 16px;\n\t\tpadding-top: 16px;\n\t\tborder-top: 1px solid #485e9033;\n\t}\n\n\t.toggleControl {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 44px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\n\t\tinput {\n\t\t\topacity: 0;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\n\t\t\t&:checked+.toggleSlider {\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color);\n\n\t\t\t\t&::before {\n\t\t\t\t\ttransform: translateX(20px);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled+.toggleSlider {\n\t\t\t\topacity: 0.6;\n\t\t\t}\n\t\t}\n\n\t\t.toggleSlider {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tbackground: #cbd5e1;\n\t\t\tborder-radius: 24px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background 0.2s;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tleft: 3px;\n\t\t\t\tbottom: 3px;\n\t\t\t\tbackground: #fff;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\ttransition: transform 0.2s;\n\t\t\t}\n\t\t}\n\t}\n\n\t.toggleLabel {\n\t\tfont-size: 13px;\n\t\tcolor: var(--bpl-dashboard-content-color);\n\t}\n\n\t.settingsNotice {\n\t\tmargin-top: 14px;\n\t\tpadding: 10px 14px;\n\t\tborder-radius: 6px;\n\t\tfont-size: 13px;\n\t\tfont-weight: 500;\n\n\t\t&.success {\n\t\t\tbackground: #f0fdf4;\n\t\t\tcolor: #166534;\n\t\t\tborder: 1px solid #bbf7d0;\n\t\t}\n\n\t\t&.warning {\n\t\t\tbackground: #fffbeb;\n\t\t\tcolor: #92400e;\n\t\t\tborder: 1px solid #fde68a;\n\t\t}\n\t}\n}\n","@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Roboto:wght@100..900&display=swap');\r\n\r\n@import '__variables.scss';\r\n\r\n.notice,\r\n.fs-notice,\r\n.fs-has-title,\r\n.fs_notice_board,\r\ndiv.fs-notice.promotion,\r\ndiv.fs-notice.success,\r\ndiv.fs-notice.updated {\r\n\twidth: 0;\r\n\theight: 0;\r\n\tposition: absolute !important;\r\n\ttop: -9999px;\r\n\tleft: -9999px;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tdisplay: none !important;\r\n\tpadding: 0 !important;\r\n\tmargin: 0 !important;\r\n}\r\n\r\n.bPlDashboard {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\twidth: calc(100% + 20px);\r\n\tmax-width: calc(100% + 20px);\r\n\tmin-height: 100vh;\r\n\tbackground: #f6f8fa;\r\n\tmargin: 0 -20px 0 -20px;\r\n\r\n\t* {\r\n\t\tfont-family: \"Roboto\", sans-serif;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tline-height: 1.5;\r\n\t\t// border-radius: 0 !important;\r\n\t}\r\n\r\n\t// Spinners must stay circular — squaring them breaks the CSS rotation animation\r\n\t// .actSpinner,\r\n\t// .pricingLoadingSpinner,\r\n\t// .fcSpinner,\r\n\t// .iframeLoader .spinner {\r\n\t// \tborder-radius: 50% !important;\r\n\t// }\r\n\r\n\t// Tiny status-indicator dots must stay circular\r\n\t// .statusDot,\r\n\t// .actStatusDot {\r\n\t// \tborder-radius: 50% !important;\r\n\t// }\r\n\r\n\t.bPlDashboardContainer {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 1320px;\r\n\t\tpadding: 0 15px;\r\n\t\tmargin: 0 auto !important;\r\n\t}\r\n\r\n\t.bPlDashboardMain {\r\n\t\tpadding: 28px 24px;\r\n\r\n\t\t.bPlDashboardContainer {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 24px;\r\n\t\t\tpadding: 20px 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlDashboardCard {\r\n\t\tbackground-color: $whiteColor;\r\n\t\tpadding: 24px;\r\n\t\t// border-radius: 12px;\r\n\t}\r\n\r\n\t.bPlDashboardButtons {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 10px;\r\n\t}\r\n\r\n\t.bPlButton {\r\n\t\tborder-radius: 0 !important;\r\n\t}\r\n\r\n\t::-webkit-scrollbar {\r\n\t\twidth: 8px\r\n\t}\r\n\r\n\t::-webkit-scrollbar-track {\r\n\t\tbackground: transparent\r\n\t}\r\n\r\n\t::-webkit-scrollbar-thumb {\r\n\t\tbackground: rgba(var(--bpl-dashboard-content-color-rgb, #1B2E4B), .25);\r\n\t\tborder-radius: 4px\r\n\t}\r\n\r\n\t::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: rgba(var(--bpl-dashboard-content-color-rgb, #1B2E4B), .45)\r\n\t}\r\n}","$primaryColor: #6155F5;\r\n$secondaryColor: #091E42;\r\n$titleColor: #001737;\r\n$contentColor: #1B2E4B;\r\n$whiteColor: #fff;","@import '../__variables';\r\n\r\n// ── Toast ──────────────────────────────────────────────────────────────────────\r\n.bPlDashboardBlocksToast {\r\n\tposition: fixed;\r\n\tbottom: 20px;\r\n\tright: 20px;\r\n\tpadding: 16px 20px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 12px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tz-index: 1000;\r\n\tanimation: toastSlideInUp .3s ease-out;\r\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, .15);\r\n\r\n\t&.loading {\r\n\t\tbackground-color: #e3f2fd;\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t.components-spinner {\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&.success {\r\n\t\tbackground-color: #e8f5e9;\r\n\t\tcolor: #2e7d32;\r\n\r\n\t\t.checkmark {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #2e7d32;\r\n\t\t\tcolor: white;\r\n\t\t\tborder-radius: 50% !important;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\t}\r\n\r\n\t&.error {\r\n\t\tbackground-color: #ffebee;\r\n\t\tcolor: #c62828;\r\n\r\n\t\t.error-icon {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #c62828;\r\n\t\t\tcolor: white;\r\n\t\t\tborder-radius: 50% !important;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes toastSlideInUp {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(20px);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n// ── Block grid ─────────────────────────────────────────────────────────────────\r\n.dashboardBlocks {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(3, 1fr);\r\n\tgap: 24px;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\r\n\t.block {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 10px;\r\n\t\tbackground: #fff;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\tpadding: 12px 18px;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity .3s ease;\r\n\t\tposition: relative;\r\n\r\n\t\t.blockTitle {\r\n\t\t\tflex-grow: 1;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tmargin: 0 !important;\r\n\t\t}\r\n\r\n\t\t&.disabled {\r\n\r\n\t\t\t.icon,\r\n\t\t\t.blockTitle,\r\n\t\t\t.actionBtn,\r\n\t\t\t.toggleSwitch {\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, 97, 85, 245), .1);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tfill: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.name {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tflex-grow: 1;\r\n\t\t\tcolor: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\tmargin-right: auto;\r\n\r\n\t\t\t>a {\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.actionBtn {\r\n\t\t\twidth: 30px;\r\n\t\t\theight: 30px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: background .3s ease;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t\tfill: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Toggle must keep its pill + knob shape — !important beats the global * override\r\n\t\t.toggleSwitch {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\twidth: 34px;\r\n\t\t\theight: 20px;\r\n\r\n\t\t\tinput {\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.slider {\r\n\t\t\t\tbackground-color: #ccc;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\ttransition: .4s;\r\n\t\t\t\t// border-radius: 20px !important;\r\n\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tbackground-color: $whiteColor;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\theight: 14px;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tleft: 3px;\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\ttransition: .4s;\r\n\t\t\t\t\t// border-radius: 50% !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tinput:checked+.slider {\r\n\t\t\t\tbackground-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\ttransform: translateX(14px) translateY(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tinput:disabled+.slider {\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.blockBadge {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tposition: absolute;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 20px;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\tpadding: 0 11px;\r\n\t\t\tz-index: 999;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n\t\t.blockProBadge {\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: #f2a80b;\r\n\t\t\tleft: auto;\r\n\t\t\tright: 20px;\r\n\t\t}\r\n\r\n\t\t.blockRequiredBadge {\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: #d32f2f;\r\n\t\t\tleft: auto;\r\n\t\t\tright: 70px;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// ── Full-page Blocks manager ───────────────────────────────────────────────────\r\n.bPlDashboardBlocks {\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tbackground: $whiteColor;\r\n\tborder: 1px solid #eef0f5;\r\n\tmargin: 0 auto !important;\r\n\tposition: relative;\r\n\r\n\t.blocksTop {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tpadding: 20px 30px;\r\n\t\tborder-bottom: 1px solid #eef0f5;\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 50px 0 0;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\r\n\t\t.blocksSearch {\r\n\t\t\twidth: 280px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tinput {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 38px;\r\n\t\t\t\tpadding: 0 38px;\r\n\t\t\t\tbackground: #f7f8fb;\r\n\t\t\t\tcolor: $titleColor;\r\n\t\t\t\ttransition: background .15s, border-color .15s;\r\n\t\t\t\tborder: 1px solid #e6e8ee;\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\tborder-color: rgba($primaryColor, .45);\r\n\t\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, .12);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&::placeholder {\r\n\t\t\t\t\tcolor: #94a3b8;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>svg,\r\n\t\t\tspan {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t}\r\n\r\n\t\t\t>svg {\r\n\t\t\t\tfill: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tleft: 8px;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\twidth: 38px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\theight: 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\tpadding: 10px 21px;\r\n\t\t}\r\n\r\n\t\t.activeAllBtn {\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tmargin: 0 10px 0 auto;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.deActiveAllBtn {\r\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.blocksContent {\r\n\t\tpadding: 30px;\r\n\r\n\t\t.blocksGroup {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t\tborder-bottom: 2px solid #f0f0f0;\r\n\t\t\tmargin-bottom: 32px;\r\n\r\n\t\t\t.groupTitle {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0 0 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.noBlocksFound {\r\n\t\ttext-align: center;\r\n\t\tcolor: red;\r\n\t\tpadding: 30px;\r\n\t\tmargin: 0;\r\n\t}\r\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';\r\n\r\n.bPlDashboardWelcome {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 24px;\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tmargin: 0 auto !important;\r\n\r\n\t.heroRow,\r\n\t.contentRow {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tgap: 24px;\r\n\t\talign-items: stretch;\r\n\r\n\t\t>* {\r\n\t\t\tflex: 1 1 500px;\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\r\n\t\t.bPlDashboardWelcomeInfo {\r\n\t\t\theight: fit-content;\r\n\r\n\t\t\t.infoCard {\r\n\t\t\t\theight: 180px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Video modal — used by Overview inside Welcome\r\n.bPlDashboardWelcome .bPlVideoModal {\r\n\tposition: fixed;\r\n\tinset: 0;\r\n\tz-index: 99999;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tanimation: bPlVideoFadeIn 0.18s ease-out;\r\n\r\n\t.bPlVideoModalOverlay {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tbackground: rgba(15, 23, 42, 0.78);\r\n\t\tbackdrop-filter: blur(6px);\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.bPlVideoModalContent {\r\n\t\tposition: relative;\r\n\t\tz-index: 2;\r\n\t\twidth: 90%;\r\n\t\tmax-width: 960px;\r\n\t\tbackground: #000;\r\n\t\t// border-radius: 14px;\r\n\t\toverflow: hidden;\r\n\t\tbox-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);\r\n\t\tanimation: bPlVideoPop 0.22s ease-out;\r\n\r\n\t\t.closeModal {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 12px;\r\n\t\t\tright: 12px;\r\n\t\t\twidth: 34px;\r\n\t\t\theight: 34px;\r\n\t\t\tbackground: rgba(255, 255, 255, 0.18);\r\n\t\t\tborder: none;\r\n\t\t\t// border-radius: 50%;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tz-index: 10;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\ttransition: background 0.2s ease, transform 0.2s ease;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t\tfill: currentColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: #ef4444;\r\n\t\t\t\ttransform: rotate(90deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tiframe,\r\n\t\tvideo {\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: block;\r\n\t\t\taspect-ratio: 16 / 9;\r\n\t\t\tborder: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bPlVideoFadeIn {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes bPlVideoPop {\r\n\tfrom {\r\n\t\ttransform: scale(0.96);\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\tto {\r\n\t\ttransform: scale(1);\r\n\t\topacity: 1;\r\n\t}\r\n}","@import '../../__variables';\r\n\r\n.bPlDashboardWelcomeOverview {\r\n\tpadding: 28px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\th2 {\r\n\t\tfont-size: 24px;\r\n\t\tline-height: 1.2;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tmargin: 14px 0 8px;\r\n\t\tletter-spacing: -0.3px;\r\n\t}\r\n\r\n\t.statusRow {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\t\tflex-wrap: wrap;\r\n\t\tmargin-bottom: 4px;\r\n\t}\r\n\r\n\t.activeStatus {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 6px;\r\n\t\tfont-size: 11.5px;\r\n\t\tfont-weight: 700;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.8px;\r\n\t\tcolor: #15803d;\r\n\t\tbackground: rgba(34, 197, 94, 0.12);\r\n\t\tpadding: 4px 10px 4px 8px;\r\n\t\t// border-radius: 999px;\r\n\t}\r\n\r\n\t.statusDot {\r\n\t\twidth: 6px;\r\n\t\theight: 6px;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: #22c55e;\r\n\t\tposition: relative;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: -3px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: rgba(34, 197, 94, 0.45);\r\n\t\t\tanimation: bPlOverviewPulse 1.8s ease-out infinite;\r\n\t\t}\r\n\t}\r\n\r\n\t.planBadge {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: start;\r\n\t\tgap: 5px;\r\n\t\tfont-size: 11.5px;\r\n\t\tfont-weight: 700;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.8px;\r\n\t\tpadding: 4px 10px;\r\n\t\t// border-radius: 999px;\r\n\r\n\t\t&.isFree {\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tbackground: #f1f3f8;\r\n\t\t}\r\n\r\n\t\t&.isPro {\r\n\t\t\tcolor: #fff;\r\n\t\t\tbackground: linear-gradient(135deg, var(--bpl-dashboard-primary-color, $primaryColor) 0%, var(--bpl-dashboard-secondary-color, $secondaryColor) 100%);\r\n\t\t\tbox-shadow: 0 2px 6px rgba(97, 85, 245, 0.25);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tstroke: #ffd25c;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t}\r\n\t}\r\n\r\n\t.versionBadge {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tfont-size: 11.5px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tbackground: #f1f3f8;\r\n\t\tpadding: 4px 10px;\r\n\t\t// border-radius: 999px;\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.tagline {\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1.55;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tmargin: 0 0 18px;\r\n\r\n\t\tstrong {\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\t}\r\n\r\n\t.banner {\r\n\t\tposition: relative;\r\n\t\tbackground: #0B1340;\r\n\t\t// border-radius: 12px;\r\n\t\toverflow: hidden;\r\n\t\tmargin-bottom: 14px;\r\n\t\taspect-ratio: 3 / 2;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\tbackground: linear-gradient(to bottom, transparent 40%, rgba(97, 85, 245, 0.7));\r\n\t\t\tz-index: 1;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\timg, svg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tdisplay: block;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tobject-position: center;\r\n\t\t}\r\n\r\n\t\t.playBtn {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tbackground: #fff;\r\n\t\t\tborder: none;\r\n\t\t\t// border-radius: 50%;\r\n\t\t\twidth: 52px;\r\n\t\t\theight: 52px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\tz-index: 2;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tbox-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\r\n\t\t\ttransition: transform 0.2s ease;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 28px;\r\n\t\t\t\theight: 28px;\r\n\t\t\t\tfill: currentColor;\r\n\t\t\t\tmargin-left: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttransform: translate(-50%, -50%) scale(1.08);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bannerCaption {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 12px;\r\n\t\t\tbottom: 10px;\r\n\t\t\tz-index: 2;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: #fff;\r\n\t\t\tbackground: rgba(15, 23, 42, 0.55);\r\n\t\t\tbackdrop-filter: blur(4px);\r\n\t\t\tpadding: 5px 10px;\r\n\t\t\t// border-radius: 6px;\r\n\t\t\tletter-spacing: 0.2px;\r\n\t\t}\r\n\t}\r\n\r\n\t.keywords {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tflex-wrap: wrap;\r\n\t\tgap: 6px;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.keywordsLabel {\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.8px;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\topacity: 0.65;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\t.formatChip {\r\n\t\tfont-size: 11.5px;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tbackground: rgba(97, 85, 245, 0.08);\r\n\t\tpadding: 4px 9px;\r\n\t\t// border-radius: 6px;\r\n\t\tletter-spacing: 0.3px;\r\n\t}\r\n\r\n\t.actionButtons {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\talign-items: center;\r\n\t\tgap: 10px;\r\n\t\tmargin-top: auto;\r\n\t}\r\n\r\n\t.primaryBtn,\r\n\t.secondaryBtn {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 7px;\r\n\t\tfont-size: 14px !important;\r\n\t\tfont-weight: 600 !important;\r\n\t\tpadding: 10px 18px !important;\r\n\t\t// border-radius: 9px !important;\r\n\t\tborder: 1.5px solid transparent;\r\n\t\ttext-decoration: none;\r\n\t\toverflow: hidden;\r\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;\r\n\r\n\t\t&::before {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 15px !important;\r\n\t\t\theight: 15px !important;\r\n\t\t\tfill: none;\r\n\t\t\tstroke: currentColor;\r\n\t\t}\r\n\t}\r\n\r\n\t.primaryBtn {\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\tcolor: $whiteColor !important;\r\n\t\tbox-shadow: 0 2px 6px rgba(97, 85, 245, 0.25);\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\topacity: 0.9;\r\n\t\t\tcolor: $whiteColor !important;\r\n\t\t\ttransform: translateY(-1px);\r\n\t\t\tbox-shadow: 0 8px 18px rgba(97, 85, 245, 0.32);\r\n\t\t}\r\n\t}\r\n\r\n\t.secondaryBtn {\r\n\t\tbackground: transparent !important;\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\tborder-color: rgba(97, 85, 245, 0.4);\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tbackground: rgba(97, 85, 245, 0.08) !important;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\tborder-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t}\r\n\t}\r\n\r\n\t.ghostBtn {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 6px;\r\n\t\tmargin-left: auto;\r\n\t\tfont-size: 13.5px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\ttext-decoration: none;\r\n\t\tpadding: 8px 10px;\r\n\t\t// border-radius: 8px;\r\n\t\ttransition: color 0.2s ease, background 0.2s ease;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 13px;\r\n\t\t\theight: 13px;\r\n\t\t\tstroke: currentColor;\r\n\t\t\tfill: none;\r\n\t\t}\r\n\r\n\t\tsvg:first-child {\r\n\t\t\tcolor: #f59e0b;\r\n\t\t}\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tbackground: rgba(97, 85, 245, 0.06);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bPlOverviewPulse {\r\n\t0% {\r\n\t\ttransform: scale(0.8);\r\n\t\topacity: 0.8;\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: scale(2.2);\r\n\t\topacity: 0;\r\n\t}\r\n}","@import '../../__variables';\r\n\r\n.bPlDashboardGettingStarted {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 20px;\r\n\tpadding: 28px;\r\n\r\n\t.header {\r\n\t\th2 {\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tfont-size: 22px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 6px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.tabsNav {\r\n\t\tdisplay: flex;\r\n\t\tgap: 4px;\r\n\t\tpadding: 4px;\r\n\t\tbackground: #f1f3f8;\r\n\t\t// border-radius: 10px;\r\n\t}\r\n\r\n\t.tab {\r\n\t\tflex: 1;\r\n\t\tmin-width: 0;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tgap: 6px;\r\n\t\tpadding: 9px 8px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tfont-size: 12.5px;\r\n\t\tfont-weight: 600;\r\n\t\twhite-space: nowrap;\r\n\t\t// border-radius: 7px;\r\n\t\tcursor: pointer;\r\n\t\ttransition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;\r\n\r\n\t\t.tabIcon {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\tcolor: currentColor;\r\n\t\t\topacity: 0.85;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t}\r\n\r\n\t\t&.isActive {\r\n\t\t\tbackground: #fff;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tbox-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);\r\n\t\t}\r\n\t}\r\n\r\n\t.tabsViewport {\r\n\t\t// border-radius: 8px;\r\n\t\taspect-ratio: 16 / 9;\r\n\t\toverflow: hidden;\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t.tabsTrack {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t\ttransition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n\t}\r\n\r\n\t.tabPanel {\r\n\t\tflex: 0 0 100%;\r\n\t\tmin-width: 0;\r\n\t\tpadding: 2px;\r\n\t}\r\n\r\n\t.steps {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 12px;\r\n\t}\r\n\r\n\t.step {\r\n\t\tdisplay: flex;\r\n\t\tgap: 14px;\r\n\t\tpadding: 16px;\r\n\t\tbackground: #f7f8fb;\r\n\t\tborder: 1px solid #eceef3;\r\n\t\t// border-radius: 10px;\r\n\t\talign-items: flex-start;\r\n\t\ttransition: border-color 0.15s ease, background 0.15s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tborder-color: rgba(97, 85, 245, 0.4);\r\n\t\t\tbackground: #fff;\r\n\t\t}\r\n\t}\r\n\r\n\t.stepNum {\r\n\t\tflex: 0 0 32px;\r\n\t\twidth: 32px;\r\n\t\theight: 32px;\r\n\t\t// border-radius: 50%;\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tcolor: #fff;\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 14px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.stepBody {\r\n\t\th3 {\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 4px 0 6px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tmargin: 0 0 10px;\r\n\t\t}\r\n\t}\r\n\r\n\t.stepLink {\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tfont-size: 13px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\t}\r\n\r\n\t.docs {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 20px;\r\n\t\tpadding: 18px 20px;\r\n\t\t// border-radius: 10px;\r\n\t\tbackground: linear-gradient(135deg, rgba(97, 85, 245, 0.08), rgba(97, 85, 245, 0.02));\r\n\t\tborder: 1px solid rgba(97, 85, 245, 0.18);\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\th3 {\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.docsBtn {\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tcolor: #fff;\r\n\t\tpadding: 9px 18px;\r\n\t\t// border-radius: 6px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-decoration: none;\r\n\t\twhite-space: nowrap;\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tcolor: #fff;\r\n\t\t\topacity: 0.92;\r\n\t\t}\r\n\t}\r\n}","@import '../../__variables';\r\n\r\n.bPlDashboardWelcomeProAds {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tflex-direction: column-reverse;\r\n\tflex-wrap: wrap-reverse;\r\n\tgap: 25px;\r\n\r\n\t.content {\r\n\t\tflex: 1;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin-bottom: 21px;\r\n\t\t}\r\n\r\n\t\tul {\r\n\t\t\tlist-style-type: none;\r\n\t\t\tmargin-bottom: 32px;\r\n\t\t\tmin-width: 230px;\r\n\r\n\t\t\tli {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: start;\r\n\t\t\t\tjustify-content: start;\r\n\t\t\t\tgap: 6px;\r\n\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tmin-width: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\r\n\t\t\t\t\t// border-radius: 50%;\r\n\t\t\t\t\tmargin-top: 1px;\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\tfill: $whiteColor;\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 15px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\tpadding: 10px 21px;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tfigure {\r\n\t\twidth: 100%;\r\n\t\theight: 260px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground: #DFDCFF;\r\n\t\tpadding: 16px;\r\n\t\t// border-radius: 18px;\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tmax-height: 100%;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n}","@import '../../__variables';\r\n\r\n.bPlDashboardChangelog {\r\n\twidth: 100%;\r\n\tpadding: 32px !important;\r\n\r\n\t.allChangelogs {\r\n\t\tmax-height: 450px;\r\n\t\toverflow: hidden;\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\th3 {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tmargin: 0 0 15px 0;\r\n\t}\r\n\r\n\t.changelog {\r\n\t\tposition: relative;\r\n\t\tpadding: 0 0 0 25px;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 5px;\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\t// border-radius: 50px;\r\n\t\t}\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\r\n\t\t&.update,\r\n\t\t&.improve,\r\n\t\t&.improvement {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #FF8D28;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.fix,\r\n\t\t&.fixing {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #FF383C;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.list {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tlist-style-type: none;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin-bottom: 8px;\r\n\r\n\t\t\tli {\r\n\t\t\t\tmargin-bottom: 5px;\r\n\t\t\t}\r\n\r\n\t\t\t.changelogBadge {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tfont-size: 11px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tpadding: 1px 9px;\r\n\t\t\t\tborder-radius: 20px;\r\n\t\t\t\tmargin-right: 5px;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tvertical-align: middle;\r\n\r\n\t\t\t\t&.new { background: var(--bpl-dashboard-primary-color, $primaryColor); }\r\n\t\t\t\t&.update { background: #FF8D28; }\r\n\t\t\t\t&.fix { background: #FF383C; }\r\n\t\t\t\t&.improvement { background: #8b5cf6; }\r\n\t\t\t\t&.default { background: #9ca3af; }\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.time {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .75);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlButton {\r\n\t\tfont-size: 16px;\r\n\t\tcolor: $whiteColor;\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tpadding: 10px 21px;\r\n\r\n\t\t&::before {\r\n\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t}\r\n\t}\r\n}","@import '../../__variables';\r\n\r\n.bPlDashboardWelcomeInfo {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n\tgap: 20px;\r\n\r\n\t.infoCard {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 20px;\r\n\r\n\t\tfigure {\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground: #FAF1FF;\r\n\t\t\tpadding: 20px;\r\n\t\t\t// border-radius: 8px;\r\n\t\t\tmargin-bottom: 17px;\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: 150px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th4 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 8px;\r\n\r\n\t\t\t.titleIcon {\r\n\t\t\t\tdisplay: inline-flex;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 13px;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tmargin: 0 0 14px;\r\n\t\t\tflex: 1;\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\tborder: 1.5px solid rgba(97, 85, 245, 0.35);\r\n\t\t\tpadding: 7px 14px !important;\r\n\t\t\t// border-radius: 8px !important;\r\n\t\t\tfont-size: 13px !important;\r\n\t\t\tfont-weight: 600 !important;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttransition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus {\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\t\tborder-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\tcolor: #fff !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardDemos {\r\n\twidth: 100%;\r\n\tmax-width: 1240px;\r\n\tmargin: 0 auto !important;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 24px;\r\n\r\n\t.hero {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 640px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\r\n\t\t.eyebrow {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\tbackground: rgba($primaryColor, .08);\r\n\t\t\t// border-radius: 999px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: 28px;\r\n\t\t\tline-height: 1.2;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -0.3px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 1.55;\r\n\t\t\tcolor: $contentColor;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.toolbar {\r\n\t\tdisplay: flex;\r\n\t\tgap: 16px;\r\n\t\talign-items: center;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 14px 16px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid rgba($contentColor, .1);\r\n\t\t// border-radius: 14px;\r\n\t\tbox-shadow: 0 1px 3px rgba($secondaryColor, .04);\r\n\r\n\t\t.search {\r\n\t\t\tposition: relative;\r\n\t\t\tflex: 1 1 280px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\t>svg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 14px;\r\n\t\t\t\tcolor: rgba($contentColor, .5);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tpadding: 9px 36px 9px 40px;\r\n\t\t\t\tbackground: rgba($contentColor, .05);\r\n\t\t\t\tborder: 1px solid transparent;\r\n\t\t\t\t// border-radius: 10px;\r\n\t\t\t\tcolor: $titleColor;\r\n\t\t\t\ttransition: background .15s, border-color .15s, box-shadow .15s;\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\tborder-color: rgba($primaryColor, .45);\r\n\t\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, .1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&::placeholder {\r\n\t\t\t\t\tcolor: rgba($contentColor, .45);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.searchClear {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tright: 8px;\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t\t// border-radius: 50%;\r\n\t\t\t\tborder: none;\r\n\t\t\t\tbackground: rgba($contentColor, .12);\r\n\t\t\t\tcolor: $contentColor;\r\n\t\t\t\tfont-size: 17px;\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: rgba($contentColor, .2);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.chips {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 6px;\r\n\t\t\tflex-wrap: wrap;\r\n\r\n\t\t\t.chip {\r\n\t\t\t\t--accent: #{rgba($contentColor, .4)};\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 7px;\r\n\t\t\t\tpadding: 7px 14px;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\tborder: 1px solid rgba($contentColor, .15);\r\n\t\t\t\t// border-radius: 999px;\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: $contentColor;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\ttransition: background .15s, border-color .15s, color .15s;\r\n\r\n\t\t\t\t.chipDot {\r\n\t\t\t\t\twidth: 8px;\r\n\t\t\t\t\theight: 8px;\r\n\t\t\t\t\t// border-radius: 50%;\r\n\t\t\t\t\tbackground: var(--accent);\r\n\t\t\t\t\tflex-shrink: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tborder-color: rgba($primaryColor, .4);\r\n\t\t\t\t\tcolor: $titleColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.isActive {\r\n\t\t\t\t\tbackground: $titleColor;\r\n\t\t\t\t\tborder-color: $titleColor;\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\r\n\t\t\t\t\t.chipDot {\r\n\t\t\t\t\t\tbackground: rgba($whiteColor, .55);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.actions {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tmargin-left: auto;\r\n\r\n\t\t\t.bPlButton {\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tpadding: 7px 16px;\r\n\t\t\t\t// border-radius: 8px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.count {\r\n\t\tfont-size: 13px;\r\n\t\tcolor: rgba($contentColor, .8);\r\n\t\tmargin: -8px 0 0;\r\n\r\n\t\tstrong {\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\t}\r\n\r\n\t.grid {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n\t\tgap: 16px;\r\n\t}\r\n\r\n\t.card {\r\n\t\t--accent: #{$primaryColor};\r\n\t\tmin-width: auto;\r\n\t\tposition: relative;\r\n\t\ttext-align: left;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid rgba($contentColor, .1);\r\n\t\t// border-radius: 14px;\r\n\t\tborder-radius: 0;\r\n\t\tpadding: 20px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 12px;\r\n\t\tcursor: pointer;\r\n\t\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\t// fallback for browsers without color-mix\r\n\t\t\tbackground: linear-gradient(135deg, rgba($primaryColor, .08), transparent 60%);\r\n\t\t\tbackground: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: opacity .2s ease;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\ttransform: translateY(-3px);\r\n\t\t\tborder-color: var(--accent);\r\n\t\t\tbox-shadow: 0 10px 24px rgba($secondaryColor, .08);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.cardAction {\r\n\t\t\t\tcolor: var(--accent);\r\n\t\t\t\ttransform: translateX(3px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cardIcon {\r\n\t\t\twidth: 44px;\r\n\t\t\theight: 44px;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\t// border-radius: 10px;\r\n\t\t\t// fallback for browsers without color-mix\r\n\t\t\tbackground: rgba($primaryColor, .12);\r\n\t\t\tbackground: color-mix(in srgb, var(--accent) 14%, transparent);\r\n\t\t\tcolor: var(--accent);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t\tfill: currentColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cardCat {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tfont-size: 11px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: .8px;\r\n\t\t\tpadding: 3px 8px;\r\n\t\t\t// border-radius: 6px;\r\n\t\t\t// fallback for browsers without color-mix\r\n\t\t\tbackground: rgba($primaryColor, .12);\r\n\t\t\tbackground: color-mix(in srgb, var(--accent) 14%, transparent);\r\n\t\t\tcolor: var(--accent);\r\n\t\t}\r\n\r\n\t\t.cardTitle {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.35;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0;\r\n\t\t\tflex: 1;\r\n\t\t}\r\n\r\n\t\t.cardAction {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: $contentColor;\r\n\t\t\ttransition: color .18s ease, transform .18s ease;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 14px;\r\n\t\t\t\theight: 14px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.empty {\r\n\t\ttext-align: center;\r\n\t\tpadding: 60px 24px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px dashed rgba($contentColor, .2);\r\n\t\t// border-radius: 14px;\r\n\t\tcolor: $contentColor;\r\n\r\n\t\tsvg {\r\n\t\t\tcolor: rgba($contentColor, .4);\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0 0 4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tmargin: 0;\r\n\t\t\topacity: .78;\r\n\t\t}\r\n\t}\r\n\r\n\t.modal {\r\n\t\tposition: fixed;\r\n\t\tinset: 0;\r\n\t\tz-index: 99999;\r\n\t\tdisplay: flex;\r\n\t\talign-items: stretch;\r\n\t\tjustify-content: stretch;\r\n\r\n\t\t.modalBackdrop {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\tbackground: rgba($secondaryColor, .62);\r\n\t\t\tbackdrop-filter: blur(6px);\r\n\t\t}\r\n\r\n\t\t.modalContent {\r\n\t\t\tposition: relative;\r\n\t\t\tmargin: auto;\r\n\t\t\twidth: min(1240px, 96vw);\r\n\t\t\theight: min(820px, 92vh);\r\n\t\t\tbackground: $whiteColor;\r\n\t\t\t// border-radius: 16px;\r\n\t\t\tbox-shadow: 0 24px 60px rgba(0, 0, 0, .35);\r\n\t\t\toverflow: hidden;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tanimation: dGalleryPop .22s ease;\r\n\r\n\t\t\t.modalHead {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tgap: 16px;\r\n\t\t\t\tpadding: 14px 18px;\r\n\t\t\t\tborder-bottom: 1px solid rgba($contentColor, .1);\r\n\t\t\t\tflex-shrink: 0;\r\n\r\n\t\t\t\t.modalTitleWrap {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tgap: 10px;\r\n\t\t\t\t\tmin-width: 0;\r\n\r\n\t\t\t\t\th2 {\r\n\t\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t\tcolor: $titleColor;\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\tmax-width: 42ch;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalCat {\r\n\t\t\t\t\tfont-size: 10.5px;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tletter-spacing: .8px;\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t\tpadding: 4px 9px;\r\n\t\t\t\t\t// border-radius: 999px;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\tflex-shrink: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalProgress {\r\n\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\tcolor: rgba($contentColor, .65);\r\n\t\t\t\t\tpadding: 3px 8px;\r\n\t\t\t\t\tbackground: rgba($contentColor, .07);\r\n\t\t\t\t\t// border-radius: 6px;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\tflex-shrink: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalActions {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tgap: 8px;\r\n\t\t\t\t\tflex-shrink: 0;\r\n\r\n\t\t\t\t\t.modalOpen {\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tgap: 6px;\r\n\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\t\tpadding: 7px 12px;\r\n\t\t\t\t\t\t// border-radius: 8px;\r\n\t\t\t\t\t\tbackground: rgba($primaryColor, .08);\r\n\t\t\t\t\t\ttransition: background .15s;\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tbackground: rgba($primaryColor, .15);\r\n\t\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tsvg {\r\n\t\t\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\t\t\theight: 14px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.modalClose {\r\n\t\t\t\t\t\twidth: 34px;\r\n\t\t\t\t\t\theight: 34px;\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\tbackground: rgba($contentColor, .07);\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t\t// border-radius: 8px;\r\n\t\t\t\t\t\tcolor: $contentColor;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\ttransition: background .15s, color .15s;\r\n\t\t\t\t\t\tflex-shrink: 0;\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tbackground: #ffeaea;\r\n\t\t\t\t\t\t\tcolor: #ef4444;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tsvg {\r\n\t\t\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\t\t\theight: 18px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modalStage {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tbackground: #0f172a;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\tiframe {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.imgScroll {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\toverflow: auto;\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.iframeLoader {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tinset: 0;\r\n\t\t\t\t\tz-index: 2;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tgap: 12px;\r\n\t\t\t\t\tcolor: rgba($whiteColor, .7);\r\n\t\t\t\t\tbackground: rgba(15, 23, 42, .92);\r\n\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.spinner {\r\n\t\t\t\t\twidth: 32px;\r\n\t\t\t\t\theight: 32px;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tborder: 3px solid rgba($whiteColor, .18);\r\n\t\t\t\t\tborder-top-color: $whiteColor;\r\n\t\t\t\t\tanimation: dGallerySpinAnim .9s linear infinite;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalNav {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\twidth: 42px;\r\n\t\t\t\t\theight: 42px;\r\n\t\t\t\t\t// border-radius: 50%;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tbackground: rgba($whiteColor, .92);\r\n\t\t\t\t\tcolor: $titleColor;\r\n\t\t\t\t\tbox-shadow: 0 6px 18px rgba(0, 0, 0, .18);\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t\ttransition: background .15s, transform .18s;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\t\ttransform: translateY(-50%) scale(1.05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.modalNavPrev {\r\n\t\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.modalNavNext {\r\n\t\t\t\t\t\tright: 16px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes dGalleryPop {\r\n\tfrom {\r\n\t\ttransform: scale(.96);\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\tto {\r\n\t\ttransform: scale(1);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes dGallerySpinAnim {\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t.bPlDashboardDemosGallery {\r\n\t\t.toolbar {\r\n\t\t\t.search {\r\n\t\t\t\tflex: 1 1 100%;\r\n\t\t\t}\r\n\r\n\t\t\t.actions {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.grid {\r\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n\t\t}\r\n\r\n\t\t.modal .modalContent {\r\n\t\t\twidth: 100vw;\r\n\t\t\theight: 100dvh;\r\n\t\t\t// border-radius: 0;\r\n\r\n\t\t\t.modalHead .modalTitleWrap h2 {\r\n\t\t\t\tmax-width: 22ch;\r\n\t\t\t}\r\n\r\n\t\t\t.modalHead .modalActions .modalOpen {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardPricing {\r\n\twidth: 100%;\r\n\tmax-width: 1140px;\r\n\tmargin: 0 auto !important;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 40px;\r\n\r\n\t&.bPlDashboardPricingLoading {\r\n\t\tmin-height: 320px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t}\r\n\r\n\t.pricingLoadingSpinner {\r\n\t\twidth: 36px;\r\n\t\theight: 36px;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 3px solid rgba($primaryColor, 0.18);\r\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tanimation: bplPricingSpin 0.9s linear infinite;\r\n\t}\r\n\r\n\t.pricingHero {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 720px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 12px;\r\n\r\n\t\t.pricingEyebrow {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\tbackground: rgba($primaryColor, 0.08);\r\n\t\t\t// border-radius: 999px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: 36px;\r\n\t\t\tline-height: 1.15;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -0.5px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingCycleWrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.pricingCycle {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 4px;\r\n\t\tpadding: 5px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #e6e8ee;\r\n\t\t// border-radius: 999px;\r\n\t\tbox-shadow: 0 1px 2px rgba($secondaryColor, 0.04);\r\n\r\n\t\tbutton {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tpadding: 9px 22px;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\t// border-radius: 999px;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: background 0.18s ease, color 0.18s ease;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t}\r\n\r\n\t\t\t&.isActive {\r\n\t\t\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.pricingSave {\r\n\t\t\tbackground: #22c55e;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tfont-size: 11px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tpadding: 2px 8px;\r\n\t\t\t// border-radius: 999px;\r\n\t\t\tletter-spacing: 0.3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingPlans {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n\t\tgap: 20px;\r\n\t\talign-items: stretch;\r\n\t}\r\n\r\n\t.pricingPlan {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #e6e8ee;\r\n\t\t// border-radius: 16px;\r\n\t\tpadding: 28px 26px;\r\n\t\ttransition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\ttransform: translateY(-3px);\r\n\t\t\tbox-shadow: 0 12px 30px rgba($secondaryColor, 0.08);\r\n\t\t\tborder-color: rgba($primaryColor, 0.35);\r\n\t\t}\r\n\r\n\t\t&.isFeatured {\r\n\t\t\tborder-color: transparent;\r\n\t\t\tbackground: linear-gradient(180deg, darken($primaryColor, 14%) 0%, $primaryColor 100%);\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbox-shadow: 0 16px 40px rgba($primaryColor, 0.25);\r\n\t\t\ttransform: translateY(-6px);\r\n\r\n\t\t\t.pricingPlanHead h3,\r\n\t\t\t.pricingPrice,\r\n\t\t\t.pricingAmount,\r\n\t\t\t.pricingCurrency,\r\n\t\t\t.pricingSuffix {\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t}\r\n\r\n\t\t\t.pricingPlanHead p,\r\n\t\t\t.pricingEquiv {\r\n\t\t\t\tcolor: rgba($whiteColor, 0.78);\r\n\t\t\t}\r\n\r\n\t\t\t.pricingPriceWrap {\r\n\t\t\t\tborder-color: rgba($whiteColor, 0.2);\r\n\t\t\t}\r\n\r\n\t\t\t.pricingCta {\r\n\t\t\t\tbackground: $whiteColor !important;\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\tbackground: rgba($whiteColor, 0.92) !important;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingBadge {\r\n\t\tposition: absolute;\r\n\t\ttop: -12px;\r\n\t\tleft: 50%;\r\n\t\ttransform: translateX(-50%);\r\n\t\tbackground: #f59e0b;\r\n\t\tcolor: $whiteColor;\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 700;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 1px;\r\n\t\tpadding: 6px 14px;\r\n\t\t// border-radius: 999px;\r\n\t\twhite-space: nowrap;\r\n\t\tbox-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);\r\n\t}\r\n\r\n\t.pricingPlanHead {\r\n\t\tmargin-bottom: 18px;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\t\t\topacity: 0.78;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingPriceWrap {\r\n\t\tpadding: 0 0 22px;\r\n\t\tmargin-bottom: 22px;\r\n\t\tborder-bottom: 1px solid #eef0f5;\r\n\t}\r\n\r\n\t.pricingPrice {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tgap: 2px;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tline-height: 1;\r\n\t\tmargin-bottom: 8px;\r\n\r\n\t\t.pricingCurrency {\r\n\t\t\tfont-size: 22px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin-top: 6px;\r\n\t\t}\r\n\r\n\t\t.pricingAmount {\r\n\t\t\tfont-size: 48px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tletter-spacing: -1px;\r\n\t\t}\r\n\r\n\t\t.pricingSuffix {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.7;\r\n\t\t\tmargin-top: 18px;\r\n\t\t\tmargin-left: 2px;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingEquiv {\r\n\t\tfont-size: 13px;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\topacity: 0.78;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.pricingCta {\r\n\t\twidth: 100%;\r\n\t\tjustify-content: center;\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\tcolor: $whiteColor !important;\r\n\t\tfont-size: 15px !important;\r\n\t\tfont-weight: 600 !important;\r\n\t\tpadding: 12px 20px !important;\r\n\t\t// border-radius: 10px !important;\r\n\t\toverflow: hidden;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\tmargin-top: auto;\r\n\t\ttransition: background 0.18s ease, transform 0.18s ease;\r\n\r\n\t\t&::before {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tbackground: darken($primaryColor, 10%) !important;\r\n\t\t\tcolor: $whiteColor !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingEmpty {\r\n\t\tgrid-column: 1 / -1;\r\n\t\ttext-align: center;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tpadding: 40px;\r\n\t}\r\n\r\n\t.pricingIncluded {\r\n\t\tmax-width: 980px;\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 100%;\r\n\t\tpadding: 32px 36px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 16px;\r\n\t\tbox-shadow: 0 1px 2px rgba($secondaryColor, 0.03);\r\n\t}\r\n\r\n\t.pricingIncludedHead {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 640px;\r\n\t\tmargin: 0 auto 24px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\r\n\t\t.pricingIncludedTag {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 11px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.2px;\r\n\t\t\tcolor: #15803d;\r\n\t\t\tbackground: rgba(34, 197, 94, 0.12);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\t// border-radius: 999px;\r\n\t\t}\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -0.3px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 14.5px;\r\n\t\t\tline-height: 1.55;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\t\t\topacity: 0.88;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingIncludedGrid {\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n\t\tgap: 10px 28px;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 12px;\r\n\t\t\tpadding: 10px 0;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tborder-bottom: 1px dashed #eef0f5;\r\n\r\n\t\t\t&:nth-last-child(-n+2) {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingIncludedCheck {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 22px;\r\n\t\theight: 22px;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\t// border-radius: 50%;\r\n\t\tbackground: rgba($primaryColor, 0.12);\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tmargin-top: 1px;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingTrust {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n\t\tgap: 16px;\r\n\t\tpadding: 24px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 14px;\r\n\t}\r\n\r\n\t.pricingTrustItem {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\r\n\t\t.pricingTrustIcon {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 38px;\r\n\t\t\theight: 38px;\r\n\t\t\t// border-radius: 10px;\r\n\t\t\tbackground: rgba($primaryColor, 0.1);\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tflex-shrink: 0;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tstrong {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin-bottom: 2px;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: 12.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.8;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingFaq {\r\n\t\tmax-width: 780px;\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 100%;\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 18px;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingFaqList {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\t}\r\n\r\n\t.pricingFaqItem {\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 12px;\r\n\t\toverflow: hidden;\r\n\t\ttransition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n\r\n\t\t&.isOpen {\r\n\t\t\tborder-color: rgba($primaryColor, 0.3);\r\n\t\t\tbox-shadow: 0 4px 12px rgba($secondaryColor, 0.04);\r\n\r\n\t\t\t.pricingFaqQ svg {\r\n\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingFaqQ {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 16px;\r\n\t\tpadding: 16px 20px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\ttext-align: left;\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.7;\r\n\t\t\ttransition: transform 0.2s ease, color 0.2s ease;\r\n\t\t}\r\n\t}\r\n\r\n\t.pricingFaqA {\r\n\t\tpadding: 0 20px 18px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 1.6;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t}\r\n}\r\n\r\n@keyframes bplPricingSpin {\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardFeatureCompare {\r\n\twidth: 100%;\r\n\tmax-width: 1140px;\r\n\tmargin: 0 auto !important;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 32px;\r\n\r\n\t&.bPlDashboardFeatureCompareLoading {\r\n\t\tmin-height: 320px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t}\r\n\r\n\t.fcSpinner {\r\n\t\twidth: 36px;\r\n\t\theight: 36px;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 3px solid rgba($primaryColor, 0.18);\r\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tanimation: bplFeatureCompareSpin 0.9s linear infinite;\r\n\t}\r\n\r\n\t.fcHero {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 720px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\r\n\t\t.fcEyebrow {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\tbackground: rgba($primaryColor, 0.08);\r\n\t\t\t// border-radius: 999px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: 34px;\r\n\t\t\tline-height: 1.16;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -0.4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\tstrong {\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.fcCycleWrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.fcCycle {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 4px;\r\n\t\tpadding: 5px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #e6e8ee;\r\n\t\t// border-radius: 999px;\r\n\t\tbox-shadow: 0 1px 2px rgba($secondaryColor, 0.04);\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tpadding: 9px 22px;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\t// border-radius: 999px;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: background 0.18s ease, color 0.18s ease;\r\n\r\n\t\t\t&.isActive {\r\n\t\t\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.fcSave {\r\n\t\t\tbackground: #22c55e;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tfont-size: 11px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tpadding: 2px 8px;\r\n\t\t\t// border-radius: 999px;\r\n\t\t\tletter-spacing: 0.3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcPlans {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n\t\tgap: 20px;\r\n\t}\r\n\r\n\t.fcPlan {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 16px;\r\n\t\tpadding: 28px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 16px;\r\n\t\tposition: relative;\r\n\r\n\t\t&.isPro {\r\n\t\t\tbackground: linear-gradient(180deg, darken($primaryColor, 14%) 0%, $primaryColor 100%);\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tborder-color: transparent;\r\n\t\t\tbox-shadow: 0 14px 36px rgba($primaryColor, 0.22);\r\n\r\n\t\t\t.fcPlanTag {\r\n\t\t\t\tbackground: rgba($whiteColor, 0.2);\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t}\r\n\r\n\t\t\th3 {\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t}\r\n\r\n\t\t\t.fcPlanHead p {\r\n\t\t\t\tcolor: rgba($whiteColor, 0.82);\r\n\t\t\t}\r\n\r\n\t\t\t.fcPlanPrice {\r\n\t\t\t\tcolor: $whiteColor;\r\n\r\n\t\t\t\t.fcCyc {\r\n\t\t\t\t\tcolor: rgba($whiteColor, 0.75);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.fcPlanCta {\r\n\t\t\t\tbackground: $whiteColor !important;\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\tbackground: rgba($whiteColor, 0.92) !important;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.fcPlanHead {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 8px;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 22px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t}\r\n\t}\r\n\r\n\t.fcPlanTag {\r\n\t\talign-self: flex-start;\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 700;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 1px;\r\n\t\tpadding: 5px 11px;\r\n\t\t// border-radius: 999px;\r\n\t\tbackground: #f1f3f8;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t}\r\n\r\n\t.fcPlanPrice {\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\tgap: 4px;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\t.fcCurr {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\t.fcAmt {\r\n\t\t\tfont-size: 42px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tletter-spacing: -1px;\r\n\t\t\tline-height: 1;\r\n\t\t}\r\n\r\n\t\t.fcCyc {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.8;\r\n\t\t\tmargin-left: 6px;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcPlanCta {\r\n\t\tmargin-top: auto;\r\n\t\twidth: 100%;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 12px 20px !important;\r\n\t\tfont-size: 14.5px !important;\r\n\t\tfont-weight: 600 !important;\r\n\t\t// border-radius: 10px !important;\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\t\tcolor: $whiteColor !important;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\toverflow: hidden;\r\n\t\ttransition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\r\n\r\n\t\t&::before {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tbackground: darken($primaryColor, 10%) !important;\r\n\t\t\tcolor: $whiteColor !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcPlanCtaHave {\r\n\t\tmargin-top: auto;\r\n\t\twidth: 100%;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tgap: 8px;\r\n\t\tpadding: 12px 20px;\r\n\t\tfont-size: 14.5px;\r\n\t\tfont-weight: 600;\r\n\t\t// border-radius: 10px;\r\n\t\tbackground: rgba(34, 197, 94, 0.12);\r\n\t\tcolor: #15803d;\r\n\t\tborder: 1.5px solid rgba(34, 197, 94, 0.35);\r\n\t\tcursor: default;\r\n\t\tpointer-events: none;\r\n\t\ttext-align: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 16px;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tcolor: #16a34a;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcTableWrap {\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 16px;\r\n\t\toverflow: hidden;\r\n\t\tbox-shadow: 0 1px 2px rgba($secondaryColor, 0.03);\r\n\t}\r\n\r\n\t.fcTableHead {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 16px;\r\n\t\tpadding: 20px 24px;\r\n\t\tborder-bottom: 1px solid #eef0f5;\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t}\r\n\t}\r\n\r\n\t.fcSearchBox {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmin-width: 220px;\r\n\r\n\t\t>svg {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 12px;\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 16px;\r\n\t\t\tcolor: #8a93a6;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\tinput {\r\n\t\t\tflex: 1;\r\n\t\t\tfont-size: 13.5px;\r\n\t\t\tpadding: 8px 32px 8px 34px;\r\n\t\t\tbackground: #f7f8fb;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\t// border-radius: 8px;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\toutline: none;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tborder-color: rgba($primaryColor, 0.45);\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, 0.12);\r\n\t\t\t}\r\n\r\n\t\t\t&::placeholder {\r\n\t\t\t\tcolor: #94a3b8;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 6px;\r\n\t\t\twidth: 22px;\r\n\t\t\theight: 22px;\r\n\t\t\t// border-radius: 50%;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: #e5e7ee;\r\n\t\t\tcolor: #4b5563;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tline-height: 1;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcTableScroll {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\r\n\t.fcTable {\r\n\t\twidth: 100%;\r\n\t\tborder-collapse: collapse;\r\n\t\tfont-size: 14px;\r\n\r\n\t\tthead th {\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: 0;\r\n\t\t\tbackground: #f9fafc;\r\n\t\t\tpadding: 14px 16px;\r\n\t\t\ttext-align: left;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tfont-size: 13px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 0.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tborder-bottom: 1px solid #eef0f5;\r\n\t\t\twhite-space: nowrap;\r\n\r\n\t\t\t&.isProCol {\r\n\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\r\n\t\t\t&.isFreeCol {\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\r\n\t\t\t&:first-child {\r\n\t\t\t\tmin-width: 240px;\r\n\t\t\t\tpadding-left: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tpadding-right: 24px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttbody tr {\r\n\t\t\ttransition: background 0.12s ease;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: rgba($primaryColor, 0.04);\r\n\t\t\t}\r\n\r\n\t\t\t&.isProOnly {\r\n\t\t\t\tbackground: rgba($primaryColor, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttbody td {\r\n\t\t\tpadding: 13px 16px;\r\n\t\t\tborder-bottom: 1px solid #f4f5f9;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tvertical-align: middle;\r\n\r\n\t\t\t&:first-child {\r\n\t\t\t\tpadding-left: 24px;\r\n\t\t\t\tline-height: 1.45;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tpadding-right: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t&.isFreeCol,\r\n\t\t\t&.isProCol {\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\twidth: 1%;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttbody tr:last-child td {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.fcRowTag {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-left: 8px;\r\n\t\tfont-size: 10.5px;\r\n\t\tfont-weight: 700;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.8px;\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tbackground: rgba($primaryColor, 0.1);\r\n\t\tpadding: 2px 7px;\r\n\t\t// border-radius: 999px;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.fcCell {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 28px;\r\n\t\theight: 28px;\r\n\t\t// border-radius: 50%;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t}\r\n\r\n\t\t&.isCheck {\r\n\t\t\tbackground: rgba(34, 197, 94, 0.14);\r\n\t\t\tcolor: #16a34a;\r\n\t\t}\r\n\r\n\t\t&.isCross {\r\n\t\t\tbackground: rgba(148, 163, 184, 0.16);\r\n\t\t\tcolor: #94a3b8;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 12px;\r\n\t\t\t\theight: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.fcEmpty {\r\n\t\ttext-align: center;\r\n\t\tpadding: 40px 16px !important;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.fcCtaBanner {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 24px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 28px 32px;\r\n\t\tbackground: linear-gradient(135deg, rgba($primaryColor, 0.08), rgba($primaryColor, 0.02));\r\n\t\tborder: 1px solid rgba($primaryColor, 0.18);\r\n\t\t// border-radius: 16px;\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 22px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 6px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 1.55;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tmax-width: 580px;\r\n\t\t}\r\n\r\n\t\t.fcPlanCta {\r\n\t\t\twidth: auto;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tpadding: 12px 26px !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bplFeatureCompareSpin {\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardActivation {\r\n\twidth: 100%;\r\n\tmax-width: 760px;\r\n\tmargin: 0 auto !important;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 32px;\r\n\r\n\t.actHero {\r\n\t\tmax-width: 560px;\r\n\t\ttext-align: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\t\tmargin: 0 auto;\r\n\r\n\t\t.actEyebrow {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\tbackground: rgba($primaryColor, 0.08);\r\n\t\t\t// border-radius: 999px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: 34px;\r\n\t\t\tline-height: 1.16;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -0.4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\tstrong {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.actCard {\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1.5px solid #eef0f5;\r\n\t\t// border-radius: 16px;\r\n\t\toverflow: visible;\r\n\t\ttransition: border-color 0.2s ease;\r\n\r\n\t\t&.isActive {\r\n\t\t\tborder-color: rgba(34, 197, 94, 0.4);\r\n\t\t}\r\n\t}\r\n\r\n\t.actCardHead {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 16px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 20px 24px;\r\n\t\tborder-bottom: 1px solid #eef0f5;\r\n\t}\r\n\r\n\t.actPluginInfo {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 14px;\r\n\r\n\t\timg {\r\n\t\t\twidth: 44px;\r\n\t\t\theight: 44px;\r\n\t\t\t// border-radius: 10px;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 17px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actVer {\r\n\t\tfont-size: 12px;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.actStatus {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 7px;\r\n\t\tfont-size: 13px;\r\n\t\tfont-weight: 600;\r\n\t\tpadding: 6px 14px;\r\n\t\t// border-radius: 999px;\r\n\r\n\t\t&.isOk {\r\n\t\t\tbackground: rgba(34, 197, 94, 0.1);\r\n\t\t\tcolor: #15803d;\r\n\r\n\t\t\t.actStatusDot {\r\n\t\t\t\tbackground: #22c55e;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isOff {\r\n\t\t\tbackground: rgba(245, 158, 11, .14);\r\n\t\t\tcolor: #b45309;\r\n\r\n\t\t\t.actStatusDot {\r\n\t\t\t\tbackground: #f59e0b;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.actStatusDot {\r\n\t\twidth: 7px;\r\n\t\theight: 7px;\r\n\t\tborder-radius: 50%;\r\n\t\tflex-shrink: 0;\r\n\t}\r\n\r\n\t.actLoading {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tgap: 16px;\r\n\t\tpadding: 60px 24px;\r\n\t\tfont-size: 14px;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t}\r\n\r\n\t.actSpinner {\r\n\t\twidth: 32px;\r\n\t\theight: 32px;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 3px solid rgba($primaryColor, 0.18);\r\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tanimation: bplActivationSpin 0.9s linear infinite;\r\n\t}\r\n\r\n\t.actBody {\r\n\t\tpadding: 28px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 20px;\r\n\t}\r\n\r\n\t.actSuccessTop {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 16px;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 17px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin: 0 0 4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 13.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0;\r\n\t\t\tline-height: 1.5;\r\n\t\t}\r\n\t}\r\n\r\n\t.actSuccessIcon {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t\t// border-radius: 50%;\r\n\t\tbackground: rgba(34, 197, 94, 0.12);\r\n\t\tcolor: #16a34a;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actLicenseRow {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 8px;\r\n\t}\r\n\r\n\t.actFieldLabel {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 6px;\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.6px;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\topacity: 0.8;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 13px;\r\n\t\t\theight: 13px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actLicenseDisplay {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 4px;\r\n\t\tbackground: #f7f8fb;\r\n\t\tborder: 1px solid #e6e8ee;\r\n\t\t// border-radius: 10px;\r\n\t\tpadding: 4px 4px 4px 14px;\r\n\r\n\t\tinput {\r\n\t\t\tflex: 1;\r\n\t\t\tmin-width: 0;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-family: monospace;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: none;\r\n\t\t\toutline: none;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tpadding: 7px 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.actIconBtn {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 32px;\r\n\t\theight: 32px;\r\n\t\t// border-radius: 8px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tcursor: pointer;\r\n\t\ttransition: background 0.15s ease, color 0.15s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #eef0f5;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t}\r\n\r\n\t\t&.isCopied {\r\n\t\t\tcolor: #16a34a;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 15px;\r\n\t\t\theight: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actCopiedTip {\r\n\t\tposition: absolute;\r\n\t\tbottom: calc(100% + 6px);\r\n\t\tright: 0;\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 600;\r\n\t\tbackground: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tcolor: $whiteColor;\r\n\t\tpadding: 3px 8px;\r\n\t\t// border-radius: 6px;\r\n\t\twhite-space: nowrap;\r\n\t\tpointer-events: none;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tright: 8px;\r\n\t\t\tborder: 4px solid transparent;\r\n\t\t\tborder-top-color: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t}\r\n\t}\r\n\r\n\t.actFoot {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 16px;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.actLinkBtn {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 6px;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tfont-size: 13.5px;\r\n\t\tfont-weight: 500;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0;\r\n\t\ttransition: color 0.15s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t}\r\n\r\n\t\t&.isDanger {\r\n\t\t\tcolor: #dc2626;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #b91c1c;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isCenter {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actField {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 8px;\r\n\r\n\t\tinput {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-family: monospace;\r\n\t\t\tpadding: 12px 14px;\r\n\t\t\tbackground: #f7f8fb;\r\n\t\t\tborder: 1px solid #e6e8ee;\r\n\t\t\t// border-radius: 10px;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\toutline: none;\r\n\t\t\ttransition: border-color 0.15s ease, box-shadow 0.15s ease;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tborder-color: rgba($primaryColor, 0.45);\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, 0.12);\r\n\t\t\t}\r\n\r\n\t\t\t&::placeholder {\r\n\t\t\t\tcolor: #94a3b8;\r\n\t\t\t\tfont-family: inherit;\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.actError {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tgap: 8px;\r\n\t\tpadding: 12px 14px;\r\n\t\tbackground: #fef2f2;\r\n\t\tborder: 1px solid #fecaca;\r\n\t\t// border-radius: 10px;\r\n\t\tfont-size: 13.5px;\r\n\t\tcolor: #991b1b;\r\n\r\n\t\tsvg {\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: 15px;\r\n\t\t\theight: 15px;\r\n\t\t\tmargin-top: 1px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actPrimaryBtn {\r\n\t\twidth: 100%;\r\n\t\tpadding: 13px 20px;\r\n\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tcolor: $whiteColor;\r\n\t\tborder: none;\r\n\t\t// border-radius: 10px;\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: 600;\r\n\t\tcursor: pointer;\r\n\t\ttransition: background 0.18s ease;\r\n\r\n\t\t&:hover:not(:disabled) {\r\n\t\t\tbackground: darken($primaryColor, 10%);\r\n\t\t}\r\n\r\n\t\t&:disabled {\r\n\t\t\topacity: 0.55;\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\t}\r\n\r\n\t.actHelp {\r\n\t\tfont-size: 13px;\r\n\t\ttext-align: center;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tmargin: 0;\r\n\t\tline-height: 1.55;\r\n\r\n\t\ta {\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 3px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t}\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 12px;\r\n\t\t\t\theight: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.actPermsBlock {\r\n\t\tpadding: 18px 20px;\r\n\t\tbackground: #f7f8fb;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\t// border-radius: 12px;\r\n\r\n\t\t>h4 {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin: 0 0 14px;\r\n\t\t\tline-height: 1.4;\r\n\t\t}\r\n\t}\r\n\r\n\t.actPerms {\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 12px;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 12px;\r\n\t\t}\r\n\r\n\t\tstrong {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 13.5px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tmargin-bottom: 2px;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.8;\r\n\t\t}\r\n\t}\r\n\r\n\t.actPermIcon {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\t// border-radius: 8px;\r\n\t\tbackground: rgba($primaryColor, 0.1);\r\n\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 16px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actLegalRow {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tflex-wrap: wrap;\r\n\t\tgap: 8px 16px;\r\n\t\tpadding-top: 4px;\r\n\r\n\t\ta {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\ttext-decoration: none;\r\n\t\t\topacity: 0.7;\r\n\t\t\ttransition: opacity 0.15s ease;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t>span {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\topacity: 0.35;\r\n\t\t}\r\n\t}\r\n\r\n\t.actModal {\r\n\t\tposition: fixed;\r\n\t\tinset: 0;\r\n\t\tz-index: 100000;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 20px;\r\n\t}\r\n\r\n\t.actModalBackdrop {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tbackground: rgba($secondaryColor, 0.5);\r\n\t\tbackdrop-filter: blur(2px);\r\n\t}\r\n\r\n\t.actModalContent {\r\n\t\tposition: relative;\r\n\t\tbackground: $whiteColor;\r\n\t\t// border-radius: 16px;\r\n\t\tpadding: 28px;\r\n\t\tmax-width: 440px;\r\n\t\twidth: 100%;\r\n\t\tbox-shadow: 0 20px 60px rgba($secondaryColor, 0.2);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 16px;\r\n\r\n\t\t>header {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 14px;\r\n\r\n\t\t\th3 {\r\n\t\t\t\tfont-size: 17px;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tmargin: 0 0 6px;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: 13.5px;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tline-height: 1.5;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t>footer {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 10px;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n\r\n\t.actModalIcon {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 38px;\r\n\t\theight: 38px;\r\n\t\t// border-radius: 10px;\r\n\t\tbackground: rgba(245, 158, 11, 0.12);\r\n\t\tcolor: #d97706;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t}\r\n\t}\r\n\r\n\t.actModalNote {\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 1.55;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tbackground: #f7f8fb;\r\n\t\t// border-radius: 10px;\r\n\t\tpadding: 12px 14px;\r\n\t}\r\n\r\n\t.actModalCancel {\r\n\t\tpadding: 10px 18px;\r\n\t\tborder: 1.5px solid #e6e8ee;\r\n\t\tbackground: $whiteColor;\r\n\t\t// border-radius: 8px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 500;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tcursor: pointer;\r\n\t\ttransition: border-color 0.15s ease, background 0.15s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tborder-color: #c0c8d8;\r\n\t\t\tbackground: #f7f8fb;\r\n\t\t}\r\n\t}\r\n\r\n\t.actModalAction {\r\n\t\tpadding: 10px 18px;\r\n\t\tborder: none;\r\n\t\tbackground: #dc2626;\r\n\t\t// border-radius: 8px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: $whiteColor;\r\n\t\tcursor: pointer;\r\n\t\ttransition: background 0.15s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #b91c1c;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bplActivationSpin {\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardOurPlugins {\r\n\twidth: 100%;\r\n\tmax-width: 1240px;\r\n\tmargin: 0 auto !important;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 24px;\r\n\r\n\t// ── Loading state ──────────────────────────────────────────────────────────\r\n\t&.bPlDashboardOurPluginsLoading {\r\n\t\tmin-height: 320px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tgap: 16px;\r\n\t\tcolor: rgba($contentColor, .7);\r\n\t}\r\n\r\n\t.ourPlugSpinner {\r\n\t\twidth: 36px;\r\n\t\theight: 36px;\r\n\t\tborder: 3px solid rgba($primaryColor, .18);\r\n\t\tborder-top-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\tborder-radius: 50% !important;\r\n\t\tanimation: ourPlugSpin .9s linear infinite;\r\n\t}\r\n\r\n\t@keyframes ourPlugSpin {\r\n\t\tto {\r\n\t\t\ttransform: rotate(360deg);\r\n\t\t}\r\n\t}\r\n\r\n\t// ── Hero ───────────────────────────────────────────────────────────────────\r\n\t.ourPlugHero {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 720px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\r\n\t\t.ourPlugEyebrow {\r\n\t\t\talign-self: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding: 5px 12px;\r\n\t\t\tbackground: rgba($primaryColor, .08);\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: 32px;\r\n\t\t\tline-height: 1.18;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0;\r\n\t\t\tletter-spacing: -.4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tline-height: 1.6;\r\n\t\t\tcolor: rgba($contentColor, .8);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t// ── Toolbar ────────────────────────────────────────────────────────────────\r\n\t.ourPlugToolbar {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 16px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 14px 16px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, .03);\r\n\t}\r\n\r\n\t.ourPlugSearch {\r\n\t\tposition: relative;\r\n\t\tflex: 1 1 260px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\tsvg {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 14px;\r\n\t\t\tcolor: #8a93a6;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\tinput {\r\n\t\t\tflex: 1;\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tpadding: 10px 40px;\r\n\t\t\tbackground: #f7f8fb;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\ttransition: background .15s, border-color .15s;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\toutline: none;\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tborder-color: rgba($primaryColor, .45);\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba($primaryColor, .12);\r\n\t\t\t}\r\n\r\n\t\t\t&::placeholder {\r\n\t\t\t\tcolor: #94a3b8;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 8px;\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: #e5e7ee;\r\n\t\t\tcolor: #4b5563;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tline-height: 1;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: #d1d5db;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.ourPlugSortLabel {\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: .8px;\r\n\t\tcolor: rgba($contentColor, .6);\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\r\n\t.ourPlugSort {\r\n\t\tdisplay: inline-flex;\r\n\t\tbackground: #f1f3f8;\r\n\t\tpadding: 4px;\r\n\t\tgap: 2px;\r\n\r\n\t\tbutton {\r\n\t\t\tpadding: 7px 14px;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: none;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: rgba($contentColor, .8);\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: background .15s, color .15s;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $titleColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.isActive {\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, .08);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// ── Count ──────────────────────────────────────────────────────────────────\r\n\t.ourPlugCount {\r\n\t\tfont-size: 13px;\r\n\t\tcolor: rgba($contentColor, .8);\r\n\t\tmargin: -8px 0 0;\r\n\r\n\t\tstrong {\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\t}\r\n\r\n\t// ── Grid ───────────────────────────────────────────────────────────────────\r\n\t.ourPlugGrid {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n\t\tgap: 18px;\r\n\t}\r\n\r\n\t// ── Empty state ────────────────────────────────────────────────────────────\r\n\t.ourPlugEmpty {\r\n\t\ttext-align: center;\r\n\t\tpadding: 60px 24px;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px dashed #d8dce5;\r\n\t\tcolor: rgba($contentColor, .7);\r\n\r\n\t\tsvg {\r\n\t\t\tcolor: #94a3b8;\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0 0 4px;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tmargin: 0;\r\n\t\t\topacity: .78;\r\n\t\t}\r\n\t}\r\n\r\n\t// ── Card ───────────────────────────────────────────────────────────────────\r\n\t.ourPlugCard {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground: $whiteColor;\r\n\t\tborder: 1px solid #eef0f5;\r\n\t\tpadding: 22px;\r\n\t\tposition: relative;\r\n\t\ttransition: transform .2s, box-shadow .2s, border-color .2s;\r\n\r\n\t\t&:hover {\r\n\t\t\ttransform: translateY(-3px);\r\n\t\t\tbox-shadow: 0 12px 28px rgba(15, 23, 42, .08);\r\n\t\t\tborder-color: rgba($primaryColor, .3);\r\n\t\t}\r\n\t}\r\n\r\n\t.ourPlugCardTop {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tmargin-bottom: 14px;\r\n\t\tmin-width: 0;\r\n\t}\r\n\r\n\t.ourPlugIcon {\r\n\t\twidth: 46px;\r\n\t\theight: 46px;\r\n\t\tflex-shrink: 0;\r\n\t\tobject-fit: contain;\r\n\t\tbackground: #f7f8fb;\r\n\t}\r\n\r\n\t.ourPlugCardId {\r\n\t\tflex: 1;\r\n\t\tmin-width: 0;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: $titleColor;\r\n\t\t\tmargin: 0 0 2px;\r\n\t\t\tline-height: 1.3;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\t}\r\n\r\n\t.ourPlugVer {\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: rgba($contentColor, .7);\r\n\t\tbackground: #f1f3f8;\r\n\t\tpadding: 2px 7px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t.ourPlugActive {\r\n\t\tposition: absolute;\r\n\t\ttop: 14px;\r\n\t\tright: 14px;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 4px;\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: #15803d;\r\n\t\tbackground: rgba(34, 197, 94, .12);\r\n\t\tpadding: 4px 8px;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: .6px;\r\n\t}\r\n\r\n\t.ourPlugDesc {\r\n\t\tfont-size: 13.5px;\r\n\t\tline-height: 1.55;\r\n\t\tcolor: rgba($contentColor, .85);\r\n\t\tmargin: 0 0 16px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 2;\r\n\t\tline-clamp: 2;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t}\r\n\r\n\t// ── Stats row ──────────────────────────────────────────────────────────────\r\n\t.ourPlugStats {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 12px;\r\n\t\tpadding: 10px 12px;\r\n\t\tbackground: #f7f8fb;\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 12.5px;\r\n\t\tcolor: rgba($contentColor, .8);\r\n\t}\r\n\r\n\t.ourPlugStat {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 6px;\r\n\t\tfont-weight: 600;\r\n\r\n\t\tstrong {\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $titleColor;\r\n\t\t}\r\n\t}\r\n\r\n\t.ourPlugStars {\r\n\t\tdisplay: inline-flex;\r\n\t\tgap: 1px;\r\n\t}\r\n\r\n\t// ── CTA button ─────────────────────────────────────────────────────────────\r\n\t.ourPlugCta {\r\n\t\tposition: relative;\r\n\t\tmargin-top: auto;\r\n\t\twidth: 100%;\r\n\t\tjustify-content: center;\r\n\t\tbackground: $primaryColor !important;\r\n\t\tcolor: #fff !important;\r\n\t\tfont-size: 13.5px !important;\r\n\t\tfont-weight: 600 !important;\r\n\t\tpadding: 10px 16px !important;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\toverflow: hidden;\r\n\t\ttransition: background .2s, color .2s, opacity .2s, box-shadow .2s;\r\n\r\n\t\t&::before {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t&:hover:not(:disabled) {\r\n\t\t\tbackground: darken($primaryColor, 8%) !important;\r\n\t\t\tcolor: #fff !important;\r\n\t\t\tbox-shadow: 0 4px 12px rgba($primaryColor, .25);\r\n\t\t}\r\n\r\n\t\t&:disabled {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: .85;\r\n\t\t}\r\n\r\n\t\t&.status-installed {\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tcolor: $primaryColor !important;\r\n\t\t\tborder: 1.5px solid rgba($primaryColor, .4) !important;\r\n\r\n\t\t\t&:hover:not(:disabled) {\r\n\t\t\t\tbackground: rgba($primaryColor, .08) !important;\r\n\t\t\t\tborder-color: $primaryColor !important;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.status-installing,\r\n\t\t&.status-activating {\r\n\t\t\tbackground: #f1f3f8 !important;\r\n\t\t\tcolor: rgba($contentColor, .8) !important;\r\n\t\t}\r\n\r\n\t\t&.status-success,\r\n\t\t&.status-activated {\r\n\t\t\tbackground: rgba(34, 197, 94, .14) !important;\r\n\t\t\tcolor: #15803d !important;\r\n\t\t}\r\n\r\n\t\t&.status-error {\r\n\t\t\tbackground: rgba(220, 38, 38, .12) !important;\r\n\t\t\tcolor: #b91c1c !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.ourPlugCtaSpinner {\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tborder: 2px solid rgba(15, 23, 42, .18);\r\n\t\tborder-top-color: rgba($contentColor, .8);\r\n\t\tborder-radius: 50% !important;\r\n\t\tanimation: ourPlugSpin .9s linear infinite;\r\n\t\tmargin-right: 8px;\r\n\t\tflex-shrink: 0;\r\n\t}\r\n}","@import '../__variables.scss';\r\n\r\n.bPlDashboardHeader {\r\n\twidth: 100%;\r\n\tmin-height: 75px;\r\n\tbackground-color: white;\r\n\tdisplay: flex;\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\trow-gap: 30px;\r\n\tpadding: 0 33px;\r\n\tmargin: 0 auto !important;\r\n\tcontainer-type: inline-size;\r\n\tposition: relative;\r\n\r\n\t.pluginInfo {\r\n\t\tmin-height: 70px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: start;\r\n\t\tposition: relative;\r\n\t\tpadding-right: 28px;\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 6px;\r\n\t\t\theight: 103%;\r\n\t\t\tbackground: #f6f8fa;\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\ttransform: rotate(15deg);\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\twidth: 42px;\r\n\t\t\theight: 42px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-family: \"Lato\", sans-serif;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 800;\r\n\t\t\tcolor: #231F20;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\r\n\t\t.pluginVersion {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: linear-gradient(to top right, #EC1C24 14%, #F16522 100%);\r\n\t\t\tpadding: 3px 6px;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlDashboardNav {\r\n\t\tmin-height: 65px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: stretch;\r\n\t\tfont-size: 16px;\r\n\t\tgap: 42px;\r\n\t\tpadding: 0 40px 0 70px;\r\n\t\tmargin-right: auto;\r\n\r\n\t\t.navLink {\r\n\t\t\theight: 100%;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\t\t\tborder: none;\r\n\t\t\toutline: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition: all 0.3s ease-in-out;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tborder-bottom: 2px solid var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.navButtons {\r\n\t\tmin-height: 60px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolumn-gap: 35px;\r\n\t\trow-gap: 15px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 0 25px 0 0;\r\n\r\n\t\t.linkButton {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding-left: 32px;\r\n\t\t\tborder-left: 1px solid #aeaeb2;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus,\r\n\t\t\t&:active {\r\n\t\t\t\toutline: 0;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\r\n\t\t\tpadding: 10px 20px;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&.upgrade {\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: none;\r\n\t\t\t\t\twidth: 12px;\r\n\t\t\t\t\theight: 14px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t\tmargin-right: 6px;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Hamburger — hidden at full width, shown via @container below\r\n\t.bplHamburger {\r\n\t\tdisplay: none;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: space-between;\r\n\t\talign-self: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 24px;\r\n\t\theight: 18px;\r\n\t\tpadding: 0;\r\n\t\tbackground: none;\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\t\tmargin-right: 15px;\r\n\r\n\t\tspan {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 2px;\r\n\t\t\tbackground: $titleColor;\r\n\t\t\tborder-radius: 1px;\r\n\t\t\ttransform-origin: center;\r\n\t\t\ttransition: transform 0.25s ease, opacity 0.25s ease;\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\tspan:nth-child(1) {\r\n\t\t\t\ttransform: translateY(8px) rotate(45deg);\r\n\t\t\t}\r\n\r\n\t\t\tspan:nth-child(2) {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransform: scaleX(0);\r\n\t\t\t}\r\n\r\n\t\t\tspan:nth-child(3) {\r\n\t\t\t\ttransform: translateY(-8px) rotate(-45deg);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// ─── Reduce padding & gaps below 1800px ───────────────────────────────────\r\n\t// @media used here because CSS cannot @container-query the container itself.\r\n\t@media screen and (max-width: 1800px) {\r\n\t\tpadding: 0 20px;\r\n\r\n\t\t.bPlDashboardNav {\r\n\t\t\tgap: 20px;\r\n\t\t\tpadding: 0 15px 0 20px;\r\n\t\t}\r\n\r\n\t\t.navButtons {\r\n\t\t\tcolumn-gap: 20px;\r\n\r\n\t\t\ta:first-child {\r\n\t\t\t\tpadding-left: 15px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// ─── Mobile nav: hamburger + dropdown below 1350px (checks header width) ──\r\n\t@container (max-width: 1350px) {\r\n\t\t.bplHamburger {\r\n\t\t\tdisplay: flex;\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\r\n\t\t.bPlDashboardNav {\r\n\t\t\tdisplay: none;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 0;\r\n\t\t\tpadding: 4px 24px 12px;\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmin-height: 0;\r\n\t\t\tbackground: white;\r\n\t\t\tborder-top: 1px solid rgba(0, 0, 0, .06);\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, .1);\r\n\t\t\tz-index: 999;\r\n\r\n\t\t\t&.open {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t}\r\n\r\n\t\t\t.navLink {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tpadding: 11px 0 11px 10px;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\tborder-bottom: 1px solid rgba(0, 0, 0, .06);\r\n\t\t\t\tborder-left: 3px solid transparent;\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tborder-bottom-color: rgba(0, 0, 0, .06);\r\n\t\t\t\t\tborder-left-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.navButtons {\r\n\t\t\tmin-height: 65px;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tcolumn-gap: 16px;\r\n\t\t\tflex-wrap: nowrap;\r\n\t\t}\r\n\r\n\t\t.pluginInfo {\r\n\t\t\tmin-height: 65px;\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}