:root{--primary-green: #3ab54a;--primary-green-10: rgba(58, 181, 74, .1);--primary-green-20: rgba(58, 181, 74, .2);--primary-green-30: rgba(58, 181, 74, .3);--secondary-green: #15803d;--bg-main: #ffffff;--bg-gradient-1: transparent;--bg-gradient-2: transparent;--text-main: #0f172a;--text-muted: #64748b;--text-inverse: #ffffff;--text-green-dark: #15803d;--text-green-light: #3ab54a;--panel-bg: rgba(255, 255, 255, .7);--panel-bg-solid: #ffffff;--panel-border: rgba(0, 0, 0, .08);--surface-subtle: rgba(0, 0, 0, .02);--surface-muted: rgba(0, 0, 0, .05);--input-bg: #ffffff;--input-border: #e2e8f0;--red-500-10: rgba(239, 68, 68, .1);--red-500-20: rgba(239, 68, 68, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--header-height: 80px;--sidebar-width: max(280px, 30vw);font-size:17px;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg-main);color:var(--text-main);overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}input,textarea{-webkit-user-select:text;user-select:text}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}@media(min-width:640px){.sm-flex-row{flex-direction:row}.sm-items-center{align-items:center}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-px{gap:1px}.w-8{width:2rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.h-14{height:3.5rem}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.rounded-full{border-radius:9999px}.h-24{height:6rem}.w-64{width:16rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-7xl{max-width:80rem}.max-w-\[80\%\]{max-width:80%}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[600px\]{min-height:600px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-\[25px\]{height:25px}.w-\[20px\]{width:20px}.w-\[40px\]{width:40px}.min-w-\[40px\]{min-width:40px}.absolute{position:absolute}.top-0{top:0}.top-4{top:1rem}.right-4{right:1rem}.z-30{z-index:30}.z-40{z-index:40}.sticky{position:sticky}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition-all{transition:all .3s ease}.active-scale-95:active{transform:scale(.95)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-green-100{box-shadow:0 4px 14px #3ab54a33}.shadow-green-200{box-shadow:0 10px 25px -5px #3ab54a59}.mx-auto{margin-left:auto;margin-right:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-12{padding-bottom:3rem}.pb-24{padding-bottom:6rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-8>*+*{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-slate-200{background-color:#e2e8f0}.disabled\:bg-slate-200:disabled{background-color:#e2e8f0}.disabled\:text-slate-400:disabled{color:#94a3b8}.disabled\:shadow-none:disabled{box-shadow:none}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-black{font-weight:900}.italic{font-style:italic}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-nowrap{white-space:nowrap}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-green-dark{color:var(--text-green-dark)}.text-green-light{color:var(--text-green-light)}.text-white{color:var(--text-inverse)}.text-black{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-red-500{color:#ef4444}.text-red-400{color:#f87171}.text-blue-500{color:#3b82f6}.text-yellow-500{color:#e89100}.text-amber-600{color:#d97706}.bg-white{background-color:var(--panel-bg-solid)}.bg-transparent{background-color:transparent!important}.border-none{border:none!important}.outline-none{outline:none!important}.shadow-none{box-shadow:none!important}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-black\/20{background-color:var(--surface-subtle)}.bg-black\/10,.bg-black\/30{background-color:var(--surface-muted)}.bg-\[\#3ab54a\]{background-color:var(--primary-green)}.bg-white\/5{background-color:var(--surface-subtle)}.bg-white\/10{background-color:var(--surface-muted)}.bg-white\/20{background-color:var(--panel-bg-solid)}.bg-white\/40{background-color:#fff6}.bg-white\/50{background-color:#ffffff80}.bg-white\/95{background-color:#fffffffa}.bg-black\/5,.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-white\/50:hover{background-color:#ffffff80}.bg-red-500\/10{background-color:#ef44440d}.bg-red-500\/20{background-color:#ef44441a}.bg-yellow-500\/10{background-color:#eab3080d}.bg-yellow-500\/20{background-color:#eab3081a}.bg-amber-50{background-color:#fffbeb}.bg-\[\#3ab54a\]\/10{background-color:var(--primary-green-10)}.bg-\[\#3ab54a\]\/20{background-color:var(--primary-green-20)}.bg-primary-green{background-color:var(--primary-green)}.bg-today{background-color:var(--primary-green-10)}.bg-red-50{background-color:#fef2f2}.bg-green-50{background:var(--surface-subtle)}.bg-slate-50{background-color:var(--bg-main)}.bg-gray-50\/30{background-color:var(--surface-subtle)}.bg-gray-50\/90{background-color:var(--panel-bg-solid)}.bg-green-50\/50,.bg-black\/\[0\.02\],.bg-black\/\[0\.01\]{background-color:var(--surface-subtle)}.border{border:1px solid var(--panel-border)}.border-b{border-bottom:1px solid var(--panel-border)}.border-t{border-top:1px solid var(--panel-border)}.border-l{border-left:1px solid var(--panel-border)}.border-white\/5,.border-white\/10,.border-white\/20{border-color:var(--panel-border)}.border-black\/5{border-color:#0000000d}.border-black\/10{border-color:#0000001a}.border-amber-100{border-color:#fef3c7}.border-gray-300{border-color:#d1d5db}.border-red-100{border-color:#fee2e2}.border-green-100{border-color:#dcfce7}.rounded-none{border-radius:0}.rounded-sm{border-radius:2px}.rounded{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:14px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.rounded-t-3xl{border-radius:24px 24px 0 0}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--panel-border)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-side-subtle{box-shadow:2px 0 5px #00000005}.bg-gradient-to-br{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green))}.btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #3ab54a33}.btn-premium-save{background:linear-gradient(135deg,#3ab54a,#15803d);color:#fff;font-weight:900;box-shadow:0 10px 20px -5px #3ab54a66;transform:translateY(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-premium-save:active{transform:translateY(2px);box-shadow:0 4px 10px -2px #3ab54a66}.bg-approved-active{background-color:var(--primary-green);color:#0f172a;box-shadow:inset 0 2px 4px #0000001a}.input-field{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);padding:12px;border-radius:8px;width:100%}.input-field::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseSubtle{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-subtle{animation:pulseSubtle 2s infinite ease-in-out}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSimple .2s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.aspect-square{aspect-ratio:1 / 1}.indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.indicator-approved{background-color:var(--primary-green);box-shadow:0 0 8px #3ab54a66}.indicator-staged{background-color:#3b82f6;border:2px solid white;box-shadow:0 0 10px #3b82f680;width:10px;height:10px}.mt-1{margin-top:.25rem}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.drawer-overlay{align-items:center;padding:16px}}.drawer{width:100%;max-width:440px;max-height:85dvh;background:var(--panel-bg-solid);box-shadow:0 20px 50px #00000026;overflow:hidden;position:relative;display:flex;flex-direction:column;margin-bottom:0;border-radius:28px 28px 0 0}@media(min-width:640px){.drawer{border-radius:28px;margin-bottom:0}}.drawer-handle{display:none}.chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));max-width:900px;margin:0 auto;position:relative}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:120px;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:var(--black-10);border-radius:10px}.message-bubble{max-width:85%;padding:1rem 1.25rem;border-radius:1.5rem;line-height:1.6;font-size:.95rem;margin-bottom:1rem;position:relative;box-shadow:0 2px 10px #00000008}.message-user{background:var(--primary-green);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.message-ai{background:transparent;color:var(--text-main);align-self:flex-start;border:none;box-shadow:none;padding-left:.5rem;padding-right:.5rem;max-width:100%}.chat-input-wrapper{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-light) 60%,transparent);padding:1.5rem;z-index:40}.chat-input-container{max-width:800px;margin:0 auto;background:var(--panel-bg-solid);border-radius:1.5rem;padding:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 40px #00000014;border:1px solid var(--panel-border);transition:var(--transition-smooth)}.chat-input-container:focus-within{border-color:var(--primary-green-30);box-shadow:0 10px 40px #3ab54a1f}.chat-input{flex:1;border:none;background:transparent;padding:.75rem 1rem;font-size:1rem;outline:none}.chat-input-button{background:var(--primary-green);color:#fff;border:none;width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);flex-shrink:0;box-shadow:0 4px 12px #3ab54a33}.chat-input-button:hover:not(:disabled){background:var(--secondary-green);transform:scale(1.05);box-shadow:0 6px 16px #3ab54a4d}.chat-input-button:active:not(:disabled){transform:scale(.95)}.chat-input-button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}@media(max-width:768px){.chat-container{height:calc(100vh - 70px)}.chat-input-wrapper{padding:1rem}.message-bubble{max-width:90%}.sidebar-collapsed{transform:translate(-100%)}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--panel-bg-solid);border-right:1px solid var(--panel-border);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;transform:translate(-100%)}.sidebar-expanded{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}@media(min-width:1024px){.sidebar-expanded{width:280px}.lg-hidden{display:none!important}}.nav-label{white-space:nowrap;opacity:1;transition:opacity .2s ease,transform .2s ease}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.h-screen{height:100vh}.relative{position:relative}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.z-100{z-index:100}.bg-white\/80{background-color:#fffc}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.board-scroll-container::-webkit-scrollbar{width:6px;height:6px}.board-scroll-container::-webkit-scrollbar-track{background:var(--surface-subtle)}.board-scroll-container::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:10px}.board-scroll-container{overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent;touch-action:pan-x pan-y}@keyframes scrollHintPulse{0%{transform:translate(0);opacity:.5}50%{transform:translate(5px);opacity:1}to{transform:translate(0);opacity:.5}}.scroll-hint-animate{animation:scrollHintPulse 2s infinite ease-in-out}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:#ef4444;cursor:pointer;margin-top:-7px;box-shadow:0 0 10px #ef44444d;border:3px solid white;transition:all .2s}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#0000000d;border-radius:2px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 15px #3ab54a80}input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:#ef4444;cursor:pointer;border:3px solid white;box-shadow:0 0 10px #ef44444d}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#0000000d;border-radius:2px}.safari-time-bypass:before{content:attr(data-time)}a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;background:transparent!important;background-color:transparent!important}.footer-powered{text-align:center;padding:1.5rem 1rem;font-size:11px;color:var(--text-muted);opacity:.8;margin-top:auto;flex-shrink:0;width:100%}@keyframes charFadeIn{0%{opacity:0;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.char-fade-in{display:inline-block;animation:charFadeIn .5s ease-out forwards}.floating-submit-bar{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:16px 20px;color:#0f172a;box-shadow:0 10px 30px -10px #0000001a,0 1px 3px #0000000d}.floating-submit-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.floating-submit-dates{font-size:18px;font-weight:900;color:#0f172a;letter-spacing:-.01em;line-height:1.3}.btn-cancel-staged{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:10px 20px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn-cancel-staged:hover{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}.btn-cancel-staged:active{transform:scale(.96)}.btn-confirm-staged{background:linear-gradient(135deg,#3ab54a,#15803d);color:#fff;border:none;padding:10px 24px;border-radius:14px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #3ab54a40;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn-confirm-staged:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3ab54a59;filter:brightness(1.05)}.btn-confirm-staged:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 8px #3ab54a33}