:root{--primary-green:#30d158;--primary-green-light:#32d74b;--secondary-green:#28cd41;--light-green:rgba(48,209,88,.1);--dark-green:#248a3d;--gradient-primary:linear-gradient(135deg,#30d158,#32d74b);--gradient-subtle:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));--gradient-semi-transparent:linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0));--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.1));--background:#f2f2f7;--surface:hsla(0,0%,100%,.85);--surface-elevated:hsla(0,0%,100%,.9);--surface-hover:#fff;--surface-disabled:rgba(245,245,247,.6);--glass-surface-2:hsla(0,0%,100%,.4);--glass-surface:hsla(0,0%,100%,.25);--glass-border:hsla(0,0%,100%,.18);--text-primary:#000;--text-secondary:#3c3c43;--text-tertiary:#3c3c434d;--text-muted:#8e8e93;--text-disabled:#c7c7cc;--text-inverse:#fff;--border-color:rgba(0,0,0,.04);--border-color-hover:rgba(0,0,0,.08);--border-color-disabled:rgba(0,0,0,.02);--separator:rgba(60,60,67,.29);--error:#ff3b30;--warning:#ff9500;--success:#30d158;--info:#007aff;--success-bg:rgba(48,209,88,.1);--success-color:#248a3d;--success-border:rgba(48,209,88,.3);--error-bg:rgba(255,59,48,.1);--error-color:#d70015;--error-border:rgba(255,59,48,.3);--warning-bg:rgba(255,149,0,.1);--warning-color:#c76400;--warning-border:rgba(255,149,0,.3);--info-bg:rgba(0,122,255,.1);--info-color:#0051d5;--info-border:rgba(0,122,255,.3);--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:0.75rem;--font-size-sm:0.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:0.25rem;--spacing-2:0.5rem;--spacing-3:0.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:0.25rem;--border-radius-base:0.5rem;--border-radius-md:0.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 rgba(0,0,0,.04);--shadow-base:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glass:0 8px 32px rgba(0,0,0,.08);--shadow-xl-primary:0 20px 25px -5px rgba(0,39,3,.466),0 0px 15px -5px rgba(3,44,12,.61);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--transition-base:150ms ease-in-out;--transition-fast:100ms ease-in-out;--transition-slow:300ms 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;--transition-base:all 0.2s ease-out;--transition-medium:all 0.3s ease-out;--transition-slow:all 0.5s ease-out;--bounce-cubic:cubic-bezier(0.68,-0.55,0.265,1.55);--smooth-cubic:cubic-bezier(0.4,0,0.2,1)}*{transition:var(--transition-base)}.interactive,[role=button],button{position:relative;overflow:hidden;transition:var(--transition-medium)}.interactive:hover,[role=button]:hover,button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.interactive:active,[role=button]:active,button:active{transform:translateY(0);transition:var(--transition-base)}.ripple{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.6);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.card{transition:var(--transition-medium);transform-origin:center}.card:hover{box-shadow:0 10px 10px rgba(0,92,38,.05),0 10px 10px rgba(0,48,20,.05)}@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:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(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:fadeIn .8s ease-out}.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{position:relative;transition:var(--transition-base)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary-green);transition:width var(--transition-medium)}a:hover:after{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float,.float-delayed{animation:float 3s ease-in-out infinite}.float-delayed{animation-delay:1.5s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97)}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shine 2s infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;border-right:2px solid var(--primary-green);white-space:nowrap;animation:typewriter 3s steps(40),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-green)}}input:focus,select:focus,textarea:focus{transform:scale(1.02);box-shadow:0 0 0 3px rgba(34,197,94,.1)}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:var(--transition-base);transition:var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.progress{position:relative;overflow:hidden;border-radius:var(--border-radius-full)}.progress:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);background-size:50px 50px;animation:move-stripes 1s linear infinite}@keyframes move-stripes{0%{background-position:0 0}to{background-position:50px 50px}}.modal-overlay{animation:fadeIn .3s ease-out}.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;transform:translateY(20px);animation:slideInUp .6s var(--smooth-cubic) forwards}.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){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-skeleton{background:linear-gradient(90deg,var(--border-color) 25%,hsla(0,0%,100%,.1) 50%,var(--border-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@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{flex-direction:column;gap:var(--spacing-2)}.content-grid,.form-grid{gap:var(--spacing-3)}.form-grid{grid-template-columns:1fr}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.page-container{-webkit-overflow-scrolling:touch}.page-header{position:relative;z-index:1}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.page-header:before{transform:scaleY(.5)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!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=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}}body{position:relative}*{padding:0;margin:0}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;font-size:16px;width:100%;max-width:100%}body,html{-webkit-text-size-adjust:100%}body,html{-webkit-overflow-scrolling:touch;-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);background-attachment:fixed;width:100%;max-width:100%;min-width:0;overflow-x:hidden;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;-webkit-text-size-adjust:100%;transition:background-color var(--transition-slow)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,rgba(48,209,88,.08),rgba(0,122,255,.12),rgba(175,82,222,.08),rgba(255,149,0,.06),rgba(48,209,88,.08));z-index:-2;pointer-events:none;animation:rotateGradient var(--gradient-animation-duration) linear infinite;border-radius:50%;filter:blur(60px);opacity:.7}h1,h2,h3,h4,h5,h6{display:flex;align-items:center;gap:8px}h1{font-size:30px;padding-bottom:18px}h2{font-size:24px}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--primary-green);text-decoration:none;transition:color var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}a:hover{color:var(--secondary-green)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-base);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;min-height:44px;min-width:44px}input,textarea{padding:var(--spacing-3) var(--spacing-4)}input,select,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);width:100%;box-sizing:border-box;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}select{padding:var(--spacing-3) var(--spacing-5) var(--spacing-3) var(--spacing-4);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;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=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url]{width:100%;max-width:100%}input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:44px;line-height:normal;display:block;position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base);position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%)}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input:focus,textarea:focus{outline:none;border-color:var(--primary-green);background:var(--surface-elevated);box-shadow:0 0 0 4px rgba(48,209,88,.1),var(--shadow-md);transform:translateY(-1px)}input:hover,textarea:hover{border-color:var(--border-color-hover);background:var(--surface-hover)}select:focus{outline:none;border-color:var(--primary-green);background:var(--surface-elevated);box-shadow:0 0 0 4px rgba(48,209,88,.1),var(--shadow-md);transform:translateY(-1px);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")}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,select.error,textarea.error{border-color:var(--error);background:rgba(255,59,48,.05);box-shadow:0 0 0 4px rgba(255,59,48,.1),var(--shadow-sm)}select.error{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='%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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width-7xl);margin:0 auto;padding:0 var(--spacing-4);overflow-x:hidden}*,:after,:before{box-sizing:border-box}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-8)}.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:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:var(--border-radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) 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}button,input,select,textarea{font-size:16px!important}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){body:before{animation:none;transform:rotate(0deg);opacity:.5}}