@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer tokens{:where(:root,:host){--aspect-ratios-square:1 / 1;--aspect-ratios-landscape:4 / 3;--aspect-ratios-portrait:3 / 4;--aspect-ratios-wide:16 / 9;--aspect-ratios-ultrawide:18 / 5;--aspect-ratios-golden:1.618 / 1;--borders-none:none;--easings-default:cubic-bezier(.4, 0, .2, 1);--easings-linear:linear;--easings-in:cubic-bezier(.4, 0, 1, 1);--easings-out:cubic-bezier(0, 0, .2, 1);--easings-in-out:cubic-bezier(.4, 0, .2, 1);--durations-fastest:50ms;--durations-faster:.1s;--durations-fast:.15s;--durations-normal:.2s;--durations-slow:.3s;--durations-slower:.4s;--durations-slowest:.5s;--radii-xs:.125rem;--radii-sm:.25rem;--radii-md:.375rem;--radii-lg:.5rem;--radii-xl:.75rem;--radii-2xl:1rem;--radii-3xl:1.5rem;--radii-4xl:2rem;--radii-full:9999px;--font-weights-thin:100;--font-weights-extralight:200;--font-weights-light:300;--font-weights-normal:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--font-weights-extrabold:800;--font-weights-black:900;--line-heights-none:1;--line-heights-tight:1.25;--line-heights-snug:1.375;--line-heights-normal:1.5;--line-heights-relaxed:1.625;--line-heights-loose:2;--fonts-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacings-tighter:-.05em;--letter-spacings-tight:-.025em;--letter-spacings-normal:0em;--letter-spacings-wide:.025em;--letter-spacings-wider:.05em;--letter-spacings-widest:.1em;--font-sizes-2xs:.5rem;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-md:1rem;--font-sizes-lg:1.125rem;--font-sizes-xl:1.25rem;--font-sizes-2xl:1.5rem;--font-sizes-3xl:1.875rem;--font-sizes-4xl:2.25rem;--font-sizes-5xl:3rem;--font-sizes-6xl:3.75rem;--font-sizes-7xl:4.5rem;--font-sizes-8xl:6rem;--font-sizes-9xl:8rem;--shadows-2xs:0 1px #0000000d;--shadows-xs:0 1px 2px 0 #0000000d;--shadows-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadows-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadows-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadows-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadows-2xl:0 25px 50px -12px #00000040;--shadows-inset-2xs:inset 0 1px #0000000d;--shadows-inset-xs:inset 0 1px 1px #0000000d;--shadows-inset-sm:inset 0 2px 4px #0000000d;--blurs-xs:4px;--blurs-sm:8px;--blurs-md:12px;--blurs-lg:16px;--blurs-xl:24px;--blurs-2xl:40px;--blurs-3xl:64px;--spacing-0:0rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-0\.5:.125rem;--spacing-1\.5:.375rem;--spacing-2\.5:.625rem;--spacing-3\.5:.875rem;--spacing-4\.5:1.125rem;--spacing-5\.5:1.375rem;--sizes-0:0rem;--sizes-1:.25rem;--sizes-2:.5rem;--sizes-3:.75rem;--sizes-4:1rem;--sizes-5:1.25rem;--sizes-6:1.5rem;--sizes-7:1.75rem;--sizes-8:2rem;--sizes-9:2.25rem;--sizes-10:2.5rem;--sizes-11:2.75rem;--sizes-12:3rem;--sizes-14:3.5rem;--sizes-16:4rem;--sizes-20:5rem;--sizes-24:6rem;--sizes-28:7rem;--sizes-32:8rem;--sizes-36:9rem;--sizes-40:10rem;--sizes-44:11rem;--sizes-48:12rem;--sizes-52:13rem;--sizes-56:14rem;--sizes-60:15rem;--sizes-64:16rem;--sizes-72:18rem;--sizes-80:20rem;--sizes-96:24rem;--sizes-0\.5:.125rem;--sizes-1\.5:.375rem;--sizes-2\.5:.625rem;--sizes-3\.5:.875rem;--sizes-4\.5:1.125rem;--sizes-5\.5:1.375rem;--sizes-xs:20rem;--sizes-sm:24rem;--sizes-md:28rem;--sizes-lg:32rem;--sizes-xl:36rem;--sizes-2xl:42rem;--sizes-3xl:48rem;--sizes-4xl:56rem;--sizes-5xl:64rem;--sizes-6xl:72rem;--sizes-7xl:80rem;--sizes-8xl:90rem;--sizes-prose:65ch;--sizes-full:100%;--sizes-min:min-content;--sizes-max:max-content;--sizes-fit:fit-content;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--animations-spin:spin 1s linear infinite;--animations-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce:bounce 1s infinite;--colors-current:currentColor;--colors-black:#000;--colors-white:#fff;--colors-transparent:#0000;--colors-rose-50:#fff1f2;--colors-rose-100:#ffe4e6;--colors-rose-200:#fecdd3;--colors-rose-300:#fda4af;--colors-rose-400:#fb7185;--colors-rose-500:#f43f5e;--colors-rose-600:#e11d48;--colors-rose-700:#be123c;--colors-rose-800:#9f1239;--colors-rose-900:#881337;--colors-rose-950:#4c0519;--colors-pink-50:#fdf2f8;--colors-pink-100:#fce7f3;--colors-pink-200:#fbcfe8;--colors-pink-300:#f9a8d4;--colors-pink-400:#f472b6;--colors-pink-500:#ec4899;--colors-pink-600:#db2777;--colors-pink-700:#be185d;--colors-pink-800:#9d174d;--colors-pink-900:#831843;--colors-pink-950:#500724;--colors-fuchsia-50:#fdf4ff;--colors-fuchsia-100:#fae8ff;--colors-fuchsia-200:#f5d0fe;--colors-fuchsia-300:#f0abfc;--colors-fuchsia-400:#e879f9;--colors-fuchsia-500:#d946ef;--colors-fuchsia-600:#c026d3;--colors-fuchsia-700:#a21caf;--colors-fuchsia-800:#86198f;--colors-fuchsia-900:#701a75;--colors-fuchsia-950:#4a044e;--colors-purple-50:#faf5ff;--colors-purple-100:#f3e8ff;--colors-purple-200:#e9d5ff;--colors-purple-300:#d8b4fe;--colors-purple-400:#c084fc;--colors-purple-500:#a855f7;--colors-purple-600:#9333ea;--colors-purple-700:#7e22ce;--colors-purple-800:#6b21a8;--colors-purple-900:#581c87;--colors-purple-950:#3b0764;--colors-violet-50:#f5f3ff;--colors-violet-100:#ede9fe;--colors-violet-200:#ddd6fe;--colors-violet-300:#c4b5fd;--colors-violet-400:#a78bfa;--colors-violet-500:#8b5cf6;--colors-violet-600:#7c3aed;--colors-violet-700:#6d28d9;--colors-violet-800:#5b21b6;--colors-violet-900:#4c1d95;--colors-violet-950:#2e1065;--colors-indigo-50:#eef2ff;--colors-indigo-100:#e0e7ff;--colors-indigo-200:#c7d2fe;--colors-indigo-300:#a5b4fc;--colors-indigo-400:#818cf8;--colors-indigo-500:#6366f1;--colors-indigo-600:#4f46e5;--colors-indigo-700:#4338ca;--colors-indigo-800:#3730a3;--colors-indigo-900:#312e81;--colors-indigo-950:#1e1b4b;--colors-blue-50:#eff6ff;--colors-blue-100:#dbeafe;--colors-blue-200:#bfdbfe;--colors-blue-300:#93c5fd;--colors-blue-400:#60a5fa;--colors-blue-500:#3b82f6;--colors-blue-600:#2563eb;--colors-blue-700:#1d4ed8;--colors-blue-800:#1e40af;--colors-blue-900:#1e3a8a;--colors-blue-950:#172554;--colors-sky-50:#f0f9ff;--colors-sky-100:#e0f2fe;--colors-sky-200:#bae6fd;--colors-sky-300:#7dd3fc;--colors-sky-400:#38bdf8;--colors-sky-500:#0ea5e9;--colors-sky-600:#0284c7;--colors-sky-700:#0369a1;--colors-sky-800:#075985;--colors-sky-900:#0c4a6e;--colors-sky-950:#082f49;--colors-cyan-50:#ecfeff;--colors-cyan-100:#cffafe;--colors-cyan-200:#a5f3fc;--colors-cyan-300:#67e8f9;--colors-cyan-400:#22d3ee;--colors-cyan-500:#06b6d4;--colors-cyan-600:#0891b2;--colors-cyan-700:#0e7490;--colors-cyan-800:#155e75;--colors-cyan-900:#164e63;--colors-cyan-950:#083344;--colors-teal-50:#f0fdfa;--colors-teal-100:#ccfbf1;--colors-teal-200:#99f6e4;--colors-teal-300:#5eead4;--colors-teal-400:#2dd4bf;--colors-teal-500:#14b8a6;--colors-teal-600:#0d9488;--colors-teal-700:#0f766e;--colors-teal-800:#115e59;--colors-teal-900:#134e4a;--colors-teal-950:#042f2e;--colors-emerald-50:#ecfdf5;--colors-emerald-100:#d1fae5;--colors-emerald-200:#a7f3d0;--colors-emerald-300:#6ee7b7;--colors-emerald-400:#34d399;--colors-emerald-500:#10b981;--colors-emerald-600:#059669;--colors-emerald-700:#047857;--colors-emerald-800:#065f46;--colors-emerald-900:#064e3b;--colors-emerald-950:#022c22;--colors-green-50:#f0fdf4;--colors-green-100:#dcfce7;--colors-green-200:#bbf7d0;--colors-green-300:#86efac;--colors-green-400:#4ade80;--colors-green-500:#22c55e;--colors-green-600:#16a34a;--colors-green-700:#15803d;--colors-green-800:#166534;--colors-green-900:#14532d;--colors-green-950:#052e16;--colors-lime-50:#f7fee7;--colors-lime-100:#ecfccb;--colors-lime-200:#d9f99d;--colors-lime-300:#bef264;--colors-lime-400:#a3e635;--colors-lime-500:#84cc16;--colors-lime-600:#65a30d;--colors-lime-700:#4d7c0f;--colors-lime-800:#3f6212;--colors-lime-900:#365314;--colors-lime-950:#1a2e05;--colors-yellow-50:#fefce8;--colors-yellow-100:#fef9c3;--colors-yellow-200:#fef08a;--colors-yellow-300:#fde047;--colors-yellow-400:#facc15;--colors-yellow-500:#eab308;--colors-yellow-600:#ca8a04;--colors-yellow-700:#a16207;--colors-yellow-800:#854d0e;--colors-yellow-900:#713f12;--colors-yellow-950:#422006;--colors-amber-50:#fffbeb;--colors-amber-100:#fef3c7;--colors-amber-200:#fde68a;--colors-amber-300:#fcd34d;--colors-amber-400:#fbbf24;--colors-amber-500:#f59e0b;--colors-amber-600:#d97706;--colors-amber-700:#b45309;--colors-amber-800:#92400e;--colors-amber-900:#78350f;--colors-amber-950:#451a03;--colors-orange-50:#fff7ed;--colors-orange-100:#ffedd5;--colors-orange-200:#fed7aa;--colors-orange-300:#fdba74;--colors-orange-400:#fb923c;--colors-orange-500:#f97316;--colors-orange-600:#ea580c;--colors-orange-700:#c2410c;--colors-orange-800:#9a3412;--colors-orange-900:#7c2d12;--colors-orange-950:#431407;--colors-red-50:#fef2f2;--colors-red-100:#fee2e2;--colors-red-200:#fecaca;--colors-red-300:#fca5a5;--colors-red-400:#f87171;--colors-red-500:#ef4444;--colors-red-600:#dc2626;--colors-red-700:#b91c1c;--colors-red-800:#991b1b;--colors-red-900:#7f1d1d;--colors-red-950:#450a0a;--colors-neutral-50:#fafafa;--colors-neutral-100:#f5f5f5;--colors-neutral-200:#e5e5e5;--colors-neutral-300:#d4d4d4;--colors-neutral-400:#a3a3a3;--colors-neutral-500:#737373;--colors-neutral-600:#525252;--colors-neutral-700:#404040;--colors-neutral-800:#262626;--colors-neutral-900:#171717;--colors-neutral-950:#0a0a0a;--colors-stone-50:#fafaf9;--colors-stone-100:#f5f5f4;--colors-stone-200:#e7e5e4;--colors-stone-300:#d6d3d1;--colors-stone-400:#a8a29e;--colors-stone-500:#78716c;--colors-stone-600:#57534e;--colors-stone-700:#44403c;--colors-stone-800:#292524;--colors-stone-900:#1c1917;--colors-stone-950:#0c0a09;--colors-zinc-50:#fafafa;--colors-zinc-100:#f4f4f5;--colors-zinc-200:#e4e4e7;--colors-zinc-300:#d4d4d8;--colors-zinc-400:#a1a1aa;--colors-zinc-500:#71717a;--colors-zinc-600:#52525b;--colors-zinc-700:#3f3f46;--colors-zinc-800:#27272a;--colors-zinc-900:#18181b;--colors-zinc-950:#09090b;--colors-gray-50:#f9fafb;--colors-gray-100:#f3f4f6;--colors-gray-200:#e5e7eb;--colors-gray-300:#d1d5db;--colors-gray-400:#9ca3af;--colors-gray-500:#6b7280;--colors-gray-600:#4b5563;--colors-gray-700:#374151;--colors-gray-800:#1f2937;--colors-gray-900:#111827;--colors-gray-950:#030712;--colors-slate-50:#f8fafc;--colors-slate-100:#f1f5f9;--colors-slate-200:#e2e8f0;--colors-slate-300:#cbd5e1;--colors-slate-400:#94a3b8;--colors-slate-500:#64748b;--colors-slate-600:#475569;--colors-slate-700:#334155;--colors-slate-800:#1e293b;--colors-slate-900:#0f172a;--colors-slate-950:#020617;--colors-brand:#1b70a1;--colors-brand-light:#5fc4ff;--colors-brand-dark:#033c5d;--colors-ink:#162832;--colors-canvas:#f5fafc;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer recipes,utilities;:root{color:#151421;font-synthesis:none;background:#f5f5f8;font-family:Noto Sans KR,DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}svg{width:18px;height:18px}.brand{letter-spacing:3px;align-items:center;gap:12px;font:800 21px DM Sans;display:flex}.brandmark{color:#fff;background:#6e4df7;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.brandmark svg{width:19px}.eyebrow{letter-spacing:2px;color:#c6baff;font:700 11px DM Sans}.eyebrow.dark{color:#7256e8}.muted{color:#8b8995}.primary,.secondary,.telegram{border-radius:10px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 18px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#6c4ff8;box-shadow:0 7px 16px #6c4ff82b}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#fff;border:1px solid #dfdde6}.login{background:#fff;grid-template-columns:1.08fr 1fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#171226,#251d42);flex-direction:column;padding:52px 8%;display:flex;position:relative;overflow:hidden}.light .brandmark{color:#7659ec;background:#fff}.art-copy{z-index:2;margin:auto 0;position:relative}.art-copy h1{letter-spacing:-2px;margin:22px 0;font-size:54px;line-height:1.22}.art-copy h1 em{color:#a68efc;font-style:normal}.art-copy p{color:#b6b0c8;line-height:1.9}.art-orb{filter:blur(1px);border-radius:50%;position:absolute}.orb1{background:radial-gradient(circle,#6445d76b,#0000 68%);width:500px;height:500px;bottom:-100px;right:-160px}.orb2{border:1px solid #ffffff12;width:160px;height:160px;top:18%;right:15%}.trust{color:#9e97af;z-index:2;align-items:center;gap:9px;font-size:12px;display:flex}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{letter-spacing:-1.5px;margin:13px 0 8px;font-size:34px}.login-card>p{margin-bottom:38px;font-size:14px}.login-card>label,.modal>label{margin:18px 0 8px;font-size:13px;font-weight:700;display:block}.input{border:1px solid #e2e0e8;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 15px;display:flex}.input:focus-within{border-color:#8064ef;box-shadow:0 0 0 3px #7658ee12}.input svg{color:#aaa6b5}.input input{border:0;outline:0;flex:1;min-width:0}.eye{color:#797583;font-size:11px}.login-options{justify-content:space-between;align-items:center;margin:18px 0 28px;font-size:12px;display:flex}.check{align-items:center;gap:8px;display:flex}.check input{display:none}.check span{color:#fff;background:#7256e8;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.check svg{width:12px}.link{color:#6c4ff8;font-weight:700}.login-btn{width:100%;height:52px}.demo{color:#aaa6b5;text-align:center!important;margin:20px!important;font-size:11px!important}.app{min-height:100vh}.side-wrap{z-index:20;width:245px;position:fixed;top:0;bottom:0;left:0}.side-wrap aside{color:#fff;background:#191624;flex-direction:column;height:100%;padding:30px 20px;display:flex}.side-wrap .brand{margin-bottom:46px;padding:0 10px}.side-wrap nav{flex-direction:column;gap:6px;display:flex}.nav-label{letter-spacing:2px;color:#676272;padding:0 12px 10px;font:700 9px DM Sans}.side-wrap nav button{text-align:left;color:#9995a5;border-radius:9px;align-items:center;gap:12px;height:46px;padding:0 13px;font-weight:600;display:flex}.side-wrap nav button span{background:#2e293c;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px}.side-wrap nav button:hover,.side-wrap nav button.active{color:#fff;background:#6c4ff8}.side-help{background:linear-gradient(145deg,#2b2541,#242035);border:1px solid #3a3450;border-radius:13px;margin-top:auto;padding:17px}.side-help>div{background:#6e4df7;border-radius:8px;place-items:center;width:30px;height:30px;margin-bottom:10px;display:grid}.side-help strong{font-size:12px}.side-help p{color:#9891a8;margin:5px 0 12px;font-size:10px}.side-help button{background:#39324d;border-radius:6px;width:100%;padding:8px;font-size:10px}.profile{border-top:1px solid #302b3a;align-items:center;gap:10px;margin-top:20px;padding-top:20px;display:flex}.avatar,.header-avatar{background:#7b60ef;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.profile>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile strong{font-size:11px}.profile small{color:#7c7885;font-size:9px}.profile button{color:#777280;margin-left:auto}.app main{min-height:100vh;margin-left:245px}.app header{background:#fff;border-bottom:1px solid #ebe9ef;justify-content:space-between;align-items:center;height:86px;padding:0 44px;display:flex}.crumb{color:#9c98a5;font-size:9px}.app header h2{margin:5px 0 0;font-size:17px}.header-right,.today{align-items:center;display:flex}.header-right{gap:22px}.today{gap:8px;font-size:11px}.today span{color:#9b97a4}.menu{display:none}.page{max-width:1600px;margin:auto;padding:38px 44px 60px}.welcome,.page-title{justify-content:space-between;align-items:flex-end;display:flex}.welcome h1,.page-title h1{letter-spacing:-1.2px;margin:9px 0 7px;font-size:28px}.welcome p,.page-title p{color:#8d8996;margin:0;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 22px;display:grid}.stats>div,.card{background:#fff;border:1px solid #e8e6ec;border-radius:14px}.stats>div{padding:22px;position:relative}.stats p{color:#85818f;margin:0 0 12px;font-size:12px}.stats h3{margin:0 0 9px;font:700 23px DM Sans}.stats h3 small{color:#777;font:500 12px Noto Sans KR}.stats>div>small{color:#97939e;font-size:10px}.stat-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.stat-icon.violet{color:#6e4df7;background:#eee9ff}.stat-icon.blue{color:#4385dc;background:#e8f1ff}.stat-icon.amber{color:#d58c18;background:#fff3df}.stat-icon.green{color:#28a66a;background:#e8f8f0}.up{color:#22a769!important}.up i{color:#999;margin-left:5px;font-style:normal}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:20px;display:grid}.card-head{border-bottom:1px solid #edebf0;justify-content:space-between;padding:21px 23px;display:flex}.card h3{margin:0;font-size:15px}.card-head p{color:#97939e;margin:6px 0 0;font-size:10px}.recent-row{border-bottom:1px solid #f0eef2;grid-template-columns:42px 1fr 100px 150px 30px;align-items:center;gap:13px;padding:16px 22px;display:grid}.site-logo,.table-name>span{color:#6e4df7;background:#eeeafd;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.recent-name,.amount{flex-direction:column;display:flex}.recent-name small,.amount small{color:#a09ca6;margin-top:4px;font-size:9px}.amount{text-align:right}.status{border-radius:20px;align-items:center;gap:6px;width:max-content;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.blue{color:#397dd5;background:#eaf2ff}.status.amber{color:#c47e10;background:#fff4df}.status.green{color:#239561;background:#e8f8ef}.status.red{color:#d04a55;background:#fdebec}.rules{padding-bottom:15px}.rule{border:1px solid #ece9f1;border-radius:10px;align-items:center;gap:12px;margin:16px 20px 0;padding:13px;display:flex}.rule>span{color:#6c4ff8;background:#eee9ff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.rule>div{flex-direction:column;flex:1;display:flex}.rule small{color:#96919f;font-size:9px}.rule>b{color:#6c4ff8;background:#eee9ff;border-radius:5px;padding:4px 7px;font-size:9px}.rule.bypass>span{color:#d78a22;background:#fff0de}.rule-total{border-top:1px dashed #ddd9e4;justify-content:space-between;margin:18px 20px 0;padding-top:15px;font-size:11px;display:flex}.rule-total strong{color:#6c4ff8}.page-title{margin-bottom:26px}.toolbar{background:#fff;border:1px solid #e8e6ec;border-radius:13px;gap:10px;margin-bottom:15px;padding:13px;display:flex}.search{background:#f7f6f9;border-radius:8px;align-items:center;gap:8px;width:300px;height:38px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.filters{gap:4px;margin-left:auto;display:flex}.filters button{border-radius:8px;padding:0 13px;font-size:10px}.filters button.active{color:#fff;background:#211d2e}.select{border:1px solid #e3e0e8;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:flex}.table-card{background:#fff;border:1px solid #e7e5eb;border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;color:#96929e;letter-spacing:.4px;background:#faf9fb;padding:13px 18px;font-size:9px}td{border-top:1px solid #efedf1;padding:16px 18px;font-size:11px}.table-name{align-items:center;gap:12px;display:flex}.table-name>div{flex-direction:column;display:flex}.table-name small{color:#96929e;margin-top:4px;font-size:9px}.table-name i{color:#d48618;background:#fff0da;border-radius:4px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal}.people-stack{display:flex}.people-stack i,.people-stack b{color:#674ae7;background:#e9e4ff;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-5px;font-size:8px;font-style:normal;display:grid}.people-stack b{color:#777;background:#eeeef2}.progress{align-items:center;gap:8px;display:flex}.progress>span{background:#eae8ee;border-radius:5px;width:70px;height:5px;overflow:hidden}.progress i{background:#6c4ff8;border-radius:5px;height:100%;display:block}.progress b{font-size:9px}.icon-btn{color:#8a8693;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.icon-btn:hover{color:#6c4ff8;background:#f0edf9}.pagination{color:#928e99;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;display:flex}.pagination button{border-radius:7px;width:30px;height:30px}.pagination button.active{color:#fff;background:#6c4ff8}.back{color:#77727e;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:flex}.save-actions{gap:9px;display:flex}.form-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.form-grid>div{flex-direction:column;gap:16px;display:flex}.form-card{padding:24px}.section-title{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.section-title>span{color:#6b4ff2;background:#eeeafd;border-radius:8px;place-items:center;width:30px;height:30px;font:700 10px DM Sans;display:grid}.section-title>div{flex:1}.section-title p{color:#97939f;margin:5px 0 0;font-size:10px}.small{height:34px;padding:0 11px;font-size:10px}.fields{gap:17px;display:grid}.fields.two{grid-template-columns:1fr 1fr}.fields label,.full-label{flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.fields label small{color:#aaa5b0;font-weight:400}.fields input,.fields select,.full-label textarea,.modal>input{background:#fff;border:1px solid #dddbe3;border-radius:8px;outline:none;height:43px;padding:0 12px}.fields input:focus,.fields select:focus,.full-label textarea:focus{border-color:#7659eb;box-shadow:0 0 0 3px #7355eb10}.full-label{margin-top:17px}.full-label textarea{resize:vertical;height:75px;padding-top:11px}.money{position:relative}.money input{width:100%;padding-right:35px}.money span{color:#aaa6b1;font-weight:500;position:absolute;top:12px;right:13px}.calculation{background:#f8f7fa;border-radius:10px;grid-template-columns:1fr 20px 1fr 20px 1.2fr;align-items:center;gap:8px;margin-top:20px;padding:14px;display:grid}.calculation div{flex-direction:column;display:flex}.calculation span{color:#97929f;font-size:9px}.calculation b{margin-top:4px;font-size:12px}.calculation>i{color:#b3aebb;text-align:center;font-style:normal}.calculation .result{background:#ede9ff;border-radius:8px;padding:10px}.bypass-box{cursor:pointer;border:1px solid #e1dee7;border-radius:11px;align-items:center;gap:12px;margin-top:17px;padding:15px;display:flex}.bypass-box.on{background:#faf8ff;border-color:#7658e8}.bypass-box input{display:none}.toggle{background:#ccc8d2;border-radius:20px;width:35px;height:20px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.on .toggle{background:#6c4ff8}.on .toggle:after{left:18px}.bypass-box>div{flex-direction:column;flex:1;display:flex}.bypass-box strong{font-size:11px}.bypass-box small{color:#96919e;margin-top:3px;font-size:9px}.route{color:#6c4ff8;font-size:18px}.person-head,.person-row{grid-template-columns:1.3fr .65fr .6fr 1fr 30px;align-items:center;gap:12px;display:grid}.person-head{color:#99949f;padding:0 8px 8px;font-size:9px}.person-row{border-top:1px solid #efedf1;padding:11px 8px;font-size:10px}.person-input{align-items:center;gap:8px;display:flex}.person-input>span,.summary-person>span{color:#684be6;background:#ede9ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.person-input input{border:0;outline:0;width:100%;min-width:0;font-size:10px}.role{color:#726d7a;align-items:center;gap:5px;display:flex}.role svg{width:11px}.rate{border:1px solid #dfdce5;border-radius:7px;align-items:center;height:34px;display:flex}.rate input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:9px}.rate span{color:#999;padding-right:8px}.rate-total{border-radius:9px;align-items:center;gap:9px;margin-top:10px;padding:14px;font-size:10px;display:flex}.rate-total span{align-items:center;gap:7px;display:flex}.rate-total strong{margin-left:auto}.rate-total small{font-size:9px}.rate-total.ok{color:#238e5f;background:#eaf8f0}.rate-total.bad{color:#bf3e49;background:#fdebed}.summary{padding:22px;position:sticky;top:105px}.summary>h3{margin:8px 0 20px;font-size:20px}.summary-top{border-bottom:1px solid #ece9ee;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding-bottom:18px;display:grid}.summary-top>span{color:#684ae7;background:#ece8ff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.summary-top>div{flex-direction:column;min-width:0;display:flex}.summary-top strong{font-size:11px}.summary-top small{color:#96919c;font-size:8px}.summary-top a{color:#6c4ff8;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.summary-money{color:#fff;background:#211c31;border-radius:12px;flex-direction:column;margin:18px 0;padding:18px;display:flex}.summary-money span{color:#aaa4ba;font-size:9px}.summary-money strong{margin:7px 0;font:700 23px DM Sans}.summary-money small{color:#827b94;font-size:8px}.summary h4{color:#8f8a97;margin:20px 0 9px;font-size:10px}.summary-person{grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.summary-person>div{flex-direction:column;display:flex}.summary-person strong,.summary-person b{font-size:10px}.summary-person small{color:#99949f;font-size:8px}.summary-note{color:#694be6;background:#f1edff;border-radius:9px;gap:10px;margin:14px 0;padding:12px;display:flex}.summary-note>span{flex-direction:column;font-size:8px;display:flex}.summary-note strong{margin-bottom:2px;font-size:10px}.telegram{color:#fff;background:#229ed9;width:100%}.modal-bg{z-index:50;background:#17131fc9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(420px,100%);padding:30px;position:relative;box-shadow:0 25px 80px #0005}.modal-x{position:absolute;top:18px;right:18px}.modal-icon{color:#6c4ff8;background:#eeeafd;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.modal h2{margin:18px 0 8px;font-size:22px}.modal>p{color:#8f8a97;font-size:11px}.modal>input{width:100%;margin-bottom:8px}.modal>div:last-child{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.error{color:#d14751}.export{width:min(480px,100%)}.export-preview{background:#f7f5fa;border:1px solid #e5e2e9;border-radius:10px;padding:15px;margin:20px 0!important}.export-preview pre{white-space:pre-wrap;margin:0;font:11px/1.8 Noto Sans KR}.export-buttons{grid-template-columns:1fr 1fr;gap:8px!important;margin-top:8px!important;display:grid!important}.export-buttons button{border:1px solid #dfdce4;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:10px;font-weight:700;display:flex}@media (width<=1050px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.form-grid{grid-template-columns:1fr}.summary{position:static}.side-wrap{transition:all .25s;transform:translate(-100%)}.side-wrap.open{transform:translate(0)}.sidebar-backdrop{z-index:19;background:#07172280;display:block;position:fixed;inset:0}.app main{margin-left:0}.menu{display:block}.app header{padding:0 22px}.page{padding:28px 22px}.login{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{margin-bottom:50px;display:flex}}@media (width<=700px){.stats{grid-template-columns:1fr}.welcome,.page-title{align-items:flex-start;gap:20px}.welcome h1,.page-title h1{font-size:23px}.header-right .today{display:none}.toolbar{flex-wrap:wrap}.search{width:100%}.filters{order:3;width:100%;margin:0;overflow:auto}.filters button{height:34px}.fields.two{grid-template-columns:1fr}.calculation{grid-template-columns:1fr;gap:4px}.calculation>i{transform:rotate(90deg)}.person-head{display:none}.person-row{grid-template-columns:1fr 70px 30px}.person-row .role{display:none}.person-row>strong{grid-column:1/3}.form-card{padding:18px}.section-title{flex-wrap:wrap}.login-panel{padding:25px}.login-card h2{font-size:28px}.page{padding:25px 15px}.app header{padding:0 15px}.header-avatar{display:none}}@media print{.side-wrap,.app header,.back,.save-actions,.form-grid>div,.telegram,.modal-x,.export-buttons{display:none!important}.app main{margin:0}.modal-bg{background:#fff;padding:0;position:static}.modal{box-shadow:none;width:100%;max-width:none}.export-preview{border:0}.summary{display:block}.page{padding:0}}:root{--jj-cyan:#5fc4ff;--jj-blue:#1b70a1;--jj-dark:#033c5d;--jj-pale:#eff9ff;--jj-border:#cbecff}.brand{background:url(/assets/jj-soft-logo.png) 0/contain no-repeat;width:170px;height:46px;font-size:0!important}.brand>*{display:none!important}.login-art{background:linear-gradient(145deg,#021f30,#033c5d 55%,#075a82)}.art-copy h1 em,.eyebrow.dark,.link,.rule-total strong,.route,.summary-top a{color:var(--jj-cyan)}.orb1{background:radial-gradient(circle,#5fc4ff55,#0000 68%)}.primary,.side-wrap nav button:hover,.side-wrap nav button.active,.pagination button.active{background:var(--jj-blue);box-shadow:0 7px 16px #1b70a12b}.primary:hover{background:var(--jj-dark)}.brandmark,.avatar,.header-avatar,.side-help>div{background:var(--jj-blue)}.sidebar-backdrop{display:none}.avatar.has-image,.header-avatar.has-image{background:#fff;overflow:hidden}.avatar.has-image img,.header-avatar.has-image img{object-fit:cover;width:100%;height:100%;display:block}.input:focus-within,.fields input:focus,.fields select:focus,.full-label textarea:focus{border-color:var(--jj-cyan);box-shadow:0 0 0 3px #5fc4ff24}.check span,.on .toggle,.progress i{background:var(--jj-blue)}.stat-icon.violet,.site-logo,.table-name>span,.rule>span,.person-input>span,.summary-person>span,.summary-top>span,.modal-icon{background:var(--jj-pale);color:var(--jj-blue)}.rule>b{color:var(--jj-blue);background:var(--jj-pale)}.calculation .result,.summary-note{background:var(--jj-pale);color:var(--jj-blue)}.calculation .result b{color:var(--jj-dark)}.bypass-box.on{border-color:var(--jj-blue);background:var(--jj-pale)}.side-wrap aside{background:linear-gradient(#032d45,#021f30)}.side-help{background:#073b56;border-color:#145a7b}.side-help button{background:#0c4a6b}.summary-money{background:linear-gradient(135deg,#033c5d,#075f88)}.login-card .brand{margin-bottom:46px;display:block}.mobile-brand{display:none}@media (width<=1050px){.mobile-brand{display:block}.login-card .brand{width:190px;height:54px}}.login-card{width:100%;min-width:0;max-width:420px}@media (width<=700px){.login-options{white-space:nowrap;gap:12px}.login-options .link{text-overflow:ellipsis;min-width:0;overflow:hidden}}.side-wrap .brand{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:150px;border:1px solid #ffffff80;border-radius:12px;width:100%;height:58px;margin-bottom:34px;padding:10px 14px;box-shadow:0 8px 24px #00131f55}body{font-size:16px}.app header h2{font-size:19px}.crumb{font-size:11px}.welcome p,.page-title p{font-size:15px}.stats p{font-size:14px}.stats>div>small{font-size:12px}.card h3{font-size:17px}.card-head p{font-size:12px}.recent-name strong,.amount strong{font-size:14px}.recent-name small,.amount small{font-size:11px}.status{font-size:12px}.rule strong{font-size:13px}.rule small{font-size:11px}.rule-total{font-size:13px}.toolbar button,.search input,.select{font-size:12px}th{font-size:11px}td{font-size:13px}.table-name small{font-size:11px}.fields label,.full-label{font-size:13px}.fields input,.fields select,.full-label textarea{font-size:14px}.section-title p{font-size:12px}.person-head{font-size:11px}.person-row,.person-input input,.summary-top strong,.summary-person strong,.summary-person b{font-size:12px}.summary-top small,.summary-person small{font-size:10px}.fields label{position:relative}.fields label>small{color:var(--jj-blue);font-size:11px;position:absolute;top:0;right:0}.status.gray{color:#667681;background:#eef1f3}.calendar-total{border-radius:12px;flex-direction:column;align-items:flex-end;min-width:220px;padding:14px 18px;display:flex}.calendar-total small{font-size:11px}.calendar-total strong{margin-top:3px;font:800 22px DM Sans}.calendar-total.plus{color:#168258;background:#eaf8f0}.calendar-total.minus{color:#c33c49;background:#fdebed}.calendar-total.zero{color:#5d6a72;background:#eef1f3}.calendar-card{overflow:hidden}.calendar-head{border-bottom:1px solid #e8e6ec;justify-content:center;align-items:center;gap:25px;height:68px;display:flex}.calendar-head h2{text-align:center;min-width:150px;font-size:18px;font-weight:800}.calendar-head button{border:1px solid #dfe5e8;border-radius:9px;width:36px;height:36px;font-size:22px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{background:#f5fafc;border-bottom:1px solid #e2e9ed}.calendar-weekdays span{text-align:center;color:#6b7780;padding:12px;font-size:12px;font-weight:700}.calendar-weekdays span:first-child{color:#d24b57}.calendar-weekdays span:last-child{color:#267da9}.calendar-day{border-bottom:1px solid #e7ecef;border-right:1px solid #e7ecef;min-height:128px;padding:10px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.empty{background:#fafcfd}.calendar-day>b{color:#53616a;font-size:12px}.calendar-entry{border-left:3px solid;border-radius:8px;grid-template-columns:1fr auto;gap:2px 6px;margin-top:7px;padding:8px;display:grid}.calendar-entry span{text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.calendar-entry strong{white-space:nowrap;font-size:10px}.calendar-entry small{grid-column:1/3;font-size:9px}.calendar-entry.plus{color:#168258;background:#eaf8f0;border-color:#22a66e}.calendar-entry.minus{color:#c33c49;background:#fdebed;border-color:#da4c58}.calendar-entry.zero{color:#5d6a72;background:#eef1f3;border-color:#84939c}.calendar-legend{gap:20px;padding:15px 20px;font-size:11px;display:flex}.calendar-legend .plus{color:#168258}.calendar-legend .minus{color:#c33c49}.calendar-legend .zero{color:#68767e}@media (width<=700px){.calendar-page .page-title{flex-direction:column}.calendar-total{align-items:flex-start;width:100%}.calendar-card{overflow-x:auto}.calendar-head,.calendar-weekdays,.calendar-grid,.calendar-legend{min-width:760px}.calendar-day{min-height:112px;padding:7px}.calendar-entry{padding:6px}.calendar-legend{position:sticky;left:0}.calendar-page{padding-left:10px;padding-right:10px}}.calendar-more{width:100%;color:var(--jj-blue);background:#e8f5fb;border-radius:6px;margin-top:6px;padding:6px;font-size:10px;font-weight:800}.calendar-more:hover{background:var(--jj-border)}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#f4fafc}.detail-modal{width:min(620px,100%)}.detail-modal>.eyebrow{margin-top:18px;display:block}.detail-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.detail-heading h2{margin:3px 0;font-size:28px}.detail-heading p{color:#8f8a97;margin:0;font-size:11px}.detail-url{width:max-content;max-width:100%;color:var(--jj-blue);align-items:center;gap:5px;margin-bottom:18px;font-size:12px;text-decoration:none;display:flex}.detail-url svg{width:14px}.detail-result{background:#f4fafc;border:1px solid #dcecf3;border-radius:12px;flex-direction:column;padding:18px;display:flex}.detail-result span{color:#7b8991;font-size:11px}.detail-result strong{margin:5px 0;font:800 27px DM Sans}.detail-result small{color:#87949b;font-size:10px}.plus{color:#168258}.minus{color:#c33c49}.zero{color:#667681}.detail-grid{background:#e4eaed;border:1px solid #e4eaed;border-radius:11px;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.detail-grid>div{background:#fff;flex-direction:column;padding:14px;display:flex}.detail-grid span{color:#89969d;font-size:10px}.detail-grid strong{margin-top:4px;font-size:13px}.detail-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex!important}.day-modal{width:min(680px,100%)}.day-total{border-radius:10px;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 16px;display:flex}.day-total.plus{background:#eaf8f0}.day-total.minus{background:#fdebed}.day-total.zero{background:#eef1f3}.day-total span{font-size:11px}.day-total strong{font:800 20px DM Sans}.day-list{max-height:430px;overflow:auto}.day-row{border-bottom:1px solid #edf0f2;grid-template-columns:38px 1fr auto 110px;align-items:center;gap:11px;padding:13px 5px;display:grid}.day-site{background:var(--jj-pale);width:36px;height:36px;color:var(--jj-blue);border-radius:9px;place-items:center;font-weight:800;display:grid}.day-row>div{flex-direction:column;display:flex}.day-row>div strong{font-size:13px}.day-row>div small{color:#8b969c;font-size:10px}.day-row>b{text-align:right;font-size:12px}@media (width<=700px){.detail-modal,.day-modal{padding:22px 18px}.detail-heading{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.day-row{grid-template-columns:34px 1fr auto}.day-row>.status{grid-column:2}.day-row>b{grid-area:1/3/3}.detail-actions .secondary,.detail-actions .primary{flex:1}}.status{white-space:nowrap;vertical-align:middle;border:0;border-radius:999px;flex:none;justify-content:center;min-height:28px;padding:7px 10px;line-height:1;overflow:visible;align-items:center!important;display:inline-flex!important}.status>i{border-radius:50%;flex:0 0 6px;min-width:6px;margin:0;width:6px!important;height:6px!important;display:block!important}.status.blue{color:#1b70a1;background-color:#e8f5fb}.status.amber{color:#b8730b;background-color:#fff4df}.status.green{color:#168258;background-color:#e8f8ef}.status.red{color:#c33c49;background-color:#fdebed}.status.gray{color:#667681;background-color:#eef1f3}.status.amber{min-width:82px;padding-left:12px;padding-right:12px}.amount-rule{border-radius:10px;flex-direction:column;gap:4px;margin-top:18px;padding:16px;display:flex}.amount-rule strong{font-size:17px}.amount-rule small{font-size:11px}.amount-rule.pending{color:var(--jj-blue);background:#eef6fa}.amount-rule.minus{color:#c33c49;background:#fdebed}.amount-rule.zero{color:#667681;background:#eef1f3}.status.compact{border-radius:10px;height:34px;min-height:34px;width:34px!important;min-width:34px!important;padding:0!important}.status.compact svg{stroke-width:2.2px;width:16px;height:16px}.calendar-day.has-entries{cursor:pointer;background:#fbfdfe;transition:background .15s,box-shadow .15s}.calendar-day.has-entries:hover{box-shadow:inset 0 0 0 2px var(--jj-border);background:#f0f9fd}.calendar-summary{border-left:3px solid;border-radius:9px;flex-direction:column;align-items:flex-start;margin-top:8px;padding:10px;display:flex}.calendar-summary span{font-size:10px;font-weight:700}.calendar-summary strong{margin:3px 0;font:800 14px DM Sans}.calendar-summary small{align-items:center;gap:3px;font-size:9px;display:flex}.calendar-summary small svg{width:11px;height:11px}.calendar-summary.plus{background:#eaf8f0;border-color:#22a66e}.calendar-summary.minus{background:#fdebed;border-color:#da4c58}.calendar-summary.zero{background:#eef1f3;border-color:#84939c}.day-row{text-align:left;border-radius:9px;width:100%}.day-row:hover{background:#f2f9fc}.day-row .day-arrow{color:#8a969d;width:15px;height:15px}.day-row{grid-template-columns:38px 1fr auto 110px 18px}@media (width<=700px){.day-row{grid-template-columns:34px 1fr 18px}.day-row>.status{grid-column:2}.day-row>b{grid-area:1/3/3}.day-row .day-arrow{display:none}}.clickable-recent{cursor:pointer;transition:background .15s,transform .15s}.clickable-recent:hover{background:#f2f9fc}.clickable-recent:focus-visible{outline:2px solid var(--jj-cyan);outline-offset:-2px}.clickable-recent:active{transform:scale(.998)}.detail-participants{border:1px solid #e4eaed;border-radius:12px;margin-top:18px;overflow:hidden}.detail-section-head{background:#f5fafc;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.detail-section-head h3{margin:0;font-size:14px}.detail-section-head p{color:#87949b;margin:3px 0 0;font-size:10px}.detail-section-head>strong{color:var(--jj-blue);font-size:14px}.detail-person{border-top:1px solid #edf0f2;grid-template-columns:34px minmax(90px,1fr) 105px 120px;align-items:center;gap:10px;padding:12px 16px;display:grid}.person-avatar{background:var(--jj-pale);width:32px;height:32px;color:var(--jj-blue);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.detail-person>div{flex-direction:column;display:flex}.detail-person>div strong{font-size:12px}.detail-person>div small{color:#8b969d;font-size:9px}.detail-person>b{white-space:nowrap;width:max-content;max-width:105px;color:var(--jj-blue);background:var(--jj-pale);border:1px solid var(--jj-border);border-radius:999px;padding:6px 9px;font-size:11px}.person-amount{text-align:right;color:#24343d!important;font-size:12px!important}@media (width<=700px){.detail-person{grid-template-columns:32px 1fr 45px}.person-amount{text-align:left;grid-column:2/4}.detail-section-head{align-items:flex-start}}.rate.automatic{color:var(--jj-blue);border-color:var(--jj-border);background:#eef6fa;justify-content:center;font-size:10px;font-weight:800}.person-head,.person-row{grid-template-columns:1.25fr .55fr .55fr .65fr 1fr 30px}.principal-toggle{color:#7b878e;background:#eef1f3;border-radius:999px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:9px;font-weight:800;display:flex}.principal-toggle>span{background:#aab3b8;border-radius:50%;width:8px;height:8px}.principal-toggle.on{color:var(--jj-blue);background:#e8f5fb}.principal-toggle.on>span{background:var(--jj-blue);box-shadow:0 0 0 3px #5fc4ff33}@media (width<=700px){.person-row{grid-template-columns:minmax(0,1fr) 65px 58px 30px}.person-row>strong{grid-column:1/4}.principal-toggle{padding:0 5px}}.fields select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2368767e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-left:13px;padding-right:42px}.hk-manual{position:relative}.hk-manual input{padding-right:40px}.hk-manual>span{position:absolute;right:29px}.hk-manual button{width:24px;height:24px;color:var(--jj-blue);border-radius:5px;place-items:center;display:grid;position:absolute;right:3px}.hk-manual button:hover{background:var(--jj-pale)}.hk-manual button svg{width:12px;height:12px}.side-wrap .profile{margin-top:auto}.login-error{background:#fdebed;border-radius:8px;padding:10px 12px;color:#c33c49!important;margin:12px 0!important;font-size:11px!important}.accounts-grid{grid-template-columns:380px 1fr;gap:20px;display:grid}.account-form{flex-direction:column;padding:24px;display:flex}.account-form>p{color:#89949b;margin:6px 0 18px;font-size:11px}.account-form label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.account-form input{border:1px solid #dfe5e8;border-radius:8px;outline:none;height:44px;padding:0 12px}.account-form input:focus{border-color:var(--jj-cyan);box-shadow:0 0 0 3px #5fc4ff22}.account-message{color:var(--jj-blue);background:#eef6fa;border-radius:8px;margin-bottom:12px;padding:10px;font-size:11px}.account-list{overflow:hidden}.account-list .card-head>b{color:var(--jj-blue)}.account-row{border-top:1px solid #edf0f2;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.account-row>span{background:var(--jj-pale);width:36px;height:36px;color:var(--jj-blue);border-radius:9px;place-items:center;font-weight:800;display:grid}.account-row>div{flex-direction:column;display:flex}.account-row strong{font-size:13px}.account-row small{color:#8b969d;font-size:10px}.account-row>b{color:#67757d;background:#eef1f3;border-radius:6px;padding:5px 8px;font-size:10px}@media (width<=800px){.accounts-grid{grid-template-columns:1fr}}.account-cancel{margin-top:8px}.account-row{grid-template-columns:38px minmax(0,1fr) auto 68px}.account-row.selected{background:#f0f9fd}.account-row>.account-actions{flex-direction:row;gap:5px;display:flex}.account-actions button{color:#6f7c83;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.account-actions button:hover:not(:disabled){background:var(--jj-pale);color:var(--jj-blue)}.account-actions button:disabled{opacity:.25;cursor:not-allowed}.account-actions svg{width:14px;height:14px}.summary-create{width:100%;margin-top:10px}@media (width<=1050px){.sidebar-backdrop{display:block}}.participant-picker,.role-picker{flex-direction:column;gap:6px;min-width:0;display:flex}.participant-picker{flex:1}.participant-picker select,.role-picker select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2368767e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #dfe5e8;border-radius:8px;outline:none;width:100%;height:36px;padding:0 38px 0 11px;font-size:11px}.participant-picker select:focus,.role-picker select:focus{border-color:var(--jj-cyan);box-shadow:0 0 0 3px #5fc4ff22}.participant-picker input,.role-picker input{border:1px solid #dfe5e8;border-radius:7px;outline:none;width:100%;height:34px;padding:0 10px;font-size:11px}.role-picker{width:100%}.direct-participant-input{width:100%;position:relative}.direct-participant-input input{background:#fff;height:36px!important;padding-right:38px!important}.direct-participant-input button{color:#68767e;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:4px;right:4px}.direct-participant-input button:hover{background:var(--jj-pale);color:var(--jj-blue)}.direct-participant-input button svg{width:14px;height:14px}.sort-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2368767e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;outline:none;min-width:150px;height:38px;padding:0 38px 0 12px}.sort-select:focus{border-color:var(--jj-cyan);box-shadow:0 0 0 3px #5fc4ff22}@media (width<=700px){.participant-picker select,.role-picker select{background-position:right 10px center;padding-right:34px}.person-row{align-items:start}}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1050px){.stats{grid-template-columns:1fr 1fr}}@media (width<=700px){.stats{grid-template-columns:1fr}body{font-size:16px;overflow-x:hidden}.login{min-height:100dvh}.login-panel{padding:28px 22px}.login-card{max-width:460px}.login-card .brand{width:190px;height:58px;margin-bottom:42px}.login-card h2{margin-bottom:10px;font-size:32px;line-height:1.25}.login-card>p{margin-bottom:34px;font-size:15px;line-height:1.65}.login-card>label,.modal>label{margin-top:20px;font-size:15px}.input{border-radius:12px;height:56px;padding:0 16px}.input input{font-size:16px}.eye{font-size:13px}.login-options{font-size:14px;line-height:1.4}.login-btn{height:56px;font-size:16px}.demo{line-height:1.5;font-size:13px!important}.side-wrap{width:min(82vw,300px)}.side-wrap aside{padding:24px 18px}.side-wrap nav button{height:52px;font-size:15px}.side-wrap nav button svg{width:20px;height:20px}.profile strong{font-size:14px}.profile small{font-size:12px}.avatar{width:42px;height:42px}.app header{height:74px;padding:0 16px}.menu{border-radius:10px;width:44px;height:44px}.app header h2{font-size:20px}.crumb{font-size:12px}.page{padding:24px 16px 48px}.eyebrow{font-size:12px}.welcome h1,.page-title h1{font-size:27px;line-height:1.3}.welcome p,.page-title p{font-size:15px;line-height:1.6}.welcome,.page-title{flex-direction:column;width:100%}.welcome>.primary,.page-title>.primary{width:100%;height:50px}.primary,.secondary,.telegram{min-height:48px;font-size:14px}.stats{gap:12px;margin-top:24px}.stats>div{padding:20px}.stats p{font-size:15px}.stats h3{font-size:27px}.stats>div>small{font-size:13px}.card-head{padding:18px}.card h3{font-size:18px}.card-head p{font-size:13px}.recent-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:16px}.recent-row .amount{text-align:left;grid-column:2}.recent-row>button{display:none}.recent-name strong,.amount strong{font-size:15px}.recent-name small,.amount small{font-size:12px}.toolbar{padding:12px}.search{height:46px}.search input,.sort-select,.filters button{font-size:14px}.sort-select{width:100%;height:46px}.filters button{white-space:nowrap;height:42px!important}.form-card{padding:20px 16px}.section-title h3{font-size:18px}.section-title p{font-size:13px;line-height:1.5}.fields label,.full-label{font-size:15px}.fields input,.fields select,.full-label textarea{height:50px;font-size:16px}.save-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.save-actions .primary{grid-column:1/3}.summary{padding:20px}.summary>h3{font-size:22px}.summary-top strong,.summary-person strong,.summary-person b{font-size:14px}.summary-top small,.summary-person small,.summary-money span,.summary-money small{font-size:12px}.summary h4{font-size:13px}.modal-bg{padding:12px}.modal{max-height:92dvh;padding:24px 18px;overflow-y:auto}.modal h2{font-size:25px}.modal>p{font-size:14px;line-height:1.5}.modal>input{height:50px;font-size:16px}.detail-heading h2{font-size:25px}.detail-heading p,.detail-url,.detail-result span,.detail-grid span,.detail-result small{font-size:12px}.detail-grid strong{font-size:15px}.detail-person{grid-template-columns:32px minmax(0,1fr) auto}.detail-person>div strong{font-size:14px}.detail-person>div small{font-size:12px}.detail-person>b{grid-column:2;width:max-content;max-width:none}.person-amount{grid-column:2/4;font-size:14px!important}.export-preview pre{font-size:13px;line-height:1.75}.export-buttons button{height:48px;font-size:13px}.detail-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;display:grid!important}.detail-actions .secondary,.detail-actions .primary{white-space:nowrap;width:100%;min-width:0;padding:0 6px;font-size:12px}.detail-actions svg{width:15px;height:15px}}.principal-toggle em{font-style:normal;display:none}@media (width<=700px){.principal-toggle em{display:inline}.person-row>.principal-toggle{gap:6px;min-width:116px}.rate-total{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:15px 16px;display:grid}.rate-total>span{font-size:13px;font-weight:800}.rate-total>strong{margin:0;font-size:18px}.rate-total>small{opacity:.85;border-top:1px solid;grid-column:1/3;padding-top:8px;font-size:12px;line-height:1.55}.rate-total.ok>small,.rate-total.bad>small{border-top-color:#00000015}.app header{justify-content:center;position:relative}.app header>.menu{position:absolute;top:15px;left:10px}.app header>div:first-of-type{text-align:center;width:max-content;max-width:55%;position:absolute;left:50%;transform:translate(-50%)}.app header h2{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.header-right{position:absolute;right:14px}.calculation{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.15fr);gap:3px;padding:10px 8px}.calculation>i{font-size:15px;transform:none}.calculation div{min-width:0}.calculation span{white-space:nowrap;font-size:10px}.calculation b{white-space:nowrap;letter-spacing:-.4px;font-size:11px}.calculation .result{padding:9px 6px}.person-row{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 90px 36px!important;align-items:center!important;gap:10px!important;padding:16px 4px!important;display:grid!important}.person-row .person-input{grid-area:1/1/auto/3;min-width:0}.person-row>.icon-btn{grid-area:1/3;width:36px;height:36px}.person-row .role-picker{grid-area:2/1;min-width:0}.person-row .role{border:1px solid #e2e7ea;border-radius:8px;grid-area:2/1;min-height:42px;padding:0 10px;font-size:13px;display:flex}.person-row>.rate{grid-area:2/2/auto/4;height:42px}.person-row>.principal-toggle{grid-area:3/1;justify-self:start;height:36px;padding:0 12px;font-size:11px}.person-row>strong{text-align:right;grid-row:3;font-size:14px;grid-column:2/4!important}.participant-picker select,.direct-participant-input input{font-size:14px;height:44px!important}.direct-participant-input button{top:8px}.role-picker select{height:42px;font-size:14px}.role-picker input{height:40px;font-size:14px}.rate input{font-size:14px}.person-input>span{flex:0 0 34px;width:34px;height:34px}.person-head{display:none}}