@tailwind base;@tailwind components;@tailwind utilities;@layer base {@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.ttf') format('truetype');} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500.ttf') format('truetype');} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600.ttf') format('truetype');} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/pjs-500.ttf') format('truetype');} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/pjs-600.ttf') format('truetype');} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/pjs-700.ttf') format('truetype');} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/pjs-800.ttf') format('truetype');} body{font-family:'Inter', sans-serif;background-color:#F8FAFC;color:#0F172A;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}  ::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:99px;border:2px solid #F8FAFC;} ::-webkit-scrollbar-thumb:hover{background:#94A3B8;}} @layer components {.tailux-card{background-color:#ffffff;border:1px solid #E2E8F0;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.02), 0 1px 2px -1px rgb(0 0 0 / 0.02);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .tailux-card:hover{border-color:#CBD5E1;box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.04), 0 4px 6px -4px rgb(0 0 0 / 0.04);} @media (min-width:1024px) {} i[class^="fi-"], i[class*=" fi-"]{display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:normal !important;} .tonal-card{background-color:#F8FAFF;border:1px solid #E0E7FF;border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 12px -2px rgba(79, 70, 229, 0.04);} .tonal-card:hover{background-color:#EEF2FF;border-color:#C7D2FE;box-shadow:0 20px 40px -15px rgba(79, 70, 229, 0.12);} .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.875rem 1.75rem;border-radius:0.625rem;font-weight:800;font-size:0.875rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;border:1px solid transparent;text-align:center;line-height:1;} .btn:active{transform:scale(0.96);opacity:0.9;} .btn-secondary{background-color:white;border-color:#E2E8F0;color:#334155;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);} .btn-secondary:hover{background-color:#F8FAFC;border-color:#CBD5E1;color:#0F172A;} .btn-ghost{background-color:transparent;color:#64748B;} .btn-ghost:hover{background-color:#F1F5F9;color:#0F172A;} .btn-danger{background-color:#FEE2E2;color:#DC2626;border-color:#FECACA;} .btn-danger:hover{background-color:#FEF2F2;border-color:#FCA5A5;} @media (min-width:1024px) {} .badge{display:inline-flex;align-items:center;padding:0.25rem 0.625rem;border-radius:0.375rem;font-size:0.75rem;font-weight:600;line-height:1;} .badge i{transform:translateY(0) !important;} .badge-indigo{background-color:#EEF2FF;color:#4F46E5;border:1px solid #E0E7FF;} .badge-green{background-color:#F0FDF4;color:#16A34A;border:1px solid #DCFCE7;} .badge-amber{background-color:#FFFBEB;color:#B45309;border:1px solid #FEF3C7;} .badge-rose{background-color:#FFF1F2;color:#E11D48;border:1px solid #FFE4E6;} .badge-slate{background-color:#F8FAFC;color:#475569;border:1px solid #E2E8F0;} .glass-panel{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226, 232, 240, 0.6);} .sidebar-link{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:0.75rem;font-weight:500;font-size:0.875rem;color:#64748B;transition:all 0.2s;} .sidebar-link:hover{background-color:#F8FAFC;color:#0F172A;} .sidebar-link.active{background-color:#EEF2FF;color:#4F46E5;} .sidebar-link i{font-size:1.125rem;} .bloom-lang-switcher{position:relative;display:inline-block;width:100%;} .bloom-lang-trigger{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.75rem 1rem;border-radius:0.625rem;border:1px solid #E2E8F0;background-color:#FFFFFF;color:#0F172A;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-align:left;} .bloom-lang-trigger:hover{border-color:#6366F1;box-shadow:0 0 0 3px rgba(99, 102, 241, 0.08);background-color:#FAFBFF;} .bloom-lang-flag{font-size:1.125rem;line-height:1;flex-shrink:0;} .bloom-lang-name{flex:1;color:#334155;} .bloom-lang-chevron{color:#94A3B8;font-size:0.75rem;transition:transform 0.25s ease;flex-shrink:0;} .bloom-lang-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:0.75rem;box-shadow:0 20px 40px -10px rgba(15, 23, 42, 0.12), 0 4px 12px -4px rgba(15, 23, 42, 0.06);overflow:hidden;z-index:200;opacity:0;transform:translateY(-6px) scale(0.98);pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease;} .bloom-lang-dropdown--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;} .bloom-lang-dropdown-header{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem 0.5rem;font-size:0.65rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#94A3B8;border-bottom:1px solid #F1F5F9;} .bloom-lang-list{list-style:none;margin:0;padding:0.375rem;} .bloom-lang-option{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.875rem;border-radius:0.5rem;cursor:pointer;transition:background 0.15s ease;font-size:0.875rem;font-weight:500;color:#334155;} .bloom-lang-option:hover{background-color:#F8FAFC;color:#0F172A;} .bloom-lang-option--active{background-color:#EEF2FF;color:#4F46E5;font-weight:700;} .bloom-lang-option--active:hover{background-color:#E0E7FF;} .bloom-lang-option-flag{font-size:1.125rem;flex-shrink:0;} .bloom-lang-option-name{flex:1;} .bloom-lang-check{color:#4F46E5;font-size:0.75rem;flex-shrink:0;} #bloom-lang-trigger[aria-expanded="true"] .bloom-lang-chevron{transform:rotate(180deg);} .bloom-i18n-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(1rem);background:#0F172A;color:#F8FAFC;padding:0.75rem 1.5rem;border-radius:999px;font-size:0.875rem;font-weight:600;display:flex;align-items:center;gap:0.625rem;z-index:9999;opacity:0;box-shadow:0 8px 24px rgba(15, 23, 42, 0.25);transition:opacity 0.35s ease, transform 0.35s ease;pointer-events:none;white-space:nowrap;} .bloom-i18n-toast i{color:#34D399;} .bloom-i18n-toast--visible{opacity:1;transform:translateX(-50%) translateY(0);} .lang-region-card{background:linear-gradient(135deg, #F8FAFF 0%, #EEF2FF 100%);border:1px solid #E0E7FF;border-radius:1rem;overflow:visible;position:relative;box-shadow:0 4px 20px -8px rgba(79, 70, 229, 0.12);} .lang-region-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom, #818CF8, #6366F1);z-index:10;border-top-left-radius:1rem;border-bottom-left-radius:1rem;} .lang-region-card-header{background:rgba(255, 255, 255, 0.6);padding:1.5rem 1.75rem;border-bottom:1px solid #E0E7FF;display:flex;align-items:center;gap:1rem;position:relative;z-index:5;backdrop-filter:blur(8px);} .lang-region-card-body{padding:1.75rem;position:relative;z-index:5;} .skeleton-sidebar{width:280px;height:100vh;border-right:1px solid #E2E8F0;padding:2.5rem 1.75rem;display:flex;flex-direction:column;gap:2.5rem;background:white;flex-shrink:0;} .skeleton-sidebar-logo{height:2rem;width:70%;border-radius:0.5rem;} .skeleton-sidebar-links{display:flex;flex-direction:column;gap:1rem;} .skeleton-nav-item{height:3.25rem;border-radius:0.75rem;width:100%;} .skeleton-main{flex:1;padding:3rem 4rem;display:flex;flex-direction:column;gap:3rem;overflow:hidden;} .skeleton-header{display:flex;flex-direction:column;gap:1rem;} .skeleton-title{height:2.75rem;width:300px;border-radius:0.625rem;} .skeleton-subtitle{height:1rem;width:500px;max-width:80%;border-radius:0.5rem;} .skeleton-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;} .skeleton-stat-card{height:7rem;border-radius:1rem;} .skeleton-body-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;flex:1;} .skeleton-large-card{height:100%;border-radius:1rem;} @media (max-width:768px){.skeleton-sidebar{display:none;}.skeleton-main{padding:1.5rem;}.skeleton-stats-grid{grid-template-columns:repeat(2, 1fr);}.skeleton-body-grid{grid-template-columns:1fr;}}} @layer utilities {.skeleton-shimmer{background:linear-gradient(90deg, #f1f5f9 25%, #f8fafc 50%, #f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer-anim 1.5s infinite linear;} @keyframes skeleton-shimmer-anim{from{background-position:200% 0;}to{background-position:-200% 0;}} .bloom-skeleton{position:fixed;inset:0;background:#F8FAFC;z-index:9999;display:none;flex-direction:row;} [data-i18n-loading] .bloom-skeleton{display:flex !important;} [data-i18n-loading]>*:not(.bloom-skeleton):not(script):not(style):not(link){display:none !important;} .fade-truncate{white-space:nowrap;overflow:hidden;text-overflow:clip;-webkit-mask-image:linear-gradient(to left, transparent 0%, black 1.5rem);mask-image:linear-gradient(to left, transparent 0%, black 1.5rem);}} @media screen and (max-width:1023px) {input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="date"], select, textarea {font-size:16px !important;}}