@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Poppins:wght@300;600&display=swap";body.theme-teal{--text-on-primary: #FFFFFF;--blob-strong: rgba(16, 169, 142, .8);--blob-medium: rgba(16, 169, 142, .5);--blob-light: rgba(16, 169, 142, .2);--primary-teal: #10A98E;--primary-teal-light: #13B296;--primary-teal-lighter: #1AC6AE;--primary-teal-dark: #0D9488;--secondary-blue: #34437a;--secondary-blue-dark: #2f2854;--secondary-blue-light: #6f79a2;--secondary-blue-lighter: #677193;--accent-orange: #F7931E;--accent-orange-dark: #f58f2c;--accent-orange-light: #ef7f1a;--accent-red: #D92246;--gradient-primary: linear-gradient(to right, #11AB8D, #13B296, #1AC6AE);--gradient-teal: linear-gradient(135deg, #10A98E, #1AC6AE);--gradient-background: linear-gradient(to right, #E8F7F4, #F2F8EE, #FEFBF0, #F3F8ED, #E9F7F3);--gradient-background-vertical: linear-gradient(180deg, #E8F7F4 0%, #F2F8EE 100%);--gradient-card: linear-gradient(to bottom, #F0F8F7, #10A98E36);--user-info-card-gradient: linear-gradient(to bottom, #EBFFFC, #FFFFFF);--header-gradient: linear-gradient(to right, #FFF7F7, #FFE7E7, #FFDBDB, #FFE7E7, #FFF7F7);--text-primary: #34437a;--text-secondary: #6f79a2;--text-light: #677193;--text-dark: #2f2854;--bg-light: #f5f7fb;--bg-card: #FFFFFF;--bg-teal-light: #F0F8F7;--bg-teal-lighter: #F6FFFC;--bg-teal-subtle: #EAF6F4;--bg-blue-light: #eef2ff;--bg-blue-lighter: #dbe3ff;--border-teal: #DFF0ED;--border-teal-alpha: rgba(16, 169, 142, .3);--border-blue: #2f2854;--border-light: #ccd1e2;--border-card: #347A6D;--shadow-teal: rgba(16, 169, 142, .15);--shadow-teal-strong: rgba(16, 169, 142, .08);--shadow-teal-light: rgba(16, 169, 142, .1);--shadow-teal-lighter: rgba(16, 169, 142, .07);--shadow-teal-subtle: rgba(16, 169, 142, .05);--shadow-blue: rgba(52, 67, 122, .08);--shadow-dark: 0 5px 10px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(16, 169, 142, .25);--error-text: #B00020;--error-bg: #FFEBEE;--error-border: #FCA5A5;--success: #28a745;--success-light: #d4edda;--error: #b00020;--error-light: #ffebee;--warning: #f58634;--see-all-bg: var(--bg-teal-light);--see-all-border: var(--border-teal-alpha);--see-all-hover-bg: var(--bg-teal-subtle);--zone-text-color: var(--text-primary);--zone-card-gradient: var(--gradient-card);--zone-arrow-color: var(--accent-red);--text-org-accent: #10A98E;--section-line-color: var(--primary-teal)}body.theme-sunrise{font-family:Lora,serif;--text-on-primary: #FFFFFF;--blob-strong: rgba(210, 140, 14, .8);--blob-medium: rgba(210, 140, 14, .5);--blob-light: rgba(210, 140, 14, .2);--primary-teal: #D28C0E;--primary-teal-light: #E8B339;--primary-teal-lighter: #F7D38B;--primary-teal-dark: #9B6104;--secondary-blue: #87521A;--secondary-blue-dark: #6B3F10;--secondary-blue-light: #C07A2C;--secondary-blue-lighter: #E8B05F;--accent-orange: #F5A524;--accent-orange-dark: #D28C0E;--accent-orange-light: #FFD58A;--accent-red: #D92246;--gradient-primary: linear-gradient(to right, #F0A93C, #F7C96C, #FCE5AD);--gradient-teal: linear-gradient(135deg, #E79D2A, #F9C46A);--gradient-background: linear-gradient(to right, #F6DEBB, #FFF2DA, #FFFBEF, #FFF2DA, #F6DEBB);--gradient-background-vertical: linear-gradient(180deg, #FDE7C4 0%, #FFFFFF 100%);--gradient-card: linear-gradient(to bottom, #FFFFFF, #FBF2E3);--user-info-card-gradient: linear-gradient(to bottom, #FFF2DA, #FFFFFF);--header-gradient: linear-gradient(180deg, #FFF6E6 0%, #FFFFFF 100%);--text-primary: #000000;--text-secondary: #000000;--text-light: #000000;--text-dark: #000000;--bg-light: #FFF8EE;--bg-card: #FFFFFF;--bg-teal-light: #FBF2E3;--bg-teal-lighter: #FFF9F0;--bg-teal-subtle: #FFF4E5;--bg-blue-light: #FFF2DA;--bg-blue-lighter: #FDE4BD;--border-teal: #FCF4E6;--border-teal-alpha: rgba(210, 140, 14, .3);--border-blue: #C0841A;--border-light: #F3DEC1;--border-card: #D28C0E;--shadow-teal: rgba(210, 140, 14, .18);--shadow-teal-strong: rgba(210, 140, 14, .1);--shadow-teal-light: rgba(210, 140, 14, .12);--shadow-teal-lighter: rgba(210, 140, 14, .08);--shadow-teal-subtle: rgba(210, 140, 14, .06);--shadow-blue: rgba(74, 46, 11, .12);--shadow-dark: 0 5px 10px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(210, 140, 14, .25);--error-text: #B00020;--error-bg: #FFE5E7;--error-border: #FCA5A5;--success: #2E7D32;--success-light: #E3F4E2;--error: #B00020;--error-light: #FFE5E7;--warning: #F58634;--see-all-bg: #FCF4E6;--see-all-border: #D28C0E;--see-all-hover-bg: #FFF7EE;--zone-text-color: #000000;--zone-card-gradient: linear-gradient(to bottom, #F6E9C5, #E6C687, #D19B3A);--zone-arrow-color: #D28C0E;--text-org-accent: #D28C0E;--section-line-color: #D28C0E}body.theme-skillmuni{--text-on-primary: #FFFFFF;--blob-strong: rgba(52, 67, 122, .8);--blob-medium: rgba(52, 67, 122, .5);--blob-light: rgba(52, 67, 122, .2);--primary-teal: #34437a;--primary-teal-light: #4a5a9a;--primary-teal-lighter: #6f79a2;--primary-teal-dark: #2a3666;--secondary-blue: #34437a;--secondary-blue-dark: #2f2854;--secondary-blue-light: #6f79a2;--secondary-blue-lighter: #677193;--accent-orange: #F7931E;--accent-orange-dark: #e67c00;--accent-orange-light: #ffd097;--accent-red: #D92246;--gradient-primary: linear-gradient(to right, #e67c00, #F7931E, #ffa940);--gradient-teal: linear-gradient(135deg, #34437a, #6f79a2);--gradient-background: linear-gradient(to right, #f7f9ff, #e7ecff, #c9d4ff);--gradient-background-vertical: linear-gradient(180deg, #f7f9ff 0%, #e7ecff 100%);--gradient-card: linear-gradient(to bottom, #ffffff, #f0f3ff);--user-info-card-gradient: linear-gradient(to bottom, #f0f3ff, #FFFFFF);--header-gradient: linear-gradient(to right, #f7f9ff, #e7ecff, #c9d4ff);--text-primary: #34437a;--text-secondary: #6f79a2;--text-light: #677193;--text-dark: #2f2854;--bg-light: #f5f7fb;--bg-card: #FFFFFF;--bg-teal-light: #f0f3ff;--bg-teal-lighter: #f7f9ff;--bg-teal-subtle: #e7ecff;--bg-blue-light: #eef2ff;--bg-blue-lighter: #dbe3ff;--border-teal: #c9d4ff;--border-teal-alpha: rgba(52, 67, 122, .3);--border-blue: #34437a;--border-light: #ccd1e2;--border-card: #34437a;--shadow-teal: rgba(52, 67, 122, .15);--shadow-teal-strong: rgba(52, 67, 122, .08);--shadow-teal-light: rgba(52, 67, 122, .1);--shadow-teal-lighter: rgba(52, 67, 122, .07);--shadow-teal-subtle: rgba(52, 67, 122, .05);--shadow-blue: rgba(52, 67, 122, .08);--shadow-dark: 0 5px 10px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(52, 67, 122, .25);--error-text: #B00020;--error-bg: #FFEBEE;--error-border: #FCA5A5;--success: #28a745;--success-light: #d4edda;--error: #b00020;--error-light: #ffebee;--warning: #f58634;--see-all-bg: #fff0de;--see-all-border: #F7931E;--see-all-hover-bg: #ffe7c8;--zone-text-color: #34437a;--zone-card-gradient: linear-gradient(to bottom, #ffd097, #ffd097);--zone-arrow-color: #F7931E;--text-org-accent: #677193;--section-line-color: #F7931E}body.theme-wrsa{color-scheme:dark;--text-on-primary: #FFFFFF;--blob-strong: rgba(255, 0, 166, .78);--blob-medium: rgba(0, 190, 255, .48);--blob-light: rgba(255, 214, 0, .18);--primary-teal: #FF00A8;--primary-teal-light: #FF36BC;--primary-teal-lighter: #FF75D1;--primary-teal-dark: #D9008F;--secondary-blue: #00BDF2;--secondary-blue-dark: #007FB8;--secondary-blue-light: #58D9FF;--secondary-blue-lighter: #A7EDFF;--accent-orange: #FFD500;--accent-orange-dark: #E7B900;--accent-orange-light: #FFF07A;--accent-red: #FF00A8;--gradient-primary: linear-gradient(90deg, #FF00A8 0%, #B629FF 48%, #00BDF2 100%);--gradient-teal: linear-gradient(135deg, #FF00A8 0%, #6E35FF 52%, #00BDF2 100%);--gradient-background: radial-gradient(circle at 86% 4%, rgba(0, 189, 242, .1), transparent 26%), radial-gradient(circle at 8% 15%, rgba(255, 0, 168, .09), transparent 24%), #000000;--gradient-background-vertical: linear-gradient(180deg, #050505 0%, #000000 100%);--gradient-card: linear-gradient(180deg, #121212 0%, #020202 25%, #000000 100%);--user-info-card-gradient: linear-gradient(180deg, #151515 0%, #000000 100%);--header-gradient: linear-gradient(180deg, #050505 0%, #000000 100%);--text-primary: #FFFFFF;--text-secondary: #B8B5BD;--text-light: #D7D4DC;--text-dark: #FFFFFF;--bg-light: #000000;--bg-card: #050505;--bg-teal-light: #10000B;--bg-teal-lighter: #000000;--bg-teal-subtle: #180011;--bg-blue-light: #00131A;--bg-blue-lighter: #002432;--border-teal: rgba(255, 0, 168, .76);--border-teal-alpha: rgba(255, 0, 168, .46);--border-blue: #00BDF2;--border-light: rgba(255, 255, 255, .42);--border-card: #FF00A8;--shadow-teal: rgba(255, 0, 168, .3);--shadow-teal-strong: rgba(255, 0, 168, .48);--shadow-teal-light: rgba(255, 0, 168, .22);--shadow-teal-lighter: rgba(255, 0, 168, .15);--shadow-teal-subtle: rgba(255, 0, 168, .1);--shadow-blue: rgba(0, 189, 242, .28);--shadow-dark: 0 10px 26px rgba(0, 0, 0, .72);--shadow-hover: 0 0 22px rgba(255, 0, 168, .38), 0 0 14px rgba(0, 189, 242, .24);--shadow-glow: 0 0 18px rgba(255, 0, 168, .44), 0 0 28px rgba(0, 189, 242, .2);--error-text: #FF9ACF;--error-bg: rgba(255, 0, 82, .16);--error-border: #FF4B91;--success: #36E2A4;--success-light: rgba(54, 226, 164, .14);--error: #FF4B91;--error-light: rgba(255, 75, 145, .14);--warning: #FFD500;--see-all-bg: #080808;--see-all-border: #FF00A8;--see-all-hover-bg: #220017;--zone-text-color: #FFFFFF;--zone-card-gradient: linear-gradient(180deg, rgba(255, 0, 168, .13), #030303 42%, #000000 100%);--zone-arrow-color: #FF00A8;--text-org-accent: #FFFFFF;--section-line-color: #FF00A8}body.theme-wrsa ::selection{color:#000;background:#FFD500}body.theme-wrsa input,body.theme-wrsa select,body.theme-wrsa textarea{color:#fff;background-color:#050505}body.theme-wrsa input::placeholder,body.theme-wrsa textarea::placeholder{color:#8f8b94}body.theme-wrsa input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1)}body.theme-wrsa::-webkit-scrollbar-track,body.theme-wrsa *::-webkit-scrollbar-track{background:#050505}body.theme-wrsa::-webkit-scrollbar-thumb,body.theme-wrsa *::-webkit-scrollbar-thumb{background:linear-gradient(#FF00A8,#00BDF2)}body.theme-ccio{--text-on-primary: #FFFFFF;--blob-strong: rgba(135, 105, 217, .8);--blob-medium: rgba(135, 105, 217, .5);--blob-light: rgba(135, 105, 217, .2);--primary-teal: #8769D9;--primary-teal-light: #9b7dff;--primary-teal-lighter: #c5b6ff;--primary-teal-dark: #5c3ee6;--secondary-blue: #f6f2ff;--secondary-blue-dark: #ffffff;--secondary-blue-light: #bdaeff;--secondary-blue-lighter: #d9d2ff;--accent-orange: #8f6bff;--accent-orange-dark: #6b4dff;--accent-orange-light: #d9ceff;--accent-red: #a78bfa;--ccio-page-background: linear-gradient(rgba(5, 3, 24, .22), rgba(5, 3, 24, .66)), url(ccio-main-background.a9376664d0e951ca.png) center top / cover fixed no-repeat, #050318;--gradient-primary: linear-gradient(90deg, #4778FA, #904DFC);--gradient-teal: linear-gradient(135deg, #5f73ff, #9a4dff);--gradient-background: radial-gradient(circle at 78% 10%, rgba(129, 77, 255, .38), transparent 30%), linear-gradient(180deg, #050318 0%, #090028 100%);--gradient-background-vertical: linear-gradient(180deg, #050318 0%, #090028 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(96, 67, 255, .14));--user-info-card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(96, 67, 255, .14));--header-gradient: rgba(4, 3, 28, .9);--text-primary: #ffffff;--text-secondary: #f0ebff;--text-light: #c7bcff;--text-dark: #ffffff;--bg-light: #050318;--bg-card: rgba(4, 3, 24, .76);--bg-teal-light: rgba(135, 105, 217, .12);--bg-teal-lighter: #050318;--bg-teal-subtle: rgba(135, 105, 217, .18);--bg-blue-light: rgba(255, 255, 255, .1);--bg-blue-lighter: rgba(255, 255, 255, .16);--border-teal: rgba(167, 139, 250, .42);--border-teal-alpha: rgba(167, 139, 250, .34);--border-blue: rgba(255, 255, 255, .45);--border-light: rgba(255, 255, 255, .2);--border-card: rgba(167, 139, 250, .54);--shadow-teal: rgba(109, 78, 255, .32);--shadow-teal-strong: rgba(109, 78, 255, .45);--shadow-teal-light: rgba(109, 78, 255, .24);--shadow-teal-lighter: rgba(109, 78, 255, .16);--shadow-teal-subtle: rgba(109, 78, 255, .1);--shadow-blue: rgba(135, 105, 217, .22);--shadow-dark: 0 12px 28px rgba(0, 0, 0, .35);--shadow-hover: 0 18px 36px rgba(92, 62, 230, .34);--shadow-glow: 0 0 28px rgba(143, 92, 255, .45);--error-text: #ffd4e0;--error-bg: rgba(217, 34, 70, .22);--error-border: rgba(255, 159, 186, .55);--success: #7df2c7;--success-light: rgba(125, 242, 199, .16);--error: #ff8bab;--error-light: rgba(255, 139, 171, .14);--warning: #c4a7ff;--see-all-bg: rgba(255, 255, 255, .14);--see-all-border: rgba(255, 255, 255, .38);--see-all-hover-bg: rgba(143, 92, 255, .26);--zone-text-color: #ffffff;--zone-card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(128, 76, 255, .18));--zone-arrow-color: #a78bfa;--text-org-accent: #8b6cff;--section-line-color: #8f5cff}body.theme-ccio .header{background:rgba(5,3,24,.3)!important;box-shadow:0 2px 4px #00000038,0 8px 24px #6d4eff33;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body.theme-ccio .header h1{background:var(--gradient-primary)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}body.theme-ccio .header h2{color:#fff!important;-webkit-text-fill-color:#ffffff!important}body.theme-wrsa .header{color:#fff;background:#000000!important;border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 5px 18px #ff00a81f}body.theme-wrsa .header h1,body.theme-wrsa .header h2{color:#fff!important}body{background:var(--gradient-background);color:var(--text-primary);transition:background .3s ease,color .3s ease}body *{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}body{font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.route-transition{display:block;width:100%}body.theme-ccio input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);opacity:.85;cursor:pointer}body.theme-ccio input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}