@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}:root{--color-primary-50:#faf5ff;--color-primary-100:#f3e8ff;--color-primary-200:#e9d5ff;--color-primary-300:#d8b4fe;--color-primary-400:#c084fc;--color-primary-500:#a855f7;--color-primary-600:#7c3aed;--color-primary-700:#6d28d9;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-primary-950:#2e1065;--color-secondary-50:#faf5ff;--color-secondary-100:#f3e8ff;--color-secondary-200:#e9d5ff;--color-secondary-300:#d8b4fe;--color-secondary-400:#c084fc;--color-secondary-500:#a855f7;--color-secondary-600:#9333ea;--color-secondary-700:#7e22ce;--color-secondary-800:#6b21a8;--color-secondary-900:#581c87;--color-secondary-950:#3b0764;--color-accent-50:#ecfeff;--color-accent-100:#cffafe;--color-accent-200:#a5f3fc;--color-accent-300:#67e8f9;--color-accent-400:#22d3ee;--color-accent-500:#06b6d4;--color-accent-600:#0891b2;--color-accent-700:#0e7490;--color-accent-800:#155e75;--color-accent-900:#164e63;--color-accent-950:#083344;--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-neutral-950:#030712;--color-neutral-1000:#000;--color-success-500:#22c55e;--color-error-500:#ef4444;--color-warning-500:#f59e0b;--color-info-500:#3b82f6;--color-bg-primary:var(--color-neutral-0);--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-bg-inverse:var(--color-neutral-900);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-0);--color-text-link:var(--color-primary-600);--color-text-link-hover:var(--color-primary-700);--color-border-default:var(--color-neutral-200);--color-border-focus:var(--color-primary-500);--color-border-error:var(--color-error-500);--color-input-bg:var(--color-neutral-100);--color-input-bg-focus:var(--color-neutral-0);--color-input-placeholder:var(--color-neutral-400);--color-btn-primary-bg:#a855f7;--color-btn-primary-hover:#9333ea;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#f3e8ff;--color-btn-secondary-hover:#e9d5ff;--color-btn-secondary-text:#a855f7;--color-status-active-bg:#dcfce7;--color-status-active-text:#16a34a;--color-status-paused-bg:#fef3c7;--color-status-paused-text:#d97706;--color-status-cancelled-bg:#fee2e2;--color-status-cancelled-text:#dc2626;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit","Inter",system-ui,sans-serif;--font-mono:"Fira Code",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--spacing-0:0;--spacing-px:1px;--spacing-0-5:.125rem;--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;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-btn-pill:var(--radius-full);--radius-btn-soft:.5rem;--radius-btn-default:var(--radius-lg);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--container-full:100%;--container-default:var(--container-xl);--page-padding-x:var(--spacing-6);--page-padding-y:var(--spacing-8)}@media(prefers-color-scheme:dark){:root{--color-bg-primary:var(--color-neutral-900);--color-bg-secondary:var(--color-neutral-800);--color-bg-tertiary:var(--color-neutral-700);--color-bg-inverse:var(--color-neutral-0);--color-text-primary:var(--color-neutral-0);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-900);--color-border-default:var(--color-neutral-700)}}.app-background{background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}.app-background-fallback{background:linear-gradient(135deg,#f5f3f0,#e8eef5,#dfe8f0);min-height:100vh}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-8{height:calc(var(--spacing)*8)}.h-16{height:calc(var(--spacing)*16)}.w-16{width:calc(var(--spacing)*16)}.w-auto{width:auto}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-4{gap:calc(var(--spacing)*4)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-neutral-100{background-color:var(--color-neutral-100)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-900{color:var(--color-neutral-900)}.text-white{color:var(--color-white)}.italic{font-style:italic}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:400}.btn-primary{background-color:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background-color .2s}.btn-secondary{background-color:var(--color-secondary-600);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-secondary-700)}.card{box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-200);background-color:#fff;border-radius:.75rem;padding:1.5rem}.input{border:1px solid var(--color-neutral-300);border-radius:.5rem;outline:none;width:100%;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.input:focus{box-shadow:0 0 0 2px var(--color-primary-500);border-color:#0000}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.login-page{display:flex;min-height:100vh;width:100%}.login-panel{flex:0 0 35%;display:flex;justify-content:center;padding:20px;background-color:var(--color-neutral-0)}.login-content{width:100%;max-width:400px;height:100%;display:flex;flex-direction:column}.logo-header{margin-top:50px;margin-bottom:var(--spacing-12)}.login-form-wrapper{display:flex;flex-direction:column;justify-content:center;flex:1;gap:var(--spacing-4)}.login-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-neutral-900);margin:0;line-height:1.2}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-700);cursor:pointer;transition:all .2s ease}.google-signin-btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}.google-icon{flex-shrink:0}.divider{display:flex;align-items:center;text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);margin:var(--spacing-2) 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-neutral-200)}.divider span{padding:0 var(--spacing-4)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group,.password-group{position:relative}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-neutral-50);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-900);outline:none;transition:all .2s ease}.form-input::placeholder{color:var(--color-neutral-400)}.form-input:focus{background-color:var(--color-neutral-0);border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--color-neutral-600)}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-2)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-600)}.checkbox-text{font-size:var(--text-sm);color:var(--color-neutral-700)}.forgot-link{font-size:var(--text-sm);color:var(--color-neutral-700);text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-link:hover{color:var(--color-primary-600)}.login-btn{width:auto;min-width:140px;padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-4);margin-bottom:var(--spacing-6);align-self:flex-start}.login-btn:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.login-btn:active{transform:translateY(0)}.signup-link{text-align:left;font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:0;margin-bottom:50px}.signup-link a,.signup-btn{color:var(--color-primary-600);text-decoration:none;font-weight:600;transition:color .2s ease;background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}.signup-link a:hover,.signup-btn:hover{color:var(--color-primary-700)}.testimonial-panel{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--color-neutral-0)}.testimonial-container{position:relative;width:100%;height:100%;border-radius:var(--radius-3xl) 0 var(--radius-3xl) 0;overflow:hidden;display:flex;align-items:flex-end}.testimonial-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.testimonial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5c4cb3,#452e26cc);z-index:2}.testimonial-content{position:relative;z-index:3;padding:var(--spacing-12);color:#fff;width:100%}.quote-icon{margin-bottom:var(--spacing-6)}.testimonial-quote{font-size:var(--text-2xl);line-height:1.5;font-weight:400;margin:0 0 var(--spacing-6) 0;color:#fff}.testimonial-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid rgba(255,255,255,.3)}.testimonial-author{color:#fff}.author-name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-1)}.author-title{font-size:var(--text-sm);opacity:.9}.testimonial-nav{display:flex;gap:var(--spacing-3)}.nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover{background:#fff3;transform:translateY(-2px)}@media(max-width:1024px){.login-page{flex-direction:column}.testimonial-panel{min-height:400px}}@media(max-width:640px){.login-panel{padding:var(--spacing-4)}.login-title{font-size:var(--text-2xl)}.testimonial-content{padding:var(--spacing-6)}.testimonial-quote{font-size:var(--text-base)}}.registration-page{display:flex;min-height:100vh;width:100%;position:relative}.branding-panel{flex:0 0 30%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--color-neutral-0)}.branding-container{position:relative;width:100%;height:100%;border-radius:0 var(--radius-3xl) 0 var(--radius-3xl);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#e8f4fc,#d4ebf8,#c5e4f5)}.branding-content{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;padding:50px 40px}.branding-logo{margin:0}.branding-logo img,.branding-logo .h-8{height:28px!important;width:auto!important}.branding-message{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:280px}.branding-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-4) 0;line-height:1.3}.branding-subtitle{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0;line-height:1.6}.branding-trademark{font-size:var(--text-xs);color:var(--color-neutral-500)}.registration-panel{flex:1;display:flex;flex-direction:column;padding:40px 60px 40px 20px;background-color:var(--color-neutral-0);overflow-y:auto}.registration-content{width:100%;height:100%;display:flex;flex-direction:column}.step-progress{display:flex;align-items:center;justify-content:space-between;gap:0;margin-bottom:var(--spacing-12);flex-wrap:nowrap;width:100%}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);cursor:default;transition:all .2s ease}.step-item.completed{cursor:pointer}.step-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-neutral-100);color:var(--color-neutral-400);transition:all .2s ease}.step-item.active .step-icon{background-color:var(--color-primary-50);color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.step-item.completed .step-icon{background-color:var(--color-primary-600);color:#fff}.step-label{font-size:var(--text-xs);color:var(--color-neutral-500);text-align:center;max-width:80px;white-space:nowrap}.step-item.active .step-label{color:var(--color-neutral-900);font-weight:500}.step-item.completed .step-label{color:var(--color-primary-600)}.step-connector{flex:1;height:2px;background-color:var(--color-neutral-200);margin:0 var(--spacing-2);margin-bottom:24px;min-width:20px;transition:background-color .2s ease}.step-connector.completed{background-color:var(--color-primary-600)}.form-content{background-color:var(--color-neutral-0);flex:1;display:flex;flex-direction:column}.form-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--color-neutral-900);margin:0 0 var(--spacing-8) 0}.profile-upload-section{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.profile-avatar{width:72px;height:72px;border-radius:var(--radius-full);background-color:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-neutral-400)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.upload-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);color:var(--color-primary-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background-color:var(--color-primary-50)}.hidden-file-input{display:none}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-fields.no-gap{gap:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-700);display:flex;justify-content:space-between;align-items:center}.char-count{font-size:var(--text-xs);color:var(--color-neutral-400);font-weight:400}.form-input,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-neutral-100);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-900);outline:none;transition:all .2s ease;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-input:focus,.form-textarea:focus{background-color:var(--color-neutral-100);border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.form-textarea{resize:none;height:120px}.work-experience-item{display:flex;flex-direction:column;gap:var(--spacing-6);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-4);position:relative;animation:fadeIn .3s ease}.work-experience-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-2)}.remove-job-btn{color:var(--color-status-cancelled-text);background:none;border:none;font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;transition:all .2s ease}.remove-job-btn:hover{text-decoration:underline;filter:brightness(.8);border:none}.work-experience-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.file-upload-box{border:2px dashed var(--color-primary-200);border-radius:var(--radius-lg);background-color:var(--color-primary-50);padding:var(--spacing-8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-height:160px}.file-upload-box:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-300)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600)}.plus-icon{font-size:var(--text-2xl);font-weight:300}.upload-text{font-size:var(--text-sm);font-weight:500}.file-name{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900)}.project-type-tabs{display:flex;background-color:var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--spacing-1);gap:var(--spacing-1);margin-top:var(--spacing-2)}.project-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-600);transition:all .2s ease}.project-tab:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-200)}.project-tab.active{background-color:#fff;color:var(--color-primary-600);box-shadow:0 1px 2px #0000000d}.skills-clear-all{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);cursor:pointer;margin-left:auto;float:right}.skills-clear-all:hover{color:var(--color-error-600)}.close-icon{font-size:var(--text-lg);line-height:1}.add-job-btn{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--color-primary-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;margin-top:var(--spacing-4);transition:color .2s ease}.add-job-btn:hover{color:var(--color-primary-700)}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-hint{font-size:var(--text-xs);color:var(--color-neutral-400)}.form-footer-section{margin-top:auto;padding-top:var(--spacing-8)}.form-divider{width:100%;height:1px;background-color:var(--color-neutral-200);margin-bottom:var(--spacing-3)}.form-actions{display:flex;justify-content:flex-end}.continue-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.continue-btn:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.continue-btn:active{transform:translateY(0)}.registration-page .back-btn,.form-actions .back-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-neutral-0);color:var(--color-neutral-900);border:2px solid var(--color-neutral-900);border-radius:12px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;width:auto;height:auto;min-width:auto;justify-content:flex-start}.registration-page .back-btn:hover,.form-actions .back-btn:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900);border-color:var(--color-neutral-900);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.registration-page .back-btn:active,.form-actions .back-btn:active{transform:translateY(0)}@media(max-width:1200px){.step-progress{gap:var(--spacing-1)}.step-connector{width:24px}.step-label{font-size:10px;max-width:70px}}@media(max-width:1024px){.registration-page{flex-direction:column}.branding-panel{flex:0 0 auto;min-height:300px}.branding-content{padding:30px}.branding-message{max-width:100%}.registration-panel{padding:30px}.step-progress{overflow-x:auto;justify-content:flex-start;padding-bottom:var(--spacing-4)}}@media(max-width:768px){.step-progress{display:none}.registration-panel{padding:var(--spacing-6)}}@media(max-width:640px){.branding-content{padding:30px 20px}.branding-title,.form-title{font-size:var(--text-xl)}.profile-upload-section{flex-direction:column;align-items:flex-start}}.form-description{font-size:var(--text-sm);color:var(--color-neutral-600);margin:calc(var(--spacing-8) * -.75) 0 var(--spacing-8) 0;line-height:1.6}.skills-input-container{padding:var(--spacing-2);background-color:var(--color-neutral-100);border:1px solid transparent;border-radius:var(--radius-lg);transition:all .2s ease;min-height:48px;display:flex;flex-wrap:wrap;align-items:center}.skills-input-container:focus-within{background-color:var(--color-neutral-100);border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);width:100%}.skill-tag{display:flex;align-items:center;gap:var(--spacing-1);padding:4px 8px;background-color:var(--color-neutral-0);color:var(--color-neutral-900);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.skill-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);background-color:transparent;border:none;color:var(--color-neutral-500);cursor:pointer;font-size:14px;line-height:1;padding:0}.skill-remove:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.skill-input{flex:1;min-width:120px;border:none;background:transparent;padding:4px;font-size:var(--text-sm);color:var(--color-neutral-900);outline:none}.skill-input::placeholder{color:var(--color-neutral-400)}.experience-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.experience-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-neutral-100);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.experience-card:hover{background-color:var(--color-neutral-50);border-color:var(--color-primary-200)}.experience-card.selected{background-color:var(--color-primary-50);border-color:var(--color-primary-600)}.level-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin:0;line-height:1.4}.level-years{font-weight:400;color:var(--color-neutral-600);margin-left:2px}.level-description{font-size:var(--text-xs);color:var(--color-neutral-500);margin:0;line-height:1.5}.experience-card.selected .level-title{color:var(--color-primary-900)}.experience-card.selected .level-years,.experience-card.selected .level-description{color:var(--color-primary-700)}@media(max-width:640px){.experience-levels{grid-template-columns:1fr;gap:var(--spacing-2)}}.rate-input-container{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.rate-input-wrapper{display:flex;align-items:center;gap:var(--spacing-3);background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--spacing-2)}.rate-input-wrapper:focus-within{border-color:var(--color-primary-600);box-shadow:0 0 0 2px var(--color-primary-100)}.currency-selector{position:relative;display:flex;align-items:center;border-right:1px solid var(--color-neutral-200);padding-right:var(--spacing-2)}.currency-select{appearance:none;background:transparent;border:none;font-size:var(--text-base);font-weight:500;color:var(--color-neutral-900);padding-right:var(--spacing-4);cursor:pointer}.currency-select:focus{outline:none}.select-arrow{position:absolute;right:0;pointer-events:none;color:var(--color-neutral-500)}.rate-input{flex:1;border:none;font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);min-width:0}.rate-input:focus{outline:none}.rate-suffix{font-size:var(--text-sm);color:var(--color-neutral-500);font-weight:500;white-space:nowrap}.rate-details-card{background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-4)}.rate-detail-row{display:flex;justify-content:space-between;align-items:flex-start}.rate-detail-info{display:flex;flex-direction:column;gap:2px}.rate-detail-label{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-700)}.rate-detail-sub{font-size:var(--text-xs);color:var(--color-neutral-500)}.rate-detail-amount{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.rate-detail-amount.negative{color:var(--color-error-600)}.rate-detail-amount.positive{color:var(--color-success-600);font-size:var(--text-lg);font-weight:700}.rate-divider{height:1px;background-color:var(--color-neutral-200);margin:var(--spacing-3) 0}.availability-grid{display:grid;gap:var(--spacing-3)}.availability-card{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;background:#fff}.availability-card:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.availability-card.selected{border-color:var(--color-primary-600);background-color:var(--color-primary-50);box-shadow:0 4px 12px var(--shadow-sm)}.radio-circle{width:20px;height:20px;border:2px solid var(--color-neutral-300);border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.availability-card.selected .radio-circle{border-color:var(--color-primary-600)}.radio-inner{width:10px;height:10px;background-color:var(--color-primary-600);border-radius:50%}.availability-info{display:flex;flex-direction:column;gap:2px}.availability-label{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.availability-desc{font-size:var(--text-xs);color:var(--color-neutral-500)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-content{background-color:#fff;width:90%;max-width:800px;height:85vh;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content.modal-compact{height:auto;max-height:90vh;max-width:480px;width:90%}.modal-content.modal-compact .modal-body{flex:0 0 auto;text-align:center;padding:var(--spacing-8) var(--spacing-8) var(--spacing-4) var(--spacing-8)}.modal-content.modal-compact .modal-footer{display:flex;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-8) var(--spacing-8) var(--spacing-8);background-color:#fff;border-top:none}.modal-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4)}.modal-icon.success{background-color:var(--color-success-50);color:var(--color-success-600)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-2) 0}.modal-desc{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0;line-height:1.5}.btn-secondary{padding:var(--spacing-3) var(--spacing-6);background-color:#fff;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}.btn-primary{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:var(--color-primary-700)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-neutral-0)}.modal-header h2{font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-900);margin:0}.close-modal-btn{background:none;border:none;font-size:var(--text-2xl);color:var(--color-neutral-500);cursor:pointer;line-height:1;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all .2s ease}.close-modal-btn:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-8)}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-neutral-200);display:flex;justify-content:flex-end;gap:var(--spacing-4);background-color:var(--color-neutral-50)}.preview-section h3{font-size:var(--text-lg);font-weight:600;color:var(--color-primary-700);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-primary-100)}.preview-row{display:flex;gap:var(--spacing-4);align-items:center;margin-bottom:var(--spacing-4)}.preview-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;background-color:var(--color-neutral-100)}.preview-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.preview-field-label{font-size:var(--text-xs);font-weight:500;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.preview-field-value{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:500}.preview-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preview-tag{padding:2px 8px;background-color:var(--color-neutral-100);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-neutral-700)}.preview-item{background-color:var(--color-neutral-50);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);border:1px solid var(--color-neutral-100)}.preview-item:last-child{margin-bottom:0}.preview-item-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-1) 0}.preview-item-subtitle{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0 0 var(--spacing-2) 0}.preview-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:#fff;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.preview-print-btn{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-800);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.preview-close-btn{padding:var(--spacing-2) var(--spacing-4);background-color:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.top-navigation{position:sticky;top:0;z-index:100;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;border-bottom:none}.nav-container{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--spacing-3) var(--spacing-8);gap:var(--spacing-6)}.nav-logo{flex-shrink:0}.logo-image{height:28px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--spacing-1)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease}.nav-link:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-100)}.nav-item.active .nav-link{color:var(--color-neutral-900)}.dropdown-arrow{transition:transform .2s ease;color:var(--color-neutral-500)}.dropdown-arrow.rotated{transform:rotate(180deg)}.nav-right{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}.search-jobs-container{display:flex;align-items:center;background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-3);color:var(--color-neutral-400);pointer-events:none}.search-input{width:160px;padding:var(--spacing-2) var(--spacing-3);padding-left:var(--spacing-10);background-color:transparent;border:none;color:var(--color-neutral-900);font-size:var(--text-sm);outline:none;transition:all .2s ease}.search-input::placeholder{color:var(--color-neutral-400)}.search-input:focus{background-color:var(--color-neutral-0)}.search-jobs-divider{width:1px;height:20px;background-color:var(--color-neutral-300)}.jobs-dropdown{position:relative}.jobs-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:none;color:var(--color-neutral-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.jobs-btn:hover{color:var(--color-neutral-900)}.messages-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease;text-decoration:none}.messages-btn:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.notification-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease}.notification-btn:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.user-avatar{position:relative;cursor:pointer}.avatar-image{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary-600);transition:border-color .2s ease}.user-avatar:hover .avatar-image{border-color:var(--color-primary-400)}@media(max-width:1024px){.nav-links{display:none}.search-input{width:120px}}@media(max-width:640px){.nav-container{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3)}.search-jobs-container{display:none}}.site-footer{background-color:var(--color-neutral-900);border-top:1px solid var(--color-neutral-800);padding:var(--spacing-6) 0}.footer-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--spacing-8)}.footer-logo{flex-shrink:0}.footer-logo-image{height:24px;width:auto}.footer-copyright{color:var(--color-neutral-400);font-size:var(--text-sm);margin:0}.footer-social{display:flex;align-items:center;gap:var(--spacing-4)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-neutral-800);border-radius:var(--radius-full);color:var(--color-neutral-0);text-decoration:none;transition:all .2s ease}.social-link:hover{background-color:var(--color-neutral-700);transform:translateY(-2px)}.social-link svg{width:18px;height:18px}@media(max-width:768px){.footer-container{flex-direction:column;gap:var(--spacing-4);text-align:center}.footer-social{order:2}.footer-copyright{order:3}}@media(max-width:480px){.footer-container{padding:0 var(--spacing-4)}.footer-social{gap:var(--spacing-3)}.social-link{width:32px;height:32px}.social-link svg{width:16px;height:16px}}.connects-page{min-height:100vh;display:flex;flex-direction:column}.connects-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.connects-container{display:grid;grid-template-columns:70% 30%;gap:var(--spacing-6);max-width:var(--container-full);margin:0 auto;align-items:start}.connects-card{background-color:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.promo-sidebar{width:100%}.connects-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-300)}.header-content{flex:1}.connects-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;color:var(--color-neutral-900);margin:0 0 var(--spacing-2) 0}.connects-description{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.available-connects{display:flex;align-items:center;gap:var(--spacing-3);background:var(--color-primary-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-xl);border:1px solid var(--color-primary-200)}.connects-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary-500);border-radius:var(--radius-lg)}.connects-icon svg path{stroke:#fff}.connects-info{display:flex;flex-direction:column}.connects-label{font-size:var(--text-xs);color:var(--color-neutral-600)}.connects-count{font-size:var(--text-xl);font-weight:700;color:var(--color-neutral-900)}.select-section{margin-bottom:var(--spacing-8)}.select-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin-bottom:var(--spacing-3)}.select-wrapper{position:relative;width:55%}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-neutral-200);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-900);cursor:pointer;transition:all .2s ease}.select-trigger:hover{border-color:var(--color-neutral-300)}.select-trigger:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.select-arrow{transition:transform .2s ease;color:var(--color-neutral-500)}.select-arrow.rotated{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:0;right:0;background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;overflow:hidden}.dropdown-option{width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;font-size:var(--text-sm);color:var(--color-neutral-900);cursor:pointer;transition:background-color .15s ease}.dropdown-option:hover{background-color:var(--color-neutral-50)}.dropdown-option.selected{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:500}.summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-neutral-300)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.summary-label{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.summary-value{font-size:var(--text-sm);color:var(--color-neutral-600)}.info-section{margin-bottom:var(--spacing-8)}.info-text{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0 0 var(--spacing-3) 0}.info-text:last-child{margin-bottom:0}.info-link{display:inline;color:var(--color-primary-600);text-decoration:none;font-weight:500;transition:color .2s ease;white-space:nowrap}.info-link:hover{color:var(--color-primary-700);text-decoration:underline}.action-section{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-neutral-300)}.cancel-btn{padding:var(--spacing-2) var(--spacing-5);background-color:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-700);cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}.buy-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.buy-btn:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.promo-card{max-width:95%;position:relative;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-8);overflow:hidden;color:#fff}.promo-close{position:absolute;top:var(--spacing-3);right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:background-color .2s ease;z-index:2}.promo-close:hover{background:#ffffff4d}.promo-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.2)}.promo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:var(--radius-lg)}.promo-icon svg path{fill:#fff;stroke:#fff}.promo-title{font-size:var(--text-base);font-weight:600;margin:0}.promo-description{font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-4) 0;opacity:.95;width:85%;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5em}.promo-description strong{font-weight:600}.promo-link{display:inline-flex;align-items:center;gap:var(--spacing-1);color:#fff;font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:opacity .2s ease}.promo-link:hover{opacity:.8}.promo-decoration{position:absolute;bottom:0;right:0;width:120px;height:120px;pointer-events:none}.decoration-circle{display:none}.decoration-image{position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:url(/assets/promo-card-D21YgJIN.png);background-size:cover;background-repeat:no-repeat;background-position:bottom right}@media(max-width:1024px){.connects-container{grid-template-columns:1fr}.promo-sidebar{width:100%}.summary-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.connects-main{padding:var(--spacing-4)}.connects-card{padding:var(--spacing-5)}.connects-header{flex-direction:column;gap:var(--spacing-4)}.summary-section{grid-template-columns:1fr;gap:var(--spacing-4)}.action-section{flex-direction:column-reverse;gap:var(--spacing-3)}.cancel-btn,.buy-btn{width:100%;justify-content:center}}@media(max-width:480px){.connects-title{font-size:var(--text-2xl)}.select-wrapper{max-width:100%}}.buy-connects-page{min-height:100vh;display:flex;flex-direction:column}.buy-connects-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.buy-connects-container{max-width:var(--container-full);margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--color-primary-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;margin-bottom:var(--spacing-4);transition:color .2s ease}.back-link:hover{color:var(--color-primary-700)}.buy-connects-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--color-neutral-900);margin:0 0 var(--spacing-6) 0}.buy-connects-content{display:grid;grid-template-columns:70% 30%;gap:var(--spacing-6);align-items:stretch}.billing-card{background-color:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.billing-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-neutral-900);margin:0 0 var(--spacing-5) 0}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.payment-method{display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-neutral-200);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all .2s ease;text-align:left}.payment-method:hover{background-color:var(--color-neutral-50);border-color:var(--color-primary-200)}.payment-method--selected{background-color:var(--color-primary-200);border-color:var(--color-primary-600)}.payment-method--selected .payment-method-label{color:var(--color-primary-900)}.payment-method--selected .payment-method-sublabel{color:var(--color-primary-700)}.payment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0;background:transparent;border:1px solid var(--color-neutral-300)}.payment-icon-text{color:var(--color-neutral-700);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.payment-method-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.payment-method-label{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-method-sublabel{font-size:var(--text-xs);color:var(--color-neutral-500)}.add-billing-method{display:inline-flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--color-primary-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.add-billing-method:hover{color:var(--color-primary-700)}.order-summary-card{background-color:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.order-summary-header{display:flex;align-items:center;gap:var(--spacing-3);margin:calc(var(--spacing-8) * -1) calc(var(--spacing-8) * -1) var(--spacing-6) calc(var(--spacing-8) * -1);background-color:var(--color-primary-200);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;min-height:100px}.order-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary-500);border-radius:var(--radius-lg);color:var(--color-primary-600)}.order-summary-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-neutral-900);margin:0}.order-summary-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.order-summary-row{display:flex;justify-content:space-between;align-items:center}.order-summary-label{font-size:var(--text-sm);color:var(--color-neutral-600)}.order-summary-value{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900)}.order-summary-row--total{padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-neutral-300);margin-bottom:var(--spacing-4)}.order-summary-value--total{font-size:var(--text-base);font-weight:600;color:var(--color-primary-600)}.estimated-taxes-link{display:block;font-size:var(--text-sm);color:var(--color-neutral-600);text-decoration:none;margin-bottom:var(--spacing-5)}.link-underline{color:var(--color-primary-600);text-decoration:underline}.link-underline:hover{color:var(--color-primary-700)}.buy-connects-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-5)}.buy-connects-btn:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.order-summary-disclaimer{font-size:var(--text-xs);color:var(--color-neutral-500);line-height:1.5;margin:0 0 var(--spacing-5) 0;padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-neutral-300)}.order-summary-disclaimer a{color:var(--color-primary-600);text-decoration:underline}.order-summary-disclaimer a:hover{color:var(--color-primary-700)}.payment-protection{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);font-size:var(--text-sm)}.payment-protection svg{color:var(--color-primary-400)}@media(max-width:1024px){.buy-connects-content{grid-template-columns:1fr}.order-summary-card{order:-1}}@media(max-width:768px){.buy-connects-main{padding:var(--spacing-4)}.billing-card,.order-summary-card{padding:var(--spacing-5)}.payment-methods{grid-template-columns:1fr}.buy-connects-title{font-size:var(--text-2xl)}}.find-work-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.find-work-main{flex:1;padding:var(--spacing-6) 0;overflow-y:auto;scroll-behavior:smooth}.find-work-container{display:flex;gap:var(--spacing-6);width:100%;padding:0 var(--spacing-8);margin:0 auto;align-items:flex-start}.find-work-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-4);position:sticky;top:0;max-height:calc(100vh - 120px);overflow-y:auto;padding-bottom:var(--spacing-4)}.find-work-sidebar::-webkit-scrollbar{width:4px}.find-work-sidebar::-webkit-scrollbar-track{background:transparent}.find-work-sidebar::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}.profile-card{background-color:var(--color-neutral-0);border-radius:var(--radius-2xl);padding:var(--spacing-6);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100)}.profile-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.profile-avatar-img{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover}.profile-info{display:flex;flex-direction:column;text-align:left}.profile-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0 0 2px}.profile-title{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}.profile-progress-container{margin-bottom:var(--spacing-2)}.progress-bar-bg{width:100%;height:6px;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:#1c1c1c;border-radius:var(--radius-full)}.profile-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);font-size:var(--text-sm)}.profile-percentage{font-weight:700;color:var(--color-neutral-900)}.profile-label{color:var(--color-neutral-500)}.complete-profile-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:#f3e8ff;border:none;border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;color:var(--color-primary-600);cursor:pointer;transition:all .2s ease}.complete-profile-btn:hover{background-color:#e9d5ff}.filter-section{background-color:var(--color-neutral-0);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100)}.filter-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--spacing-3)}.filter-select{width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-neutral-200);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;outline:none;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-8)}.filter-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.filter-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-2)}.inline-checkboxes{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-neutral-700);transition:color .15s ease}.checkbox-label:hover{color:var(--color-neutral-900)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:16px;height:16px;border:none;border-radius:var(--radius-base);background-color:var(--color-neutral-200);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";width:8px;height:8px;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3 6L7 2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.checkbox-text{flex:1}.filter-subsection{margin-left:0;padding-left:0}.filter-subsection-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-700);margin-bottom:var(--spacing-3)}.filter-accordion{border-bottom:1px solid var(--color-neutral-200);padding:var(--spacing-4) 0}.filter-accordion:last-child{border-bottom:none}.filter-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-4)}.filter-accordion-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.accordion-arrow{transition:transform .2s ease;color:var(--color-neutral-400)}.accordion-arrow.collapsed{transform:rotate(-180deg)}.filter-input-row{display:flex;align-items:center;gap:var(--spacing-2);margin-left:28px;margin-bottom:var(--spacing-2);width:calc(100% - 28px)}.price-input-wrapper{position:relative;flex:1}.price-currency{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-neutral-500);font-size:var(--text-xs);font-weight:500}.price-input{width:100%;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-6);background-color:var(--color-neutral-200);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-neutral-900);outline:none}.price-input::placeholder{color:var(--color-neutral-500)}.find-work-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-6)}.featured-banner{background-color:#ac58ff;border-radius:var(--radius-2xl);padding:10px;height:250px;display:flex;align-items:stretch;justify-content:space-between;gap:0;overflow:hidden;position:relative}.featured-banner:before{display:none}.banner-content{flex:1;z-index:1;display:flex;flex-direction:column;justify-content:flex-start}.banner-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff;margin:0 0 var(--spacing-2) 0}.banner-subtitle{font-size:var(--text-sm);color:#ffffffe6;margin:0 0 var(--spacing-6) 0;max-width:450px;line-height:1.6}.banner-cta{margin-top:auto;padding:var(--spacing-2) var(--spacing-4);width:fit-content;background-color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);cursor:pointer;transition:all .2s ease}.banner-cta:hover{background-color:var(--color-neutral-100);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.banner-image{position:relative;z-index:1;height:100%;width:45%;border-radius:40px}.banner-img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.jobs-header-external{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-4);padding:0 var(--spacing-1)}.jobs-header-left{display:flex;flex-direction:column}.jobs-title-large{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-neutral-900);margin:0 0 4px}.jobs-subtitle-small{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}.jobs-header-actions{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:8px}.header-action-btn,.header-sort-btn{display:flex;align-items:center;justify-content:center;background-color:#f3e8ff;color:#9333ea;border:none;border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;height:36px}.header-action-btn:hover,.header-sort-btn:hover{background-color:#e9d5ff}.header-action-btn.active{background-color:#9333ea;color:#fff}.jobs-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.jobs-header{margin-bottom:var(--spacing-4)}.jobs-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-1) 0}.jobs-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.jobs-tabs{display:flex;gap:var(--spacing-2);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);margin-bottom:var(--spacing-4)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease}.tab-btn:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.tab-btn.active{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.tab-btn.active svg{color:var(--color-primary-600)}.jobs-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.pagination-wrapper{display:flex;justify-content:center;padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pagination{display:inline-flex;align-items:center;background-color:#f3f4f6;padding:6px;border-radius:999px;gap:2px}.pagination-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;font-size:var(--text-base);font-weight:500;color:var(--color-neutral-400);cursor:pointer;transition:all .2s ease;padding:0}.pagination-num:hover{color:var(--color-neutral-700)}.pagination-num.active{background-color:#fff;color:var(--color-neutral-900);font-weight:700;box-shadow:0 2px 4px #0000000d}.pagination-dots{color:var(--color-neutral-400);font-size:var(--text-base);padding:0 var(--spacing-2);display:flex;align-items:flex-end}@media(max-width:1200px){.find-work-sidebar{width:260px}}@media(max-width:1024px){.find-work-container{flex-direction:column}.find-work-sidebar{width:100%;position:static;max-height:none;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3)}.profile-card{width:100%;flex-direction:row;padding:var(--spacing-4);gap:var(--spacing-4);text-align:left}.profile-avatar{margin-bottom:0}.profile-progress,.complete-profile-btn{width:auto}.filter-section{flex:1;min-width:200px}.featured-banner{flex-direction:column;text-align:center}.banner-subtitle{max-width:none}}@media(max-width:768px){.find-work-main{padding:var(--spacing-4)}.jobs-tabs{overflow-x:auto;padding-bottom:var(--spacing-3)}.tab-btn{white-space:nowrap}.banner-image{display:none}}@media(max-width:640px){.find-work-sidebar{flex-direction:column}.filter-section{min-width:100%}.job-card{padding:var(--spacing-4)}.job-tags{gap:var(--spacing-1)}.job-tag{font-size:10px;padding:var(--spacing-0-5) var(--spacing-2)}}.job-card{background-color:var(--color-neutral-0);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100);transition:all .2s ease;display:flex;flex-direction:column}.job-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6)}.job-header-left{display:flex;flex-direction:column;gap:4px}.job-posted-time{font-size:var(--text-xs);color:var(--color-neutral-500)}.job-level{font-size:var(--text-sm);font-weight:700;color:var(--color-neutral-900)}.job-actions{display:flex;gap:var(--spacing-3)}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--color-neutral-200);border-radius:50%;color:var(--color-neutral-500);cursor:pointer;transition:all .15s ease}.action-btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.action-btn.saved{color:var(--color-error-500);border-color:var(--color-error-200);background-color:var(--color-error-50)}.job-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-2) 0;cursor:pointer}.job-title:hover{color:var(--color-primary-600)}.job-description{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0 0 var(--spacing-4) 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.8em}.read-more{color:#ac58ff;font-weight:500;margin-left:4px;cursor:pointer;text-decoration:none}.read-more:hover{text-decoration:underline}.job-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.pricing-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background-color:#fff7ed;border-radius:var(--radius-full);color:#ea580c;font-size:var(--text-xs);font-weight:600}.pricing-pill svg{width:14px;height:14px}.pricing-type:after{content:"|";margin-left:var(--spacing-2);opacity:.5;color:#ea580c}.meta-divider{width:1px;height:20px;background-color:var(--color-neutral-200)}.job-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.job-tag{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-neutral-100);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-neutral-600);white-space:nowrap}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.modal-container{background-color:#fff;width:100%;max-width:1200px;height:90vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--color-neutral-100)}.modal-header-left{display:flex;align-items:center;gap:16px}.back-btn{width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid var(--color-neutral-200);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-900);padding:0;transition:all .2s}.back-btn:hover{background:var(--color-neutral-50)}.job-meta-header{display:flex;flex-direction:column}.job-time{font-size:var(--text-xs);color:var(--color-neutral-500)}.job-level-bold{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.modal-header-right{display:flex;align-items:center;gap:24px}.report-btn{display:flex;align-items:center;gap:8px;color:var(--color-error-500);background:none;border:none;font-weight:500;font-size:var(--text-sm);cursor:pointer}.action-buttons{display:flex;align-items:center;gap:12px}.circle-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-neutral-200);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-600);transition:all .2s}.circle-btn:hover,.circle-btn.active{background:var(--color-neutral-50);color:var(--color-neutral-900)}.circle-btn.active{color:var(--color-error-500)}.modal-content-grid{display:flex;flex:1;overflow:hidden}.modal-main-column{flex:2;padding:32px;overflow-y:auto;border-right:1px solid var(--color-neutral-100);display:flex;flex-direction:column}.modal-job-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:24px;line-height:1.3}.modal-job-description{color:var(--color-neutral-700);line-height:1.6;margin-bottom:40px}.modal-job-description .mt-4{margin-top:16px}.modal-split-row{display:flex;gap:48px;margin-bottom:40px}.modal-split-row .modal-section{margin-bottom:0}.skills-section{flex:1}.activity-section{flex-shrink:0;min-width:200px}.modal-section{margin-bottom:40px}.section-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin-bottom:16px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{background-color:var(--color-neutral-100);padding:6px 16px;border-radius:999px;color:var(--color-neutral-700);font-size:var(--text-xs);font-weight:500}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{font-size:var(--text-sm);color:var(--color-neutral-700)}.activity-item .label{color:var(--color-neutral-500);margin-right:8px}.activity-item .value{font-weight:500}.project-specs-bar{display:flex;align-items:center;background-color:var(--color-neutral-50);border-radius:8px;padding:16px 24px;margin-top:auto;gap:32px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:500}.spec-value{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.spec-divider{width:1px;height:40px;background-color:var(--color-neutral-200)}.modal-sidebar-column{flex:1;min-width:350px;display:flex;flex-direction:column;background-color:#fff}.sidebar-section{padding:32px;flex:1;overflow-y:auto}.sidebar-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin-bottom:24px}.client-rating{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stars{display:flex;gap:2px}.rating-score{font-weight:600;color:var(--color-neutral-900)}.feedback-link{display:block;color:var(--color-primary-600);font-size:var(--text-sm);text-decoration:none;margin-bottom:24px}.feedback-link:hover{text-decoration:underline}.client-info-item{margin-bottom:16px;display:flex;flex-direction:column-reverse}.client-info-item .info-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin-bottom:2px}.client-info-item .info-subtitle{font-size:var(--text-xs);color:var(--color-neutral-500)}.sidebar-footer{padding:24px 32px;border-top:1px solid var(--color-neutral-100);background-color:#fff}.modal-connects-info{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:12px}.modal-connects-info strong{color:var(--color-neutral-900);font-weight:700}.apply-btn{width:100%;background-color:#a855f7;color:#fff;border:none;padding:12px;border-radius:999px;font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background .2s}.apply-btn:hover{background-color:#9333ea}@media(max-width:768px){.modal-container{width:100%;height:100vh;border-radius:0}.modal-content-grid{flex-direction:column}.modal-main-column{border-right:none;border-bottom:1px solid var(--color-neutral-100)}}.contracts-page{min-height:100vh;display:flex;flex-direction:column}.contracts-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.contracts-container{max-width:var(--container-full);margin:0 auto}.contracts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.contracts-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-neutral-900);margin:0}.contracts-search-wrapper{display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-input-bg);border:none;border-radius:var(--radius-full);padding:var(--spacing-1);padding-left:var(--spacing-4);min-width:360px}.contracts-search-wrapper .search-icon{color:var(--color-neutral-400);flex-shrink:0;position:static}.contracts-search-input{flex:1;border:none;outline:none;font-size:var(--text-sm);color:var(--color-neutral-900);background:transparent;padding:var(--spacing-2) 0}.contracts-search-input::placeholder{color:var(--color-neutral-400)}.search-filter-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-neutral-200);background:var(--color-neutral-0);color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-full);transition:all .2s ease;flex-shrink:0}.search-filter-btn:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-300)}.contracts-tabs{display:flex;gap:var(--spacing-8);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);padding-bottom:var(--spacing-2)}.contracts-tabs .tab-btn{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-500);background:none;border:none;border-radius:0;padding:var(--spacing-1) 0;cursor:pointer;position:relative;transition:color .2s ease;min-width:90px}.contracts-tabs .tab-btn:hover{color:var(--color-neutral-700);background:none}.contracts-tabs .tab-btn.active{color:var(--color-primary-600);background:none;border-color:transparent}.contracts-tabs .tab-btn.active:after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-2) - 1px);left:0;right:0;height:2px;background-color:var(--color-primary-600);border-radius:1px}.contracts-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.contract-card{background-color:var(--color-neutral-0);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100);transition:box-shadow .2s ease}.contract-card:hover{box-shadow:var(--shadow-md)}.contract-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.contract-title-group{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.contract-title{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin:0;line-height:1.4}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.status-active{background-color:var(--color-status-active-bg);color:var(--color-status-active-text)}.status-paused{background-color:var(--color-status-paused-bg);color:var(--color-status-paused-text)}.status-cancelled{background-color:var(--color-status-cancelled-bg);color:var(--color-status-cancelled-text)}.contract-actions{display:flex;gap:var(--spacing-3);flex-shrink:0}.contract-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap}.contract-btn-outline{background-color:var(--color-btn-secondary-bg);border:none;color:var(--color-btn-secondary-text)}.contract-btn-outline:hover{background-color:var(--color-btn-secondary-hover)}.contract-btn-primary{background-color:var(--color-btn-primary-bg);border:none;color:var(--color-btn-primary-text)}.contract-btn-primary:hover{background-color:var(--color-btn-primary-hover)}.contract-card-details{display:flex;align-items:center;gap:var(--spacing-10)}.contract-client{display:flex;align-items:center;gap:var(--spacing-3);min-width:180px}.client-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.client-info{display:flex;flex-direction:column}.client-name{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900)}.client-date{font-size:var(--text-xs);color:var(--color-neutral-500)}.contract-rate{display:flex;flex-direction:column;min-width:140px}.rate-amount{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.rate-subtitle{font-size:var(--text-xs);color:var(--color-neutral-500)}.contract-hours{display:flex;flex-direction:column;min-width:120px}.hours-logged{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.hours-limit{font-size:var(--text-xs);color:var(--color-neutral-500)}@media(max-width:1024px){.contract-card-header{flex-direction:column;gap:var(--spacing-4)}.contract-actions{width:100%;justify-content:flex-end}.contract-card-details{flex-wrap:wrap;gap:var(--spacing-4)}}@media(max-width:768px){.contracts-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.contracts-search-wrapper{width:100%;min-width:unset}.contracts-tabs{overflow-x:auto;gap:var(--spacing-4);padding-bottom:var(--spacing-3)}.tab-btn{white-space:nowrap}.contract-card-details{flex-direction:column;align-items:flex-start}.contract-client,.contract-rate,.contract-hours{min-width:unset}.contract-actions{flex-direction:column;width:100%}.contract-btn{width:100%}}@media(max-width:480px){.contracts-main{padding:var(--spacing-4)}.contracts-title{font-size:var(--text-2xl)}.contract-card{padding:var(--spacing-4)}.contract-title{font-size:var(--text-base)}}.profile-page{min-height:100vh;display:flex;flex-direction:column}.profile-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.portfolio-item{cursor:pointer;transition:transform .2s ease}.portfolio-item:hover{transform:translateY(-4px)}.profile-container{max-width:var(--container-full);margin:0 auto}.profile-header-card{background-color:var(--color-neutral-0);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);position:relative;border:1px solid var(--color-neutral-100)}.profile-banner{height:280px;background:linear-gradient(135deg,#a855f7,#7c3aed,#6d28d9);position:relative;padding:var(--spacing-8);color:#fff}.banner-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#ffffffe6;border-radius:var(--radius-full);color:#10b981;font-weight:600;font-size:var(--text-sm);box-shadow:0 4px 6px #0000001a}.banner-text-right{position:absolute;top:50%;right:var(--spacing-12);transform:translateY(-50%);text-align:right;max-width:500px}.banner-quote{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1.2;font-weight:400;margin-bottom:var(--spacing-2);color:#ffffffe6}.banner-quote-highlight{font-style:italic;font-weight:500;color:#fff}.profile-info-section{padding:var(--spacing-6) var(--spacing-8);padding-top:var(--spacing-16);position:relative;display:flex;justify-content:space-between;align-items:flex-start}.profile-avatar-wrapper{position:absolute;top:-80px;left:var(--spacing-8);width:160px;height:160px;border-radius:50%;border:6px solid var(--color-neutral-0);background:var(--color-neutral-0);overflow:hidden;box-shadow:0 4px 6px #0000000d}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-details-left{margin-left:170px;flex:1}.profile-name-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.profile-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-neutral-900);margin:0}.verified-badge{color:#10b981;display:flex;align-items:center}.profile-headline{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.profile-meta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-6);color:var(--color-neutral-500);font-size:var(--text-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.profile-actions-right{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.contact-btn{background-color:#8b5cf6;color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);transition:background .2s ease}.contact-btn:hover{background-color:#7c3aed}.more-btn{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-neutral-100);color:var(--color-neutral-600);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.more-btn:hover{background:var(--color-neutral-200)}.profile-tabs-nav{display:flex;gap:var(--spacing-8);padding:0 var(--spacing-8);border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50)}.tab-link{padding:var(--spacing-4) 0;color:var(--color-neutral-500);font-weight:500;font-size:var(--text-sm);background:none;border:none;cursor:pointer;position:relative;transition:color .2s ease}.tab-link:hover{color:var(--color-neutral-900)}.tab-link.active{color:#8b5cf6}.tab-link.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#8b5cf6}@media(max-width:1024px){.banner-text-right{display:none}}@media(max-width:768px){.profile-info-section{flex-direction:column;align-items:center;text-align:center;padding-top:90px}.profile-avatar-wrapper{left:50%;transform:translate(-50%)}.profile-details-left{margin-left:0;width:100%;display:flex;flex-direction:column;align-items:center}.profile-meta-row{justify-content:center}.profile-actions-right{margin-top:var(--spacing-6);width:100%;justify-content:center}.profile-tabs-nav{overflow-x:auto;padding:0 var(--spacing-4)}.tab-link{white-space:nowrap}}.profile-content-grid{display:grid;grid-template-columns:7fr 3fr;gap:var(--spacing-6);align-items:start}.profile-left-col{min-width:0}.profile-right-col{display:flex;flex-direction:column;gap:var(--spacing-6)}.about-me-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.header-icon-badge{width:40px;height:40px;border-radius:50%;background:#f3e8ff;color:#9333ea;display:flex;align-items:center;justify-content:center}.card-title{font-size:var(--text-xl);font-weight:500;color:var(--color-neutral-900);margin:0}.card-body{color:var(--color-neutral-600);font-size:var(--text-base);line-height:1.6}.about-text{margin-bottom:var(--spacing-4)}.about-text:last-child{margin-bottom:0}.sidebar-card{background:#fff9;border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.sidebar-title{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin-bottom:var(--spacing-4)}.associated-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.associated-left{display:flex;align-items:center;gap:var(--spacing-4)}.associated-logo{width:48px;height:48px;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-900)}.associated-info{display:flex;flex-direction:column}.associated-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0}.associated-subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}.job-success-badge{display:flex;align-items:center;gap:var(--spacing-2)}.success-text{font-weight:600;font-size:var(--text-sm);color:var(--color-neutral-900)}.info-icon{color:var(--color-neutral-400);cursor:pointer}.insights-header{margin-bottom:var(--spacing-6)}.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-item{padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-neutral-200);position:relative}.insight-item:nth-last-child(-n+2){border-bottom:none}.insight-item:nth-child(odd){border-right:1px solid var(--color-neutral-200)}.insight-icon-circle{width:40px;height:40px;border-radius:50%;background:var(--color-neutral-50);border:1px solid var(--color-neutral-100);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-600);flex-shrink:0}.insight-data{display:flex;flex-direction:column;min-width:0;flex:1}.insight-value{font-size:var(--text-xl);font-weight:700;color:var(--color-neutral-900);line-height:1.2}.insight-label{font-size:var(--text-xs);color:var(--color-neutral-500)}.placeholder-card{background:var(--color-neutral-0);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center;color:var(--color-neutral-500)}@media(max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-right-col{flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:250px}.associated-card{flex-direction:row;align-items:center}}@media(max-width:1280px)and (min-width:1025px){.associated-card{flex-direction:column;align-items:flex-start}.job-success-badge{width:100%;justify-content:space-between;padding-top:var(--spacing-2);border-top:1px solid var(--color-neutral-100);margin-top:var(--spacing-2)}}@media(max-width:640px){.profile-right-col{flex-direction:column}.associated-card{flex-direction:column;align-items:flex-start}.job-success-badge{width:100%;justify-content:space-between;padding-top:var(--spacing-2);border-top:1px solid var(--color-neutral-100);margin-top:var(--spacing-2)}}.services-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.services-list{display:flex;flex-direction:column;gap:var(--spacing-8)}.service-item{display:flex;gap:var(--spacing-8);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-neutral-100);cursor:pointer;transition:transform .2s ease}.service-item:hover{transform:translateY(-4px)}.service-item:last-child{border-bottom:none;padding-bottom:0}.service-image-wrapper{width:280px;height:180px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0}.service-image{width:100%;height:100%;object-fit:cover}.service-content{flex:1}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.service-title{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin:0}.service-rate{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900)}.service-description{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0;margin-top:var(--spacing-2)}@media(max-width:768px){.service-item{flex-direction:column;gap:var(--spacing-4)}.service-image-wrapper{width:100%;height:200px}}.experience-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.experience-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.experience-item{display:flex;gap:var(--spacing-6);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-neutral-100);align-items:flex-start}.experience-item:last-child{border-bottom:none;padding-bottom:0}.company-logo{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.experience-content{flex:1}.experience-role{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin:0;margin-bottom:var(--spacing-1)}.experience-company{font-size:var(--text-base);color:var(--color-neutral-600);margin:0;margin-bottom:var(--spacing-1)}.experience-period{font-size:var(--text-sm);color:var(--color-neutral-400);margin:0;margin-bottom:var(--spacing-4)}.separator{margin:0 var(--spacing-1)}.experience-intro{font-size:var(--text-base);color:var(--color-neutral-600);margin:0;margin-bottom:var(--spacing-2)}.experience-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.experience-highlights li{font-size:var(--text-base);color:var(--color-neutral-600);display:flex;align-items:flex-start;gap:var(--spacing-2);line-height:1.5}.check-icon{color:#22c55e;flex-shrink:0;margin-top:3px;background:#eafdf3}.experience-highlights .check-icon{fill:#22c55e;color:#fff;border-radius:4px}.experience-highlights li svg{background:#22c55e;color:#fff;border-radius:4px;padding:2px;width:20px;height:20px}.read-more-btn{display:flex;align-items:center;gap:var(--spacing-1);background:none;border:none;color:#8b5cf6;font-weight:500;font-size:var(--text-sm);padding:0;margin-top:var(--spacing-4);cursor:pointer}.read-more-btn:hover{text-decoration:underline}@media(max-width:640px){.experience-item{flex-direction:column;gap:var(--spacing-4)}.company-logo{width:48px;height:48px}}.experience-details-content{margin-top:var(--spacing-4);font-size:var(--text-base);color:var(--color-neutral-600);line-height:1.6;animation:fadeIn .3s ease-in-out}.experience-details-content p{margin-bottom:var(--spacing-2)}.experience-details-content ul{list-style-type:disc;padding-left:var(--spacing-4);margin-bottom:var(--spacing-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portfolio-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.portfolio-tabs-container{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-neutral-100);margin-left:calc(var(--spacing-8) * -1);margin-right:calc(var(--spacing-8) * -1);padding-left:var(--spacing-8);padding-right:var(--spacing-8);overflow-x:auto}.portfolio-tabs{display:flex;gap:var(--spacing-1);overflow-x:auto;padding-bottom:1px}.portfolio-tab-btn{background:none;border:none;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-sm);color:var(--color-neutral-500);font-weight:500;cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.portfolio-tab-btn:hover{color:var(--color-neutral-900)}.portfolio-tab-btn.active{color:#8b5cf6}.portfolio-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;border-radius:4px 4px 0 0;background:#8b5cf6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.portfolio-item{display:flex;flex-direction:column;gap:var(--spacing-4)}.portfolio-image-wrapper{width:100%;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-neutral-100);border:1px solid var(--color-neutral-100)}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-image{transform:scale(1.05)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.portfolio-tag{background:var(--color-neutral-100);color:var(--color-neutral-700);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-weight:500}.portfolio-title{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin:0;line-height:1.4}.portfolio-price{font-size:var(--text-base);color:var(--color-neutral-500)}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}}.reviews-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.reviews-header-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-8);padding-bottom:0;border-bottom:none}.reviews-title-row{display:flex;align-items:center;gap:var(--spacing-4)}.reviews-controls-row{display:flex;justify-content:space-between;align-items:center;width:100%}.header-rating-summary{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-600);font-weight:500}.rating-text{font-size:var(--text-base);color:var(--color-neutral-600)}.header-sort{display:flex;align-items:center;gap:var(--spacing-2)}.sort-label{color:var(--color-neutral-500);font-size:var(--text-sm)}.sort-btn{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:500;cursor:pointer}.reviews-list{display:flex;flex-direction:column;gap:0}.review-item{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-6)}.review-item:last-child{margin-bottom:0}.review-top-row{display:flex;justify-content:space-between;align-items:flex-start}.review-user-info{display:flex;gap:var(--spacing-4);align-items:center}.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-details-text{display:flex;flex-direction:column;gap:2px}.user-name-line{display:flex;align-items:center;gap:var(--spacing-2)}.review-user-name{font-size:var(--text-base);font-weight:500;color:var(--color-neutral-900);margin:0}.user-meta-line{font-size:var(--text-sm);color:var(--color-neutral-500);display:flex;align-items:center}.meta-client{color:var(--color-neutral-500)}.review-rating-display{display:flex;align-items:center;gap:var(--spacing-2)}.rating-number{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-600)}.stars-row{display:flex;gap:2px}.review-body-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-8);align-items:start}.review-text-column{display:flex;flex-direction:column;gap:var(--spacing-6)}.review-comment{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.review-comment p{margin:0;margin-bottom:var(--spacing-2)}.read-more-link{background:none;border:none;padding:0;color:#8b5cf6;font-size:var(--text-sm);font-weight:500;cursor:pointer}.review-project-meta{display:flex;gap:var(--spacing-24);margin-top:auto}.meta-col{display:flex;flex-direction:column;gap:var(--spacing-1)}.meta-value{font-size:var(--text-sm);font-weight:400;color:var(--color-neutral-900)}.meta-label{font-size:var(--text-xs);color:var(--color-neutral-500)}.review-image-column{width:100%;height:100%}.review-project-img{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-xl);aspect-ratio:16/10}.reviews-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8)}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer}.page-btn.active{background:var(--color-neutral-0);color:#8b5cf6;background:#fff;box-shadow:0 2px 4px #0000000d;font-weight:600}.page-ellipsis{color:var(--color-neutral-400)}@media(max-width:768px){.review-body-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.review-image-column{order:-1}}.skills-card .card-header{margin-bottom:var(--spacing-4)}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.skill-tag{background:var(--color-neutral-200);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:500}.education-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.education-item{display:flex;gap:var(--spacing-4);align-items:flex-start}.edu-logo{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-xl);flex-shrink:0}.edu-content{display:flex;flex-direction:column}.edu-school{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0 0 2px}.edu-degree{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0 0 2px}.edu-period{font-size:var(--text-xs);color:var(--color-neutral-400);margin:0}.certifications-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.certification-item{display:flex;gap:var(--spacing-4);align-items:flex-start}.cert-logo{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-content{display:flex;flex-direction:column}.cert-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0 0 2px}.cert-issuer{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0 0 2px}.cert-period{font-size:var(--text-xs);color:var(--color-neutral-400);margin:0}.info-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;margin-left:-4px}.info-icon-wrapper:hover{background-color:#f3e8ff;color:#9333ea}.tooltip-text{visibility:hidden;width:280px;background-color:var(--color-neutral-900);color:#fff;text-align:center;border-radius:var(--radius-md);padding:var(--spacing-3);position:absolute;z-index:10;bottom:150%;right:-10px;left:auto;transform:none;opacity:0;transition:opacity .2s,bottom .2s;font-size:var(--text-xs);font-weight:500;line-height:1.4;box-shadow:var(--shadow-lg);pointer-events:none}.tooltip-text:after{content:"";position:absolute;top:100%;right:14px;left:auto;margin-left:0;border-width:6px;border-style:solid;border-color:var(--color-neutral-900) transparent transparent transparent}.info-icon-wrapper:hover .tooltip-text{visibility:visible;opacity:1;bottom:135%}.insight-icon-circle{position:relative;transition:all .2s ease;cursor:pointer}.insight-icon-circle:hover{background-color:#f3e8ff;color:#9333ea;border-color:#d8b4fe}.insight-tooltip{bottom:150%;left:50%;right:auto;transform:translate(-50%);width:280px}.insight-icon-circle:hover .insight-tooltip{visibility:visible;opacity:1;bottom:130%}.insight-tooltip:after{left:50%;right:auto;margin-left:-6px}.portfolio-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio-modal-container{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s ease-out;position:relative;overflow:hidden}.portfolio-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-8);border-bottom:1px solid var(--color-neutral-100);background:#fff;z-index:10}.portfolio-modal-scroll-content{overflow-y:auto;padding:var(--spacing-8)}.modal-description-text{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin-bottom:var(--spacing-8);max-width:800px}.modal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.modal-stat-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-value{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.stat-sub{font-weight:400;color:var(--color-neutral-500)}.stat-label{font-size:var(--text-xs);color:var(--color-neutral-500)}.modal-gallery{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.modal-gallery-img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);object-fit:cover}.modal-tags-row{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.modal-chip{background-color:var(--color-neutral-100);color:var(--color-neutral-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.mt-6{margin-top:var(--spacing-6)}.modal-client-review-card{background-color:#f8f5ff;border-radius:var(--radius-xl);padding:var(--spacing-6)}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.review-user-info{display:flex;gap:var(--spacing-4)}.review-avatar-wrapper{position:relative;width:48px;height:48px}.review-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.review-company-badge{position:absolute;bottom:-2px;right:-2px;background:#fff;border-radius:50%;padding:1px;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.review-user-details{display:flex;flex-direction:column}.review-user-name{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0}.review-meta{font-size:var(--text-xs);color:var(--color-neutral-500);display:flex;align-items:center;gap:4px}.dot{font-size:8px}.review-rating{display:flex;align-items:center;gap:var(--spacing-2)}.rating-value{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-700)}.rating-stars{display:flex;gap:2px}.review-text{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0}.modal-footer-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);background:#fff;border-top:1px solid var(--color-neutral-100)}.nav-arrow-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.custom-spacing{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}@media(max-width:768px){.modal-user-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.modal-contact-btn{width:100%;justify-content:center}.modal-stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.modal-gallery{grid-template-columns:1fr}.review-card-header{flex-direction:column;gap:var(--spacing-3)}.modal-footer-nav{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.footer-pagination{width:100%;justify-content:space-between}}.services-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.services-modal-container{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s ease-out;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-8);border-bottom:1px solid var(--color-neutral-100);background:#fff;z-index:10}.modal-title{font-size:var(--text-xl);font-weight:500;color:var(--color-neutral-900);margin:0}.modal-close-btn{background:transparent;border:none;cursor:pointer;color:var(--color-neutral-500);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:var(--radius-full);transition:background .2s}.modal-close-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.services-modal-scroll-content{overflow-y:auto;padding:var(--spacing-8)}.modal-user-card{background:linear-gradient(to right,#f3e8ff,#f5f3ff);border-radius:var(--radius-xl);padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.modal-user-info{display:flex;align-items:center;gap:var(--spacing-4)}.modal-avatar-wrapper{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.modal-avatar{width:100%;height:100%;object-fit:cover}.modal-user-details{display:flex;flex-direction:column}.modal-user-name-row{display:flex;align-items:center;gap:var(--spacing-2)}.modal-user-name{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin:0}.modal-verified-badge{color:#10b981;display:flex;align-items:center}.modal-user-role{font-size:var(--text-xs);color:var(--color-neutral-600);margin:2px 0 0}.modal-contact-btn{background:#a855f7;color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-4);font-weight:500;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;transition:background .2s;white-space:nowrap}.modal-contact-btn:hover{background:#9333ea}.modal-section-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900);margin-bottom:var(--spacing-3)}.modal-divider{height:1px;background:var(--color-neutral-100);margin-bottom:var(--spacing-8)}.mt-8{margin-top:var(--spacing-8)}.services-summary-container{display:flex;gap:var(--spacing-8);margin-bottom:var(--spacing-8);align-items:flex-start}.services-summary-text{flex:1;font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.services-summary-text p{margin-bottom:var(--spacing-4)}.services-summary-text p:last-child{margin-bottom:0}.services-summary-image-wrapper{width:380px;flex-shrink:0}.services-summary-img{width:100%;height:auto;border-radius:var(--radius-xl)}.services-inclusions-list{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.inclusion-item{display:flex;gap:var(--spacing-3);align-items:flex-start}.inclusion-bullet{width:6px;height:6px;background-color:#a855f7;border-radius:50%;margin-top:8px;flex-shrink:0}.inclusion-content{flex:1}.inclusion-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin:0;margin-bottom:var(--spacing-1)}.inclusion-desc{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0}.pricing-card{background-color:#f3e8ff;border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.pricing-info{display:flex;gap:var(--spacing-6);align-items:flex-start;flex:1}.pricing-icon-wrapper{width:48px;height:48px;background:#a855f7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.pricing-details{display:flex;flex-direction:column}.pricing-title{font-size:var(--text-lg);font-weight:400;color:var(--color-neutral-900);margin:0;margin-bottom:var(--spacing-1)}.pricing-description{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.5;margin:0;max-width:400px}.pricing-action{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.pricing-rate-row{display:flex;align-items:baseline;gap:4px}.pricing-rate{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900)}.pricing-rate-sub{font-size:var(--text-sm);font-weight:400;color:var(--color-neutral-500)}.pricing-btn{background:#a855f7;color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-6);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:background .2s;width:100%;min-width:140px}.pricing-btn:hover{background:#9333ea}.services-faq-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-5);margin-top:8px;margin-bottom:24px;margin-left:0!important;padding:0!important;background:transparent;box-shadow:none;border:none;width:100%}.services-faq-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;pointer-events:none;cursor:default;width:100%;text-align:left}.services-faq-header{display:flex;align-items:baseline;gap:var(--spacing-2)}.services-faq-number{font-size:var(--text-sm);font-weight:600;color:#a855f7;margin-top:0}.faq-content{flex:1}.services-faq-question{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin:0;line-height:normal;margin-bottom:var(--spacing-1)}.services-faq-answer{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6;margin:0}.services-skills-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:24px}.skill-chip{display:inline-flex;align-items:center;padding:8px 16px;background-color:#f3f4f6;border-radius:100px;font-size:14px;font-weight:500;color:#1f2937;border:none;transition:all .2s ease}.skill-chip:hover{background-color:#e5e7eb}.services-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);background:#fff;border-top:1px solid var(--color-neutral-100)}.footer-label{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-900)}.footer-pagination{display:flex;align-items:center;gap:var(--spacing-4)}.nav-arrow-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-neutral-200);background:#fff;color:var(--color-neutral-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-arrow-btn:hover{background:#f3f4f6;color:var(--color-neutral-900)}.nav-count{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:500}@media(max-width:768px){.pricing-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-6)}.pricing-action{width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between;align-items:center}.pricing-btn{width:auto}.services-modal-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.footer-pagination{width:100%;justify-content:space-between}}.floating-badge{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-2xl);font-family:var(--font-sans);box-shadow:var(--shadow-lg);white-space:nowrap}.floating-badge__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-lg)}.floating-badge__icon svg{width:18px;height:18px}.floating-badge__content{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.floating-badge__title{font-size:var(--text-sm);font-weight:400;line-height:1.2}.floating-badge__subtitle{font-size:var(--text-xs);font-weight:400;line-height:1.2;opacity:.7}.floating-badge--light{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100)}.floating-badge--light .floating-badge__title{color:var(--color-neutral-900)}.floating-badge--light .floating-badge__subtitle{color:var(--color-neutral-500)}.floating-badge--light .floating-badge__icon{background:var(--color-primary-100);color:var(--color-primary-600)}.floating-badge--dark{background:var(--color-neutral-900);border:1px solid var(--color-neutral-800);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:flex-start;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2)}.floating-badge--dark .floating-badge__content{align-items:flex-start;text-align:left}.floating-badge--dark .floating-badge__title{color:var(--color-neutral-0)}.floating-badge--dark .floating-badge__subtitle{color:var(--color-neutral-400)}.floating-badge--dark .floating-badge__icon{background:var(--color-success-500);border-radius:var(--radius-full);color:var(--color-neutral-0)}.floating-badge__right-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#dbeafe;color:#2563eb;border-radius:50%;margin-left:var(--spacing-2)}.floating-badge__right-icon svg{width:20px;height:20px}.faq-section{padding:var(--spacing-16) 0}.faq-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));text-align:center;color:var(--color-neutral-800);margin-bottom:var(--spacing-12);line-height:1.1;font-weight:400}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5) var(--spacing-8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.faq-item:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.faq-header{display:flex;justify-content:space-between;align-items:center}.faq-question{font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-800);margin:0;flex:1;padding-right:var(--spacing-4);transition:color .3s ease}.faq-item.open .faq-question{color:#a855f7}.faq-toggle-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);transition:color .3s ease}.faq-item:hover .faq-toggle-btn{color:var(--color-neutral-600)}.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;opacity:0}.faq-item.open .faq-content{grid-template-rows:1fr;opacity:1;margin-top:var(--spacing-3)}.faq-answer{overflow:hidden;color:var(--color-neutral-500);font-size:var(--text-base);line-height:1.6;margin:0}.faq-link{color:#a855f7;font-weight:600;text-decoration:none;cursor:pointer}.faq-link:hover{text-decoration:underline}.faq-toggle-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-neutral-200);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);transition:all .2s ease;flex-shrink:0}.faq-item:hover .faq-toggle-btn,.faq-item.open .faq-toggle-btn{border-color:var(--color-neutral-300);color:var(--color-neutral-600)}@media(max-width:640px){.faq-title{font-size:var(--text-3xl)}.faq-item{padding:var(--spacing-4) var(--spacing-5)}.faq-question{font-size:var(--text-base)}}.landing-page{min-height:100vh;font-family:var(--font-sans);background-image:url(/background-grid.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.landing-container{width:100%;padding:0 var(--spacing-8)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);background-image:url(/background-grid.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:sticky;top:0;z-index:100;width:100%}.landing-nav-logo{display:flex;align-items:center;text-decoration:none}.landing-logo{height:28px;width:auto}.landing-nav-links{display:flex;align-items:center;gap:var(--spacing-8)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-700);text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--color-primary-600)}.landing-nav-right{display:flex;align-items:center;gap:var(--spacing-3)}.nav-login-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--color-primary-600);background:transparent;border:1px solid var(--color-primary-500);border-radius:var(--radius-btn-soft);cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-login-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700)}.nav-signup-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-0);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:var(--radius-btn-soft);cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-signup-btn:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);transform:translateY(-1px)}.hero-section{padding:var(--spacing-16) 0 var(--spacing-20);text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));margin-bottom:var(--spacing-4);line-height:1.1;font-weight:400;color:var(--color-neutral-500)}.hero-title-highlight-text{font-weight:400;color:var(--color-neutral-900)}.hero-subtitle{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--spacing-6);line-height:1.6}.hero-cta-btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-0);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:var(--radius-btn-soft);cursor:pointer;transition:all .2s ease;text-decoration:none;margin-bottom:var(--spacing-12)}.hero-cta-btn:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-visual-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;position:relative;padding:0 var(--spacing-4)}.hero-competitor{flex:0 0 200px;text-align:center}.competitor-logo{width:48px;height:48px;background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3);color:var(--color-neutral-600)}.competitor-logo svg{width:24px;height:24px}.competitor-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-2);letter-spacing:.02em}.competitor-desc{font-size:var(--text-xs);color:var(--color-neutral-500);margin:0;line-height:1.4}.competitor-desc strong{color:var(--color-neutral-700)}.hero-center-card{position:relative;flex:0 0 340px;padding:var(--spacing-12) var(--spacing-6)}.hero-card-inner{background:var(--color-neutral-0);border:1px solid var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--spacing-8) 0 var(--spacing-10);box-shadow:var(--shadow-xl);position:relative;z-index:1;text-align:center;overflow:hidden}.hero-card-logo{height:22px;width:auto;margin-bottom:var(--spacing-6);display:block;margin-left:auto;margin-right:auto}.hero-card-graph{margin:0;padding:0;margin-bottom:var(--spacing-6);line-height:0}.hero-graph-svg{width:100%;height:80px;display:block;margin:0;padding:0}.hero-card-price{text-align:center;padding-top:var(--spacing-4)}.price-value{display:block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.price-label{font-size:var(--text-base);font-weight:500;color:var(--color-neutral-900);line-height:1.4}.hero-badge{position:absolute;z-index:2}.hero-badge--top-left{top:0;left:-60px}.hero-badge--right{top:50%;right:-100px;transform:translateY(-50%)}.hero-badge--left{bottom:40%;left:-80px}.hero-badge--bottom{position:relative;bottom:auto;left:auto;transform:none;display:flex;width:100%;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);justify-content:flex-start;text-align:left}.hero-badge--sub-left{position:absolute;bottom:40%;left:-80px;flex-direction:row-reverse;box-shadow:var(--shadow-xl);z-index:20;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full)}.hero-badge--sub-left .floating-badge__icon{background:transparent!important;width:32px;height:32px}.hero-badge--sub-left .floating-badge__icon svg{width:32px;height:32px}.hero-title-highlight{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-search{display:flex;align-items:center;max-width:600px;margin:0 auto var(--spacing-10);background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);padding:var(--spacing-2);box-shadow:var(--shadow-lg)}.hero-search-input{flex:1;border:none;outline:none;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);color:var(--color-neutral-900);background:transparent}.hero-search-input::placeholder{color:var(--color-neutral-400)}.hero-search-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-600);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-neutral-0);transition:all .2s ease}.hero-search-btn:hover{background:var(--color-primary-700)}.partners-section{margin-top:var(--spacing-16);padding:var(--spacing-8) var(--spacing-8);width:100%;border-top:1px solid var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200)}.partners-logos{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:nowrap;opacity:.6;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.partners-logos::-webkit-scrollbar{display:none}.partners-logos img{height:40px;width:auto;max-width:100%;flex-shrink:1;object-fit:contain;filter:grayscale(100%);transition:all .2s ease}.partners-logos img:hover{filter:grayscale(0%);opacity:1}.features-section{padding:var(--spacing-6) 0 var(--spacing-10)}.features-card{background:var(--color-neutral-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;border:1px solid var(--color-neutral-200);overflow:hidden;max-width:62%;margin:0 auto}.feature-item{flex:1;padding:var(--spacing-5);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--color-neutral-200)}.feature-item:last-child{border-right:none}.feature-icon{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-3);color:var(--color-neutral-900);flex-shrink:0}.feature-icon svg{width:16px;height:16px;stroke-width:1.5px}.feature-content h3{font-size:var(--text-base);font-weight:500;color:var(--color-neutral-900);line-height:1.2;margin:0 0 var(--spacing-2)}.feature-content p{font-size:var(--text-xs);color:var(--color-neutral-500);margin:0;line-height:1.4}@media(max-width:900px){.features-card{flex-direction:column}.feature-item{border-right:none;border-bottom:1px solid var(--color-neutral-200);padding:var(--spacing-8)}.feature-item:last-child{border-bottom:none}}.demand-section{padding:var(--spacing-16) 0 var(--spacing-20)}.section-header-left{margin-bottom:var(--spacing-12);text-align:left}.demand-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:400;color:var(--color-neutral-900);margin-bottom:var(--spacing-4);letter-spacing:-.02em}.demand-subtitle{font-size:var(--text-base);color:var(--color-neutral-500);line-height:1.6}.demand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.demand-card{display:flex;flex-direction:column}.demand-image-container{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-2xl);background-color:var(--color-neutral-100);margin-bottom:var(--spacing-6);position:relative;overflow:hidden}.demand-card:nth-child(2) .demand-image-container,.demand-card:nth-child(4) .demand-image-container{aspect-ratio:4 / 5}.box-design{background:#eadbc8}.box-writing{background:#ef4444}.box-marketing{background:#dc2626}.box-admin{background:#d1d5db}.demand-arrow{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:var(--color-neutral-900);transition:transform .2s ease;cursor:pointer}.demand-arrow:hover{transform:scale(1.1)}.demand-arrow svg{width:16px;height:16px;stroke-width:2.5px}.demand-card-title{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.demand-price{font-size:var(--text-sm);color:#8b5cf6;margin-bottom:var(--spacing-4);font-weight:400}.demand-count{display:flex;align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.count-number{font-family:var(--font-display);font-size:clamp(3rem,5vw,4rem);font-weight:400;color:var(--color-neutral-900);line-height:1;letter-spacing:-.02em}.count-label{font-size:var(--text-sm);color:var(--color-neutral-500)}.demand-desc{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.6}@media(max-width:1024px){.demand-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.demand-grid{grid-template-columns:1fr}.demand-title{font-size:var(--text-3xl)}}.value-props-section{padding:0}.value-props-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.value-card{background:#fff;border-radius:var(--radius-3xl);padding:var(--spacing-12);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--color-neutral-100);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;min-height:420px}.value-card.wide{grid-column:span 2;flex-direction:row;align-items:stretch}.value-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;flex:1}.value-card.wide .value-content{max-width:60%}.value-header{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.value-icon-box{width:48px;height:48px;border-radius:50%;background:#f3e8ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9333ea}.value-icon-box svg{width:24px;height:24px}.value-top-text{font-size:var(--text-sm);color:#9333ea;font-weight:500;line-height:1.4;padding-top:var(--spacing-2)}.value-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-neutral-900);margin-bottom:var(--spacing-4);line-height:1.2;margin-top:auto}.value-desc{font-size:var(--text-base);color:var(--color-neutral-500);line-height:1.6}.value-glass-img{position:absolute;pointer-events:none;z-index:1}.value-card.wide .value-glass-img.big{right:-250px;top:-100px;height:150%;width:auto;object-fit:contain}.value-card.narrow .value-glass-img.small{bottom:-150px;right:-150px;width:150%;height:auto;max-width:none;object-fit:contain}@media(max-width:1024px){.value-props-grid{grid-template-columns:1fr}.value-card.wide,.value-card.narrow{grid-column:span 1;flex-direction:column;min-height:auto}.value-card.wide .value-content{max-width:100%;margin-bottom:var(--spacing-8)}.value-card.wide .value-glass-img.big,.value-card.narrow .value-glass-img.small{display:none}}.rushstars-section{padding:var(--spacing-16) 0 var(--spacing-20)}.rushstars-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:400;color:var(--color-neutral-900);margin-bottom:var(--spacing-4);letter-spacing:-.02em}.rushstars-subtitle{font-size:var(--text-base);color:var(--color-neutral-500);line-height:1.6}.rushstars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.rushstar-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;height:560px}.rushstar-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.rushstar-card:hover .rushstar-image{transform:scale(1.05)}.rushstar-badge{position:absolute;top:var(--spacing-4);left:var(--spacing-4);display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;z-index:2}.rushstar-badge.purple{background:#8b5cf6}.rushstar-badge.green{background:#10b981}.rushstar-badge svg{width:14px;height:14px}.rushstar-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#000000e6,#0009,#0000);padding:var(--spacing-6);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}.rushstar-overlay button{pointer-events:auto}.rushstar-info{margin-bottom:var(--spacing-6)}.rushstar-name{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.verified-icon{color:#10b981;font-size:var(--text-sm)}.rushstar-role{font-size:var(--text-xs);color:#fffc;line-height:1.4;margin:0}.rushstar-stats-row{display:flex;align-items:center;justify-content:space-between}.rushstar-stat{display:flex;flex-direction:column}.stat-val{font-size:var(--text-base);font-weight:700;line-height:1.2}.stat-lbl{font-size:10px;color:#fff9;text-transform:uppercase}.view-profile-btn{background:#fff;color:var(--color-neutral-900);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .2s ease;pointer-events:auto}.view-profile-btn:hover{background:var(--color-neutral-100)}.rushstar-card.cta-card{background:#fff;border:4px dashed #C4B5FD;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.cta-content-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-8)}.cta-icon-circle{width:64px;height:64px;background:#f3e8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b5cf6;margin-bottom:var(--spacing-6)}.cta-icon-circle svg{width:32px;height:32px}.cta-title{font-size:var(--text-xl);font-weight:700;color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.cta-desc{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.5}.join-club-btn{width:100%;padding:var(--spacing-3);background:#8b5cf6;color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:background .2s ease}.join-club-btn:hover{background:#7c3aed}@media(max-width:1024px){.rushstars-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.rushstars-grid{grid-template-columns:1fr}}.how-it-works-section{padding:var(--spacing-20) 0}.section-header-center{text-align:center;margin-bottom:var(--spacing-16)}.section-header-center.dark-mode .how-title{color:var(--color-neutral-900)}.section-header-center.dark-mode .how-subtitle{color:var(--color-neutral-500)}.how-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:400;margin-bottom:var(--spacing-4);letter-spacing:-.02em}.how-subtitle{font-size:var(--text-lg);line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.step-card{background:#fff;border-radius:var(--radius-3xl);overflow:hidden;color:var(--color-neutral-900);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:var(--spacing-8)}.step-card{background:transparent;display:flex;flex-direction:column;position:relative;border-radius:var(--radius-2xl)}.step-image-container{width:100%;aspect-ratio:auto;background:transparent;position:relative;z-index:2;padding:0;margin:0;overflow:visible;display:flex;flex-direction:column;align-items:center}.step-badge{background:#f3e8ff;color:#9333ea;font-size:var(--text-xs);font-weight:400;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);position:absolute;bottom:0;z-index:10;margin:0;border:none;box-shadow:0 4px 6px #0000000d}.step-content{background:#fff;padding:0 var(--spacing-8) var(--spacing-8) var(--spacing-8);text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);flex-grow:1;position:relative;z-index:1}.step-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-neutral-900);margin-top:var(--spacing-6)}.step-desc{font-size:var(--text-xs);color:var(--color-neutral-500);line-height:1.6;margin-bottom:var(--spacing-4);min-height:2em;max-width:70%}.step-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500);text-decoration:none;transition:color .2s ease;cursor:pointer}.step-link:hover{color:var(--color-primary-600)}.step-link svg{width:16px;height:16px}@media(max-width:1024px){.steps-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}.catch-section{padding:var(--spacing-16) 0}.catch-banner{background-color:#8b5cf6;border-radius:40px;padding:var(--spacing-8) var(--spacing-16);display:flex;align-items:center;justify-content:space-between;color:#fff;gap:var(--spacing-8)}.catch-content-left{flex:0 0 300px}.catch-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;line-height:1.1;margin:0}.catch-content-center{flex:1;display:flex;justify-content:center;text-align:left}.catch-text{font-size:var(--text-sm);color:#fffc;line-height:1.5;margin:0;max-width:480px}.catch-content-right{flex:0 0 auto}.catch-btn{background-color:#fff;color:var(--color-neutral-900);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.catch-btn:hover{background-color:var(--color-neutral-100);transform:translateY(-1px)}@media(max-width:1024px){.catch-banner{flex-direction:column;padding:var(--spacing-10);border-radius:var(--radius-3xl);text-align:center}.catch-content-left,.catch-content-center,.catch-content-right{flex:0 0 auto;width:100%;text-align:center}.catch-content-center{justify-content:center}.catch-text{text-align:center;margin:0 auto}}.top-talents-section{padding:var(--spacing-20) 0}.top-talents-grid{display:grid;grid-template-columns:35% 60%;gap:5%;align-items:center}.top-talents-left{text-align:left}.top-talents-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:400;color:var(--color-neutral-900);margin-bottom:var(--spacing-8);line-height:1.1;letter-spacing:-.02em}.top-talents-cta-btn{background-color:#a855f7;color:#fff;font-weight:500;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-lg);border:none;font-size:var(--text-base);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #a855f763}.top-talents-cta-btn:hover{background-color:#9333ea;transform:translateY(-2px);box-shadow:0 6px 20px #a855f73b}.top-talents-right{display:flex;justify-content:center;align-items:center}.top-talents-image{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-2xl)}@media(max-width:1024px){.top-talents-grid{grid-template-columns:1fr;gap:var(--spacing-12)}.top-talents-left{text-align:center}.top-talents-right{max-width:600px;margin:0 auto}}.landing-footer{padding:var(--spacing-20) 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-10)}.footer-logo{display:inline-block;text-decoration:none}.footer-logo-image{height:32px;width:auto}.footer-social-links{display:flex;align-items:center;gap:var(--spacing-4)}.footer-social-link{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--color-neutral-300);background:var(--color-neutral-0);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-900);transition:all .2s ease;text-decoration:none}.footer-social-link:hover{border-color:var(--color-neutral-900);background:var(--color-neutral-100)}.footer-social-link svg{width:20px;height:20px}.footer-copyright{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}@media(max-width:768px){.hero-title{font-size:var(--text-3xl)}.landing-nav-links{display:none}}.final-cta-section{padding:var(--spacing-16) 0 var(--spacing-20)}.final-cta-card{background-color:#9333ea;border-radius:var(--radius-3xl);display:flex;overflow:hidden;min-height:480px;box-shadow:var(--shadow-xl)}.final-cta-content{flex:1;padding:var(--spacing-16) var(--spacing-12);display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:50%}.final-cta-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),3.5vw,var(--text-5xl));font-weight:600;line-height:1.1;margin-bottom:auto;color:#e9d5ff}.final-cta-title .text-white-opacity{color:#fff}.final-cta-desc{font-size:var(--text-base);line-height:1.6;color:#f3e8ff;margin-bottom:var(--spacing-8);margin-top:var(--spacing-12);max-width:400px}.final-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background-color:#fff;color:#9333ea;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease;width:fit-content}.final-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background-color:#f3e8ff}.final-cta-image-wrapper{flex:1;position:relative;overflow:hidden;margin:var(--spacing-4) var(--spacing-4) var(--spacing-4) 0;margin:var(--spacing-4);margin-left:0;border-radius:var(--radius-2xl)}.final-cta-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-2xl)}@media(max-width:900px){.final-cta-card{flex-direction:column;min-height:auto}.final-cta-content{max-width:100%;padding:var(--spacing-10) var(--spacing-8)}.final-cta-image-wrapper{margin:0 var(--spacing-4) var(--spacing-4) var(--spacing-4);min-height:300px}.final-cta-title{margin-bottom:var(--spacing-6)}.final-cta-desc{margin-top:0}}.step-image-container{padding:0!important;overflow:hidden}.step-image{width:100%;height:100%;object-fit:cover;display:block}.step-img-placeholder{display:none}.payment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-4)}.payment-modal-container{background-color:var(--color-neutral-0);width:600px;max-width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;position:relative;padding:var(--spacing-6);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);margin-left:calc(var(--spacing-6) * -1);margin-right:calc(var(--spacing-6) * -1);padding:0 var(--spacing-6) var(--spacing-4)}.payment-modal-title{font-size:var(--text-xl);font-weight:600;color:#111827;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:var(--spacing-2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.payment-balance-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.balance-info{display:flex;align-items:center;gap:var(--spacing-4)}.balance-icon-large{width:48px;height:48px;background-color:#a855f7;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.balance-text{display:flex;flex-direction:column}.balance-label{font-size:var(--text-sm);color:#6b7280;margin-bottom:2px}.balance-amount{font-size:var(--text-2xl);font-weight:700;color:#111827}.btn-get-paid-action{background-color:#a855f7;color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;transition:background-color .15s}.btn-get-paid-action:hover{background-color:#9333ea}.withdrawal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--text-base);font-weight:600;color:#111827}.btn-add-new{background:none;border:none;color:#a855f7;font-size:var(--text-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-add-new:hover{text-decoration:underline}.withdrawal-methods-list{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);overflow:hidden}.withdrawal-method-item{padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-neutral-0)}.withdrawal-method-item:last-child{border-bottom:none}.method-left{display:flex;align-items:center;gap:var(--spacing-4)}.method-logo{width:48px;height:32px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:4px}.method-logo img{max-width:100%;max-height:100%}.method-details{display:flex;flex-direction:column}.method-name{font-size:var(--text-sm);font-weight:500;color:#111827}.method-meta{font-size:var(--text-xs);color:#9ca3af}.method-right{display:flex;align-items:center;gap:var(--spacing-4)}.badge-default{background-color:#dcfce7;color:#16a34a;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.badge-expired{background-color:#f3f4f6;color:#6b7280;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.btn-more-options{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.btn-more-options:hover{color:#6b7280}.last-withdrawal-banner{background-color:#f3e8ff;border-radius:var(--radius-xl);padding:var(--spacing-4);display:flex;justify-content:space-between;align-items:center}.last-withdrawal-content{display:flex;flex-direction:column;gap:4px}.last-withdrawal-header{display:flex;align-items:center;gap:var(--spacing-2);color:#111827;font-weight:600;font-size:var(--text-sm)}.last-withdrawal-meta{font-size:var(--text-xs);color:#6b7280;padding-left:24px}.btn-payment-history{background:none;border:none;color:#a855f7;font-size:var(--text-sm);font-weight:500;cursor:pointer}.btn-payment-history:hover{text-decoration:underline}@media(max-width:640px){.payment-modal-container{width:100%;height:100vh;max-height:100vh;border-radius:0}.payment-balance-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.btn-get-paid-action{width:100%;text-align:center}.withdrawal-method-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.method-right{width:100%;justify-content:space-between}.last-withdrawal-banner{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.btn-payment-history{align-self:flex-end}}.get-paid-page{min-height:100vh;display:flex;flex-direction:column}.get-paid-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.get-paid-container{max-width:100%;margin:0 auto}.get-paid-card{background-color:var(--color-neutral-0);border-radius:var(--radius-2xl);padding:0;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100);overflow:hidden}.get-paid-section-padded{padding:var(--spacing-8);padding-bottom:0}.get-paid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.get-paid-title{font-size:var(--text-3xl);font-weight:500;color:#111827;font-family:var(--font-display);margin:0}.get-paid-actions{display:flex;align-items:center;gap:var(--spacing-6)}.info-link{display:flex;align-items:center;color:#8b5cf6;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color .15s ease}.info-link:hover{color:#7c3aed}.date-picker-trigger{display:flex;align-items:center;background-color:#f3f4f6;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease}.date-picker-trigger:hover{background-color:#e5e7eb}.calendar-icon{color:#4b5563;margin-right:var(--spacing-3)}.date-text{font-size:var(--text-sm);font-weight:600;color:#111827;margin-right:var(--spacing-3)}.date-custom{font-size:var(--text-sm);color:#374151;margin-right:var(--spacing-2)}.chevron-down{color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.stat-card{background-color:var(--color-neutral-0);border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100);transition:box-shadow .2s ease;position:relative}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card.highlight{background-color:#f3e8ff;border:1px solid #A855F7}.stat-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-0);color:#6b7280;flex-shrink:0;border:1px solid var(--color-neutral-200)}.stat-icon-wrapper.highlight{background-color:#a855f7;color:#fff;border:none}.stat-content{flex:1}.stat-value{display:flex;align-items:center;gap:8px;font-size:var(--text-2xl);font-weight:400;color:#111827;line-height:1.2;margin-bottom:4px}.stat-label{font-size:var(--text-xs);color:#4b5563;display:flex;align-items:center;gap:var(--spacing-2)}.stat-label.link-label{text-underline-offset:2px;color:#4b5563}.badge-notification-floating{background-color:#007aff;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #007aff4d}.contracts-table-container{background-color:var(--color-neutral-0);border-radius:var(--radius-xl);overflow:hidden;border:none;width:100%}.contracts-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed}.contracts-table th,.contracts-table td{padding:var(--spacing-4);text-align:left;font-size:var(--text-xs)}.contracts-table th{background-color:#f3f4f6;color:#374151;font-weight:600;text-transform:capitalize;white-space:nowrap;border-bottom:none}.contracts-table td{border-bottom:1px solid var(--color-neutral-100);color:#4b5563}.contracts-table tr:last-child td{border-bottom:none}.col-contract{width:30%}.col-day{text-align:center!important;width:6%}.col-rate,.col-hours,.col-amount{text-align:right!important;width:9%}.fw-medium{font-weight:600;color:#111827!important}.table-footer{background-color:#a855f7;padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-0)}.footer-label{font-size:var(--text-sm);font-weight:500;color:#fff}.footer-totals{display:flex;gap:var(--spacing-8)}.footer-hours,.footer-amount{font-size:var(--text-sm);font-weight:700;text-align:right;width:80px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center;background:linear-gradient(180deg,#f3e8ff33,#fff0);min-height:500px}.empty-state-icon{margin-bottom:var(--spacing-6);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#f3e8ff;border-radius:50%}.empty-state-title{font-size:var(--text-2xl);font-weight:500;color:#111827;margin-bottom:var(--spacing-3);font-family:var(--font-display)}.empty-state-description{font-size:var(--text-base);color:#6b7280;max-width:480px;line-height:1.5}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.payment-action-bar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.payment-center-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);width:100%;justify-self:auto}.payment-divider{display:none}.payment-actions-group{width:100%;justify-content:flex-end;gap:var(--spacing-3);justify-self:auto}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.get-paid-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.get-paid-actions{width:100%;justify-content:space-between}.contracts-table-container{overflow-x:auto}.empty-state-container{padding:var(--spacing-8);min-height:300px}}.payment-action-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:#f8f9fa;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-6);margin-bottom:var(--spacing-8)}.payment-center-group{display:flex;align-items:center;gap:var(--spacing-8);justify-self:center}.payment-actions-group{display:flex;align-items:center;gap:var(--spacing-3);justify-self:end}.payment-info-item{display:flex;align-items:center;gap:var(--spacing-3)}.payment-icon-wrapper{width:40px;height:40px;border-radius:50%;background-color:#f3e8ff;color:#a855f7;display:flex;align-items:center;justify-content:center}.payment-text{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-2)}.payment-label{font-size:var(--text-sm);color:#4b5563;font-weight:500}.payment-value{font-size:var(--text-base);color:#111827;font-weight:400}.payment-divider{width:1px;height:24px;background-color:#e5e7eb}.payment-actions-group{display:flex;align-items:center;gap:var(--spacing-3)}.btn-secondary-purple{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);background-color:#f3e8ff;color:#9333ea;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:none;cursor:pointer;transition:background-color .15s;white-space:nowrap}.btn-secondary-purple:hover{background-color:#e9d5ff}.btn-primary-purple{padding:var(--spacing-2) var(--spacing-4);background-color:#a855f7;color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:none;cursor:pointer;transition:background-color .15s;white-space:nowrap}.btn-primary-purple:hover{background-color:#9333ea}.withdrawal-table{width:100%;min-width:100%;border-collapse:collapse}.withdrawal-table th{padding:var(--spacing-4);background-color:#f3f4f6;color:#374151;font-weight:600;text-transform:capitalize;white-space:nowrap;border-bottom:none;text-align:left;font-size:var(--text-xs)}.withdrawal-table td{padding:var(--spacing-2) var(--spacing-4);text-align:left;font-size:var(--text-xs)}.withdrawal-row td{border-bottom:1px solid var(--color-neutral-100);color:#4b5563}.withdrawal-row:last-child{border-bottom:none}.text-right{text-align:right!important}.fw-bold{font-weight:700;color:#111827!important}.col-date{width:12%}.col-desc{width:40%}.col-type{width:20%}.col-amount,.col-balance{width:14%}.text-red{color:#ef4444!important}.text-green{color:#22c55e!important}.badge-service-fee,.badge-hourly,.badge-withdrawal{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-service-fee{background-color:#fee2e2;color:#ef4444;border:1px solid #FECACA}.badge-hourly{background-color:#dcfce7;color:#16a34a;border:1px solid #BBF7D0}.badge-withdrawal{background-color:#f3e8ff;color:#a855f7;border:1px solid #E9D5FF}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--color-neutral-200)}.pagination-nav{display:flex;align-items:center;gap:12px}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid #F3F4F6;border-radius:8px;background:#fff;cursor:pointer;color:#111827;transition:background-color .15s}.nav-btn:hover{background-color:#f9fafb}.nav-btn.prev{color:#9ca3af}.page-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ca3af;cursor:pointer;border-radius:var(--radius-md);font-weight:500}.page-num.active{background-color:transparent;color:#111827;font-weight:700;font-size:14px}.page-dots{color:#111827;font-size:14px;font-weight:500;padding:0 4px}.page-btn{display:flex;align-items:center;padding:0;border:2px solid #F3F4F6;border-radius:8px;background:#fff;font-size:var(--text-sm);overflow:hidden;height:32px;box-shadow:none;min-width:100px}.page-number{padding:0 var(--spacing-3);font-weight:500;color:#374151;font-size:14px;min-width:32px;display:flex;justify-content:center}.page-btn-divider{width:2px;height:18px;background-color:#f3f4f6}.page-btn-icon{display:flex;align-items:center;justify-content:center;padding-left:var(--spacing-3);padding-right:0;color:#6b7280;cursor:pointer;background-color:transparent;height:100%}.page-btn-icon:hover{background-color:#f9fafb;color:#374151}.page-btn-icon svg{color:#6b7280}@media(max-width:1024px){.payment-action-bar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.payment-center-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);width:100%;justify-self:auto}.payment-divider{display:none}.payment-actions-group{width:100%;justify-content:flex-end;gap:var(--spacing-3);justify-self:auto}}.messages-page{min-height:100vh;display:flex;flex-direction:column}.messages-main{flex:1;padding:var(--page-padding-y) var(--page-padding-x)}.messages-container{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-6);max-width:var(--container-full);margin:0 auto;height:calc(100vh - 160px)}.conversations-sidebar{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-2xl);padding:var(--spacing-6);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.sidebar-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--color-neutral-900);margin:0}.search-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease}.search-toggle-btn:hover{background-color:transparent;border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.filter-tabs{display:flex;gap:0;margin-bottom:var(--spacing-6)}.filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-0);border:none;border-radius:0;border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease}.filter-tab:first-child{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.filter-tab:last-child{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.filter-tab:not(:last-child){border-right:1px solid var(--color-neutral-200)}.filter-tab:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.filter-tab.active{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.filter-count{font-size:var(--text-xs);font-weight:600}.conversations-list{flex:1;overflow-y:auto;margin:0 calc(var(--spacing-6) * -1);padding:0 var(--spacing-6)}.conversation-group{margin-bottom:var(--spacing-4)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2)}.group-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900)}.group-unread{font-size:var(--text-xs);color:var(--color-neutral-500)}.conversation-item{display:flex;align-items:flex-start;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:var(--color-neutral-0);border:none;border-radius:0;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;border-bottom:1px solid var(--color-neutral-200)}.conversation-item:first-of-type{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.conversation-item:last-of-type{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);border-bottom:none}.conversation-item:hover{background-color:var(--color-neutral-50)}.conversation-item.active{background-color:var(--color-primary-50)}.conversation-avatar-group,.conversation-avatar-single{position:relative;flex-shrink:0;display:flex}.conversation-avatar-group{width:44px;height:40px}.conversation-avatar-group .conversation-avatar{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid white;position:absolute;object-fit:cover}.conversation-avatar-group .conversation-avatar:nth-child(2){left:16px;top:4px}.conversation-avatar-single .conversation-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.conversation-details{flex:1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-1)}.conversation-name{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:var(--text-xs);color:var(--color-neutral-500);flex-shrink:0}.conversation-preview{font-size:var(--text-sm);color:var(--color-neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.unread-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 6px;background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.chat-card{background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-300);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden}.chat-content-row{display:flex;flex:1;overflow:hidden}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.empty-chat-icon{display:flex;align-items:center;justify-content:center}.empty-chat-title{font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-900);margin:0}.empty-chat-description{font-size:var(--text-sm);color:var(--color-neutral-500);max-width:400px;line-height:1.6;margin:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.chat-header-left{display:flex;align-items:center;gap:var(--spacing-6)}.chat-avatar-group{position:relative;display:flex;width:44px;height:48px}.chat-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid white;position:absolute;object-fit:cover}.chat-avatar:nth-child(2){left:20px;top:4px}.more-participants{position:absolute;left:40px;top:14px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px;background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.chat-header-info{flex:1}.chat-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-neutral-900);margin:0 0 var(--spacing-1) 0}.chat-meta{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.chat-header-actions{display:flex;gap:var(--spacing-2)}.chat-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease}.chat-action-btn:hover{background-color:transparent;border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.messages-area{flex:1;padding:var(--spacing-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.date-divider{display:flex;align-items:center;justify-content:center;margin:var(--spacing-4) 0}.date-divider span{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-100);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-neutral-600);font-weight:500}.message{display:flex;flex-direction:column;max-width:70%}.message.sent{align-self:flex-end;align-items:flex-end}.message.received{align-self:flex-start;align-items:flex-start}.message-sender{display:flex;align-items:center;gap:0;margin-bottom:var(--spacing-1)}.sender-name{font-size:var(--text-xs);font-weight:600;color:var(--color-neutral-700)}.message-time{font-size:var(--text-xs);color:var(--color-neutral-500)}.message-time:before{content:"•";margin:0 var(--spacing-1);color:var(--color-neutral-500)}.message-bubble{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl)}.message.received .message-bubble{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.message.sent .message-bubble{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff}.message.sent .message-meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.message.sent .sender-name,.message.sent .message-time{color:#ffffffe6}.message.sent .message-time:before{color:#ffffffe6}.read-receipt{width:14px;height:14px}.message-text{font-size:var(--text-sm);line-height:1.5;margin:0}.message-input-container{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-neutral-200)}.message-input-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-100);border:1px solid transparent;border-radius:var(--radius-2xl);transition:all .2s ease;min-width:0}.message-input-wrapper:focus-within{border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.input-row{display:flex;align-items:center;gap:var(--spacing-2);width:100%}.input-previews{display:flex;gap:var(--spacing-2);padding:var(--spacing-2) 0;overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.preview-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:200px;max-width:240px;flex-shrink:0;transition:all .2s ease}.preview-item:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-sm)}.preview-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background-color:var(--color-neutral-50);border-radius:var(--radius-md)}.preview-info{flex:1;display:flex;flex-direction:column;min-width:0}.preview-name{font-size:var(--text-xs);font-weight:500;color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-meta{font-size:10px;color:var(--color-neutral-500)}.preview-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:var(--radius-full);color:var(--color-neutral-400);cursor:pointer;transition:all .15s ease}.preview-remove:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}.preview-item.image-preview{min-width:auto;width:auto;padding:0;border:none;background:transparent;overflow:visible;position:relative;height:60px}.preview-thumbnail{height:100%;width:auto;border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:1;display:block;border:1px solid var(--color-neutral-200)}.preview-remove-overlay{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;z-index:2;transition:all .15s ease;box-shadow:var(--shadow-sm)}.preview-remove-overlay:hover{background-color:var(--color-neutral-50);transform:scale(1.1)}.input-inline-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-neutral-500);cursor:pointer;transition:all .2s ease;flex-shrink:0}.input-inline-btn:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.input-right-buttons{display:flex;align-items:center;gap:var(--spacing-1)}.message-input{flex:1;padding:var(--spacing-2) 0;background:transparent;border:none;font-size:var(--text-sm);color:var(--color-neutral-900);outline:none;min-width:0}.message-input::placeholder{color:var(--color-neutral-400)}.send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-btn:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);transform:scale(1.05)}.contact-sidebar{width:360px;flex-shrink:0;border-left:1px solid var(--color-neutral-200);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6);overflow-y:auto}.contact-section{text-align:center;padding-bottom:var(--spacing-6)}.contact-avatars{display:flex;justify-content:center;position:relative;height:100px;margin-bottom:var(--spacing-4)}.contact-avatar{width:100px;height:100px;border-radius:var(--radius-full);border:3px solid white;position:absolute;object-fit:cover}.contact-avatar:nth-child(1){left:calc(50% - 75px);z-index:3}.contact-avatar:nth-child(2){left:calc(50% - 25px);z-index:2}.contact-avatar:nth-child(3){left:calc(50% + 25px);z-index:1}.more-contacts{position:absolute;left:calc(50% + 75px);top:0;min-width:100px;height:100px;display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--color-neutral-200);color:var(--color-primary-600);border-radius:var(--radius-full);font-size:var(--text-3xl);font-weight:600}.contact-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-neutral-900);margin:0 0 var(--spacing-1) 0}.contact-status{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-neutral-200);margin-left:calc(var(--spacing-6) * -1);margin-right:calc(var(--spacing-6) * -1);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-900);margin:0}.see-all-link{font-size:var(--text-xs);color:var(--color-primary-600);text-decoration:none;background:none;border:none;cursor:pointer;font-weight:500;transition:color .2s ease}.see-all-link:hover{color:var(--color-primary-700)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.media-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden}.media-item img{width:100%;height:100%;object-fit:cover}.search-attachments{position:relative;display:flex;align-items:center}.search-attachments .search-icon{position:absolute;left:var(--spacing-3);color:var(--color-neutral-400)}.search-attachments .search-input{width:100%;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-10);background-color:var(--color-neutral-100);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-900);outline:none;transition:all .2s ease}.search-attachments .search-input::placeholder{color:var(--color-neutral-400)}.search-attachments .search-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-50)}.attachments-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.attachment-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-neutral-50);border-radius:var(--radius-lg);transition:all .2s ease;cursor:pointer}.attachment-item:hover{background-color:var(--color-neutral-100)}.attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.attachment-details{flex:1;min-width:0}.attachment-name{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 var(--spacing-1) 0}.attachment-date{font-size:var(--text-xs);color:var(--color-neutral-500);margin:0}@media(max-width:1400px){.messages-container{grid-template-columns:280px 1fr}.chat-card{grid-template-columns:1fr 320px}}@media(max-width:1200px){.messages-container{grid-template-columns:280px 1fr}.chat-card{grid-template-columns:1fr}.contact-sidebar{display:none}}@media(max-width:768px){.messages-container{grid-template-columns:1fr}.conversations-sidebar{display:none}.chat-card{grid-template-columns:1fr}.chat-area{border-radius:var(--radius-xl)}}