:root{--bg-color: #000000;--bg-primary: #1f2937;--bg-secondary: #374151;--bg-tertiary: #4b5563;--bg-hover: #4b5563;--bg-selected: #3b82f6;--bg-card: #1f1f1f;--bg-modal: #2d2d2d;--bg-input: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-disabled: #6b7280;--header-bg-color: #000000;--header-border-color: #353636;--header-height: 51px;--header-title-font-size: 1.4rem;--header-bg-dark: #242424;--page-bg-color: #0a0a0a;--primary-color: #3b82f6;--secondary-color: #8b5cf6;--color-white: #ffffff;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-900: #7f1d1d;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-fuchsia-400: #e879f9;--color-fuchsia-500: #d946ef;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--genre-red-400: #f87171;--genre-orange-400: #fb923c;--genre-amber-400: #fbbf24;--genre-yellow-400: #facc15;--genre-lime-400: #a3e635;--genre-green-400: #4ade80;--genre-emerald-400: #34d399;--genre-teal-400: #2dd4bf;--genre-cyan-400: #22d3ee;--genre-sky-400: #38bdf8;--genre-blue-400: #60a5fa;--genre-indigo-400: #818cf8;--genre-violet-400: #a78bfa;--genre-purple-400: #c084fc;--genre-fuchsia-400: #e879f9;--genre-pink-400: #f472b6;--genre-rose-400: #fb7185;--border-primary: #555555;--border-secondary: #4b5563;--border-light: #374151;--calendar-vertical-border: #3d3d3d;--calendar-week-border: #303030;--calendar-weekday-border: #4b5563;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-all: all .2s ease;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--z-base: 1;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-modal: 1000;--z-modal-base: 1000;--z-modal-upload: 1100;--z-crop-modal: 1200;--z-modal-high: 2000;--z-modal-ultra: 3000;--z-modal-super: 4000;--z-header: 999;--z-dropdown: 200;--z-tooltip: 300}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.space-x-1>*+*{margin-left:var(--spacing-1)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-2{top:var(--spacing-2)}.right-2{right:var(--spacing-2)}.top-4{top:var(--spacing-4)}.right-4{right:var(--spacing-4)}.z-0{z-index:0}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overflow-visible{overflow:visible}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-fit{width:fit-content}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-6{width:var(--spacing-6)}.w-8{width:var(--spacing-8)}.w-10{width:var(--spacing-10)}.w-12{width:var(--spacing-12)}.w-16{width:var(--spacing-16)}.w-20{width:var(--spacing-20)}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:fit-content}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-8{height:var(--spacing-8)}.h-10{height:var(--spacing-10)}.h-12{height:var(--spacing-12)}.h-16{height:var(--spacing-16)}.h-20{height:var(--spacing-20)}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.max-h-screen{max-height:100vh}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pt-0{padding-top:0}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pl-2{padding-left:var(--spacing-2)}.pr-2{padding-right:var(--spacing-2)}.m-0{margin:0}.m-auto{margin:auto}.m-2{margin:var(--spacing-2)}.m-4{margin:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-auto{margin-right:auto}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:var(--text-primary)}.text-gray-300{color:var(--text-secondary)}.text-gray-400{color:var(--text-tertiary)}.text-gray-500,.text-gray-600{color:var(--text-muted)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.underline{text-decoration:underline}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-rose-500{background-color:var(--color-rose-500)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-transparent{border-color:transparent}.border-white{border-color:#fff}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-blue-500{border-color:var(--color-blue-500)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-default)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-move{cursor:move}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.transition{transition-property:all;transition-timing-function:ease;transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:ease;transition-duration:.2s}.transition-all{transition-property:all;transition-timing-function:ease;transition-duration:.2s}.transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:.2s}.transition-opacity{transition-property:opacity;transition-timing-function:ease;transition-duration:.2s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out}.ease-in-out{transition-timing-function:ease-in-out}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-white:hover{color:var(--text-primary)}.hover\:text-blue-400:hover{color:var(--color-blue-400)}.hover\:opacity-80:hover{opacity:.8}.hover\:scale-105:hover{transform:scale(1.05)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--color-blue-500)}.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px var(--color-blue-500)}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}.bg-242424{background-color:#242424}.bg-1f1f1f{background-color:#1f1f1f}.text-10px{font-size:10px}.text-13px{font-size:13px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-500-30:hover{background-color:#22c55e4d}.hover\:text-white:hover{color:#fff}.bg-green-500-20{background-color:#22c55e33}.border-green-500{border-color:#22c55e}.text-green-300{color:#86efac}.bg-dark-base{background-color:#1f1f1f}.border-dark-line{border-color:#22262a}.text-xxs{font-size:.625rem;line-height:.75rem}.text-xxxs{font-size:.5625rem;line-height:.75rem}.cal-text-xxs{font-size:.625rem}.cal-text-xxxs{font-size:.5625rem}html,body{background-color:#000;max-width:650px!important;margin:0 auto!important;overflow-x:hidden!important;width:100%!important;touch-action:pan-y;overscroll-behavior-y:contain;overscroll-behavior:none}#root{max-width:650px!important;margin:0 auto!important;width:100%!important;overflow:hidden;height:100%}body,html{background-color:var(--bg-color)}.global-header{display:flex;width:100%;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:19;flex-direction:column;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards;opacity:0}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.no-select img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.calendar-day-cell{min-height:30px;padding:1px 2px;border-right:1px solid #15151575;border-bottom:1px solid #15151575}@media (min-width: 650px){.calendar-day-cell{min-height:30px;padding:1px;border-right:1px solid #15151575;border-bottom:1px solid #15151575}}.calendar-day-header{border-right:1px solid #15151575;border-bottom:1px solid #15151575;background-color:#252525}.calendar-grid-container{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.react-datepicker__day:active,.react-datepicker__day:focus{background-color:#2563eb!important;color:#fff!important;outline:none}.react-datepicker__day--keyboard-selected:active{background-color:#2563eb!important}.react-datepicker__day{-webkit-tap-highlight-color:transparent;transition:background-color .05s ease,color .05s ease;border:none!important;border-radius:0!important;margin-left:0!important;margin-right:0!important}.react-datepicker__day--selected{background-color:#4169aa!important;color:#fff!important;font-weight:600!important;border-radius:0!important}.react-datepicker__day--in-range{background-color:#6b8bc3!important;color:#fff!important;border-radius:0!important;margin:2px 0!important}.react-datepicker__day--range-start{background-color:#4169aa!important;color:#fff!important;font-weight:600!important;border-radius:8px 0 0 8px!important;margin:2px 0!important}.react-datepicker__day--range-end{background-color:#4169aa!important;color:#fff!important;font-weight:600!important;border-radius:0 8px 8px 0!important;margin:2px 0!important}.react-datepicker__day:hover{background-color:#60a5fa!important;color:#fff!important;font-weight:600!important;border-radius:0!important}.react-datepicker{font-size:.85rem!important;border:none!important}.react-datepicker__month-container{width:280px!important}.react-datepicker__day-name,.react-datepicker__day{flex:1!important;line-height:2.2rem!important;margin:.15rem 0!important;padding:0!important}.react-datepicker__week{display:flex!important;gap:0!important;margin-bottom:0!important}.react-datepicker__current-month{font-size:.9rem!important;padding:.5rem!important}.react-datepicker__header{padding-top:0!important;padding-bottom:.25rem!important;border:none!important}.react-datepicker__month-container+.react-datepicker__month-container{margin-left:.5rem!important}.react-datepicker__day-names{text-align:center;white-space:nowrap;background-color:#2d2d2d!important;margin-top:0!important;margin-bottom:0!important;padding:0 .5rem!important}.global-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.global-loading-spinner{font-size:3rem;color:var(--color-blue-500);animation:spin 1s linear infinite;margin-bottom:1rem}.global-loading-text{color:#fff;font-size:1.125rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shell-back-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shell-back-btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.shell-back-btn i{font-size:1rem}.shell-container{min-height:100vh}.shell-bottom-nav{position:fixed;bottom:0;left:0;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);right:0;background-color:#00000026;z-index:var(--z-20);max-width:650px;margin:0 auto}.shell-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.375rem .75rem;min-height:32px}.shell-top-bar-content{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.shell-text-hint{text-align:center;font-size:.875rem;color:var(--color-gray-400)}.shell-text-label{color:var(--color-gray-400);font-weight:500;font-size:12px;line-height:1.2}.shell-text-9px{font-size:9px}.shell-btn-register{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid var(--color-blue-500);transition:all .2s ease;background-color:var(--color-blue-600);color:#fff;margin-left:auto}.shell-btn-register:hover{background-color:var(--color-blue-700)}.shell-btn-admin{color:var(--color-red-400);transition:color .2s ease;font-size:12px;line-height:1.2;margin-left:auto}.shell-btn-admin:hover{color:#fca5a5}.shell-btn-register-topbar{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border-radius:5rem;border:0;transition:all .2s ease;background-color:#3b82f6;color:#fff;height:24px}.shell-btn-register-topbar:hover{color:var(--text-primary)}.shell-admin-btn-topbar{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;background-color:#ffffff0d;color:#fbbf24;height:24px}.shell-admin-btn-topbar:hover{background-color:#ffffff1a;border-color:#ffffff4d}.shell-admin-btn-topbar i{font-size:.9rem}.shell-nav-bar{display:flex;align-items:center;justify-content:space-around;padding:.5rem;border-top:1px solid var(--shell-border-dark)}.shell-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:.5rem;transition:color .2s ease;flex:1;position:relative}.shell-nav-btn-active-scale{transition:all .2s ease}.shell-nav-btn-active-scale:active{transform:scale(.95)}.shell-nav-btn-blue{color:var(--color-blue-500)}.shell-nav-btn-green{color:var(--color-green-500)}.shell-nav-btn-yellow{color:#eab308}.shell-nav-btn-purple{color:var(--color-purple-500)}.shell-nav-btn-inactive{color:var(--text-secondary)}.shell-nav-btn-inactive:hover{color:var(--text-primary)}.shell-nav-icon{font-size:1.25rem;margin-bottom:.125rem}.shell-nav-label{font-size:.75rem}.shell-nav-badge{position:absolute;top:0;right:.25rem;font-size:9px;color:#fb923c;font-weight:600}.shell-admin-panel{border-top:1px solid var(--shell-border-dark);background-color:var(--shell-gray-800);padding:.75rem;max-height:200px;overflow-y:auto}.shell-admin-panel-title{font-size:.75rem;color:var(--color-gray-400);font-weight:700;margin-bottom:.5rem}.shell-admin-panel-btn{width:100%;text-align:left;color:#fff;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;border:0;background:#000;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease;margin-bottom:.5rem}.shell-admin-panel-btn:hover{background-color:var(--shell-gray-700)}.shell-icon-sm{font-size:1.1rem}.shell-mr-0-5{margin-right:.125rem}.shell-gap-2{gap:.5rem}.shell-flex-center{display:flex;align-items:center}.shell-header.global-header-fixed{position:fixed;top:0;padding:0 12px!important;left:0;right:0;height:60px;background-color:#000;z-index:49;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.shell-header.global-header-fixed-bottom{position:relative;top:0;padding:0 12px!important;left:0;right:0;height:60px;background-color:#000;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.header-left-content{display:flex;align-items:center;flex:1;overflow:hidden}.header-events-content{display:flex;align-items:center;width:100%;gap:8px}.header-logo{height:39px;width:auto;object-fit:contain}.header-title{font-size:1.2rem;font-weight:700;color:#fff;margin-right:auto}.header-search-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center}.header-search-btn i{font-size:1.2rem}.header-right-buttons{display:flex;align-items:center;gap:12px}.header-hamburger-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px;display:flex;align-items:center;transition:opacity .2s}.header-hamburger-btn:hover{opacity:.7}.header-board-content{display:flex;align-items:center;width:100%}.header-title-board{font-size:1.1rem;font-weight:700;color:#fff;margin-right:auto}.board-btn-write-header{background-color:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:4px;margin-right:12px;cursor:pointer;transition:opacity .2s}.board-btn-write-header:hover{opacity:.9}.header-title-other{font-size:1.1rem;font-weight:700;color:#fff}.calendar-header-nav{display:flex;align-items:center;gap:12px}.calendar-back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;transition:opacity .2s}.calendar-back-btn:hover{opacity:.7}.calendar-back-btn i{font-size:1.5rem}.calendar-month-nav{display:flex;gap:4px;align-items:center;background-color:#ffffff0d;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.calendar-month-btn{background:none;border:none;color:#ffffffb3;padding:4px 6px;cursor:pointer;display:flex;align-items:center;border-radius:4px;transition:all .2s}.calendar-month-btn:hover{background-color:#ffffff1a;color:#fff}.calendar-month-btn:active{transform:scale(.95)}.calendar-month-btn i{font-size:1.1rem}.calendar-month-label{color:#fff;font-weight:600;font-size:.95rem;min-width:70px;text-align:center;letter-spacing:.3px}.bottom-nav-container{display:flex;align-items:center;justify-content:space-around;padding:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,.5rem);position:relative;z-index:50;user-select:none;-webkit-user-select:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;position:relative;padding:.25rem .5rem;border-radius:.75rem;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-icon{font-size:1.25rem;margin-bottom:.125rem;transition:color .2s ease,transform .2s ease}.bottom-nav-label{font-size:.625rem;font-weight:500;line-height:1.25;transition:color .2s ease;word-break:keep-all;text-align:center;white-space:pre-wrap}.bottom-nav-item.inactive .bottom-nav-icon,.bottom-nav-item.inactive .bottom-nav-label{color:var(--text-tertiary)}.bottom-nav-item.inactive:hover .bottom-nav-icon,.bottom-nav-item.inactive:hover .bottom-nav-label{color:var(--text-primary)}.bottom-nav-item.active .bottom-nav-icon,.bottom-nav-item.active .bottom-nav-label{color:#fff}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-1px)}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.bottom-nav-badge{position:absolute;top:0;right:25%;display:flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;background-color:var(--color-red-500);color:#fff;font-size:.5625rem;font-weight:700;line-height:1;border-radius:9999px;box-shadow:0 0 0 2px #1f2937d9;z-index:10}:root{--ur-bg-overlay: rgba(0, 0, 0, .65);--ur-bg-modal: #1e1e1e;--ur-text-primary: #ffffff;--ur-text-secondary: #a1a1aa;--ur-border-color: #3f3f46;--ur-accent-color: #FEE500;--ur-accent-text: #000000;--ur-radius: 16px;--ur-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}.userreg-overlay{position:fixed;inset:0;background-color:var(--ur-bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000;animation:fadeIn .2s ease-out}.userreg-modal{background-color:var(--ur-bg-modal);border-radius:var(--ur-radius);box-shadow:var(--ur-shadow);width:100%;max-width:360px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ur-border-color);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.userreg-header{padding:24px 24px 0;text-align:center;position:relative}.userreg-title{font-size:1.5rem;font-weight:700;color:var(--ur-text-primary);margin:0;letter-spacing:-.02em}.userreg-subtitle{color:var(--ur-text-secondary);font-size:.95rem;margin-top:8px;line-height:1.5}.userreg-close-btn{position:absolute;top:16px;right:16px;color:var(--ur-text-secondary);background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.userreg-close-btn:hover{background-color:#ffffff1a;color:var(--ur-text-primary)}.userreg-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:20px}.userreg-field{display:flex;flex-direction:column;gap:8px}.userreg-label{display:block;color:var(--ur-text-secondary);font-size:.85rem;font-weight:600;margin-left:4px}.userreg-input{width:100%;background-color:#27272a;color:var(--ur-text-primary);border:1px solid var(--ur-border-color);border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .2s ease;outline:none}.userreg-input:focus{border-color:#71717a;background-color:#313135;box-shadow:0 0 0 4px #ffffff0d}.userreg-input::placeholder{color:#52525b}.userreg-submit-btn{width:100%;padding:14px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:transform .1s ease,filter .2s;display:flex;align-items:center;justify-content:center;gap:8px}.userreg-submit-btn:hover{filter:brightness(1.05)}.userreg-submit-btn:active{transform:scale(.98)}.userreg-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-upload-container{position:relative;width:100px;height:100px;margin:0 auto;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s;background-color:#27272a;border:2px solid var(--ur-border-color)}.profile-upload-container:hover{transform:scale(1.05);border-color:#71717a}.profile-upload-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profile-upload-container:hover .profile-upload-overlay{opacity:1}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.drawer-container{position:fixed;top:0;right:0;width:280px;height:100dvh;background-color:var(--bg-color, #1f2937);box-shadow:-4px 0 16px #0000004d;display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;border-left:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{padding:24px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background-color:#0000001a}.drawer-user-profile{display:flex;align-items:center;gap:12px}.drawer-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--primary-color, #facc15);display:flex;align-items:center;justify-content:center;color:#000;font-size:24px;overflow:hidden;flex-shrink:0}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-avatar.placeholder{background-color:#ffffff1a;color:#fff9}.drawer-user-info{display:flex;flex-direction:column}.drawer-username{color:var(--text-primary, #ffffff);font-weight:600;font-size:16px}.drawer-email{color:#ffffff80;font-size:12px}.drawer-login-prompt{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.drawer-login-prompt span{color:var(--text-primary, #ffffff);font-weight:500}.drawer-close-btn{background:none;border:none;color:var(--text-primary, #ffffff);font-size:24px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.drawer-nav{flex:1;overflow-y:auto;padding:20px 0}.drawer-menu-item{padding:14px 24px;display:flex;align-items:center;gap:16px;color:var(--text-primary, #ffffff);cursor:pointer;transition:background-color .2s}.drawer-menu-item:active{background-color:#ffffff0d}.drawer-menu-item i{font-size:20px;color:#fff9;width:24px;text-align:center}.drawer-menu-item span{font-size:15px;font-weight:500}.drawer-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.drawer-logout-btn{width:100%;padding:12px;background-color:#ffffff0d;border:none;border-radius:8px;color:#ef4444;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:12px}.drawer-version{text-align:center;color:#ffffff4d;font-size:11px}