@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-4xl: 2.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 4px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, .2);--shadow-glow-emerald: 0 0 20px rgba(16, 185, 129, .15);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .15);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 40;--z-modal: 50;--z-tooltip: 60;--z-toast: 70;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--bg-gradient: radial-gradient(circle at 0% 0%, #27272a 0%, #09090b 40%, #000000 100%);--text-main: #e4e4e7;--glass-bg: rgba(24, 24, 27, .4);--glass-border: rgba(255, 255, 255, .08);--glass-card-bg: rgba(9, 9, 11, .6);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(0, 0, 0, .4)}body.theme-obsidian{--bg-gradient: radial-gradient(circle at 0% 0%, #27272a 0%, #09090b 40%, #000000 100%);--text-main: #e4e4e7;--glass-bg: rgba(24, 24, 27, .4);--glass-border: rgba(255, 255, 255, .08);--glass-card-bg: rgba(9, 9, 11, .6);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(0, 0, 0, .4)}body.theme-cloud{--bg-gradient: radial-gradient(circle at 0% 0%, #f4f4f5 0%, #e4e4e7 60%, #d4d4d8 100%);--text-main: #18181b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-card-bg: rgba(255, 255, 255, .9);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);--input-bg: rgba(255, 255, 255, .8)}body.theme-navy{--bg-gradient: radial-gradient(circle at 0% 0%, #1e293b 0%, #0f172a 40%, #020617 100%);--text-main: #f1f5f9;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(148, 163, 184, .1);--glass-card-bg: rgba(15, 23, 42, .7);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(15, 23, 42, .5)}body.theme-emerald{--bg-gradient: radial-gradient(circle at 0% 0%, #064e3b 0%, #022c22 40%, #052e16 100%);--text-main: #ecfdf5;--glass-bg: rgba(6, 78, 59, .5);--glass-border: rgba(52, 211, 153, .1);--glass-card-bg: rgba(6, 78, 59, .6);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(6, 78, 59, .4)}body.theme-amethyst{--bg-gradient: radial-gradient(circle at 0% 0%, #4c1d95 0%, #2e1065 40%, #0f0729 100%);--text-main: #f5f3ff;--glass-bg: rgba(46, 16, 101, .5);--glass-border: rgba(167, 139, 250, .1);--glass-card-bg: rgba(46, 16, 101, .6);--glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(46, 16, 101, .4)}body.theme-sky{--bg-gradient: radial-gradient(circle at 0% 0%, #f0f9ff 0%, #e0f2fe 60%, #bae6fd 100%);--text-main: #0c4a6e;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(14, 165, 233, .1);--glass-card-bg: rgba(255, 255, 255, .9);--glass-card-shadow: 0 8px 32px 0 rgba(14, 165, 233, .1);--input-bg: rgba(255, 255, 255, .8)}body.theme-mint{--bg-gradient: radial-gradient(circle at 0% 0%, #f0fdf4 0%, #dcfce7 60%, #bbf7d0 100%);--text-main: #064e3b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(34, 197, 94, .1);--glass-card-bg: rgba(255, 255, 255, .9);--glass-card-shadow: 0 8px 32px 0 rgba(34, 197, 94, .1);--input-bg: rgba(255, 255, 255, .8)}body{background:var(--bg-gradient);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;transition:background .5s var(--ease-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:background .3s var(--ease-smooth),border-color .3s var(--ease-smooth)}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-card-shadow);transition:background .3s var(--ease-smooth),border-color .3s var(--ease-smooth),box-shadow .4s var(--ease-smooth)}.glass-hover{transition:all .4s var(--ease-spring)}.glass-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}body:not(.theme-cloud):not(.theme-sky):not(.theme-mint) .glass-hover:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 16px 48px -10px #000000b3}body.theme-cloud .glass-hover:hover,body.theme-sky .glass-hover:hover,body.theme-mint .glass-hover:hover{background:#fffffff2;border-color:#0000001f}.glass-input{background:var(--input-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);font-family:var(--font-body);transition:all .25s var(--ease-smooth)}.glass-input:focus{background:#7d7d7d1a;outline:none;border-color:#a1a1aa}body:not(.theme-cloud):not(.theme-sky):not(.theme-mint) .glass-input:focus{border-color:#e4e4e7;background:#0009}body.theme-cloud .glass-input:focus,body.theme-sky .glass-input:focus,body.theme-mint .glass-input:focus{border-color:#52525b;background:#ffffffe6}.no-backdrop-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#80808073}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .45s var(--ease-out-expo) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s var(--ease-smooth) forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up{animation:slide-up .5s var(--ease-out-expo) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .3s var(--ease-spring) forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;transition:opacity .2s ease}input[type=date]:not(.dark *)::-webkit-calendar-picker-indicator:hover{opacity:.8}body:not(.theme-cloud):not(.theme-sky):not(.theme-mint) input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6)}body:not(.theme-cloud):not(.theme-sky):not(.theme-mint) input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) opacity(.9)}
