@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-muted-foreground:var(--muted-foreground);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}html{scroll-behavior:smooth;background:var(--background)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-14{top:calc(var(--spacing)*14)}.top-20{top:calc(var(--spacing)*20)}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9\]{z-index:9}.z-\[51\]{z-index:51}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[201\]{z-index:201}.z-\[202\]{z-index:202}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[75\%\]{max-width:75%}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[64px\]{min-width:64px}.min-w-\[80px\]{min-width:80px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-8{--tw-translate-y:calc(var(--spacing)*-8);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-br-sm{border-bottom-right-radius:calc(var(--radius) - 4px)}.rounded-bl-sm{border-bottom-left-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#FEE500\]{border-color:#fee500}.border-blue-400{border-color:var(--color-blue-400)}.border-border{border-color:var(--border)}.border-destructive,.border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-400{border-color:var(--color-green-400)}.border-input{border-color:var(--input)}.border-primary,.border-primary\/15{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/15{border-color:color-mix(in oklab,var(--primary)15%,transparent)}}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-success\/30{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-success\/30{border-color:color-mix(in oklab,var(--success)30%,transparent)}}.border-warning\/30{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/30{border-color:color-mix(in oklab,var(--warning)30%,transparent)}}.border-yellow-300{border-color:var(--color-yellow-300)}.bg-\[\#FEE500\]{background-color:#fee500}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--background)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-card,.bg-card\/95{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/95{background-color:color-mix(in oklab,var(--card)95%,transparent)}}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-destructive\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/20{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-primary{background-color:var(--primary)}.bg-primary-deeper{background-color:var(--primary-deeper)}.bg-primary-light{background-color:var(--primary-light)}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--primary)15%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-success,.bg-success\/10{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--success)10%,transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/10{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--warning)10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/5{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/5{--tw-gradient-from:color-mix(in oklab,var(--primary)5%,transparent)}}.from-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-primary\/10{--tw-gradient-via:var(--primary)}@supports (color:color-mix(in lab,red,red)){.via-primary\/10{--tw-gradient-via:color-mix(in oklab,var(--primary)10%,transparent)}}.via-primary\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-primary\/5{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/5{--tw-gradient-to:color-mix(in oklab,var(--primary)5%,transparent)}}.to-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-20{padding-top:calc(var(--spacing)*20)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#391B1B\]{color:#391b1b}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground,.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.text-primary{color:var(--primary)}.text-primary-deeper{color:var(--primary-deeper)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.shadow-card{--tw-shadow-color:color-mix(in oklab,var(--card)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.slide-in-from-bottom-4{--tw-enter-translate-y:calc(4*var(--spacing))}@media(hover:hover){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.group-hover\:text-primary-deeper:is(:where(.group):hover *){color:var(--primary-deeper)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-primary:hover,.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:bg-\[\#FDD800\]:hover{background-color:#fdd800}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.hover\:bg-primary-light:hover{background-color:var(--primary-light)}.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\:bg-success\/90:hover{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-success\/90:hover{background-color:color-mix(in oklab,var(--success)90%,transparent)}}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary-deeper:hover{color:var(--primary-deeper)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-card:hover{--tw-shadow-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-card:hover{--tw-shadow-color:color-mix(in oklab,var(--card)var(--tw-shadow-alpha),transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-destructive:focus,.focus\:ring-destructive\/50:focus{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-destructive\/50:focus{--tw-ring-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:var(--muted)}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.sm\:top-16{top:calc(var(--spacing)*16)}.sm\:mr-2{margin-right:calc(var(--spacing)*2)}.sm\:mb-2{margin-bottom:calc(var(--spacing)*2)}.sm\:ml-0{margin-left:calc(var(--spacing)*0)}.sm\:inline{display:inline}.sm\:size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.sm\:size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.sm\:size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.sm\:size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.sm\:h-24{height:calc(var(--spacing)*24)}.sm\:h-80{height:calc(var(--spacing)*80)}.sm\:w-56{width:calc(var(--spacing)*56)}.sm\:w-auto{width:auto}.sm\:flex-initial{flex:0 auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-3{padding-block:calc(var(--spacing)*3)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-32{top:calc(var(--spacing)*32)}.lg\:h-fit{height:fit-content}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:bg-amber-950\/30:is(.dark *){background-color:#4619014d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950)30%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:#f8fcff;--foreground:#1a1d27;--card:#fff;--card-foreground:#1a1d27;--popover:#fff;--popover-foreground:#1a1d27;--primary:#a9daf9;--primary-foreground:#fff;--primary-dark:#3a9fd4;--primary-deeper:#5bb8ed;--primary-light:#a9daf926;--secondary:#f8fcff;--secondary-foreground:#5a6070;--muted:#f0f4f8;--muted-foreground:#9098a8;--accent:#a9daf926;--accent-foreground:#5bb8ed;--destructive:#ef4444;--success:#22c55e;--warning:#f59e0b;--border:#a9daf94d;--input:#a9daf966;--ring:#a9daf9;--shadow-blue:0 8px 30px #a9daf933;--shadow-blue-hover:0 12px 40px #a9daf94d;--shadow-modal:0 20px 60px #a9daf940}@font-face{font-family:Noto Sans KR;font-display:swap;src:local(Noto Sans KR)}.shadow-card{box-shadow:var(--shadow-blue)}.shadow-card-hover{box-shadow:var(--shadow-blue-hover)}.shadow-modal{box-shadow:var(--shadow-modal)}.text-gradient{background:linear-gradient(135deg,var(--primary-deeper)0%,var(--primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.focus-ring{--tw-outline-style:none;outline-style:none}.focus-ring:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-ghost{color:var(--muted-foreground);background:0 0}.btn-ghost:hover{color:var(--foreground)}.btn-primary{background:var(--primary-deeper,#5bb8ed);color:#fff;font-weight:600}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-blue-hover);transform:translateY(-2px)}.btn-white{color:var(--primary-deeper);background:#fff;border-radius:12px;padding:18px 48px;font-size:17px;font-weight:600}.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.btn-submit{cursor:pointer;background:var(--primary-deeper,#5bb8ed);color:#fff;border:none;border-radius:10px;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.btn-submit:hover{background:var(--primary-dark);box-shadow:var(--shadow-blue-hover);transform:translateY(-2px)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--foreground);font-size:13px;font-weight:600}.form-label .required{color:var(--primary-deeper);margin-left:2px}.form-input{background:var(--background);border:1px solid #a9daf966;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input::placeholder{color:var(--muted-foreground)}.form-hint{color:var(--muted-foreground);margin-top:4px;font-size:11px}.form-error{color:var(--destructive);background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:8px;padding:12px 16px;font-size:13px}.form-success{color:var(--success);text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;padding:20px;font-size:14px;line-height:1.6}.form-info{color:var(--muted-foreground);margin-bottom:4px;font-size:14px;line-height:1.6}.form-info strong{color:var(--foreground);font-weight:600}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.valid{border-color:var(--success)}.form-input.invalid{border-color:var(--destructive)}.form-input-with-btn{gap:8px;display:flex}.form-input-with-btn .form-input{flex:1}.form-check-btn{border:1px solid var(--primary);background:var(--background);color:var(--primary-deeper);cursor:pointer;white-space:nowrap;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.form-check-btn:hover:not(:disabled){background:var(--primary-light)}.form-check-btn:disabled{opacity:.5;cursor:not-allowed}.form-hint.success{color:var(--success)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .form-input{width:100%;padding-right:44px}.input-icon-btn{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon-btn:hover{color:var(--primary)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.scroll-reveal{opacity:0;will-change:transform,opacity;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.scroll-reveal.show{opacity:1;transform:translateY(0)}.typing-cursor{background:var(--primary-deeper);vertical-align:middle;width:2px;height:1em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}.app-header{position:fixed;top:0;left:0;right:0;height:64px;background:#f8fcfff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(169,218,249,.2);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100}.header-logo{font-size:24px;font-weight:800;color:var(--primary-deeper);cursor:pointer;flex:0 0 auto}.header-nav{flex:1;display:flex;justify-content:center;gap:24px}.header-nav-link{font-size:14px;font-weight:600;color:var(--muted-foreground);background:none;border:none;cursor:pointer;padding:8px 16px;transition:color .2s}.header-nav-link:hover{color:var(--primary-deeper)}.header-actions{display:flex;gap:12px;flex:0 0 auto}.header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--primary-deeper);transition:background .2s,color .2s}.header-icon:hover{background:var(--primary-light);color:var(--primary-dark)}.header-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.header-btn-ghost{background:transparent;color:var(--muted-foreground)}.header-btn-ghost:hover{color:var(--foreground)}.header-btn-primary{background:var(--primary-deeper, #5bb8ed);color:#fff}.header-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-blue-hover)}.header-mypage-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:none;border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--foreground)}.header-mypage-btn:hover{background:var(--primary-light);border-color:var(--primary)}.header-mypage-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.header-mypage-label{font-size:13px;font-weight:600}@media(max-width:768px){.app-header{padding:0 20px}.header-logo{font-size:20px}.header-btn{padding:8px 16px;font-size:13px}.header-mypage-label{display:none}.header-mypage-btn{padding:4px 8px 4px 4px}}.main-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transform:translateY(-100%);transition:transform .5s ease,background .4s ease,backdrop-filter .4s ease,border .4s ease}.main-header.show{transform:translateY(0)}.main-header.scrolled{background:#fffc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06)}.main-header-inner{max-width:1280px;height:64px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.main-header-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s ease}.main-header-logo:hover{opacity:.8}.main-header-logo .logo-icon{width:32px;height:32px;color:#5bb8ed}.main-header-logo .logo-text{font-size:1.5rem;font-weight:800;color:#5bb8ed;letter-spacing:-.02em}.main-header-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem}.main-header-nav .nav-item{padding:.5rem 1rem;background:transparent;border:none;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:color .2s ease}.main-header-nav .nav-item:hover{color:#5bb8ed}.main-header-nav .nav-item.active{color:#5bb8ed;font-weight:700}.main-header-actions{display:flex;align-items:center;gap:.75rem}.header-action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.625rem;color:#64748b;cursor:pointer;transition:all .2s ease}.header-action-icon:hover{background:#f1f5f9;color:#0f172a}.header-notification{position:relative}.header-notification button.header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.75rem;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative}.header-notification button.header-icon:hover{background:#f1f5f9;color:#0f172a}.header-notification button.header-icon>span{position:absolute;top:4px;right:4px}.header-notification>div>div.w-80{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;bottom:auto!important}.header-profile-wrapper{position:relative}.header-profile-trigger{display:flex;align-items:center;gap:.5rem;padding:4px 12px 4px 4px;background:transparent;border:1px solid #e2e8f0;border-radius:100px;cursor:pointer;transition:all .2s ease;font-family:inherit;color:#334155}.header-profile-trigger:hover{background:#5bb8ed0f;border-color:#5bb8ed}.header-profile-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#5bb8ed;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.header-profile-name{font-size:.8125rem;font-weight:600}.header-profile-chevron{color:#94a3b8;transition:transform .2s ease}.header-profile-chevron.open{transform:rotate(180deg)}.header-profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 4px 10px -6px #0000000f;z-index:50;overflow:hidden}.header-profile-info{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.header-profile-info-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#5bb8ed26;color:#0c7cc4;font-size:.875rem;font-weight:600;border-radius:50%;flex-shrink:0}.header-profile-info-text{min-width:0;flex:1}.header-profile-info-name{font-size:.875rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-profile-info-email{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-profile-menu{padding:.25rem 0}.header-profile-menu-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:transparent;border:none;font-size:.8125rem;font-weight:500;color:#334155;cursor:pointer;transition:background .15s ease;font-family:inherit;text-align:left}.header-profile-menu-item:hover{background:#f8fafc}.header-profile-menu-item.danger{color:#ef4444}.header-profile-menu-item.danger:hover{background:#ef44440f}.header-btn-ghost{padding:.5rem 1rem;background:transparent;border:none;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:color .2s ease}.header-btn-ghost:hover{color:#5bb8ed}.header-btn-primary{padding:.5rem 1.25rem;background:#5bb8ed;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.header-btn-primary:hover{background:#0c7cc4}.mobile-header-right{display:none}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.75rem;color:#64748b;cursor:pointer;transition:all .2s}.mobile-menu-toggle:hover{background:#f1f5f9;color:#0f172a}.mobile-menu{display:none;flex-direction:column;padding:0;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:none;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,border-top .3s ease}.mobile-menu.open{max-height:500px;padding:1rem;border-top:1px solid #f1f5f9}.mobile-nav{display:flex;flex-direction:column;gap:2px}.mobile-nav-item{display:flex;align-items:center;padding:.75rem 1rem;background:transparent;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;text-align:left;width:100%}.mobile-nav-item:hover{background:#f8fafc;color:#0f172a}.mobile-nav-item.active{background:#5bb8ed14;color:#5bb8ed}.mobile-nav-item.danger{color:#ef4444}.mobile-nav-item.danger:hover{background:#ef44440f}.mobile-menu-divider{height:1px;background:#f1f5f9;margin:.5rem 0}.mobile-auth-actions{display:flex;flex-direction:column;gap:8px}.mobile-auth-btn{width:100%;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.mobile-auth-btn.ghost{background:#f8fafc;color:#64748b}.mobile-auth-btn.ghost:hover{background:#f1f5f9;color:#0f172a}.mobile-auth-btn.primary{background:#5bb8ed;color:#fff}.mobile-auth-btn.primary:hover{background:#0c7cc4}.language-selector{position:relative}.language-selector-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#64748b}.language-selector-trigger:hover{background:#5bb8ed0f;border-color:#5bb8ed;color:#334155}.language-selector-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:50;overflow:hidden;padding:4px 0}.language-selector-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .875rem;background:transparent;border:none;font-size:.8125rem;font-weight:500;color:#334155;cursor:pointer;transition:background .15s ease;font-family:inherit;text-align:left}.language-selector-item:hover{background:#f8fafc}.language-selector-item.active{background:#5bb8ed14;color:#5bb8ed;font-weight:600}.language-flag{font-size:1rem;line-height:1}.mobile-language-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.5rem 1rem}.mobile-language-btn{display:flex;align-items:center;gap:.2rem;padding:.25rem .5rem;background:transparent;border:1px solid #e2e8f0;border-radius:100px;font-size:.65rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.mobile-language-btn:hover{background:#5bb8ed0f;border-color:#5bb8ed}.mobile-language-btn.active{background:#5bb8ed1a;border-color:#5bb8ed;color:#5bb8ed;font-weight:600}@media(max-width:1400px){.main-header-inner{height:56px;padding:0 1rem}.main-header-logo .logo-text{font-size:1.25rem}.main-header-nav,.main-header-actions .desktop-only,.main-header-actions .header-notification,.main-header-actions .header-profile-wrapper,.main-header-actions .header-btn-ghost,.main-header-actions .header-btn-primary,.main-header-actions .language-selector{display:none}.mobile-header-right{display:flex;align-items:center;gap:.125rem}.mobile-header-right .header-action-icon{width:32px;height:32px}.mobile-header-right .mobile-menu-toggle,.mobile-menu{display:flex}}.search-overlay{position:fixed;inset:0;z-index:200;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:15vh;animation:search-overlay-in .15s ease}@keyframes search-overlay-in{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:600px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 25px 60px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:search-modal-in .2s ease;align-self:flex-start}@keyframes search-modal-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.search-input-icon{color:#94a3b8;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1rem;font-weight:500;color:#0f172a;background:transparent;font-family:inherit}.search-input::placeholder{color:#cbd5e1}.search-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.search-close-btn:hover{background:#f1f5f9;color:#64748b}.search-results{flex:1;overflow-y:auto;padding:.5rem}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.search-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .375rem;font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.search-group-header svg{width:14px;height:14px}.search-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:10px;cursor:pointer;transition:background .12s ease;width:100%;border:none;background:transparent;text-align:left;font-family:inherit}.search-item:hover,.search-item.active{background:#f8fafc}.search-item.active{background:#5bb8ed0f}.search-item-content{flex:1;min-width:0}.search-item-title{font-size:.875rem;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-title mark{background:#5bb8ed33;color:#0c7cc4;font-weight:700;border-radius:2px;padding:0 1px}.search-item-preview{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.search-item-preview mark{background:#5bb8ed26;color:#0c7cc4;font-weight:600;border-radius:2px;padding:0 1px}.search-item-team{font-size:.6875rem;color:#cbd5e1;flex-shrink:0;white-space:nowrap}.search-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#94a3b8;text-align:center;gap:.5rem}.search-status-icon{width:40px;height:40px;color:#e2e8f0}.search-status-text{font-size:.875rem;font-weight:500}.search-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.625rem 1rem;border-top:1px solid #f1f5f9;font-size:.6875rem;color:#cbd5e1}.search-footer kbd{display:inline-flex;align-items:center;padding:1px 5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.625rem;font-weight:600;font-family:inherit;color:#94a3b8}.search-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#5bb8ed;border-radius:50%;animation:search-spin .6s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.search-overlay{padding:2rem 1rem 0}.search-modal{max-height:70vh;border-radius:12px}.search-footer{display:none}}.calendar-overlay{position:fixed;inset:0;z-index:200;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;animation:calendar-overlay-in .15s ease}@keyframes calendar-overlay-in{0%{opacity:0}to{opacity:1}}.calendar-modal{width:100%;max-width:480px;height:640px;background:#fff;border-radius:16px;box-shadow:0 25px 60px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:calendar-modal-in .2s ease}@keyframes calendar-modal-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.calendar-header-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#0f172a}.calendar-header-title svg{width:20px;height:20px;color:#5bb8ed}.calendar-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.calendar-close-btn:hover{background:#f1f5f9;color:#64748b}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease}.calendar-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.calendar-nav-btn svg{width:16px;height:16px}.calendar-nav-label{font-size:.9375rem;font-weight:600;color:#0f172a;min-width:140px;text-align:center}.calendar-today-btn{padding:4px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;font-family:inherit}.calendar-today-btn:hover{background:#f8fafc;border-color:#5bb8ed;color:#5bb8ed}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 1.25rem;margin-bottom:4px}.calendar-weekday{text-align:center;font-size:.6875rem;font-weight:600;color:#94a3b8;padding:.25rem 0}.calendar-weekday.sunday{color:#ef4444}.calendar-weekday.saturday{color:#3b82f6}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 1.25rem .75rem;gap:2px}.calendar-day{display:flex;flex-direction:column;align-items:center;padding:4px 0;border-radius:8px;cursor:pointer;transition:background .12s ease;background:transparent;border:none;font-family:inherit;min-height:44px}.calendar-day:hover{background:#f8fafc}.calendar-day-number{font-size:.8125rem;font-weight:500;color:#334155;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-day.other-month .calendar-day-number{color:#cbd5e1}.calendar-day.sunday .calendar-day-number{color:#ef4444}.calendar-day.saturday .calendar-day-number{color:#3b82f6}.calendar-day.other-month.sunday .calendar-day-number{color:#fca5a5}.calendar-day.other-month.saturday .calendar-day-number{color:#93c5fd}.calendar-day.today .calendar-day-number{background:#5bb8ed1f;color:#0c7cc4;font-weight:700}.calendar-day.selected .calendar-day-number{background:#5bb8ed;color:#fff;font-weight:700}.calendar-day.selected.sunday .calendar-day-number,.calendar-day.selected.saturday .calendar-day-number{color:#fff}.calendar-dots{display:flex;gap:3px;margin-top:2px;height:6px}.calendar-dot{width:5px;height:5px;border-radius:50%}.calendar-dot.meeting{background:#5bb8ed}.calendar-dot.todo{background:#f59e0b}.calendar-divider{height:1px;background:#f1f5f9;margin:0 1.25rem}.calendar-events-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem 0}.calendar-filter{display:flex;gap:4px}.calendar-filter-chip{padding:3px 10px;background:transparent;border:1px solid #e2e8f0;border-radius:100px;font-size:.6875rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .15s ease;font-family:inherit}.calendar-filter-chip:hover{border-color:#cbd5e1;color:#64748b}.calendar-filter-chip.active{background:#5bb8ed;border-color:#5bb8ed;color:#fff}.calendar-events-count{font-size:.6875rem;font-weight:600;color:#94a3b8}.calendar-events{flex:1;overflow-y:auto;padding:.75rem 1.25rem}.calendar-events::-webkit-scrollbar{width:4px}.calendar-events::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.calendar-group-header{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem .25rem;font-size:.6875rem;font-weight:700;color:#94a3b8;letter-spacing:.02em}.calendar-group-header svg{color:#cbd5e1}.calendar-event-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:background .12s ease;border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.calendar-event-item:hover{background:#f8fafc}.calendar-event-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.calendar-event-bar.meeting{background:#5bb8ed}.calendar-event-bar.todo{background:#f59e0b}.calendar-event-icon{flex-shrink:0;width:16px;height:16px}.calendar-event-icon.meeting{color:#5bb8ed}.calendar-event-icon.todo{color:#f59e0b}.calendar-event-content{flex:1;min-width:0}.calendar-event-title{font-size:.8125rem;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-team{font-size:.6875rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.calendar-event-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.calendar-event-time{font-size:.6875rem;color:#94a3b8;white-space:nowrap}.calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;gap:.25rem}.calendar-empty-icon{width:32px;height:32px;color:#e2e8f0;margin-bottom:.25rem}.calendar-empty-text{font-size:.8125rem;font-weight:500}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem}.calendar-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#5bb8ed;border-radius:50%;animation:calendar-spin .6s linear infinite}@keyframes calendar-spin{to{transform:rotate(360deg)}}.calendar-loading-text{font-size:.8125rem;color:#94a3b8}.calendar-no-team{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:.5rem}.calendar-no-team-icon{width:40px;height:40px;color:#e2e8f0}.calendar-no-team-title{font-size:.875rem;font-weight:600;color:#64748b}.calendar-no-team-desc{font-size:.75rem;color:#94a3b8}.calendar-footer{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.625rem 1rem;border-top:1px solid #f1f5f9;font-size:.6875rem;color:#cbd5e1}.calendar-legend{display:flex;align-items:center;gap:.375rem}.calendar-legend-dot{width:6px;height:6px;border-radius:50%}.calendar-legend-dot.meeting{background:#5bb8ed}.calendar-legend-dot.todo{background:#f59e0b}.calendar-footer kbd{display:inline-flex;align-items:center;padding:1px 5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.625rem;font-weight:600;font-family:inherit;color:#94a3b8}@media(max-width:640px){.calendar-overlay{align-items:flex-start;padding:1rem .5rem 0}.calendar-modal{height:min(640px,92vh);border-radius:12px}.calendar-header{padding:.75rem 1rem}.calendar-nav{padding:.5rem 1rem;gap:.5rem}.calendar-nav-label{font-size:.8125rem;min-width:110px}.calendar-weekdays{padding:0 .75rem}.calendar-grid{padding:0 .75rem .5rem}.calendar-day-number{font-size:.75rem;width:26px;height:26px}.calendar-divider{margin:0 .75rem}.calendar-events-header{padding:.5rem .75rem 0}.calendar-events{padding:.5rem .75rem}.calendar-event-title{font-size:.75rem}.calendar-event-meta{gap:.25rem}.calendar-footer{display:none}}.floating-quick-bar{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);width:72px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:2rem;box-shadow:0 25px 50px -12px #00000026;z-index:90;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:.5rem}.quick-bar-widgets{display:flex;flex-direction:column;align-items:center;gap:.5rem;height:calc(240px + 2rem);flex-shrink:0}.quick-widget-wrapper{position:relative}.quick-widget-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease}.quick-widget-btn:hover{transform:scale(1.08)}.quick-widget-empty{width:48px;height:48px;border-radius:1rem}.quick-widget-add{background:#fff!important;color:#94a3b8!important;border:2px dashed #e2e8f0;box-shadow:none}.quick-widget-add:hover{border-color:#5bb8ed;color:#5bb8ed!important;transform:scale(1.05)}.quick-widget-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:2px solid white;border-radius:50%;cursor:pointer;z-index:10;transition:all .15s ease;opacity:0;visibility:hidden}.quick-widget-wrapper:hover .quick-widget-remove{opacity:1;visibility:visible}.quick-widget-remove:hover{background:#dc2626;transform:scale(1.1)}.quick-widget-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.5rem .875rem;background:#0f172a;color:#fff;font-size:.75rem;font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none}.quick-widget-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#0f172a}.quick-widget-wrapper:hover .quick-widget-tooltip{opacity:1;visibility:visible}.quick-widget-add-wrapper{position:relative}.quick-widget-add-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.quick-widget-add-dropdown{position:absolute;right:calc(100% + 20px);top:0;width:180px;max-width:calc(100vw - 120px);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:100}.quick-widget-add-dropdown .dropdown-header{padding:.5rem .75rem;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.quick-widget-add-dropdown .dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:.5rem;font-size:.8rem;font-weight:500;color:#334155;cursor:pointer;transition:all .15s ease;text-align:left}.quick-widget-add-dropdown .dropdown-item:hover{background:#f8fafc;color:#0f172a}.quick-bar-divider{width:40px;height:1px;background:#00000014;margin:.5rem 0}.quick-bar-profile{position:relative;margin-top:auto}.profile-avatar-btn{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.profile-avatar-btn:hover{transform:scale(1.05)}.profile-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5bb8ed,#0ea5e9);color:#fff;font-size:1rem;font-weight:700;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #5bb8ed4d}.profile-dropdown{position:absolute;right:calc(100% + 20px);bottom:0;width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px -12px #0003;overflow:hidden;z-index:100;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc}.profile-dropdown-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5bb8ed,#0ea5e9);color:#fff;font-size:.95rem;font-weight:700;border-radius:50%}.profile-dropdown-info{display:flex;flex-direction:column;gap:.125rem}.profile-name{font-size:.9rem;font-weight:700;color:#0f172a}.profile-email{font-size:.7rem;color:#94a3b8}.profile-dropdown-divider{height:1px;background:#f1f5f9}.profile-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-size:.85rem;font-weight:500;color:#334155;cursor:pointer;transition:all .15s ease;text-align:left}.profile-dropdown-item:hover{background:#f8fafc;color:#0f172a}.profile-dropdown-item.logout{color:#ef4444}.profile-dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.profile-backdrop{position:fixed;inset:0;z-index:80}.team-picker-backdrop{position:fixed;inset:0;z-index:190;background:#0003}.team-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:191;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:280px;overflow:hidden}.team-picker-header{padding:12px 16px;font-size:.8125rem;font-weight:600;color:#64748b;border-bottom:1px solid #f1f5f9}.team-picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;transition:background .1s;text-align:left}.team-picker-item:hover{background:#f8fafc}.team-picker-name{font-size:.875rem;font-weight:500;color:#1e293b}.team-picker-count{font-size:.75rem;color:#94a3b8}.quick-bar-mobile-actions,.fab-toggle,.fab-backdrop{display:none}.activity-feed-panel{position:fixed;right:calc(1.5rem + 88px);top:50%;transform:translateY(-50%);width:360px;max-height:520px;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px -12px #0003;z-index:95;display:flex;flex-direction:column;animation:slideIn .2s ease;overflow:hidden}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.activity-feed-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:#0f172a}.activity-feed-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .15s ease}.activity-feed-close:hover{background:#f1f5f9;color:#64748b}.activity-feed-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;padding:.5rem}.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:#94a3b8;font-size:.85rem}.activity-feed-item{display:flex;gap:.75rem;padding:.625rem .5rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.activity-feed-item:hover{background:#f8fafc}.feed-icon{width:28px;height:28px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.fi-blue{background:#eff6ff;color:#3b82f6}.fi-green{background:#f0fdf4;color:#22c55e}.fi-red{background:#fef2f2;color:#ef4444}.fi-yellow{background:#fefce8;color:#eab308}.fi-purple{background:#faf5ff;color:#a855f7}.fi-gray{background:#f8fafc;color:#64748b}.fi-sky{background:#f0f9ff;color:#0ea5e9}.feed-content{flex:1;min-width:0}.feed-text{font-size:.8rem;color:#334155;line-height:1.4;margin:0}.feed-text strong{font-weight:600;color:#0f172a}.feed-detail{font-size:.75rem;color:#64748b;margin:.125rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-meta{font-size:.7rem;color:#94a3b8;margin-top:.25rem;display:block}.activity-feed-loader{display:flex;align-items:center;justify-content:center;padding:.75rem}.activity-feed-backdrop{position:fixed;inset:0;z-index:90}@media(max-width:1400px){.fab-toggle{display:flex;align-items:center;justify-content:center;position:fixed;right:max(1.25rem,env(safe-area-inset-right,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5bb8ed,#0ea5e9);color:#fff;border:none;box-shadow:0 8px 24px #5bb8ed66;z-index:91;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.fab-toggle.active{background:#64748b;box-shadow:0 4px 12px #0003;transform:rotate(90deg)}.fab-backdrop{display:block;position:fixed;inset:0;background:#00000040;z-index:85;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-quick-bar{right:1.25rem;bottom:calc(2rem + 56px);top:auto;left:auto;transform:none;width:auto;height:auto;flex-direction:column;align-items:stretch;padding:.5rem;gap:0;border-radius:1.25rem;opacity:0;visibility:hidden;transform:scale(.8) translateY(20px);transform-origin:bottom right;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.floating-quick-bar.mobile-open{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto}.quick-bar-widgets,.quick-widget-add-wrapper{display:none!important}.quick-bar-mobile-actions{display:flex;flex-direction:column}.mobile-action-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:transparent;border:none;border-radius:.75rem;font-size:.8rem;font-weight:500;color:#334155;cursor:pointer;transition:background .15s ease;text-align:left;white-space:nowrap}.mobile-action-btn:active{background:#0000000f}.mobile-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;background:transparent;flex-shrink:0}.mobile-action-label{font-size:.85rem;font-weight:500}.quick-bar-divider{display:none}.quick-bar-profile{margin-top:0;display:flex;align-items:center;padding:.25rem}.profile-avatar{width:32px;height:32px;font-size:.8rem}.profile-avatar-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.375rem .5rem;border-radius:.75rem}.profile-avatar-btn:active{background:#0000000f}.profile-dropdown{right:calc(100% + 12px);left:auto;bottom:-.5rem;top:auto}.quick-widget-tooltip,.profile-backdrop{display:none}.activity-feed-panel{right:.75rem;left:.75rem;bottom:calc(2rem + 56px);top:auto;transform:none;width:auto;max-height:50vh}.activity-feed-item{gap:.5rem;padding:.5rem .375rem}.feed-icon{width:24px;height:24px}.feed-icon svg{width:12px;height:12px}.feed-text{font-size:.75rem}.feed-detail{font-size:.7rem}.feed-meta{font-size:.65rem}}.policy-overlay{position:fixed;inset:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:policy-fade-in .2s ease}@keyframes policy-fade-in{0%{opacity:0}to{opacity:1}}.policy-modal{background:var(--card, #ffffff);border:1px solid var(--border, #e5e8ed);border-radius:20px;width:100%;max-width:680px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:policy-slide-up .25s ease}@keyframes policy-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.policy-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 20px;border-bottom:1px solid var(--border, #e5e8ed);flex-shrink:0}.policy-title{font-size:22px;font-weight:700;color:var(--foreground, #1a1d27);margin:0}.policy-updated{font-size:13px;color:var(--muted-foreground, #9098a8);margin:4px 0 0}.policy-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--muted, #f1f5f9);color:var(--muted-foreground, #9098a8);cursor:pointer;transition:all .2s ease;flex-shrink:0}.policy-close:hover{background:var(--border, #e5e8ed);color:var(--foreground, #1a1d27)}.policy-content{padding:24px 32px 32px;overflow-y:auto;flex:1}.policy-content::-webkit-scrollbar{width:6px}.policy-content::-webkit-scrollbar-track{background:transparent}.policy-content::-webkit-scrollbar-thumb{background:var(--border, #e5e8ed);border-radius:3px}.policy-section{margin-bottom:24px}.policy-section:last-child{margin-bottom:0}.policy-section-heading{font-size:15px;font-weight:600;color:var(--foreground, #1a1d27);margin:0 0 8px}.policy-section-body{font-size:14px;line-height:1.8;color:var(--muted-foreground, #5a6070);margin:0;white-space:pre-wrap}.policy-section-note{font-size:12.5px;line-height:1.7;color:#dc2626;margin:6px 0 0;padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #fca5a5}@media(max-width:640px){.policy-overlay{padding:12px}.policy-modal{border-radius:16px;max-height:calc(100vh - 24px)}.policy-header{padding:20px 20px 16px}.policy-title{font-size:18px}.policy-content{padding:16px 20px 24px}.policy-section-heading{font-size:14px}.policy-section-body{font-size:13px;line-height:1.7}.policy-section-note{font-size:11.5px}}.contact-overlay{position:fixed;inset:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:contact-fade-in .2s ease}@keyframes contact-fade-in{0%{opacity:0}to{opacity:1}}.contact-modal{background:var(--card, #ffffff);border:1px solid var(--border, #e5e8ed);border-radius:20px;width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:contact-slide-up .25s ease;overflow-y:auto}@keyframes contact-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-modal::-webkit-scrollbar{width:6px}.contact-modal::-webkit-scrollbar-track{background:transparent}.contact-modal::-webkit-scrollbar-thumb{background:var(--border, #e5e8ed);border-radius:3px}.contact-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 20px;border-bottom:1px solid var(--border, #e5e8ed);flex-shrink:0}.contact-title{font-size:20px;font-weight:700;color:var(--foreground, #1a1d27);margin:0}.contact-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--muted, #f1f5f9);color:var(--muted-foreground, #9098a8);cursor:pointer;transition:all .2s ease;flex-shrink:0}.contact-close:hover{background:var(--border, #e5e8ed);color:var(--foreground, #1a1d27)}.contact-form{padding:24px 32px 32px;display:flex;flex-direction:column;gap:16px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:13px;font-weight:600;color:var(--foreground, #1a1d27)}.contact-label .required{color:#ef4444}.contact-files-hint{font-weight:400;color:var(--muted-foreground, #9098a8);margin-left:6px;font-size:12px}.contact-input{width:100%;height:40px;padding:0 12px;border:1.5px solid var(--border, #e5e8ed);border-radius:10px;font-size:14px;font-family:inherit;color:var(--foreground, #1a1d27);background:var(--card, #ffffff);outline:none;transition:border-color .2s ease;box-sizing:border-box}.contact-input:focus{border-color:#5bb8ed}.contact-input:disabled{opacity:.5}.contact-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border, #e5e8ed);border-radius:10px;font-size:14px;font-family:inherit;color:var(--foreground, #1a1d27);background:var(--card, #ffffff);outline:none;resize:vertical;min-height:100px;line-height:1.6;transition:border-color .2s ease;box-sizing:border-box}.contact-textarea:focus{border-color:#5bb8ed}.contact-textarea:disabled{opacity:.5}.contact-dropzone{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:1.5px dashed var(--border, #e5e8ed);border-radius:10px;font-size:13px;color:var(--muted-foreground, #9098a8);cursor:pointer;transition:all .2s ease}.contact-dropzone:hover,.contact-dropzone.drag-over{border-color:#5bb8ed;background:#f0f9ff;color:#5bb8ed}.contact-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.contact-file-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--muted, #f8fafc);border-radius:8px;font-size:13px}.contact-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground, #1a1d27)}.contact-file-size{color:var(--muted-foreground, #9098a8);font-size:12px;flex-shrink:0}.contact-file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--muted-foreground, #9098a8);cursor:pointer;border-radius:6px;flex-shrink:0;transition:all .15s ease}.contact-file-remove:hover{color:#ef4444;background:#fef2f2}.contact-submit{width:100%;height:44px;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:#5bb8ed;cursor:pointer;transition:all .2s ease;margin-top:4px}.contact-submit:hover:not(:disabled){background:#3da5e0}.contact-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.contact-overlay{padding:12px}.contact-modal{border-radius:16px;max-height:calc(100vh - 24px)}.contact-header{padding:20px 20px 16px}.contact-title{font-size:18px}.contact-form{padding:16px 20px 24px;gap:12px}.contact-row{grid-template-columns:1fr}}.mini-footer{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem 1rem;font-size:.75rem;color:#94a3b8;letter-spacing:-.01em}.mini-footer-row{display:flex;align-items:center;gap:.5rem}.mini-footer-copyright{font-weight:500}.mini-footer-dot{color:#cbd5e1;-webkit-user-select:none;user-select:none}.mini-footer-link{background:none;border:none;padding:0;font-size:.75rem;font-family:inherit;color:#94a3b8;cursor:pointer;transition:color .2s ease}.mini-footer-link:hover{color:#5bb8ed}@media(max-width:640px){.mini-footer{gap:.25rem;font-size:.6875rem;padding:1rem 1rem 1.25rem}.mini-footer-row{flex-wrap:wrap;justify-content:center;gap:.35rem}}.floating-sidebar{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);width:72px;height:80vh;max-height:500px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000026;z-index:50;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:1rem}.sidebar-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#5bb8ed;border-radius:1rem;cursor:pointer;box-shadow:0 4px 12px #5bb8ed4d;transition:all .2s ease;margin-bottom:.5rem}.sidebar-logo:hover{transform:scale(1.05);box-shadow:0 6px 16px #5bb8ed66}.logo-icon{width:24px;height:24px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.sidebar-nav-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:1rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.sidebar-nav-item:hover{background:#fff;color:#5bb8ed;box-shadow:0 2px 8px #0000000d}.sidebar-nav-item.active{background:#5bb8ed;color:#fff;box-shadow:0 4px 12px #5bb8ed4d}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.sidebar-notification{display:flex;align-items:center;justify-content:center}.sidebar-notification>div>button.header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:1rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-notification>div>button.header-icon:hover{background:#fff;color:#5bb8ed}.sidebar-notification>div>button.header-icon>span{position:absolute;top:4px;right:4px}.sidebar-notification>div>div.w-80{position:fixed!important;inset:auto auto 60px 96px!important;margin:0!important;max-height:70vh}.sidebar-profile-wrapper>div>div.w-64{position:fixed!important;inset:auto auto 20px 96px!important;margin:0!important}@media(max-width:900px){.sidebar-notification>div>div.w-80{position:fixed!important;inset:auto auto 80px 50%!important;transform:translate(-50%)!important;width:calc(100vw - 32px)!important;max-width:320px!important}.sidebar-profile-wrapper>div>div.w-64{position:fixed!important;inset:auto auto 80px 16px!important;transform:none!important}}.sidebar-profile-wrapper{display:flex;align-items:center;justify-content:center}.sidebar-profile-wrapper>div>button.header-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;transition:all .2s ease}.sidebar-profile-wrapper>div>button.header-icon:hover{background:#5bb8ed;color:#fff}.sidebar-profile{width:44px;height:44px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#e2e8f0}.sidebar-profile:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.sidebar-profile .profile-image{width:100%;height:100%;object-fit:cover}.sidebar-profile .profile-initial{font-size:1rem;font-weight:700;color:#64748b}@media(max-width:900px){.floating-sidebar{left:50%;top:auto;bottom:1rem;transform:translate(-50%);width:auto;height:64px;max-height:none;flex-direction:row;padding:0 1.5rem;gap:.5rem;border-radius:2rem}.sidebar-logo{width:40px;height:40px;margin-bottom:0;margin-right:.5rem}.logo-icon{width:20px;height:20px}.sidebar-nav{flex-direction:row;gap:.25rem}.sidebar-nav-item{width:44px;height:44px}.sidebar-bottom{flex-direction:row;margin-top:0;margin-left:auto;padding-top:0;padding-left:.75rem;border-top:none;border-left:1px solid rgba(0,0,0,.05)}.sidebar-bottom .notification-trigger{width:44px;height:44px}.sidebar-profile{width:36px;height:36px}}@media(max-width:480px){.floating-sidebar{width:calc(100% - 2rem);left:1rem;transform:none;justify-content:space-between}.sidebar-logo{display:none}}html:has(.landing-page),body:has(.landing-page){background:#eff6ff!important}.landing-page{font-family:Noto Sans KR,sans-serif;background:#eff6ff;color:var(--foreground);overflow-x:hidden}.intro{position:fixed;inset:0;background:#eff6ff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.intro.fade-out{animation:introFadeOut .6s ease .3s forwards}@keyframes introFadeOut{to{opacity:0;pointer-events:none}}.logo-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.logo-svg{width:400px;height:160px;overflow:visible}.logo-path{fill:none;stroke:#a9daf9;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.logo-path-s{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLetter .6s cubic-bezier(.25,.1,.25,1) forwards}.logo-path-e{stroke-dasharray:150;stroke-dashoffset:150;animation:drawLetter .5s cubic-bezier(.25,.1,.25,1) .5s forwards}.logo-path-o{stroke-dasharray:120;stroke-dashoffset:120;animation:drawLetter .55s cubic-bezier(.25,.1,.25,1) .95s forwards}.logo-path-g{stroke-dasharray:180;stroke-dashoffset:180;animation:drawLetter .6s cubic-bezier(.25,.1,.25,1) 1.4s forwards}.logo-path-i-line{stroke-dasharray:50;stroke-dashoffset:50;animation:drawLetter .35s cubic-bezier(.25,.1,.25,1) 1.9s forwards}.logo-path-i-dot{opacity:0;animation:showDot .25s ease-out 2.3s forwards}@keyframes drawLetter{to{stroke-dashoffset:0}}@keyframes showDot{to{opacity:1}}.logo-korean{font-size:28px;font-weight:700;color:var(--foreground);letter-spacing:12px;opacity:0;transform:translateY(10px)}.logo-korean.show{animation:fadeUp .8s ease forwards}.logo-tagline{font-size:14px;color:var(--muted-foreground);margin-top:8px;opacity:0}.logo-tagline.show{animation:fadeUp .6s ease .2s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.intro-loader{position:absolute;bottom:80px;width:200px;height:2px;background:#eee;border-radius:2px;overflow:hidden;opacity:0}.intro-loader.show{opacity:1}.intro-loader-bar{height:100%;background:linear-gradient(90deg,var(--primary-deeper),var(--primary));border-radius:2px;transition:width .1s ease}.skip-hint{position:absolute;bottom:40px;font-size:12px;color:var(--muted-foreground);opacity:0;cursor:pointer;transition:color .2s}.skip-hint.show{animation:fadeIn .5s ease forwards}.skip-hint:hover{color:var(--primary)}@keyframes fadeIn{to{opacity:.7}}.landing-header{position:fixed;top:0;left:0;right:0;height:64px;background:#eff6ffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(169,218,249,.15);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;transform:translateY(-100%);transition:transform .5s ease}.landing-header.show{transform:translateY(0)}.landing-logo{font-size:24px;font-weight:800;color:var(--primary-deeper);cursor:pointer;flex:0 0 auto}.nav-center{flex:1;display:flex;justify-content:center;gap:24px}.nav-link{font-size:14px;font-weight:600;color:var(--muted-foreground);background:none;border:none;cursor:pointer;padding:8px 16px;transition:color .2s}.nav-link:hover{color:var(--primary-deeper)}.nav-btns{display:flex;gap:12px;flex:0 0 auto}.nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--primary-deeper);transition:background .2s,color .2s}.nav-icon:hover{background:var(--primary-light);color:var(--primary-dark)}.landing-page .main-header.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}.landing-page.at-footer .main-header.scrolled{background:#edf6ffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom-color:transparent}.landing-main{opacity:0;transition:opacity .8s ease .3s}.landing-main.show{opacity:1}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px;background:transparent;position:relative;overflow:hidden}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2;animation:heroBounce 2s ease-in-out infinite}.hero-scroll-icon{width:28px;height:28px;color:var(--muted-foreground);opacity:.5;transition:opacity .2s}.hero-scroll-hint:hover .hero-scroll-icon{opacity:.8}@keyframes heroBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hero-bg{position:absolute;inset:0;opacity:.3;background:radial-gradient(circle at 20% 80%,rgba(169,218,249,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(169,218,249,.08) 0%,transparent 50%)}.hero-wrapper{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1200px;width:100%;position:relative;z-index:1}.hero-content{flex:1;max-width:500px;text-align:center}.hero-preview{flex:1;max-width:560px;perspective:1000px;position:relative;min-height:480px;overflow:visible}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-light);color:var(--primary-deeper);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;font-weight:800;line-height:1.3;margin-bottom:24px}.hero-title .highlight{background:linear-gradient(135deg,var(--primary-deeper) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:20px;color:var(--muted-foreground);line-height:1.7;margin-bottom:40px}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:20px}.hero-text-link{color:var(--muted-foreground);background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;font-family:inherit}.hero-text-link:hover{color:var(--primary-deeper)}.hero-demo-link{color:var(--primary);background:var(--primary-light);border:1px solid var(--primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 20px;border-radius:10px;transition:all .2s;font-family:inherit}.hero-demo-link:hover{background:var(--primary-deeper, #5bb8ed);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-blue)}.preview-scenes{position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.preview-scenes.hidden{opacity:0;transform:translateY(30px);pointer-events:none}.preview-window{position:relative;background:#f8fcff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #ffffff80}.preview-toolbar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.preview-dot{width:10px;height:10px;border-radius:50%;background:#5bb8ed}.preview-dot:first-child{opacity:.3}.preview-dot:nth-child(2){opacity:.5}.preview-dot:nth-child(3){opacity:.7}.preview-toolbar-url{font-size:11px;color:#94a3b8;margin-left:12px;background:#e2e8f0;padding:2px 12px;border-radius:4px;font-weight:500}.preview-scene-container{position:relative;min-height:400px}.preview-scene{position:absolute;top:0;left:0;right:0;padding:20px;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.preview-scene.active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.scene-greeting{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:2px}.scene-greeting-name{color:#5bb8ed}.scene-greeting-sub{font-size:11px;color:#64748b;margin-bottom:16px}.scene-stats-bar{background:linear-gradient(135deg,#fff,#dbeafe4d);border:1px solid rgba(59,130,246,.1);border-radius:14px;padding:14px 16px;margin-bottom:16px}.scene-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.scene-stats-title{font-size:11px;font-weight:700;color:#0f172a}.scene-stats-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:9999px;background:#5bb8ed1a;color:#5bb8ed}.scene-stats-row{display:flex;gap:12px}.scene-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.scene-stat-label{font-size:10px;color:#94a3b8;font-weight:500}.scene-stat-value{font-size:22px;font-weight:800;color:#0f172a}.scene-stat-change{font-size:9px;font-weight:700;border-radius:9999px;padding:1px 6px}.scene-stat-change.positive{color:#10b981;background:#10b9811a}.scene-stat-change.warning{color:#f59e0b;background:#f59e0b1a}.scene-card-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px}.scene-meeting-item{display:flex;gap:10px;padding:10px 12px;background:#fafbfc;border:1px solid transparent;border-radius:12px;margin-bottom:8px;transition:all .2s}.scene-meeting-item:last-child{margin-bottom:0}.scene-meeting-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.scene-meeting-icon.blue{background:#5bb8ed}.scene-meeting-icon.purple{background:#a78bfa}.scene-meeting-icon.green{background:#10b981}.scene-meeting-info{flex:1;min-width:0}.scene-meeting-name{font-size:12px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:6px}.scene-meeting-sub{font-size:10px;color:#94a3b8;margin-top:2px}.scene-badge-success{font-size:9px;padding:1px 6px;border-radius:4px;background:#ecfdf5;color:#059669;font-weight:600;flex-shrink:0}.scene-badge-pending{font-size:9px;padding:1px 6px;border-radius:4px;background:#5bb8ed14;color:#5bb8ed;font-weight:600;flex-shrink:0}.scene-back-nav{font-size:11px;color:#94a3b8;margin-bottom:14px;font-weight:500}.scene-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;margin-bottom:12px}.scene-detail-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px}.scene-detail-meta{font-size:11px;color:#94a3b8;margin-bottom:8px}.scene-detail-sep{margin:0 4px}.scene-detail-tags{display:flex;gap:6px}.scene-tag{font-size:10px;padding:2px 8px;border-radius:9999px;background:#5bb8ed14;color:#5bb8ed;font-weight:600}.scene-ai-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.scene-ai-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px}.scene-ai-icon{color:#5bb8ed}.scene-ai-body{font-size:11px;color:#475569;line-height:1.7;padding:10px 12px;border-left:3px solid #5bb8ed;background:#5bb8ed0a;border-radius:0 8px 8px 0;margin-bottom:12px}.scene-ai-actions{display:flex;flex-direction:column;gap:6px}.scene-ai-action-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f1f5f980;border-radius:8px;font-size:11px}.scene-ai-num{width:18px;height:18px;border-radius:50%;background:#a9daf933;color:#5bb8ed;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scene-ai-action-text{flex:1;color:#475569;font-weight:500}.scene-ai-action-assignee{font-size:10px;padding:2px 8px;border-radius:9999px;background:#ecfdf5;color:#059669;font-weight:600}.scene-ai-action-btn{font-size:10px;padding:2px 8px;border-radius:6px;border:1px solid #e2e8f0;color:#64748b;font-weight:600;cursor:default}.floating-card{position:absolute;width:200px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:16px;box-shadow:0 12px 40px #0000001a,0 0 0 1px #fff6;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease;z-index:2}.floating-card.floating-left{top:35%;left:0;transform:translate(-24px,-50%) rotate(-1.5deg)}.floating-card.floating-right{bottom:48px;right:0;transform:translate(16px) rotate(1deg)}.floating-card.active{opacity:1;pointer-events:auto}.floating-card.floating-left.active{transform:translate(-56px,-50%) rotate(-1.5deg)}.floating-card.floating-right.active{transform:translate(48px) rotate(1deg)}.floating-card-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5bb8ed;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(91,184,237,.15)}.floating-card-header.warning{color:#f59e0b;border-bottom-color:#f59e0b26}.floating-card-header.ai{color:#5bb8ed;border-bottom-color:#5bb8ed26}.floating-card-header.success{color:#10b981;border-bottom-color:#10b98126}.floating-card-header-icon{flex-shrink:0}.floating-card-stats{display:flex;align-items:center;gap:12px;margin-bottom:10px}.floating-stat{display:flex;flex-direction:column;align-items:center;flex:1}.floating-stat-value{font-size:20px;font-weight:800;color:#0f172a;line-height:1.2}.floating-stat-label{font-size:9px;color:#94a3b8;font-weight:600;margin-top:2px}.floating-stat-divider{width:1px;height:28px;background:#e2e8f0;flex-shrink:0}.floating-card-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.floating-card-bar-fill{height:100%;background:linear-gradient(90deg,#5bb8ed,#10b981);border-radius:3px;transition:width .8s ease}.floating-todo-list{display:flex;flex-direction:column;gap:6px}.floating-todo-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#475569;padding:6px 8px;border-radius:8px;background:#fafbfc}.floating-todo-item.overdue{background:#fef2f2;color:#dc2626}.floating-todo-item.soon{background:#fff7ed;color:#ea580c}.floating-todo-dday{margin-left:auto;font-size:10px;font-weight:700;flex-shrink:0}.floating-ai-summary{display:flex;flex-direction:column;gap:8px}.floating-ai-row{display:flex;align-items:center;justify-content:space-between}.floating-ai-label{font-size:11px;color:#64748b;font-weight:500}.floating-ai-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:9999px}.floating-ai-badge.blue{background:#5bb8ed1a;color:#5bb8ed}.floating-ai-badge.green{background:#10b9811a;color:#10b981}.floating-ai-badge.purple{background:#a78bfa1a;color:#a78bfa}.floating-action-list{display:flex;flex-direction:column;gap:6px}.floating-action-row{display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 8px;border-radius:8px;background:#fafbfc}.floating-action-row.done{background:#ecfdf5}.floating-action-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;flex-shrink:0}.floating-action-row.done .floating-action-check{background:#10b981;color:#fff}.floating-action-row.pending .floating-action-check{border:1.5px solid #e2e8f0;color:#94a3b8}.floating-action-text{flex:1;color:#475569;font-weight:500}.floating-action-who{font-size:9px;font-weight:600;color:#94a3b8;flex-shrink:0}.preview-dots-indicator{display:flex;justify-content:center;gap:8px;margin-top:16px;transition:opacity .3s ease}.preview-dots-indicator.hidden{opacity:0;pointer-events:none}.preview-dot-btn{width:8px;height:8px;border-radius:4px;border:none;background:#5bb8ed;opacity:.3;cursor:pointer;padding:0;transition:all .3s ease}.preview-dot-btn.active{width:24px;opacity:1}.preview-dot-btn:hover:not(.active){opacity:.5}.auth-card{position:absolute;top:0;left:0;right:0;max-width:480px;margin:0 auto;background:#fff;border-radius:16px;overflow:visible;border:1px solid rgba(169,218,249,.3);box-shadow:var(--shadow-blue);opacity:0;transform:translateY(-30px);pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.auth-card.active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.auth-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid rgba(169,218,249,.2)}.session-expired-banner{padding:10px 24px;background:#fff3cd;color:#856404;font-size:13px;font-weight:500;text-align:center;border-bottom:1px solid #FFEEBA}.auth-card-title{font-size:18px;font-weight:700;color:var(--foreground)}.auth-card-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--muted-foreground);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-card-close:hover{background:var(--primary-light);color:var(--primary-deeper)}.auth-card-body{padding:32px 24px}.auth-form{display:flex;flex-direction:column;gap:20px}.signup-agree-text{text-align:center;font-size:11px;color:var(--muted-foreground);margin:-4px 0 4px;line-height:1.5}.agree-link{background:none;border:none;font:inherit;color:var(--primary-deeper);cursor:pointer;padding:0;text-decoration:underline}.agree-link:hover{color:var(--primary)}.auth-footer{text-align:center;font-size:13px;color:var(--muted-foreground);margin-top:28px;padding-top:24px;border-top:1px solid rgba(169,218,249,.2)}.auth-footer button:not(.btn-kakao-signup){color:var(--primary-deeper);background:none;border:none;font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit}.auth-footer button:hover{text-decoration:underline}.capabilities{padding:84px 40px 60px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.capabilities-container{max-width:1100px;margin:0 auto}.capabilities-header{text-align:center;margin-bottom:56px}.capabilities-title{font-size:36px;font-weight:800;line-height:1.3;word-break:keep-all}.capabilities-title-accent{color:var(--primary)}.capabilities-sub{margin-top:16px;font-size:17px;color:var(--muted-foreground);font-weight:500;letter-spacing:-.01em}.cap-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:88px;margin-bottom:24px}.cap-hero{display:flex;flex-direction:column;gap:16px;text-align:center}.cap-hero-text h3{font-size:18px;font-weight:700;margin-bottom:8px}.cap-hero-text p{font-size:13px;color:var(--muted-foreground);line-height:1.6}.cap-hero-preview{width:100%;max-width:220px;margin:0 auto;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(169,218,249,.2);border-radius:14px;padding:14px;box-shadow:0 8px 28px #a9daf926,0 0 0 1px #fff6;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.cap-hero-preview.scroll-reveal{opacity:0;transform:translateY(24px) scale(.9)}.cap-hero-preview.scroll-reveal.show{opacity:1;transform:translateY(0) scale(1)}@keyframes capFloatA{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-.5deg) translateY(-8px)}}@keyframes capFloatB{0%,to{transform:rotate(1deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes capFloatC{0%,to{transform:rotate(-.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-6px)}}.cap-hero:nth-child(1) .cap-hero-preview.scroll-reveal.show{animation:capFloatA 3.2s ease-in-out .7s infinite}.cap-hero:nth-child(2) .cap-hero-preview.scroll-reveal.show{animation:capFloatB 2.8s ease-in-out 1s infinite}.cap-hero:nth-child(3) .cap-hero-preview.scroll-reveal.show{animation:capFloatC 3.5s ease-in-out .5s infinite}.cap-hp-header{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--primary-deeper);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(169,218,249,.2)}.cap-hp-header.ai{color:var(--primary-deeper)}.cap-hp-header.success{color:#10b981;border-bottom-color:#10b98126}.cap-hp-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.cap-hp-row+.cap-hp-row{border-top:1px solid rgba(169,218,249,.1)}.cap-hp-label{font-size:11px;color:#64748b}.cap-hp-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px}.cap-hp-badge.blue{background:#a9daf933;color:var(--primary-deeper)}.cap-hp-badge.green{background:#10b9811a;color:#10b981}.cap-hp-badge.purple{background:#a78bfa1a;color:#a78bfa}.cap-hp-stt-wave{display:flex;align-items:center;gap:3px;margin-bottom:10px;height:24px}.cap-hp-stt-wave span{width:4px;border-radius:2px;background:var(--primary);animation:sttWave 1.2s ease-in-out infinite}.cap-hp-stt-wave span:nth-child(1){height:10px;animation-delay:0s}.cap-hp-stt-wave span:nth-child(2){height:16px;animation-delay:.15s}.cap-hp-stt-wave span:nth-child(3){height:24px;animation-delay:.3s}.cap-hp-stt-wave span:nth-child(4){height:14px;animation-delay:.45s}.cap-hp-stt-wave span:nth-child(5){height:8px;animation-delay:.6s}@keyframes sttWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.cap-hp-stt-text{font-size:11px;color:#64748b;font-style:italic;line-height:1.4;margin-bottom:10px}.cap-hp-progress{display:flex;align-items:center;gap:8px}.cap-hp-progress-bar{flex:1;height:4px;border-radius:2px;background:#a9daf933;position:relative;overflow:hidden}.cap-hp-progress-bar:after{content:"";position:absolute;inset:0;width:100%;background:var(--primary);border-radius:2px}.cap-hp-progress-text{font-size:10px;color:#10b981;font-weight:700;white-space:nowrap}.cap-hp-todo{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.cap-hp-check{width:18px;height:18px;border-radius:5px;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:10px;color:#94a3b8;flex-shrink:0}.cap-hp-check.done{background:#10b981;border-color:#10b981;color:#fff}.cap-hp-todo-text{flex:1;font-size:12px;color:var(--foreground)}.cap-hp-dday{font-size:11px;font-weight:700;color:#f59e0b}.cap-extras{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;max-width:1100px;width:100%}.cap-extra{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(169,218,249,.25);box-shadow:0 2px 12px #a9daf91a;transition:all .3s ease}.cap-extra.scroll-reveal{opacity:0;transform:translateY(48px) scale(.95);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.cap-extra.scroll-reveal.show{opacity:1;transform:translateY(0) scale(1)}.cap-extra:hover{background:#fffffff2;border-color:#a9daf966;box-shadow:0 0 24px #a9daf94d,0 0 60px #a9daf91f;transform:translateY(-2px)}.cap-extra-icon{width:32px;height:32px;border-radius:8px;background:#a9daf91f;color:var(--primary-deeper);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cap-extra-text{display:flex;flex-direction:column;gap:2px}.cap-extra-name{font-size:13px;font-weight:700;color:var(--foreground)}.cap-extra-desc{font-size:11px;color:var(--muted-foreground)}@media(max-width:900px){.cap-heroes{grid-template-columns:1fr;max-width:360px;margin:0 auto 48px}.cap-extras{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.cap-extra{max-width:none}}.workflow-section{padding:100px 40px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.workflow-header{text-align:center;margin-bottom:64px}.workflow-label{color:var(--primary-deeper);font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:block}.workflow-title{font-size:36px;font-weight:800;line-height:1.3;word-break:keep-all}.workflow-title-accent{color:var(--primary)}.workflow-carousel{position:relative;width:100%;max-width:900px;height:220px;display:flex;align-items:center;justify-content:center}.workflow-item{position:absolute;text-align:center;cursor:pointer;transition:all .8s cubic-bezier(.16,1,.3,1);padding:20px}.workflow-item-num{font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:12px;transition:all .8s cubic-bezier(.16,1,.3,1)}.workflow-item-icon{display:flex;justify-content:center;margin:0 auto 16px;transition:all .8s cubic-bezier(.16,1,.3,1)}.workflow-item-title{font-size:17px;font-weight:800;color:var(--foreground);margin-bottom:8px;transition:all .8s cubic-bezier(.16,1,.3,1)}.workflow-item.active .workflow-item-title{font-size:22px}.workflow-item-desc{font-size:13px;color:var(--muted-foreground);line-height:1.7;white-space:pre-line;transition:all .8s cubic-bezier(.16,1,.3,1)}.workflow-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:48px}@media(max-width:768px){.workflow-section{padding:60px 20px}.workflow-title{font-size:28px}.workflow-item-title{font-size:18px}.workflow-item.active .workflow-item-title{font-size:22px}.workflow-carousel{height:240px}}.compare-section{padding:100px 40px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.compare-header{text-align:center;margin-bottom:64px}.compare-label-tag{color:var(--primary-deeper);font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:block}.compare-title{font-size:36px;font-weight:800;line-height:1.3;word-break:keep-all}.compare-title-accent{color:var(--primary)}.compare-list{display:flex;flex-direction:column;gap:20px;max-width:800px;width:100%}.compare-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px 32px;border-radius:16px;background:#fff9;border:1px solid rgba(169,218,249,.15);transition:all .3s ease}.compare-row.scroll-reveal{opacity:0;transform:translateY(40px) scale(.97);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.compare-row.scroll-reveal.show{opacity:1;transform:translateY(0) scale(1)}.compare-row:hover{background:#ffffffe6;border-color:#a9daf959;box-shadow:0 0 24px #a9daf933}.compare-before{text-align:right}.compare-before-text{font-size:15px;color:var(--muted-foreground);text-decoration:line-through;text-decoration-color:#0003;opacity:.7;line-height:1.5}.compare-icon-bridge{display:flex;align-items:center;gap:6px;color:var(--primary-deeper);flex-shrink:0}.compare-after{text-align:left}.compare-after-text{font-size:15px;font-weight:700;color:var(--foreground);line-height:1.5}@media(max-width:768px){.compare-section{padding:60px 20px}.compare-title{font-size:28px}.compare-row{grid-template-columns:1fr;gap:12px;padding:20px;text-align:center}.compare-before,.compare-after{text-align:center}.compare-icon-bridge{justify-content:center}}.cta-section{padding:80px 40px 60px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cta-container{max-width:1200px;margin:0 auto}.cta-card{position:relative;background:linear-gradient(135deg,#ffffffbf,#ffffff8c);border:1px solid rgba(169,218,249,.3);border-radius:32px;padding:64px;overflow:hidden;box-shadow:0 4px 24px #a9daf91f;transition:all .4s cubic-bezier(.16,1,.3,1)}.cta-card:hover{border-color:#a9daf966;box-shadow:0 0 32px #a9daf94d,0 0 80px #a9daf91f}.cta-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(169,218,249,.3) 1px,transparent 1px);background-size:24px 24px;opacity:.4;pointer-events:none}.cta-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px}@media(min-width:768px){.cta-card-content{flex-direction:row;align-items:flex-end;justify-content:space-between}}.cta-card-text{max-width:560px}.cta-card-headline{font-size:36px;font-weight:800;line-height:1.2;color:var(--foreground);margin-bottom:20px;word-break:keep-all}@media(min-width:768px){.cta-card-headline{font-size:44px}}.cta-card-underline{color:var(--primary-deeper);text-decoration:underline;text-decoration-color:#a9daf980;text-underline-offset:6px}.cta-card-desc{color:var(--muted-foreground);font-size:16px;line-height:1.7}.cta-card-actions{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px}.cta-card-btn{width:100%;height:56px;padding:0 32px;background:var(--primary-deeper);color:#fff;font-weight:700;font-size:16px;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #5bb8ed4d;font-family:inherit}.cta-card-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 24px #5bb8ed66}.cta-card-fine{color:var(--muted-foreground);font-size:12px;font-weight:500}.landing-footer{background:linear-gradient(180deg,#f8fcff,#edf6ff);border-top:1px solid rgba(169,218,249,.25);color:var(--foreground);font-size:14px}.footer-inner{max-width:1100px;margin:0 auto;padding:64px 24px 0}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(169,218,249,.3)}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo-img{width:26px;height:26px}.footer-logo-text{font-size:24px;font-weight:800;color:var(--primary-deeper);letter-spacing:-.02em}.footer-desc{line-height:1.7;color:var(--muted-foreground);font-size:14px}.footer-contact{margin-top:12px;font-size:13px;color:var(--muted-foreground)}.footer-contact a,.footer-contact-link{color:var(--primary);text-decoration:none;transition:color .2s ease;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;cursor:pointer}.footer-contact a:hover,.footer-contact-link:hover{text-decoration:underline}.footer-email-copy{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:3px;background:none;border:1px solid var(--border);border-radius:4px;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease;vertical-align:middle}.footer-email-copy:hover{color:var(--primary);border-color:var(--primary)}.footer-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--muted-foreground);background:#a9daf926;border:1px solid rgba(169,218,249,.25);transition:all .2s ease}.footer-social:hover{color:var(--primary-deeper);background:#a9daf94d;border-color:var(--primary)}.footer-col{display:flex;flex-direction:column;gap:16px}.footer-col-title{font-size:13px;font-weight:700;color:var(--primary-deeper);text-transform:uppercase;letter-spacing:.06em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links li a,.footer-links li button{color:var(--muted-foreground);text-decoration:none;font-size:14px;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease;text-align:left}.footer-links li a:hover,.footer-links li button:hover{color:var(--primary-deeper)}.footer-bottom{padding:24px 0;text-align:center;font-size:13px;color:var(--muted-foreground)}.footer-language{display:flex;justify-content:center;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.footer-language-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;background:transparent;border:1px solid #d1dbe6;border-radius:100px;font-size:.7rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.footer-language-btn:hover{background:#5bb8ed0f;border-color:#5bb8ed}.footer-language-btn.active{background:#5bb8ed1a;border-color:#5bb8ed;color:#2b8fd4;font-weight:600}@media(max-width:768px){.footer-inner{padding:48px 20px 0}.footer-columns{grid-template-columns:1fr;gap:36px;padding-bottom:36px}.footer-brand{text-align:center;align-items:center}.footer-contact{display:block;text-align:center}.footer-desc{text-align:center}.footer-col{align-items:center;text-align:center}.footer-links{align-items:center}}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(169,218,249,.4);box-shadow:var(--shadow-blue);color:var(--primary-deeper);font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.scroll-top-btn.show{opacity:1;visibility:visible}.scroll-top-btn:hover{background:var(--primary-deeper, #5bb8ed);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-blue-hover)}@media(max-width:1023px){.hero,.capabilities,.compare-section,.workflow-section,.cta-section{min-height:auto;overflow:visible;justify-content:flex-start}}@media(max-width:768px){.hero-wrapper{flex-direction:column;gap:40px}.hero-content{text-align:center;max-width:100%}.hero-preview{max-width:100%;min-height:auto;overflow:visible}.floating-card{display:none}.preview-scene-container{min-height:auto}.preview-scene{padding:16px}.auth-card{position:relative;top:auto;left:auto;right:auto;max-width:100%;display:none}.auth-card.active{display:block}.preview-scenes.hidden{display:none}.scene-greeting{font-size:16px}.scene-stat-value{font-size:18px}.scene-stats-bar{padding:12px}.scene-detail-title{font-size:14px}.scene-ai-body{font-size:10px}.auth-card{max-width:100%}.logo-svg{width:300px;height:120px}.logo-korean{font-size:20px;font-weight:700;letter-spacing:8px}.logo-tagline{font-size:12px}.intro-loader{width:160px;bottom:60px}.skip-hint{bottom:30px;font-size:11px}.hero-title{font-size:36px}.hero{padding:80px 20px}.capabilities{padding:60px 20px}.capabilities-header{margin-bottom:32px}.capabilities-title{font-size:28px}.capabilities-sub{font-size:14px}.cap-hero-preview{max-width:180px}.cap-extras{grid-template-columns:1fr 1fr;gap:10px;padding:0}.cap-extra{padding:10px 12px;gap:8px}.cap-extra-icon{width:28px;height:28px}.cap-extra-name{font-size:12px}.cap-extra-desc{font-size:10px}.quote-section{padding:60px 20px}.quote-text{font-size:28px}.cta-section{padding:60px 20px 80px}.cta-card{padding:40px 24px;border-radius:24px}.cta-card-headline{font-size:28px}.auth-card-body{padding:24px 20px}.auth-form{gap:16px}.landing-header{padding:0 20px}}.forgot-password-link{display:block;margin-top:8px;font-size:12px;color:var(--muted-foreground);background:none;border:none;cursor:pointer;font-family:inherit;text-align:right}.forgot-password-link:hover{color:var(--primary-deeper);text-decoration:underline}.form-desc{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin-bottom:16px}.btn-resend{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--muted-foreground);background:transparent;cursor:pointer;font-family:inherit;margin-top:12px;transition:all .2s}.btn-resend:hover:not(:disabled){border-color:var(--primary);color:var(--primary-deeper)}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.auth-divider{height:1px;background:#a9daf94d;margin:-12px 0}.btn-kakao{width:100%;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--primary-deeper);font-size:15px;font-weight:600;border:1px solid rgba(169,218,249,.6);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s}.btn-kakao:hover{background:var(--primary-light);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-blue)}.kakao-icon{flex-shrink:0}.btn-kakao-signup{background:none;border:none;font-size:13px;color:var(--muted-foreground);font-weight:600;cursor:pointer;font-family:inherit;transition:color .2s;margin-bottom:12px;display:block;width:100%;text-align:center}.btn-kakao-signup:hover{color:var(--foreground);text-decoration:underline}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fcff,#e8f4fd);padding:20px}.reset-card{width:100%;max-width:400px;background:#fff;border-radius:20px;box-shadow:0 8px 30px #a9daf933;padding:40px}.reset-logo{font-size:28px;font-weight:700;color:var(--primary-deeper);text-align:center;margin-bottom:24px;cursor:pointer}.reset-title{font-size:20px;font-weight:600;color:var(--foreground);text-align:center;margin-bottom:24px}.reset-form{display:flex;flex-direction:column;gap:16px}.reset-success{text-align:center;padding:20px}.reset-success h2{font-size:18px;color:var(--success);margin-bottom:8px}.reset-success p{color:var(--muted-foreground);font-size:14px}.reset-footer{margin-top:24px;text-align:center}.reset-footer button{background:none;border:none;color:var(--primary-deeper);font-size:14px;cursor:pointer;font-family:inherit}.reset-footer button:hover{text-decoration:underline}.onboarding-tour{position:fixed;inset:0;z-index:250;pointer-events:none;transition:opacity .15s ease}.onboarding-tour.is-hidden{opacity:0}.onboarding-tour.is-visible{opacity:1}.onboarding-overlay{position:fixed;inset:0;z-index:250;pointer-events:all;cursor:default;width:100%;height:100%}.onboarding-highlight{position:fixed;z-index:251;pointer-events:none;box-shadow:0 0 0 2px var(--color-primary),0 0 16px 4px #3b82f640}.onboarding-popover{position:fixed;z-index:252;pointer-events:all;width:320px;max-width:calc(100vw - 2rem);background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 0 1px #ffffff1a}.onboarding-popover-body{padding:20px 20px 12px}.onboarding-popover-title{font-size:15px;font-weight:700;color:var(--color-foreground);margin-bottom:6px}.onboarding-popover-desc{font-size:13.5px;line-height:1.6;color:var(--color-muted-foreground)}.onboarding-popover-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(0,0,0,.06)}.onboarding-step-count{font-size:12px;font-weight:600;color:var(--color-primary);letter-spacing:.5px}.onboarding-popover-actions{display:flex;align-items:center;gap:6px}.onboarding-btn-skip,.onboarding-btn-prev,.onboarding-btn-next{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.onboarding-btn-skip{background:transparent;color:var(--color-muted-foreground)}.onboarding-btn-skip:hover,.onboarding-btn-prev{background:#0000000d;color:var(--color-foreground)}.onboarding-btn-prev:hover{background:#0000001a}.onboarding-btn-next{background:var(--color-primary);color:#fff}.onboarding-btn-next:hover{filter:brightness(1.1)}.onboarding-arrow{position:absolute;width:16px;height:16px;background:#ffffffe0;border:1px solid rgba(59,130,246,.2);transform:rotate(45deg);z-index:-1}.onboarding-arrow-top{border-bottom:none;border-right:none}.onboarding-arrow-bottom{border-top:none;border-left:none}.onboarding-arrow-left{border-bottom:none;border-left:none}.onboarding-arrow-right{border-top:none;border-right:none}.onboarding-welcome-overlay{position:fixed;inset:0;z-index:250;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.onboarding-welcome{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(59,130,246,.15);border-radius:24px;padding:36px 32px 28px;max-width:680px;width:100%;box-shadow:0 16px 48px #0000001f,0 0 0 1px #ffffff1a;text-align:center}.onboarding-welcome-title{font-size:22px;font-weight:800;color:var(--color-foreground);margin-bottom:4px}.onboarding-welcome-subtitle{font-size:14px;color:var(--color-muted-foreground);margin-bottom:28px}.onboarding-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.onboarding-flow-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;border-radius:16px;border:1.5px solid var(--color-border);background:#fff9;cursor:pointer;transition:all .2s;text-align:center}.onboarding-flow-card:hover{border-color:var(--color-primary);background:#3b82f60a;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61a}.onboarding-flow-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flow-icon-blue{background:#3b82f61a;color:var(--color-primary)}.flow-icon-green{background:#22c55e1a;color:#22c55e}.flow-icon-purple{background:#8b5cf61a;color:#8b5cf6}.onboarding-flow-title{font-size:14px;font-weight:700;color:var(--color-foreground)}.onboarding-flow-desc{font-size:12.5px;line-height:1.5;color:var(--color-muted-foreground)}.onboarding-flow-start{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;border:none;background:var(--color-primary);color:#fff;cursor:pointer;transition:filter .15s;margin-top:auto}.onboarding-flow-start:hover{filter:brightness(1.1)}.onboarding-welcome-skip{font-size:13px;color:var(--color-muted-foreground);background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .15s}.onboarding-welcome-skip:hover{background:#0000000d;color:var(--color-foreground)}@media(max-width:640px){.onboarding-flow-grid{grid-template-columns:1fr;gap:10px}.onboarding-flow-card{flex-direction:row;text-align:left;padding:14px 16px;gap:14px}.onboarding-flow-icon{width:40px;height:40px;border-radius:12px}.onboarding-flow-card>div{flex:1}.onboarding-flow-start{margin-top:0}.onboarding-welcome{padding:24px 20px 20px;border-radius:20px}.onboarding-welcome-title{font-size:18px}.onboarding-popover{width:calc(100vw - 2rem)}}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#f8fafc,#e8f4fd)}.dashboard-inner{max-width:1280px;margin:0 auto;padding:2rem}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#5bb8ed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.header-greeting{flex:1}.greeting-title{font-size:3rem;font-weight:800;color:#0f172a;line-height:1.2;letter-spacing:-.02em}.user-name,.greeting-dot{color:#5bb8ed}.greeting-subtitle{margin-top:1rem;font-size:1.125rem;color:#64748b;font-weight:500}.header-actions{display:flex;align-items:center;gap:2rem}.btn-new-meeting{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#5bb8ed;color:#fff;font-weight:700;font-size:.95rem;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px -10px #137fec80}.btn-new-meeting:hover{background:#38bdf8;transform:translateY(-2px);box-shadow:0 15px 50px -10px #137fec99}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem}.stats-bar{grid-column:span 3;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#fff,#dbeafe4d);border:1px solid rgba(59,130,246,.1);border-radius:2rem}.stats-header{display:flex;justify-content:space-between;align-items:center}.stats-title{font-size:1.5rem;font-weight:700;color:#0f172a}.stats-badge{padding:.375rem .875rem;background:#5bb8ed1a;color:#5bb8ed;font-size:.65rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:-.02em}.stats-items{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#94a3b8;font-weight:500}.stat-value{font-size:2rem;font-weight:800;color:#0f172a}.stat-change{font-size:.7rem;font-weight:700;margin-top:.25rem}.stat-change.positive{color:#10b981}.stat-change.neutral{color:#5bb8ed}.stat-change.warning{color:#f59e0b}.bento-card{background:#fff;border-radius:2rem;border:1px solid #e2e8f0;padding:2rem;transition:all .3s ease;overflow:hidden}.bento-card:hover{box-shadow:0 25px 50px -12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#0f172a}.card-subtitle{font-size:.875rem;color:#94a3b8;margin-top:.375rem}.btn-more{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:1rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.btn-more:hover{border-color:#5bb8ed;color:#5bb8ed}.card-meetings{grid-column:span 2;grid-row:span 2;height:660px;display:flex;flex-direction:column}.meetings-list{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.meetings-list:hover{scrollbar-color:rgba(0,0,0,.15) transparent}.meetings-list::-webkit-scrollbar{width:6px}.meetings-list::-webkit-scrollbar-track{background:transparent}.meetings-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s}.meetings-list:hover::-webkit-scrollbar-thumb{background:#00000026}.meetings-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.meeting-item{display:flex;gap:1rem;padding:1.25rem;background:#fafbfc;border:1px solid transparent;border-radius:1.5rem;cursor:pointer;transition:all .3s ease}.meeting-item:hover{background:#fff;border-color:#137fec33;box-shadow:0 10px 40px -10px #0000001a}.meeting-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:1rem;color:#5bb8ed;box-shadow:0 2px 8px #0000000a;flex-shrink:0}.meeting-content{flex:1;min-width:0}.meeting-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.meeting-title{font-weight:700;color:#0f172a;font-size:.95rem;line-height:1.4;transition:color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-item:hover .meeting-title{color:#5bb8ed}.meeting-meta{font-size:.75rem;color:#94a3b8;margin-top:.375rem}.badge{padding:.25rem .75rem;font-size:.65rem;font-weight:700;border-radius:9999px;white-space:nowrap}.badge-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.badge-pending{background:#137fec0d;color:#5bb8ed;border:1px solid rgba(19,127,236,.1)}.meeting-summary{margin-top:.75rem;font-size:.85rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meeting-icon.icon-blue{color:#5bb8ed}.meeting-icon.icon-purple{color:#a78bfa}.meeting-icon.icon-green{color:#10b981}.meeting-icon.icon-orange{color:#f59e0b}.meeting-icon.icon-pink{color:#ec4899}.meeting-icon.icon-cyan{color:#06b6d4}.empty-meetings{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:#94a3b8}.card-todos{grid-column:span 1;grid-row:span 2;display:flex;flex-direction:column;height:660px}.todos-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.todos-sections::-webkit-scrollbar{width:4px}.todos-sections::-webkit-scrollbar-track{background:transparent}.todos-sections::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.todos-section{flex:1;overflow-y:auto;scrollbar-width:none}.todos-section::-webkit-scrollbar{display:none}.todos-section:only-child{grid-column:span 2}.todos-section:first-child:not(:only-child){border-right:1px solid #f1f5f9;padding-right:1.5rem}.todos-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9;color:#64748b;font-weight:600;font-size:.85rem}.todos-section-header.deadline{color:#f59e0b;border-bottom-color:#fef3c7}.todos-section-count{margin-left:auto;padding:.125rem .625rem;background:#f1f5f9;color:#64748b;font-size:.7rem;font-weight:700;border-radius:9999px}.todos-section-count.deadline{background:#fef3c7;color:#d97706}.todos-section-list{display:flex;flex-direction:column;gap:.75rem}.todo-item{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;padding:.5rem;border-radius:.75rem;transition:background .2s}.todo-item:hover{background:#f8fafc}.todo-item.todo-done{opacity:.5}.todo-item.deadline-overdue,.todo-item.deadline-today,.todo-item.deadline-tomorrow{padding:.75rem;border-radius:1rem}.todo-item.deadline-overdue{background:#fef2f2}.todo-item.deadline-today{background:#fff7ed}.todo-item.deadline-tomorrow{background:#fefce8}.todo-checkbox{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:.375rem;margin-top:.125rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-checkbox.checkbox-todo{border-color:#cbd5e1}.todo-checkbox.checkbox-doing{border-color:#5bb8ed;background:#5bb8ed1a}.todo-checkbox.checked{background:#10b981;border-color:transparent;color:#fff}.todo-deadline-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;flex-shrink:0;margin-top:.125rem}.todo-deadline-indicator.deadline-overdue{color:#dc2626}.todo-deadline-indicator.deadline-today{color:#ea580c}.todo-deadline-indicator.deadline-tomorrow{color:#d97706}.todo-content{flex:1;min-width:0}.todo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.todo-text{font-weight:600;color:#1e293b;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.todo-done .todo-text{text-decoration:line-through;color:#94a3b8}.deadline-badge{padding:.125rem .5rem;font-size:.625rem;font-weight:700;border-radius:9999px;white-space:nowrap;flex-shrink:0}.deadline-badge.deadline-overdue{background:#fee2e2;color:#dc2626}.deadline-badge.deadline-today{background:#ffedd5;color:#ea580c}.deadline-badge.deadline-tomorrow{background:#fef3c7;color:#d97706}.todo-tags{display:flex;gap:.375rem;margin-top:.5rem;flex-wrap:wrap}.tag{padding:.125rem .5rem;font-size:.625rem;font-weight:700;border-radius:9999px}.priority-high{background:#fef2f2;color:#dc2626}.priority-mid{background:#fff7ed;color:#ea580c}.priority-low{background:#f0fdf4;color:#16a34a}.status-todo{background:#f1f5f9;color:#64748b}.status-doing{background:#fef3c7;color:#d97706}.status-done{background:#dcfce7;color:#059669}.tag-date{background:#f1f5f9;color:#64748b}.tag-team{background:#dbeafe;color:#2563eb}.btn-add-todo{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-top:1.5rem;background:#137fec0d;color:#5bb8ed;font-weight:700;font-size:.875rem;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease}.btn-add-todo:hover{background:#137fec1a}.empty-todos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#94a3b8}.card-teams{grid-column:span 1;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.teams-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.teams-avatars{display:flex;margin-top:1.5rem}.team-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.875rem;color:#fff;border:3px solid white;margin-left:-12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.team-avatar:first-child{margin-left:0}.team-avatar:hover{transform:translateY(-4px);z-index:10}.team-avatar.avatar-1{background:#5bb8ed}.team-avatar.avatar-2{background:#a78bfa}.team-avatar.avatar-3{background:#10b981}.team-avatar.avatar-4{background:#f59e0b}.team-avatar.avatar-more{background:#64748b;font-size:.7rem}.teams-description{margin-top:1.25rem;font-size:.8rem;color:#94a3b8;line-height:1.5}.empty-teams{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:#94a3b8;flex:1}.empty-teams button{margin-top:.5rem;padding:.5rem 1rem;background:#5bb8ed;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer}.card-notifications{grid-column:span 1;grid-row:span 2;display:flex;flex-direction:column;height:660px}.card-notifications .card-subtitle{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.notification-count{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%}.notifications-list{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;scrollbar-width:none;min-height:0}.notifications-list::-webkit-scrollbar{display:none}.notification-item{display:flex;gap:1rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .2s ease}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#137fec08}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:1rem;color:#64748b;flex-shrink:0}.notification-item.unread .notification-icon{background:#137fec1a;color:#5bb8ed}.notification-content{flex:1;min-width:0}.notification-message{font-size:.8rem;color:#334155;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.btn-read-all{width:100%;padding:.875rem;margin-top:auto;background:#f8fafc;color:#64748b;font-weight:600;font-size:.8rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.btn-read-all:hover{background:#f1f5f9;color:#334155}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#94a3b8}.card-timeline{grid-column:span 2;display:flex;flex-direction:column;height:220px;transition:height .35s ease;overflow:hidden}.card-timeline.expanded{height:auto;max-height:600px}.card-timeline.expanded .timeline-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.card-timeline.expanded .timeline-list::-webkit-scrollbar{width:4px}.card-timeline.expanded .timeline-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.timeline-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;margin-top:auto;background:none;border:none;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:color .2s;flex-shrink:0}.timeline-toggle-btn:hover{color:#5bb8ed}.timeline-toggle-btn svg{transition:transform .35s ease}.card-timeline.expanded .timeline-toggle-btn svg{transform:rotate(180deg)}.timeline-loader{display:flex;justify-content:center;padding:.75rem}.card-timeline .card-subtitle{font-size:.8125rem;color:#94a3b8;margin-top:.125rem}.timeline-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.timeline-list::-webkit-scrollbar{display:none}.timeline-item{display:flex;gap:.75rem;padding:.625rem 1.5rem;cursor:pointer;transition:background .15s ease}.timeline-item:hover{background:#f8fafc;border-radius:.75rem}.timeline-icon{width:32px;height:32px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-icon.tl-blue{background:#eff6ff;color:#3b82f6}.timeline-icon.tl-green{background:#f0fdf4;color:#22c55e}.timeline-icon.tl-yellow{background:#fffbeb;color:#f59e0b}.timeline-icon.tl-red{background:#fef2f2;color:#ef4444}.timeline-icon.tl-gray{background:#f8fafc;color:#94a3b8}.timeline-icon.tl-purple{background:#faf5ff;color:#a855f7}.timeline-icon.tl-sky{background:#f0f9ff;color:#0ea5e9}.timeline-content{flex:1;min-width:0}.timeline-text{font-size:.8125rem;color:#334155;line-height:1.4;margin:0}.timeline-text strong{font-weight:600;color:#1e293b}.timeline-detail{font-size:.75rem;color:#64748b;margin:.125rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-meta{font-size:.6875rem;color:#94a3b8}.card-ai-banner{grid-column:span 2;display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#5bb8ed,#0ea5e9,#06b6d4);border:none;padding:1.75rem 2rem;height:220px}.ai-banner-content{display:flex;flex-direction:column;gap:.75rem;flex:1}.ai-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:1rem;color:#fff}.ai-text h3{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.125rem}.ai-text p{font-size:.8rem;color:#fffc;line-height:1.4}.btn-try-ai{padding:.4rem 1rem;background:#fff;color:#5bb8ed;font-weight:600;font-size:.75rem;border:none;border-radius:.5rem;align-self:flex-start;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-try-ai:hover{background:#f8fafc;transform:translateY(-2px)}.quick-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0}.quick-actions-icons{display:flex;align-items:center;gap:2.5rem}.quick-action-icon-wrapper{position:relative}.quick-action-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000014}.quick-action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.quick-action-add-btn{background:#fff!important;color:#94a3b8;border:2px dashed #e2e8f0;box-shadow:none}.quick-action-add-btn:hover{border-color:#5bb8ed;color:#5bb8ed}.quick-action-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:2px solid white;border-radius:50%;cursor:pointer;z-index:10;transition:all .15s ease}.quick-action-remove:hover{background:#dc2626;transform:scale(1.1)}.quick-action-tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);padding:.375rem .75rem;background:#0f172a;color:#fff;font-size:.7rem;font-weight:500;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.quick-action-icon-wrapper:hover .quick-action-tooltip{opacity:1}.btn-retry{margin-top:1rem;padding:.75rem 1.5rem;background:#5bb8ed;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer}@media(max-width:1400px){.bento-grid{grid-template-columns:repeat(3,1fr)}.stats-bar{grid-column:span 3;order:1}.card-notifications{grid-column:span 1;grid-row:span 1;height:auto;max-height:320px;order:5}.card-meetings{grid-column:span 2;grid-row:span 2;order:2}.card-todos{grid-column:span 1;grid-row:span 2;order:3}.card-teams{grid-column:span 1;order:4}.card-ai-banner{grid-column:span 1;order:6}.card-timeline{grid-column:span 2;order:7}}@media(max-width:1200px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.stats-bar{grid-column:span 2;order:1}.card-meetings{grid-column:span 2;grid-row:span 1;height:auto;max-height:480px;order:2}.card-todos{grid-column:span 1;grid-row:span 1;height:auto;max-height:480px;order:3}.card-notifications{grid-column:span 1;grid-row:span 1;height:auto;max-height:320px;order:4}.card-teams{grid-column:span 2;order:5}.card-ai-banner{grid-column:span 1;order:6}.card-timeline{grid-column:span 1;order:7}.stats-items{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-inner{padding:1.5rem 1rem}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.stats-bar{grid-column:span 1;grid-row:span 1;order:1}.card-meetings{grid-column:span 1;grid-row:span 1;height:auto;max-height:420px;order:2}.card-todos{grid-column:span 1;grid-row:span 1;height:auto;max-height:420px;order:3}.card-notifications{grid-column:span 1;grid-row:span 1;height:auto;max-height:320px;order:4}.card-teams{grid-column:span 1;grid-row:span 1;order:5}.card-ai-banner{grid-column:span 1;grid-row:span 1;order:6}.card-timeline{grid-column:span 1;order:7}.stats-items{grid-template-columns:1fr;gap:1rem}.header-actions{width:100%;justify-content:space-between}.todos-sections{grid-template-columns:1fr}.todos-section:only-child,.todos-section:first-child:not(:only-child){grid-column:span 1;border-right:none;padding-right:0}.quick-actions-icons{gap:1.5rem}}@media(max-width:900px){.greeting-title{font-size:2.2rem}}@media(max-width:600px){.greeting-title{font-size:2rem}.stats-bar{flex-direction:column}.stat-value{font-size:1.5rem}.quick-actions-icons{gap:1rem}.quick-action-btn{width:42px;height:42px}.card-ai-banner{flex-direction:column;text-align:center}.ai-banner-content{flex-direction:column}.btn-try-ai{width:100%}}.page-with-filter-sidebar{display:flex;gap:2rem;min-height:calc(100vh - 4rem)}.filter-sidebar{width:280px;flex-shrink:0}.filter-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.filter-sidebar-header{display:flex;align-items:center;justify-content:space-between}.filter-sidebar-title{font-size:1.25rem;font-weight:700;color:#0f172a}.filter-clear-btn{padding:.375rem .75rem;background:transparent;color:#94a3b8;font-size:.75rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{background:#f1f5f9;color:#64748b}.filter-search{position:relative}.filter-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.filter-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#0f172a;transition:all .2s ease}.filter-search-input::placeholder{color:#94a3b8}.filter-search-input:focus{outline:none;border-color:#5bb8ed;background:#fff;box-shadow:0 0 0 3px #5bb8ed1a}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-section-header{display:flex;align-items:center;justify-content:space-between}.filter-section-title{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.filter-section-count{padding:.125rem .5rem;background:#f1f5f9;color:#64748b;font-size:.65rem;font-weight:700;border-radius:9999px}.filter-date-inputs{display:flex;flex-direction:column;gap:.5rem}.filter-date-row{display:flex;align-items:center;gap:.5rem}.filter-date-label{font-size:.75rem;color:#94a3b8;width:2rem;flex-shrink:0}.filter-date-input{flex:1;padding:.625rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.8rem;color:#0f172a;transition:all .2s ease}.filter-date-input:focus{outline:none;border-color:#5bb8ed;background:#fff}.filter-date-presets{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.filter-preset-btn{padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:.7rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-preset-btn:hover{border-color:#5bb8ed;color:#5bb8ed}.filter-preset-btn.active{background:#5bb8ed;border-color:#5bb8ed;color:#fff}.filter-options{display:flex;flex-direction:column;gap:.25rem}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.filter-option:hover{background:#f8fafc}.filter-option.selected{background:#5bb8ed14}.filter-checkbox{width:18px;height:18px;border:2px solid #e2e8f0;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.filter-option.selected .filter-checkbox{background:#5bb8ed;border-color:#5bb8ed;color:#fff}.filter-option-label{flex:1;font-size:.875rem;color:#334155;font-weight:500}.filter-option.selected .filter-option-label{color:#0f172a;font-weight:600}.filter-option-count{padding:.125rem .5rem;background:#f1f5f9;color:#94a3b8;font-size:.65rem;font-weight:700;border-radius:9999px}.filter-option.selected .filter-option-count{background:#5bb8ed26;color:#5bb8ed}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem}.filter-chip:hover{border-color:#5bb8ed;color:#5bb8ed}.filter-chip.selected{background:#5bb8ed;border-color:#5bb8ed;color:#fff}.filter-chip .chip-count{opacity:.7;font-size:.65rem}.filter-chip.status-todo.selected{background:#64748b;border-color:#64748b}.filter-chip.status-doing.selected{background:#d97706;border-color:#d97706}.filter-chip.status-done.selected{background:#059669;border-color:#059669}.filter-chip.priority-high.selected{background:#dc2626;border-color:#dc2626}.filter-chip.priority-mid.selected{background:#ea580c;border-color:#ea580c}.filter-chip.priority-low.selected{background:#16a34a;border-color:#16a34a}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-tag:hover{border-color:#5bb8ed;color:#5bb8ed}.filter-tag.selected{background:#5bb8ed;border-color:#5bb8ed;color:#fff}.filter-option.priority-high .filter-checkbox{border-color:#fecaca}.filter-option.priority-high.selected .filter-checkbox{background:#dc2626;border-color:#dc2626}.filter-option.priority-mid .filter-checkbox{border-color:#fed7aa}.filter-option.priority-mid.selected .filter-checkbox{background:#ea580c;border-color:#ea580c}.filter-option.priority-low .filter-checkbox{border-color:#bbf7d0}.filter-option.priority-low.selected .filter-checkbox{background:#16a34a;border-color:#16a34a}.filter-option.status-todo .filter-checkbox{border-color:#e2e8f0}.filter-option.status-todo.selected .filter-checkbox{background:#64748b;border-color:#64748b}.filter-option.status-doing .filter-checkbox{border-color:#fde68a}.filter-option.status-doing.selected .filter-checkbox{background:#d97706;border-color:#d97706}.filter-option.status-done .filter-checkbox{border-color:#a7f3d0}.filter-option.status-done.selected .filter-checkbox{background:#059669;border-color:#059669}.filter-main-content{flex:1;min-width:0}.filter-divider{height:1px;background:#f1f5f9;margin:.5rem 0}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:1rem;margin-bottom:1.5rem}.active-filter-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;font-size:.75rem;font-weight:500;color:#334155}.active-filter-remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;transition:all .15s ease}.active-filter-remove:hover{background:#e2e8f0;color:#64748b}.filter-mobile-close,.filter-backdrop,.filter-mobile-toggle{display:none}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#5bb8ed;color:#fff;font-size:.65rem;font-weight:700;border-radius:9999px}@media(max-width:1024px){.page-with-filter-sidebar{flex-direction:column}.filter-sidebar{width:100%;position:relative;top:0;max-height:none}.filter-sidebar-card{border-radius:1rem}}@media(max-width:768px){.filter-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:calc(100vw - 48px);z-index:150;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;background:#fff;padding:1rem}.filter-sidebar.mobile-open{transform:translate(0)}.filter-sidebar-card{border:none;border-radius:0}.filter-mobile-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;color:#64748b;transition:all .2s ease}.filter-mobile-close:hover{background:#f1f5f9;color:#0f172a}.filter-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:149}.filter-mobile-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s ease}.filter-mobile-toggle:hover{border-color:#5bb8ed;color:#5bb8ed}.filter-sidebar-card{padding:1rem;gap:1rem}.filter-date-presets{gap:.25rem}.filter-preset-btn{padding:.25rem .5rem;font-size:.65rem}}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px}.ui-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:none;border-radius:8px;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.ui-page-btn:hover:not(:disabled):not(.active){color:#475569;background:#0000000a}.ui-page-btn.active{background:transparent;border:none;color:var(--primary-deeper, #5bb8ed);font-weight:700}.ui-page-btn:disabled{opacity:.3;cursor:not-allowed}.mypage{min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#f8fafc,#eef6ff)}.mypage-inner{max-width:960px;margin:0 auto;padding:2.5rem 2rem}.mypage-hero{display:flex;align-items:center;gap:1.5rem;padding-bottom:2rem}.mypage-avatar{width:68px;height:68px;min-width:68px;border-radius:50%;background:linear-gradient(135deg,#5bb8ed,#38bdf8);color:#fff;font-size:1.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px -6px #5bb8ed66}.mypage-hero-info{flex:1;min-width:0}.mypage-hero-name{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.3;letter-spacing:-.02em}.mypage-hero-email{color:#64748b;font-size:.85rem;margin-top:.1rem;word-break:break-all}.mypage-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mypage-col-left{min-width:0}.mypage-col-right{min-width:0;height:0;min-height:100%}.mypage-row-danger{margin-top:.5rem}.mypage-row{padding:2.25rem 0;border-top:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:space-between;gap:1rem}.mypage-row-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.mypage-row-icon{width:32px;height:32px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mypage-row-icon.blue{background:#3b82f61a;color:#3b82f6}.mypage-row-icon.amber{background:#d977061a;color:#d97706}.mypage-row-icon.red{background:#dc26261a;color:#dc2626}.mypage-row-text h3{font-size:.875rem;font-weight:600;color:#0f172a;line-height:1.4}.mypage-row-text p{font-size:.775rem;color:#94a3b8;line-height:1.4;margin-top:.1rem}.mypage-row-text.danger h3{color:#dc2626}.mypage-status{font-size:.75rem;font-weight:500;margin-top:.15rem}.mypage-status.connected{color:#16a34a}.mypage-status.disconnected{color:#94a3b8}.mypage-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;margin-left:.35rem}.mypage-dot.on{background:#22c55e;box-shadow:0 0 6px #22c55e80}.mypage-dot.off{background:#cbd5e1}.mypage-row-right{flex-shrink:0}.mypage-account-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem;border-top:1px solid rgba(148,163,184,.2)}.mypage-account-info-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mypage-account-info-item>svg{color:#94a3b8;flex-shrink:0}.mypage-account-info-label{color:#94a3b8;min-width:3rem}.mypage-account-info-value{color:#334155;font-weight:500}.mypage-social-section>.mypage-row{border-top:1px solid rgba(148,163,184,.2)}.mypage-social-list{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.5rem}.mypage-social-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .5rem;border-radius:.5rem;transition:background .15s}.mypage-social-item:hover{background:#f1f5f980}.mypage-social-item-left{display:flex;align-items:center;gap:.6rem}.mypage-social-logo{width:30px;height:30px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mypage-social-logo.kakao{background:#fee500;color:#391b1b}.mypage-social-logo.google{background:#f8f9fa;border:1px solid rgba(148,163,184,.2)}.mypage-social-name{font-size:.825rem;font-weight:600;color:#1e293b}.mypage-social-badge-soon{font-size:.65rem;font-weight:500;color:#94a3b8;background:#94a3b81a;padding:.1rem .4rem;border-radius:.25rem}.mypage-social-item-right{flex-shrink:0}.mypage-row-icon.green{background:#16a34a1a;color:#16a34a}.mypage-col-right{display:flex;flex-direction:column}.mypage-section-login-history{background:#fff9;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:0 1.25rem;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mypage-section-login-history>.mypage-row{border-top:none}.mypage-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);background:transparent;color:#64748b;cursor:pointer;transition:all .15s}.mypage-collapse-btn:hover{background:#94a3b81a;color:#334155}.mypage-login-history-lock{position:relative;overflow:hidden;border-radius:.75rem;flex:1}.mypage-login-history-dummy{display:flex;flex-direction:column;flex:1;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.mypage-login-history-blur-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff73;z-index:2;cursor:pointer;transition:background .2s}.mypage-login-history-blur-overlay:not(.with-input):hover{background:#ffffff8c}.mypage-login-history-blur-overlay.with-input{cursor:default;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c}.mypage-login-history-blur-overlay>svg{color:#475569}.mypage-login-history-blur-overlay p{font-size:.8rem;color:#475569;font-weight:500}.mypage-login-history-lock-input{display:flex;align-items:center;gap:.5rem;width:100%;max-width:320px;padding:0 1rem}.mypage-login-history-lock-input .relative{flex:1}.mypage-login-history-content{padding:0 0 1rem;flex:1;display:flex;flex-direction:column;min-height:0}.mypage-login-history-loading,.mypage-login-history-empty{text-align:center;flex:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#94a3b8}.mypage-login-history-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.mypage-login-history-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background .15s;color:#64748b}.mypage-login-history-item:hover{background:#f1f5f999}.mypage-login-history-item>svg{flex-shrink:0;color:#94a3b8}.mypage-login-history-action{font-size:.7rem;font-weight:600;padding:.1rem .35rem;border-radius:.25rem;flex-shrink:0}.mypage-login-history-action.login{color:#2563eb;background:#2563eb14}.mypage-login-history-action.logout{color:#64748b;background:#64748b14}.mypage-login-history-meta{font-size:.7rem;color:#64748b;flex-shrink:0}.mypage-login-history-ip{font-size:.7rem;color:#94a3b8;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-login-history-time{font-size:.7rem;color:#94a3b8;flex-shrink:0;text-align:right}@media(max-width:640px){.mypage-inner{padding:1.5rem 1.25rem}.mypage-hero{flex-direction:column;text-align:center;gap:.75rem}.mypage-row{flex-direction:column;align-items:flex-start;gap:.75rem}.mypage-row-right{align-self:flex-end}.mypage-grid{grid-template-columns:1fr;gap:1.5rem}.mypage-col-right{height:auto;min-height:0}.mypage-login-history-meta,.mypage-login-history-ip{display:none}}.notice-form-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.notice-form-modal{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.notice-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.notice-form-header h2{font-size:1.125rem;font-weight:700;color:#0f172a}.notice-form-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:8px;transition:all .15s}.notice-form-close:hover{background:#f1f5f9;color:#0f172a}.notice-form-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.notice-form-field{display:flex;flex-direction:column;gap:.375rem}.notice-form-field label{font-size:.8125rem;font-weight:600;color:#374151}.notice-form-field input{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;outline:none;transition:border-color .15s}.notice-form-field input:focus{border-color:var(--primary-deeper, #5bb8ed)}.notice-form-field textarea{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;outline:none;resize:vertical;min-height:160px;font-family:inherit;line-height:1.6;transition:border-color .15s}.notice-form-field textarea:focus{border-color:var(--primary-deeper, #5bb8ed)}.notice-form-toggles{display:flex;gap:1.25rem}.notice-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.notice-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-deeper, #5bb8ed);cursor:pointer}.notice-form-files{display:flex;flex-direction:column;gap:.5rem}.notice-files-header{display:flex;align-items:center;gap:.5rem}.notice-files-label{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;color:#374151}.notice-files-add{margin-left:auto;padding:.25rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.notice-files-add:hover{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed)}.notice-files-drop{border:2px dashed #e2e8f0;border-radius:10px;padding:1rem;min-height:60px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.notice-files-drop.drag-over{border-color:var(--primary-deeper, #5bb8ed);background:var(--primary-light, rgba(169, 218, 249, .15))}.notice-files-hint{font-size:.8125rem;color:#94a3b8;text-align:center}.notice-files-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:.375rem}.notice-file-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#f8fafc;border-radius:8px}.notice-file-item.new{background:#f0fdf4}.notice-file-name{flex:1;font-size:.8125rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-file-size{font-size:.75rem;color:#94a3b8;flex-shrink:0}.notice-file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:4px;transition:color .15s;flex-shrink:0}.notice-file-remove:hover{color:#ef4444}.notice-form-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #f1f5f9}.notice-form-cancel{padding:.5rem 1.25rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.notice-form-cancel:hover{border-color:#94a3b8;color:#0f172a}.notice-form-submit{padding:.5rem 1.5rem;border:none;border-radius:10px;background:var(--primary-deeper, #5bb8ed);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.notice-form-submit:hover:not(:disabled){background:var(--primary-dark, #3a9fd4)}.notice-form-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.notice-form-modal{max-height:95vh;border-radius:12px}.notice-form-body,.notice-form-header{padding:1rem}}.admin-page{min-height:calc(100vh - 80px);background:var(--background, #f8fafc)}.admin-layout{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{width:260px;min-width:260px;padding:1.5rem .5rem 1.5rem 1.5rem;position:sticky;top:80px;align-self:flex-start}.admin-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.admin-sidebar-group{padding:.375rem 0}.admin-sidebar-group+.admin-sidebar-group{border-top:1px solid #f1f5f9;padding-top:.75rem;margin-top:.25rem}.admin-sidebar-group-title{padding:.25rem .75rem;font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.admin-sidebar-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .75rem;border:none;background:transparent;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;border-radius:.75rem}.admin-sidebar-item:hover:not(.disabled){background:#f8fafc;color:#0f172a}.admin-sidebar-item.active{background:#5bb8ed14;color:var(--primary-deeper, #5bb8ed);font-weight:600}.admin-sidebar-item.disabled{color:#cbd5e1;cursor:default}.admin-sidebar-item.disabled:hover{background:transparent}.admin-sidebar-badge{margin-left:auto;padding:.0625rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:600;background:#f1f5f9;color:#94a3b8;white-space:nowrap}.admin-content{flex:1;padding:2rem;max-width:calc(100% - 260px);overflow-x:hidden}.admin-content-title{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:1.5rem}.admin-content-title-accent{color:var(--primary-deeper, #5bb8ed)}.admin-coming-soon{position:relative}.admin-coming-soon-content{filter:blur(1.5px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.admin-coming-soon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.admin-coming-soon-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2rem 2.5rem;text-align:center;box-shadow:0 8px 32px #00000014}.admin-coming-soon-card svg{color:var(--primary-deeper, #5bb8ed);margin-bottom:.75rem}.admin-coming-soon-card h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .375rem}.admin-coming-soon-card p{font-size:.8125rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.admin-coming-soon-tag{display:inline-flex;padding:.25rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:var(--primary-light, rgba(169, 218, 249, .2));color:var(--primary-deeper, #5bb8ed)}.admin-mock-row{display:flex;gap:1rem;margin-bottom:1rem}.admin-mock-card{flex:1;background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:1.25rem}.admin-mock-card h4{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.admin-mock-bar{height:8px;background:#f1f5f9;border-radius:4px;margin-bottom:.5rem}.admin-mock-bar.short{width:60%}.admin-mock-bar.medium{width:80%}.admin-mock-bar.accent{background:var(--primary-light, rgba(169, 218, 249, .3))}.admin-mock-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.admin-mock-toggle:last-child{border-bottom:none}.admin-mock-toggle-label{font-size:.8125rem;color:#334155;font-weight:500}.admin-mock-toggle-switch{width:36px;height:20px;border-radius:10px;background:#e2e8f0;position:relative}.admin-mock-toggle-switch.on{background:var(--primary-deeper, #5bb8ed)}.admin-mock-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.admin-mock-toggle-switch.on:after{left:18px}.admin-mock-plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.admin-mock-plan{background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:1.25rem;text-align:center}.admin-mock-plan.featured{border-color:var(--primary-deeper, #5bb8ed);box-shadow:0 0 0 1px var(--primary-deeper, #5bb8ed)}.admin-mock-plan-name{font-size:.8125rem;font-weight:700;color:#64748b;margin-bottom:.5rem}.admin-mock-plan-price{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.admin-mock-plan-price .period{font-size:.75rem;font-weight:500;color:#94a3b8}.admin-mock-plan-desc{font-size:.75rem;color:#94a3b8}.admin-mock-org-tree{display:flex;flex-direction:column;gap:.75rem}.admin-mock-org-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid #e0e5eb;border-radius:12px}.admin-mock-org-item.sub{margin-left:2rem;border-left:2px solid var(--primary-deeper, #5bb8ed)}.admin-mock-org-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.admin-mock-org-info{flex:1}.admin-mock-org-name{font-size:.875rem;font-weight:600;color:#0f172a}.admin-mock-org-meta{font-size:.75rem;color:#94a3b8}.admin-sub-tabs{display:flex;gap:.25rem;background:#fff;border-radius:10px;padding:.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e0e5eb;width:fit-content}.admin-sub-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem 1rem;border-radius:7px;border:none;background:transparent;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-sub-tab:hover:not(.disabled){color:#0f172a;background:#f8fafc}.admin-sub-tab.active{background:var(--primary-deeper, #5bb8ed);color:#fff}.admin-sub-tab.disabled{color:#cbd5e1;cursor:default}.admin-sub-tab-badge{padding:.0625rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:600;background:#f1f5f9;color:#94a3b8}.admin-sub-tab.disabled .admin-sub-tab-badge{background:#f1f5f9;color:#cbd5e1}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6b7280}.admin-loading .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-deeper, #5bb8ed);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.admin-stat-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e0e5eb;transition:transform .15s,box-shadow .15s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.admin-stat-icon.users{background:#eff6ff;color:#3b82f6}.admin-stat-icon.teams{background:#f0fdf4;color:#22c55e}.admin-stat-icon.meetings{background:#fef3c7;color:#f59e0b}.admin-stat-icon.ai{background:#faf5ff;color:#8b5cf6}.admin-stat-info{min-width:0}.admin-stat-label{font-size:.8125rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.admin-stat-value{font-size:1.75rem;font-weight:700;color:#0f172a}.admin-stat-value .unit{font-size:.875rem;font-weight:500;color:#94a3b8;margin-left:.25rem}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.admin-mini-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e0e5eb;overflow:hidden;transition:box-shadow .15s}.admin-mini-card:hover{box-shadow:0 4px 12px #00000014}.admin-mini-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.admin-mini-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:#0f172a;margin:0}.admin-mini-card-header h3 svg{color:#64748b}.admin-mini-card-link{display:inline-flex;align-items:center;gap:.125rem;font-size:.8125rem;font-weight:500;color:var(--primary-deeper, #5bb8ed);background:none;border:none;cursor:pointer;transition:opacity .15s;white-space:nowrap}.admin-mini-card-link:hover{opacity:.7}.admin-mini-card-list{padding:.375rem 0}.admin-mini-card-row{display:flex;align-items:center;gap:.625rem;padding:.5rem 1.25rem;font-size:.8125rem;transition:background .1s}.admin-mini-card-row:hover{background:#f8fafc}.admin-mini-card-primary{font-weight:600;color:#334155;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mini-card-secondary{color:#94a3b8;font-size:.75rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mini-card-date{margin-left:auto;color:#94a3b8;font-size:.75rem;white-space:nowrap;flex-shrink:0}.admin-mini-card-empty{padding:2rem 1.25rem;text-align:center;color:#94a3b8;font-size:.8125rem}.admin-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e0e5eb;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}.admin-table-wrapper:hover{scrollbar-color:rgba(0,0,0,.15) transparent}.admin-table-wrapper::-webkit-scrollbar{height:6px}.admin-table-wrapper::-webkit-scrollbar-track{background:transparent}.admin-table-wrapper::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.admin-table-wrapper:hover::-webkit-scrollbar-thumb{background:#00000026}.admin-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0000004d}.admin-table{width:100%;min-width:700px;border-collapse:collapse;font-size:.875rem}.admin-table thead{background:#f8fafc}.admin-table th{padding:.75rem 1rem;text-align:center;font-weight:600;color:#64748b;font-size:.8125rem;white-space:nowrap;border-bottom:1px solid #f1f5f9}.admin-table td{padding:.75rem 1rem;color:#334155;border-bottom:1px solid #f8fafc;white-space:nowrap;text-align:center}.admin-table tbody tr:hover{background:var(--primary-light, rgba(169, 218, 249, .15))}.admin-table tbody tr:last-child td{border-bottom:none}.admin-user-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.admin-user-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#94a3b8;flex:1;min-width:180px;max-width:320px;transition:border-color .15s}.admin-user-search:focus-within{border-color:var(--primary-deeper, #5bb8ed)}.admin-user-search input{border:none;outline:none;background:none;font-size:.8125rem;color:#0f172a;width:100%}.admin-user-search input::placeholder{color:#94a3b8}.admin-user-filters{display:flex;gap:.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.25rem}.admin-user-filter-btn{padding:.375rem .75rem;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-user-filter-btn:hover{color:#0f172a;background:#f8fafc}.admin-user-filter-btn.active{background:var(--primary-deeper, #5bb8ed);color:#fff}.admin-user-count{font-size:.8125rem;color:#64748b;margin-bottom:.75rem}.admin-user-count strong{color:#0f172a;font-weight:700}.admin-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s;white-space:nowrap}.admin-th-sortable:hover{color:var(--primary-deeper, #5bb8ed)}.admin-th-inner{display:inline-flex;align-items:center;gap:3px}.admin-th-inner svg{flex-shrink:0;color:var(--primary-deeper, #5bb8ed)}.admin-th-sortable svg.admin-sort-idle{color:#cbd5e1}.role-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.role-badge.super-admin{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.role-badge.admin{background:#faf5ff;color:#7c3aed;border:1px solid #e9d5ff}.role-badge.user{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.role-change-btn{padding:.25rem .75rem;border-radius:6px;border:1px solid #e0e5eb;background:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.role-change-btn:hover{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed);background:var(--primary-light, rgba(169, 218, 249, .15))}.oauth-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.oauth-badge.kakao{background:#fef9c3;color:#a16207;border:1px solid #fde68a}.oauth-badge.google{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.oauth-none{color:#cbd5e1}.admin-empty{padding:3rem 1rem;text-align:center;color:#94a3b8;font-size:.875rem}.admin-notices-header{display:flex;gap:.5rem;align-items:center;margin-left:auto}.admin-notices-view{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;border:1px solid #e0e5eb;border-radius:8px;background:#fff;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-notices-view:hover{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed)}.admin-page .notices-write-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;border-radius:8px;border:none;background:var(--primary-deeper, #5bb8ed);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.admin-page .notices-write-btn:hover{background:var(--primary-dark, #3a9fd4)}.admin-notices-table th:nth-child(3),.admin-notices-table th:nth-child(4),.admin-notices-table td:nth-child(3),.admin-notices-table td:nth-child(4){text-align:center;vertical-align:middle}.admin-notices-table td:nth-child(3) svg,.admin-notices-table td:nth-child(4) svg{display:inline-block;vertical-align:middle}.admin-notice-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notice-actions{display:flex;gap:.25rem;justify-content:center}.admin-notice-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e0e5eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .15s}.admin-notice-btn.edit{color:var(--primary-deeper, #5bb8ed)}.admin-notice-btn.edit:hover{border-color:var(--primary-deeper, #5bb8ed);background:var(--primary-light, rgba(169, 218, 249, .15))}.admin-notice-btn.delete{color:#ef4444}.admin-notice-btn.delete:hover{border-color:#ef4444;background:#fef2f2}.text-amber-600{color:#d97706}.text-red-500{color:#ef4444}.admin-row-clickable{cursor:pointer;transition:background .15s}.admin-row-clickable:hover{background:#f8fafc}.admin-notice-preview-modal{max-width:860px!important;width:90vw!important}.admin-notice-preview{display:flex;flex-direction:column;gap:1.25rem}.admin-notice-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.admin-notice-preview-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.admin-notice-preview-badges{display:flex;gap:.5rem;margin-bottom:.5rem}.admin-notice-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:600}.admin-notice-badge.pinned{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.admin-notice-badge.important{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.admin-notice-preview-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.admin-notice-preview-content{padding:1.5rem;font-size:.9375rem;line-height:1.7;color:#0f172a;min-height:180px;max-height:520px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.admin-notice-preview-content img{max-width:100%;border-radius:.5rem}.admin-notice-preview-attachments{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem 1rem;background:#f1f5f9;border-radius:.5rem;font-size:.8125rem}.admin-notice-preview-att-label{font-weight:600;color:#64748b;margin-right:.25rem}.admin-notice-preview-att-link{color:var(--primary-deeper, #5bb8ed);text-decoration:underline}.admin-notice-preview-footer{display:flex;gap:1rem;font-size:.8125rem;color:#94a3b8;padding-top:.75rem;border-top:1px solid #f1f5f9}.admin-noti-section{max-width:100%;overflow:hidden}.admin-noti-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.75rem;min-width:0}.admin-noti-field{margin-bottom:1.5rem}.admin-noti-label{display:block;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem}.admin-noti-radios{display:flex;flex-wrap:wrap;gap:.5rem}.admin-noti-radio{display:flex;align-items:center;gap:0;cursor:pointer;font-size:.8125rem;color:#64748b}.admin-noti-radio input[type=radio]{display:none}.admin-noti-radio span{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;border:1px solid #e2e8f0;background:#f8fafc;font-weight:600;font-size:.8125rem;color:#64748b;transition:all .2s ease}.admin-noti-radio:hover span{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed)}.admin-noti-radio input[type=radio]:checked+span{background:var(--primary-deeper, #5bb8ed);border-color:var(--primary-deeper, #5bb8ed);color:#fff}.admin-noti-checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:.5rem;margin-left:.25rem;-webkit-user-select:none;user-select:none}.admin-noti-checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:3px;cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease}.admin-noti-checkbox-option input[type=checkbox]:checked{background:#5bb8ed;border-color:#5bb8ed}.admin-noti-checkbox-option input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-noti-checkbox-option span{font-size:.75rem;font-weight:500;color:#64748b}.admin-noti-select{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#0f172a;background:#f8fafc;outline:none;transition:all .2s ease}.admin-noti-select:focus{border-color:var(--primary-deeper, #5bb8ed);background:#fff;box-shadow:0 0 0 3px #5bb8ed1a}.admin-noti-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#0f172a;background:#f8fafc;outline:none;transition:all .2s ease}.admin-noti-input::placeholder{color:#94a3b8}.admin-noti-input:focus{border-color:var(--primary-deeper, #5bb8ed);background:#fff;box-shadow:0 0 0 3px #5bb8ed1a}.admin-noti-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#0f172a;background:#f8fafc;outline:none;resize:vertical;font-family:inherit;line-height:1.6;transition:all .2s ease}.admin-noti-textarea::placeholder{color:#94a3b8}.admin-noti-textarea:focus{border-color:var(--primary-deeper, #5bb8ed);background:#fff;box-shadow:0 0 0 3px #5bb8ed1a}.admin-noti-checkbox{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.875rem;color:#334155;font-weight:500;padding:.625rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;width:fit-content;transition:all .2s ease}.admin-noti-checkbox:hover{border-color:var(--primary-deeper, #5bb8ed)}.admin-noti-checkbox input[type=checkbox]{accent-color:var(--primary-deeper, #5bb8ed);width:16px;height:16px}.noti-recipient-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.noti-recipient-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;background:#5bb8ed1a;color:var(--primary-deeper, #5bb8ed);border:1px solid rgba(91,184,237,.25);border-radius:9999px;font-size:.8125rem;font-weight:500}.noti-recipient-tag button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--primary-deeper, #5bb8ed);cursor:pointer;padding:0;opacity:.6;transition:opacity .15s}.noti-recipient-tag button:hover{opacity:1}.noti-user-picker{position:relative}.noti-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;cursor:pointer;transition:all .2s;text-align:left}.noti-picker-trigger:hover{border-color:#5bb8ed80}.noti-picker-placeholder{font-size:.875rem;color:#94a3b8}.noti-picker-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.noti-picker-chevron.open{transform:rotate(180deg)}.noti-picker-dropdown{position:absolute;top:calc(100% + .375rem);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 8px 30px #00000014;z-index:50;overflow:hidden}.noti-picker-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#94a3b8}.noti-picker-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#0f172a;background:transparent}.noti-picker-search input::placeholder{color:#cbd5e1}.noti-picker-list{max-height:240px;overflow-y:auto}.noti-picker-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s}.noti-picker-item:hover{background:#f8fafc}.noti-picker-item.selected{background:#5bb8ed14}.noti-picker-item.highlight{background:#f1f5f9}.noti-picker-check{width:1.125rem;flex-shrink:0;font-size:.8125rem;font-weight:700;color:var(--primary-deeper, #5bb8ed)}.noti-picker-name{font-size:.875rem;font-weight:600;color:#0f172a}.noti-picker-email{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noti-picker-empty{padding:1.5rem 1rem;text-align:center;font-size:.8125rem;color:#94a3b8}.admin-noti-user-list{max-height:240px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:1rem;margin-top:.5rem;background:#f8fafc}.admin-noti-user-item{display:flex;align-items:center;gap:.75rem;border:1px solid transparent;padding:.625rem 1rem;cursor:pointer;transition:all .15s ease;font-size:.875rem;border-radius:.75rem;margin:.125rem .25rem}.admin-noti-user-item:hover{background:#fff}.admin-noti-user-item input[type=checkbox],.admin-noti-user-item input[type=radio]{accent-color:var(--primary-deeper, #5bb8ed);flex-shrink:0;width:16px;height:16px;cursor:pointer}.admin-noti-user-item.selected{background:var(--primary-light, rgba(169, 218, 249, .15));border-color:var(--primary-deeper, #5bb8ed)}.admin-noti-selected-user{font-weight:600;color:var(--primary-deeper, #5bb8ed);font-size:.75rem}.admin-noti-user-info{display:flex;gap:.5rem;align-items:baseline;min-width:0}.admin-noti-user-name{font-weight:600;color:#0f172a}.admin-noti-user-email{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-noti-send-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;border:none;background:var(--primary-deeper, #5bb8ed);color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #5bb8ed4d}.admin-noti-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #5bb8ed66}.admin-noti-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.admin-noti-send-btn.email{background:linear-gradient(135deg,#5bb8ed,#38bdf8);box-shadow:0 2px 8px #5bb8ed4d}.admin-noti-send-btn.email:hover:not(:disabled){box-shadow:0 4px 16px #5bb8ed66}.admin-noti-textarea-lg{min-height:240px}.admin-noti-preview-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.admin-noti-preview-badge{display:inline-flex;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--primary-light, rgba(169, 218, 249, .2));color:var(--primary-deeper, #5bb8ed)}.admin-noti-preview-count{font-size:.8125rem;font-weight:500;color:#334155}.admin-noti-preview-email{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;background:#fef3c7;color:#92400e;font-weight:500}.admin-noti-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem}.admin-noti-preview-title{font-size:.9375rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.admin-noti-preview-message{font-size:.875rem;color:#475569;line-height:1.6;white-space:pre-wrap}.admin-noti-log-section{margin-top:0}.admin-noti-log-row{cursor:pointer}.admin-noti-log-title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}.admin-noti-log-type{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.admin-noti-log-detail-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:.8125rem;color:#94a3b8}.admin-noti-detail-modal-wide{max-width:560px!important}.admin-noti-detail-email-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.admin-noti-detail-email-header{background:linear-gradient(135deg,#5bb8ed,#7bc4f0);padding:1rem 1.25rem;color:#fff}.admin-noti-detail-email-label{font-size:.75rem;font-weight:500;opacity:.85;display:block;margin-bottom:.25rem}.admin-noti-detail-email-subject{font-size:1.0625rem;font-weight:700;display:block}.admin-noti-detail-email-body{padding:1.25rem;font-size:.875rem;color:#334155;line-height:1.8;white-space:pre-wrap;max-height:320px;overflow-y:auto}@media(max-width:768px){.admin-layout{flex-direction:column;padding:1rem;gap:1rem}.admin-sidebar{width:100%;min-width:100%;height:auto;position:static;padding:0;overflow:visible}.admin-sidebar-card{padding:1rem;gap:.125rem}.admin-sidebar-group{padding:.375rem 0;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.admin-sidebar-group+.admin-sidebar-group{padding-top:.75rem;margin-top:.375rem}.admin-sidebar-group-title{width:100%;padding:0;margin-bottom:.125rem}.admin-sidebar-item{width:auto;padding:.4rem .75rem;border-radius:9999px;font-size:.75rem;gap:.375rem;border:1px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.admin-sidebar-item:hover:not(.disabled){border-color:#5bb8ed;color:#5bb8ed;background:#f8fafc}.admin-sidebar-item.active{background:var(--primary-deeper, #5bb8ed);color:#fff;border-color:var(--primary-deeper, #5bb8ed)}.admin-sidebar-item.disabled{background:#f8fafc;border-color:#e2e8f0}.admin-sidebar-badge{display:inline;font-size:.5625rem;padding:.0625rem .3125rem}.admin-content{max-width:100%;padding:0}.admin-content-title{font-size:1.25rem;margin-bottom:1rem}.admin-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-stat-card{padding:1rem}.admin-stat-icon{width:36px;height:36px;border-radius:10px}.admin-stat-icon svg{width:16px;height:16px}.admin-stat-value{font-size:1.375rem}.admin-dashboard-grid{grid-template-columns:1fr;gap:1rem}.admin-user-toolbar{flex-direction:column;align-items:stretch}.admin-user-search{max-width:100%}.admin-user-filters{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-sub-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-sub-tab{flex:1;text-align:center;justify-content:center;padding:.4375rem .625rem;font-size:.75rem}}@media(max-width:480px){.admin-stats{grid-template-columns:1fr}.admin-stat-card{padding:.875rem 1rem}}.admin-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.admin-charts.two-col{grid-template-columns:repeat(2,1fr)}.admin-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 2px 12px #0000000a;transition:box-shadow .2s;-webkit-user-select:none;user-select:none}.admin-chart-card:hover{box-shadow:0 4px 20px #00000014}.admin-chart-card h3{font-size:.9rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.admin-chart-period{font-size:.7rem;font-weight:500;color:#94a3b8;background:#f1f5f9;padding:.15rem .5rem;border-radius:6px}.admin-chart-days-bar{display:flex;gap:.375rem;margin-bottom:.75rem;justify-content:flex-end}.admin-chart-days-btn{padding:.3rem .75rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.admin-chart-days-btn:hover{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed)}.admin-chart-days-btn.active{background:var(--primary-deeper, #5bb8ed);border-color:var(--primary-deeper, #5bb8ed);color:#fff}.admin-chart-card .recharts-tooltip-wrapper{font-size:.8rem}@media(max-width:1024px){.admin-charts,.admin-charts.two-col{grid-template-columns:1fr}}.admin-settings-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;font-size:.8125rem;font-weight:500;color:#92400e;margin-bottom:1.5rem}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-settings-card{background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #0000000f;position:relative}.admin-settings-card h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.admin-settings-card h4 svg{color:#64748b}.admin-settings-card-blurred{position:relative}.admin-settings-card-blurred:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:16px;pointer-events:none;z-index:1}.admin-settings-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.admin-settings-item:last-child{border-bottom:none}.admin-settings-item.blurred{opacity:.5;pointer-events:none}.admin-settings-item.warning{background:#fef2f2;margin:0 -1.25rem;padding:.75rem 1.25rem;border-radius:8px}.admin-settings-label-wrap{display:flex;align-items:center;gap:.5rem}.admin-settings-label{font-size:.8125rem;font-weight:500;color:#334155}.admin-settings-help{position:relative;display:inline-flex;align-items:center;color:#94a3b8;cursor:help;flex-shrink:0}.admin-settings-help:hover{color:var(--primary-deeper, #5bb8ed)}.admin-settings-tooltip{display:none;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#1e293b;color:#f1f5f9;font-size:.75rem;font-weight:500;line-height:1.5;padding:.5rem .75rem;border-radius:8px;white-space:normal;width:max-content;max-width:240px;z-index:100;box-shadow:0 4px 16px #0003;pointer-events:none}.admin-settings-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.admin-settings-help:hover .admin-settings-tooltip{display:block}.admin-settings-future-badge{display:inline-flex;padding:.0625rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:600;background:#f1f5f9;color:#94a3b8}.admin-toggle-switch{position:relative;width:40px;height:22px;border-radius:11px;border:none;background:#e2e8f0;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.admin-toggle-switch.on{background:var(--primary-deeper, #5bb8ed)}.admin-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.admin-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:left .2s;pointer-events:none}.admin-toggle-switch.on .admin-toggle-knob{left:20px}.admin-settings-limit{display:flex;align-items:center;gap:.5rem}.admin-settings-limit-input{width:72px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.8125rem;text-align:center;outline:none;transition:border-color .15s}.admin-settings-limit-input:focus{border-color:var(--primary-deeper, #5bb8ed)}.admin-settings-limit-input:disabled{background:#f8fafc;color:#94a3b8}.admin-settings-limit-btn{padding:.375rem .75rem;border-radius:8px;border:1px solid var(--primary-deeper, #5bb8ed);background:#fff;color:var(--primary-deeper, #5bb8ed);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.admin-settings-limit-btn:hover:not(:disabled){background:var(--primary-deeper, #5bb8ed);color:#fff}.admin-settings-limit-btn:disabled{opacity:.4;cursor:not-allowed}.admin-noti-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.admin-noti-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;position:sticky;top:100px;overflow:hidden}.admin-noti-preview-panel-header{padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;color:#64748b;border-bottom:1px solid #f1f5f9;background:#fafbfc;letter-spacing:.02em}.admin-noti-preview-panel-body{padding:1.25rem}.admin-noti-preview-panel-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a3b8;font-size:.875rem;text-align:center;line-height:1.7}.admin-noti-preview-panel-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.admin-noti-preview-email-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;background:#fef3c7;color:#92400e;font-weight:500}.admin-noti-preview-email-card{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;font-size:.8125rem}.admin-noti-preview-email-from,.admin-noti-preview-email-to{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid #f1f5f9;color:#475569;font-size:.8125rem}.admin-noti-preview-email-from-label{font-size:.6875rem;font-weight:600;color:#94a3b8;min-width:32px;text-transform:uppercase}.admin-noti-preview-email-subject{padding:.75rem 1rem;font-weight:700;font-size:.875rem;color:#0f172a;border-bottom:1px solid #f1f5f9}.admin-noti-preview-email-tag{color:var(--primary-deeper, #5bb8ed);margin-right:.25rem;font-weight:600}.admin-noti-preview-email-body{padding:1rem;color:#475569;line-height:1.7;white-space:pre-wrap;min-height:100px;max-height:300px;overflow-y:auto;font-size:.8125rem}.admin-noti-preview-noti-card{display:flex;gap:.75rem;padding:1rem;border:1px solid #e2e8f0;border-radius:10px;border-left:3px solid var(--primary-deeper, #5bb8ed);background:#fafbfc}.admin-noti-preview-noti-icon{display:flex;align-items:flex-start;padding-top:.125rem;color:var(--primary-deeper, #5bb8ed);flex-shrink:0}.admin-noti-preview-noti-content{flex:1;min-width:0}.admin-noti-preview-noti-title{font-size:.875rem;font-weight:700;color:#0f172a;margin-bottom:.375rem;word-break:break-word}.admin-noti-preview-noti-message{font-size:.8125rem;color:#475569;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.admin-noti-preview-noti-time{font-size:.6875rem;color:#94a3b8;margin-top:.5rem}@media(max-width:768px){.admin-settings-grid,.admin-charts,.admin-charts.two-col,.admin-noti-split{grid-template-columns:1fr}.admin-noti-preview-panel{position:static}.admin-noti-card{padding:.875rem;border-radius:.75rem}.admin-noti-field{margin-bottom:1rem}.admin-noti-label{font-size:.6875rem;margin-bottom:.5rem}.admin-noti-radio span{padding:.375rem .75rem;font-size:.75rem}.admin-noti-checkbox-option span{font-size:.6875rem}.admin-noti-input,.admin-noti-textarea,.admin-noti-select{font-size:.75rem;padding:.5rem .625rem;border-radius:.625rem}.admin-noti-textarea-lg{min-height:140px}.admin-noti-send-btn{width:100%;justify-content:center;padding:.625rem 1rem;font-size:.8125rem}.noti-recipient-tag{font-size:.6875rem;padding:.2rem .5rem}.noti-picker-trigger{padding:.5rem .75rem;font-size:.75rem}.noti-picker-placeholder{font-size:.75rem}.noti-picker-dropdown{max-width:100%}.noti-picker-search{padding:.5rem .75rem}.noti-picker-search input{font-size:.75rem}.noti-picker-item{padding:.4rem .625rem}.noti-picker-name{font-size:.75rem}.noti-picker-email{font-size:.625rem}.noti-picker-check{width:.875rem;font-size:.75rem}.admin-noti-user-info{flex-direction:column;gap:0}.admin-noti-user-email{max-width:100%}.admin-noti-preview-panel-header{font-size:.75rem;padding:.5rem .875rem}.admin-noti-preview-panel-body{padding:.625rem}.admin-noti-preview-panel-empty{font-size:.75rem;min-height:120px}.admin-noti-preview-email-card{font-size:.75rem}.admin-noti-preview-email-from,.admin-noti-preview-email-to{font-size:.6875rem;padding:.375rem .75rem}.admin-noti-preview-email-subject{font-size:.75rem;padding:.5rem .75rem}.admin-noti-preview-email-body{font-size:.6875rem;padding:.625rem;min-height:50px;max-height:150px}.admin-noti-preview-noti-card{padding:.625rem;gap:.5rem}.admin-noti-preview-noti-title{font-size:.75rem}.admin-noti-preview-noti-message{font-size:.6875rem;max-height:120px}.admin-noti-preview-noti-time{font-size:.5625rem}.admin-noti-preview-panel-meta{margin-top:.625rem;padding-top:.625rem}.admin-noti-preview-badge{font-size:.625rem}.admin-noti-preview-count{font-size:.6875rem}.admin-noti-preview-email-badge{font-size:.625rem}}.admin-tpl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-tpl-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;transition:box-shadow .15s,border-color .15s;position:relative}.admin-tpl-card:hover{box-shadow:0 4px 16px #00000014;border-color:#cbd5e1}.admin-tpl-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.admin-tpl-card-name{font-size:.9375rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.admin-tpl-card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.admin-tpl-card:hover .admin-tpl-card-actions{opacity:1}.admin-tpl-card-title{font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-tpl-card-message{font-size:.8125rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem;white-space:pre-wrap}.admin-tpl-card-date{font-size:.6875rem;color:#94a3b8}.admin-tpl-var-btns{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.admin-tpl-var-btn{padding:.25rem .625rem;border-radius:9999px;border:1px solid #e2e8f0;background:#f8fafc;color:var(--primary-deeper, #5bb8ed);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-tpl-var-btn:hover{background:var(--primary-deeper, #5bb8ed);color:#fff;border-color:var(--primary-deeper, #5bb8ed)}.admin-tpl-preview-modal{max-width:680px!important}.admin-tpl-preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.admin-tpl-preview-name{font-size:1.0625rem;font-weight:700;color:#0f172a}.admin-tpl-preview-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.admin-tpl-preview-col-label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.admin-tpl-preview-col .admin-noti-detail-email-body,.admin-tpl-preview-col .admin-noti-preview-noti-message{max-height:200px;overflow-y:auto}.admin-tpl-preview-col .admin-noti-preview-noti-card{margin:0}.admin-tpl-preview-vars{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;padding:.75rem 0;border-top:1px solid #f1f5f9}.admin-tpl-preview-vars-label{font-size:.8125rem;font-weight:600;color:#64748b}.admin-tpl-preview-no-var{font-size:.8125rem;color:#94a3b8}.admin-tpl-preview-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid #f1f5f9;font-size:.8125rem;color:#94a3b8}.admin-tpl-preview-footer button{display:flex;align-items:center;gap:.375rem}@media(max-width:768px){.admin-tpl-preview-split{grid-template-columns:1fr}.admin-tpl-preview-modal{max-width:100%!important}}.admin-tpl-form{display:flex;flex-direction:column;gap:0}.admin-tpl-apply-wrap{position:relative;flex:1;min-width:0}.admin-tpl-apply-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.admin-tpl-apply-btn>span{flex:1;text-align:left}.admin-tpl-apply-btn:hover{border-color:var(--primary-deeper, #5bb8ed);color:var(--primary-deeper, #5bb8ed)}.admin-tpl-chevron{transition:transform .2s}.admin-tpl-chevron.open{transform:rotate(180deg)}.admin-tpl-picker-dropdown{position:absolute;top:calc(100% + .375rem);left:0;width:100%;max-height:340px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #0000001a;z-index:50}.admin-tpl-picker-dropdown .admin-tpl-picker-search{position:sticky;top:0;background:#fff;z-index:1}.admin-tpl-picker-item{display:block;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s;border-bottom:1px solid #f1f5f9}.admin-tpl-picker-item:last-child{border-bottom:none}.admin-tpl-picker-item:hover{background:#5bb8ed0f}.admin-tpl-picker-item-name{font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.125rem;display:flex;align-items:center;gap:.375rem}.admin-tpl-picker-item-title{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-tpl-picker-empty{padding:1.5rem 1rem;text-align:center;color:#94a3b8;font-size:.8125rem}.admin-tpl-badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;white-space:nowrap;line-height:1.4}.admin-tpl-badge.both{background:#f1f5f9;color:#64748b}.admin-tpl-badge.email{background:#eff6ff;color:#2563eb}.admin-tpl-badge.notification{background:#fef3c7;color:#d97706}.admin-tpl-badge.recommended{background:#dcfce7;color:#16a34a}.admin-tpl-picker-item.recommended{background:#f0fdf4}.admin-tpl-code-text{font-size:.75rem;font-weight:500;color:#94a3b8;white-space:nowrap}.admin-tpl-code-text.sm{font-size:.6875rem}.admin-tpl-apply-row{display:flex;align-items:center;gap:.75rem;min-width:0;max-width:100%}.admin-tpl-code-search-wrap{position:relative;margin-left:auto;flex-shrink:1;min-width:0}.admin-tpl-code-input{width:100%;max-width:140px;padding:.4rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.8125rem;box-sizing:border-box;color:#0f172a;outline:none;transition:border-color .15s}.admin-tpl-code-input:focus{border-color:var(--primary-deeper, #5bb8ed)}.admin-tpl-code-input::placeholder{color:#94a3b8}.admin-tpl-code-results{position:absolute;top:calc(100% + .375rem);right:0;min-width:200px;max-width:calc(100vw - 3rem);max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #0000001a;z-index:50}.admin-noti-label-sub{font-weight:400;color:#94a3b8;font-size:.75rem}.admin-tpl-category-btns{display:flex;gap:.375rem}.admin-tpl-category-btn{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:999px;font-size:.75rem;font-weight:500;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.admin-tpl-category-btn:hover{border-color:#cbd5e1}.admin-tpl-category-btn.active.both{background:#f1f5f9;border-color:#94a3b8;color:#475569}.admin-tpl-category-btn.active.email{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.admin-tpl-category-btn.active.notification{background:#fffbeb;border-color:#fcd34d;color:#d97706}.admin-tpl-picker-search{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid #f1f5f9;color:#94a3b8}.admin-tpl-picker-search input{flex:1;border:none;outline:none;font-size:.8125rem;color:#0f172a;background:transparent}.admin-tpl-picker-search input::placeholder{color:#cbd5e1}@media(max-width:768px){.admin-tpl-grid{grid-template-columns:1fr}.admin-tpl-card-actions{opacity:1}.admin-tpl-picker-dropdown{min-width:0;max-width:100%}.admin-tpl-code-results{min-width:0;left:auto;right:0;max-width:calc(100vw - 3rem)}.admin-tpl-apply-btn{font-size:.6875rem;padding:.375rem .5rem}.admin-tpl-code-input{max-width:80px;font-size:.6875rem;padding:.3rem .5rem}.admin-tpl-picker-search input{font-size:.6875rem}.admin-tpl-picker-item{padding:.4rem .625rem}.admin-tpl-picker-item-name{font-size:.6875rem;gap:.25rem}.admin-tpl-picker-item-title{font-size:.5625rem}.admin-tpl-badge{font-size:.5rem;padding:.0625rem .25rem}.admin-tpl-code-text.sm{font-size:.5625rem}.admin-tpl-picker-empty{font-size:.6875rem;padding:1rem .75rem}}.audit-filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.audit-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;min-width:120px}.audit-filter-date{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff}.audit-filter-separator{color:#94a3b8;font-size:.875rem}.audit-filter-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;flex:1;min-width:160px;max-width:240px}.audit-filter-search input{border:none;outline:none;font-size:.875rem;width:100%;background:transparent}.audit-filter-search svg{color:#94a3b8;flex-shrink:0}.audit-total-count{font-size:.8125rem;color:#64748b;white-space:nowrap}.audit-table th:first-child,.audit-table td:first-child{white-space:nowrap}.audit-cell-date{font-size:.8125rem;color:#475569;white-space:nowrap}.audit-cell-user{display:flex;flex-direction:column;gap:.125rem}.audit-nickname{font-weight:500;font-size:.875rem}.audit-email{font-size:.75rem;color:#94a3b8}.audit-action-badge{display:inline-block;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500;background:#f1f5f9;color:#475569}.audit-action-badge.warn{background:#fee2e2;color:#dc2626}.audit-action-badge.info{background:#dbeafe;color:#1d4ed8}.audit-action-badge.caution{background:#fef9c3;color:#a16207}.audit-cell-target{font-size:.8125rem;color:#475569}.audit-cell-ip{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;color:#64748b}.audit-cell-detail{position:relative}.audit-detail-btn{background:none;border:1px solid #e2e8f0;border-radius:.375rem;padding:.25rem;cursor:pointer;display:inline-flex;align-items:center;color:#64748b;transition:all .15s}.audit-detail-btn:hover{background:#f1f5f9;color:#334155}.audit-detail-panel{position:absolute;right:0;top:100%;z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;min-width:320px;max-width:480px;box-shadow:0 4px 12px #0000001a;margin-top:.25rem}.audit-detail-row{margin-bottom:.5rem}.audit-detail-row:last-child{margin-bottom:0}.audit-detail-label{display:block;font-size:.6875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem}.audit-detail-value{font-size:.8125rem;color:#334155;word-break:break-all}.audit-detail-json{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.375rem;padding:.5rem;margin:0;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.audit-row-expanded{background:#f8fafc}.admin-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:#94a3b8;font-size:.8125rem;letter-spacing:2px}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.75rem 0}.audit-pagination button{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;font-size:.875rem;cursor:pointer;transition:all .15s}.audit-pagination button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.audit-pagination button:disabled{opacity:.4;cursor:not-allowed}.audit-pagination span{font-size:.875rem;color:#64748b}@media(max-width:768px){.audit-filter-bar{flex-direction:column;align-items:stretch}.audit-filter-search{max-width:100%}.audit-total-count{margin-left:0;text-align:right}.audit-detail-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;min-width:auto;max-width:none}.audit-table th:nth-child(4),.audit-table td:nth-child(4),.audit-table th:nth-child(5),.audit-table td:nth-child(5){display:none}}.error-log-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:1060px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}.error-log-card:hover{scrollbar-color:rgba(0,0,0,.15) transparent}.error-log-card::-webkit-scrollbar{height:6px}.error-log-card::-webkit-scrollbar-track{background:transparent}.error-log-card::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.error-log-card:hover::-webkit-scrollbar-thumb{background:#00000026}.error-log-card::-webkit-scrollbar-thumb:hover{background:#0000004d}.error-log-card .error-log-table{margin:0;border:none;border-radius:0}.error-log-card .error-log-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0}.error-empty-cell{text-align:center;padding:48px 16px!important;color:#94a3b8;font-size:.9rem}.error-empty-cell span{display:block;margin-top:4px}.error-log-table td{vertical-align:top}.error-cell-status{width:64px;text-align:center}.error-status-badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.error-status-badge.unresolved{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.error-status-badge.resolved{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.error-row-resolved{opacity:.55}.error-level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;font-family:monospace}.error-level-badge.error{background:#fef2f2;color:#dc2626}.error-level-badge.warn{background:#fffbeb;color:#d97706}.error-cell-user{max-width:130px}.error-user-anon{font-size:.75rem;color:#94a3b8;font-style:italic}.error-cell-request{max-width:200px}.error-request-info{display:flex;align-items:center;gap:4px}.error-method-badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:.65rem;font-weight:700;font-family:monospace;letter-spacing:.02em;flex-shrink:0}.error-method-badge.get{background:#dbeafe;color:#2563eb}.error-method-badge.post{background:#dcfce7;color:#16a34a}.error-method-badge.put{background:#fef3c7;color:#d97706}.error-method-badge.delete{background:#fee2e2;color:#dc2626}.error-method-badge.patch{background:#f3e8ff;color:#9333ea}.error-url{font-family:monospace;font-size:.8rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.error-cell-class{max-width:160px;overflow:hidden}.error-class-name{font-family:monospace;font-size:.8rem;color:#be185d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:160px}.error-cell-message{max-width:200px;overflow:hidden}.error-message-text{font-size:.8rem;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:200px}.error-cell-actions{position:relative;white-space:nowrap}.error-resolve-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#22c55e;cursor:pointer;transition:background .15s}.error-resolve-btn:hover{background:#f0fdf4}.error-resolve-all-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #bbf7d0;border-radius:6px;background:#f0fdf4;color:#16a34a;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;margin-left:auto}.error-resolve-all-btn:hover{background:#dcfce7;border-color:#86efac}.error-detail-panel{position:absolute;right:0;top:100%;z-index:50;min-width:480px;max-width:600px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:16px;margin-top:4px}.error-detail-section{margin-bottom:10px}.error-detail-section:last-child{margin-bottom:0}.error-detail-label{display:block;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.error-detail-value{font-size:.825rem;color:#334155;word-break:break-all}.error-stacktrace{font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;line-height:1.5;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:768px){.error-log-table th:nth-child(4),.error-log-table td:nth-child(4),.error-log-table th:nth-child(5),.error-log-table td:nth-child(5),.error-log-table th:nth-child(8),.error-log-table td:nth-child(8){display:none}.error-detail-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;min-width:auto;max-width:none}.error-cell-message{max-width:120px}}.notices-page{min-height:100vh;background:var(--background, #f8fafc)}.notices-inner{max-width:960px;margin:0 auto;padding:2rem}.notices-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6b7280}.notices-loading .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-deeper, #5bb8ed);border-radius:50%;animation:notices-spin .8s linear infinite}@keyframes notices-spin{to{transform:rotate(360deg)}}.notices-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.notices-title{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.notices-write-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:10px;border:none;background:var(--primary-deeper, #5bb8ed);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.notices-write-btn:hover{background:var(--primary-dark, #3a9fd4)}.notices-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.notices-search-bar{position:relative;max-width:320px}.notices-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.notices-search-input{width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:.875rem;color:#1e293b;outline:none;transition:border-color .15s}.notices-search-input::placeholder{color:#94a3b8}.notices-search-input:focus{border-color:var(--primary-deeper, #5bb8ed)}.notices-count{font-size:.8125rem;color:#64748b;font-weight:500;padding-left:.5rem}.notices-col-header{display:flex;align-items:center;gap:1rem;padding:.625rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600;color:#64748b;letter-spacing:.02em}.notices-col-header .col-num{min-width:28px;text-align:center;flex-shrink:0}.notices-col-header .col-title{flex:1}.notices-col-header .col-author{width:52px;text-align:center;flex-shrink:0}.notices-col-header .col-date{width:90px;text-align:center;flex-shrink:0}.notices-col-header .col-views{min-width:52px;text-align:center;flex-shrink:0}.notices-empty{text-align:center;padding:4rem 1rem;color:#94a3b8;font-size:.9375rem}.notice-row.pinned{background:#fffef5;border-bottom-color:#fef3c7}.notice-row.pinned .notice-row-num{color:#f59e0b}.notices-pinned-divider{height:1px;background:#e2e8f0}.notices-list{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #f1f5f9;overflow:hidden}.notice-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background .1s;border-bottom:1px solid #f8fafc;font-family:inherit}.notice-row:last-child{border-bottom:none}.notice-row:hover{background:var(--primary-light, rgba(169, 218, 249, .15))}.notice-row-num{font-size:.8125rem;color:#94a3b8;min-width:28px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notice-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.125rem .4rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap}.notice-badge.pinned{background:transparent;color:#94a3b8;padding:0}.notice-badge.important{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.notice-row-title{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.notice-row-attach{flex-shrink:0;color:#94a3b8}.notice-row-author{width:52px;text-align:center;flex-shrink:0;font-size:.8125rem;color:#94a3b8}.notice-row-date{width:90px;text-align:center;flex-shrink:0;font-size:.8125rem;color:#94a3b8}.notice-row-views{min-width:52px;text-align:center;flex-shrink:0;font-size:.8125rem;color:#94a3b8}.meta-dot{color:#cbd5e1}.notices-back{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;margin-bottom:1rem;transition:color .15s,background .15s}.notices-back:hover{color:#0f172a;background:#0000000a}.notice-detail{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #f1f5f9;overflow:hidden}.notice-detail-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f5f9}.notice-detail-badges{display:flex;gap:.375rem;margin-bottom:.5rem}.notice-detail-title{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;line-height:1.4}.notice-detail-meta{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#94a3b8;flex-wrap:wrap}.notice-detail-meta .meta-edited{color:#f59e0b}.notice-detail-views{display:inline-flex;align-items:center;gap:.2rem}.notice-detail-content{padding:1.5rem;font-size:.9375rem;line-height:1.75;color:#334155;word-break:break-word}.notice-detail-attachments{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background:#f8fafc}.attachments-title{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:.625rem}.attachments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.attachment-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:var(--primary-deeper, #5bb8ed);font-size:.8125rem;text-decoration:none;transition:border-color .15s}.attachment-link:hover{border-color:var(--primary-deeper, #5bb8ed)}.attachment-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#94a3b8;font-size:.75rem}.notice-detail-actions{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:flex-end}.notice-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.notice-action-btn.edit{color:var(--primary-deeper, #5bb8ed)}.notice-action-btn.edit:hover{border-color:var(--primary-deeper, #5bb8ed);background:var(--primary-light, rgba(169, 218, 249, .15))}.notice-action-btn.delete{color:#ef4444}.notice-action-btn.delete:hover{border-color:#ef4444;background:#fef2f2}.notices-overlay{position:fixed;inset:0;background:#fff9;display:flex;align-items:center;justify-content:center;z-index:200}.notices-overlay .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-deeper, #5bb8ed);border-radius:50%;animation:notices-spin .8s linear infinite}@media(max-width:768px){.notices-inner{padding:1rem}.notices-title{font-size:1.375rem}.notices-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.notices-search-bar{width:100%;max-width:none}.notices-col-header{display:none}.notice-row{flex-wrap:wrap;gap:.25rem .5rem;padding:.75rem 1rem}.notice-row-num,.notice-row-author{display:none}.notice-row.pinned .notice-row-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.notice-row-title{width:100%;flex:none;white-space:normal;overflow:visible;text-overflow:unset}.notice-row-date,.notice-row-views{width:auto;min-width:auto;text-align:left;font-size:.75rem}.notice-row-date:after{content:"·";margin-left:.375rem;color:#cbd5e1}.notice-detail-header,.notice-detail-content{padding:1rem}.notice-detail-title{font-size:1.125rem}.notice-detail-actions,.notice-detail-attachments{padding:.75rem 1rem}.attachment-name{max-width:200px}}
