:root{--color-primary:#248a3d;--color-primary-soft:#b9e9c55e;--primary-green:#30d158;--primary-green-light:#32d74b;--secondary-green:#28cd41;--light-green:#30d1581a;--dark-green:#248a3d;--gradient-primary:linear-gradient(135deg,#30d158 0%,#32d74b 100%);--gradient-subtle:linear-gradient(135deg,#ffffffe6 0%,#fff9 100%);--gradient-semi-transparent:linear-gradient(0deg,#ffffffe6 0%,#fff0 100%);--gradient-glass:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 100%);--background:#f2f2f7;--surface:#ffffffd9;--surface-elevated:#ffffffe6;--surface-hover:#fff;--surface-disabled:#f5f5f799;--glass-surface-2:#fff6;--glass-surface:#ffffff40;--glass-border:#ffffff2e;--text-primary:#000;--text-secondary:#3c3c43;--text-tertiary:#3c3c434d;--text-muted:#8e8e93;--text-disabled:#c7c7cc;--text-inverse:#fff;--border-color:#0000000a;--border-color-hover:#00000014;--border-color-disabled:#00000005;--separator:#3c3c434a;--error:#ff3b30;--warning:#ff9500;--success:#30d158;--info:#007aff;--success-bg:#30d1581a;--success-color:#248a3d;--success-border:#30d1584d;--error-bg:#ff3b301a;--error-color:#d70015;--error-border:#ff3b304d;--warning-bg:#ff95001a;--warning-color:#c76400;--warning-border:#ff95004d;--info-bg:#007aff1a;--info-color:#0051d5;--info-border:#007aff4d;--accent-blue:#007aff;--accent-purple:#af52de;--accent-pink:#ff2d92;--accent-orange:#ff9500;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--border-radius-sm:.25rem;--border-radius-base:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--border-radius-xl:1.25rem;--border-radius-2xl:1.5rem;--border-radius-3xl:2rem;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000a;--shadow-base:0 1px 3px #0000000f,0 1px 2px #0000001a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glass:0 8px 32px #00000014;--shadow-xl-primary:0 20px 25px -5px #00270377,0 0px 15px -5px #032c0c9c;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--transition-base:.15s ease-in-out;--transition-fast:.1s ease-in-out;--transition-slow:.3s ease-in-out;--gradient-animation-duration:20s;--max-width-xs:20rem;--max-width-sm:24rem;--max-width-md:28rem;--max-width-lg:32rem;--max-width-xl:36rem;--max-width-2xl:42rem;--max-width-3xl:48rem;--max-width-4xl:56rem;--max-width-5xl:64rem;--max-width-6xl:72rem;--max-width-7xl:80rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--z-dropdown:11000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:10000;--z-popover:1060;--z-tooltip:1070;--z-toast:15000}
:root{--transition-base:all .2s ease-out;--transition-medium:all .3s ease-out;--transition-slow:all .5s ease-out;--bounce-cubic:cubic-bezier(.68,-.55,.265,1.55);--smooth-cubic:cubic-bezier(.4,0,.2,1)}*{transition:var(--transition-base)}button,.interactive,[role=button]{transition:var(--transition-medium);position:relative;overflow:hidden}button:hover,.interactive:hover,[role=button]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active,.interactive:active,[role=button]:active{transition:var(--transition-base);transform:translateY(0)}.ripple{pointer-events:none;background:#fff9;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.card{transition:var(--transition-medium);transform-origin:50%}.card:hover{box-shadow:0 10px 10px #005c260d,0 10px 10px #0030140d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideInUp .6s var(--smooth-cubic)}.animate-slide-down{animation:slideInDown .6s var(--smooth-cubic)}.animate-slide-left{animation:slideInLeft .6s var(--smooth-cubic)}.animate-slide-right{animation:slideInRight .6s var(--smooth-cubic)}.animate-fade-in{animation:.8s ease-out fadeIn}.animate-scale-in{animation:scaleIn .5s var(--bounce-cubic)}.animate-bounce-in{animation:bounceIn .8s var(--bounce-cubic)}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}a{transition:var(--transition-base);position:relative}a:after{content:"";background-color:var(--primary-green);width:0;height:2px;transition:width var(--transition-medium);position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:3s ease-in-out infinite float}.float-delayed{animation:3s ease-in-out 1.5s infinite float}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:.82s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shine{position:relative;overflow:hidden}.shine:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite shine;position:absolute;top:0;left:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-animate{background-size:200% 200%;animation:3s infinite gradientShift}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{border-right:2px solid var(--primary-green);white-space:nowrap;animation:3s steps(40,end) typewriter,.75s step-end infinite blink-caret;overflow:hidden}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--primary-green)}}input:focus,textarea:focus,select:focus{transform:scale(1.02);box-shadow:0 0 0 3px #22c55e1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-color);transition:var(--transition-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.progress{border-radius:var(--border-radius-full);position:relative;overflow:hidden}.progress:after{content:"";background-image:linear-gradient(-45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000);background-size:50px 50px;animation:1s linear infinite move-stripes;position:absolute;inset:0}@keyframes move-stripes{0%{background-position:0 0}to{background-position:50px 50px}}.modal-overlay{animation:.3s ease-out fadeIn}.modal-content{animation:scaleIn .3s var(--bounce-cubic)}.toast-enter{animation:slideInRight .3s var(--smooth-cubic)}.toast-exit{animation:slideInRight .3s var(--smooth-cubic)reverse}.stagger-item{opacity:0;animation:slideInUp .6s var(--smooth-cubic)forwards;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading-skeleton{background:linear-gradient(90deg,var(--border-color)25%,#ffffff1a 50%,var(--border-color)75%);background-size:200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
@media (max-width:1024px){.page-container{padding:0 var(--spacing-4)}}@media (max-width:768px){.page-container{padding:0 var(--spacing-3)}.page-header{padding:var(--spacing-4)var(--spacing-3);margin-bottom:var(--spacing-6)}.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-base)}}@media (max-width:640px){.page-container{padding:0 var(--spacing-2)}.page-header{padding:var(--spacing-3)var(--spacing-2)}.page-actions{justify-content:center;gap:var(--spacing-2)}.content-grid{gap:var(--spacing-4)}}@media (max-width:480px){.page-container{padding:0 var(--spacing-1)}.page-header{padding:var(--spacing-2)var(--spacing-1);margin-bottom:var(--spacing-4)}.page-header h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.page-actions{gap:var(--spacing-2);flex-direction:column}.content-grid{gap:var(--spacing-3)}.form-grid{gap:var(--spacing-3);grid-template-columns:1fr}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.page-container{-webkit-overflow-scrolling:touch}.page-header{z-index:1;position:relative}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.page-header:before{transform:scaleY(.5)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.page-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%)}.page-header:before{opacity:.3}}
@media (max-width:768px){input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{font-size:16px!important}}html{width:100%;overflow-x:hidden}body{width:100%;position:relative;overflow-x:hidden}
*{box-sizing:border-box;margin:0;padding:0}:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;font-size:16px;overflow-x:hidden}html,body{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:0;max-width:100%;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;transition:background-color var(--transition-slow);background-attachment:fixed;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;width:200%;height:200%;animation:rotateGradient var(--gradient-animation-duration)linear infinite;filter:blur(60px);opacity:.7;background:conic-gradient(#30d15814,#007aff1f,#af52de14,#ff95000f,#30d15814);border-radius:50%;position:fixed;top:-50%;left:-50%}h1,h2,h3,h4,h5,h6{align-items:center;gap:8px;display:flex}h1{padding-bottom:18px;font-size:30px}h2{font-size:24px}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--primary-green);transition:color var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;text-decoration:none}a:hover{color:var(--secondary-green)}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-base);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;min-width:44px;min-height:44px}input,textarea{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--surface);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-3)var(--spacing-4);box-sizing:border-box;width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}select{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--surface);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-3)var(--spacing-5)var(--spacing-3)var(--spacing-4);box-sizing:border-box;cursor:pointer;appearance:none;width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-4)center;background-size:16px}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local]{width:100%;max-width:100%}input[type=date],input[type=time],input[type=datetime-local]{appearance:none;min-width:0;min-height:44px;line-height:normal;display:block;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-base);right:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-base);right:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-base);right:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}input:focus,textarea:focus{border-color:var(--primary-green);background:var(--surface-elevated);box-shadow:0 0 0 4px #30d1581a,var(--shadow-md);outline:none;transform:translateY(-1px)}input:hover,textarea:hover{border-color:var(--border-color-hover);background:var(--surface-hover)}select:focus{border-color:var(--primary-green);background:var(--surface-elevated);box-shadow:0 0 0 4px #30d1581a,var(--shadow-md);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2330d158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");outline:none;transform:translateY(-1px)}select:hover{border-color:var(--border-color-hover);background:var(--surface-hover);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}input.error,textarea.error{border-color:var(--error);box-shadow:0 0 0 4px #ff3b301a,var(--shadow-sm);background:#ff3b300d}select.error{border-color:var(--error);box-shadow:0 0 0 4px #ff3b301a,var(--shadow-sm);background:#ff3b300d url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3b30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}select option{padding:var(--spacing-3)var(--spacing-4);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);border:none}select option:checked{background:var(--primary-green);color:#fff;font-weight:var(--font-weight-medium)}select:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed;border-color:var(--border-color-disabled);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width-7xl);padding:0 var(--spacing-4);margin:0 auto;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.welcome-container{text-align:center;min-height:60vh;padding:var(--spacing-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-container h1{color:var(--primary-green);margin-bottom:var(--spacing-6)}.welcome-container p{font-size:var(--font-size-lg);max-width:600px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-full);background:#0003 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#0000004d padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#0003 transparent}@media (max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-3);width:100%;max-width:100%}.welcome-container{padding:var(--spacing-6)var(--spacing-4)}h1{font-size:22px}h2{font-size:18px}}@media (max-width:480px){html{font-size:13px}body{min-height:100vh;min-height:-webkit-fill-available}.welcome-container h1{font-size:var(--font-size-2xl)}.welcome-container p{font-size:var(--font-size-base)}}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}*{-webkit-tap-highlight-color:transparent}input,button,textarea,select{font-size:16px!important}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){body:before{opacity:.5;animation:none;transform:rotate(0)}}