@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{--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{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}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}::-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%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}