:root{--primary-blue:rgb(115,157,255);--primary-purple:rgb(175,91,216);--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-teal:#48c4b9;--accent-pink:#ec4899;--accent-orange:#ffa463;--text-primary:#2c3e50;--text-secondary:#64748b;--text-light:#dcdcdc;--primary-blue-rgb:115,157,255;--primary-purple-rgb:175,91,216;--accent-purple-rgb:124,58,237;--accent-blue-rgb:37,99,235;--accent-teal-rgb:72,196,185;--accent-pink-rgb:236,72,153;--accent-orange-rgb:255,164,99;--primary-light-blue:rgba(115,157,255,0.25);--primary-light-purple:rgba(139,92,246,0.2);--primary-light-pink:rgba(240,147,251,0.22);--primary-light-blue-2:rgba(79,172,254,0.18);--primary-light-teal:rgba(72,196,185,0.15);--primary-light-orange:rgba(255,164,99,0.2);--primary-light-yellow:rgb(255,251,235);--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--status-draft-bg:rgba(115,157,255,0.15);--status-draft-text:rgba(37,99,235,1);--status-draft-border:rgba(115,157,255,0.3);--status-in-progress-bg:rgba(255,164,99,0.15);--status-in-progress-text:rgba(194,65,12,1);--status-in-progress-border:rgba(255,164,99,0.4);--status-in-review-bg:rgba(188,196,72,0.15);--status-in-review-text:rgb(118,108,15);--status-in-review-border:rgba(194,196,72,0.4);--status-review-complete-bg:rgba(84,238,238,0.205);--status-review-complete-text:rgb(22,155,155);--status-review-complete-border:rgba(91,191,216,0.4);--status-returned-bg:rgba(72,236,121,0.15);--status-returned-text:rgb(13,167,52);--status-returned-border:rgba(72,236,135,0.4);--status-archived-bg:rgba(148,163,184,0.15);--status-archived-text:rgba(71,85,105,1);--status-archived-border:rgba(148,163,184,0.4);--btn-primary-bg:rgba(167,104,209,0.8);--btn-primary-hover:linear-gradient(135deg,rgba(181,120,222,1),rgba(115,157,255,1));--btn-secondary-bg:linear-gradient(135deg,rgba(115,157,255,0.9),rgba(72,196,185,0.9));--btn-secondary-hover:linear-gradient(135deg,rgba(115,157,255,1),rgba(72,196,185,1));--btn-nav-bg:linear-gradient(135deg,rgba(175,91,216,0.9),rgba(115,157,255,0.9));--btn-nav-hover:linear-gradient(135deg,rgba(175,91,216,1),rgba(115,157,255,1));--btn-simple-bg:rgba(167,104,209,0.8);--btn-simple-bg-hover:rgba(181,120,222,1);--bg-gradient-1:linear-gradient(135deg,rgb(255,251,235),rgba(255,255,255,0.9) 20%,rgba(240,147,251,0.05) 40%,rgba(115,157,255,0.05) 60%,rgba(255,255,255,0.9) 80%,rgb(255,251,235));--bg-gradient-2:linear-gradient(135deg,rgb(255,251,235),rgba(255,255,255,0.9) 25%,rgba(79,172,254,0.05) 50%,rgba(255,255,255,0.9) 75%,rgb(255,251,235));--bg-gradient-3:linear-gradient(135deg,rgb(255,251,235),rgba(255,255,255,0.95) 30%,rgba(72,196,185,0.05) 60%,rgba(255,255,255,0.95));--text-gradient-1:linear-gradient(135deg,rgb(115,157,255),rgb(175,91,216) 50%,rgb(72,196,185));--text-gradient-2:linear-gradient(135deg,#64d5ee,#3136bf);--text-gradient-3:linear-gradient(135deg,rgb(175,91,216),rgb(115,157,255));--text-gradient-4:linear-gradient(135deg,rgb(72,196,185),rgb(115,157,255));--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Inter",sans-serif;--font-family-mono:"Fira Code","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:5rem;--font-size-9xl:6rem;--font-size-10xl:7rem;--font-size-hero-title:clamp(2.5rem,5vw,4rem);--font-size-hero-subtitle:clamp(1.3rem,3vw,1.6rem);--font-size-section-title:clamp(2.5rem,5vw,3.5rem);--font-size-section-subtitle:clamp(1.1rem,2.5vw,1.3rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-px:1px;--spacing-0_5:0.125rem;--spacing-1:0.25rem;--spacing-1_5:0.375rem;--spacing-2:0.5rem;--spacing-2_5:0.625rem;--spacing-3:0.75rem;--spacing-3_5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--spacing-xs:var(--spacing-2);--spacing-sm:var(--spacing-4);--spacing-md:var(--spacing-6);--spacing-lg:var(--spacing-8);--spacing-xl:var(--spacing-12);--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-3xl:0 35px 60px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-blue:0 4px 12px rgba(115,157,255,0.2);--shadow-purple:0 4px 12px rgba(175,91,216,0.2);--shadow-pink:0 4px 12px rgba(236,72,153,0.2);--shadow-teal:0 4px 12px rgba(72,196,185,0.2);--surface-primary:var(--color-black);--surface-secondary:var(--color-white);--surface-glass:rgba(255,255,255,0.1);--shadow-text-light:0 2px 4px rgba(0,0,0,0.089);--transition-smooth:0.3s ease;--transition-fast:0.2s ease;--transition-slow:0.5s ease}html{scroll-behavior:smooth}*{box-sizing:border-box}[role=button]:not(:disabled),button:not(:disabled),input[type=button]:not(:disabled),input[type=submit]:not(:disabled){cursor:pointer}.btn-hero,.btn-primary,[role=button],button,input[type=button],input[type=submit]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-hero,.btn-primary,button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{font-family:var(--font-family-primary);line-height:var(--line-height-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeInUp-fast{animation:fadeInUp .3s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-blink{animation:blink 1s infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--text-primary:#000000;--text-secondary:#333333}}@media (prefers-color-scheme:dark){:root{--text-primary:#ffffff;--text-secondary:#cccccc;--surface-secondary:#1a1a1a}}.about-image,.hero-image{aspect-ratio:16/9;object-fit:cover}.animate-fadeInUp,.animate-float,.btn-hero,.btn-primary{will-change:transform;transform-origin:center;backface-visibility:hidden}.animate-fadeInUp:not(:hover),.animate-float:not(:hover),.btn-hero:not(:hover),.btn-primary:not(:hover){will-change:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.hero-heading-1{font-size:var(--font-size-hero-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.hero-heading-2{font-size:var(--font-size-hero-subtitle);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.section-heading-1{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.section-heading-2{font-size:var(--font-size-section-subtitle);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-hero-subtitle{font-size:var(--font-size-hero-subtitle);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.text-section-subtitle{font-size:var(--font-size-section-subtitle);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.text-body-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-body,.text-body-large{font-weight:var(--font-weight-normal)}.text-body{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-gradient-primary{background:var(--text-gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-secondary{background:var(--text-gradient-2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-tertiary{background:var(--text-gradient-3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:var(--color-white)}.text-blue{color:var(--primary-blue)}.text-purple{color:var(--primary-purple)}.text-teal{color:var(--accent-teal)}.btn-hero{background:linear-gradient(135deg,rgba(115,157,255,.8),rgba(175,91,216,.8))!important;color:white!important;border:none;padding:var(--spacing-6,24px) var(--spacing-12,48px);font-size:var(--font-size-2xl,1.5rem);font-weight:var(--font-weight-semibold,600);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-3,12px);position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(167,104,209,.25);transition:all .4s cubic-bezier(.175,.885,.32,1.275);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform;transform-origin:center;backface-visibility:hidden}.btn-hero,.btn-hero:before{border-radius:var(--radius-2xl,100px)}.btn-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--btn-primary-hover);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-hero:hover:before{opacity:1}.btn-hero:hover{transform:translateY(-3px) scale(1.03);color:white;box-shadow:0 8px 24px rgba(167,104,209,.35)}.btn-hero:active{transform:translateY(-1px) scale(1.01)}.btn-primary{background:var(--btn-secondary-bg);color:white;border:none;padding:18px 36px;border-radius:100px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(115,157,255,.25);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;user-select:none}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--btn-secondary-hover);opacity:0;transition:opacity .3s ease;border-radius:100px;z-index:-1}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px rgba(115,157,255,.35);color:white}.btn-primary:active{transform:translateY(-1px) scale(1.01)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:16px 32px;border-radius:100px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;backdrop-filter:blur(10px);touch-action:manipulation;user-select:none}.btn-secondary:hover{background:var(--primary-blue);color:white;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px rgba(115,157,255,.35)}.btn-secondary:active{transform:translateY(-1px) scale(1.01)}.dashboard-grid{display:grid;gap:var(--spacing-8);width:100%}.dashboard-grid-two{grid-template-columns:1fr 1fr;max-width:800px}.dashboard-grid-three{grid-template-columns:repeat(3,1fr);max-width:1200px}.dashboard-tile{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius-3xl);padding:var(--spacing-12);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:280px;box-shadow:var(--shadow-xl);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;will-change:transform;transform-origin:center;backface-visibility:hidden}.dashboard-tile:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;border-radius:var(--radius-3xl);z-index:-1}.dashboard-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-3xl)}.dashboard-tile:hover:before{opacity:1}.dashboard-tile:active{transform:translateY(-4px) scale(1.01)}.dashboard-tile-primary{background:linear-gradient(135deg,rgba(115,157,255,.8),rgba(175,91,216,.8))}.dashboard-tile-primary:before{background:linear-gradient(135deg,rgba(115,157,255,.9),rgba(175,91,216,.9))}.dashboard-tile-secondary{background:linear-gradient(135deg,rgba(72,196,185,.8),rgba(115,157,255,.8))}.dashboard-tile-secondary:before{background:linear-gradient(135deg,rgba(72,196,185,.9),rgba(115,157,255,.9))}.dashboard-tile-admin{background:linear-gradient(135deg,rgba(100,100,100,.8),rgba(60,60,60,.8))}.dashboard-tile-admin:before{background:linear-gradient(135deg,rgba(100,100,100,.9),rgba(60,60,60,.9))}.section-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center}.section-padding{padding:var(--spacing-32) var(--spacing-8)}.section-bg-gradient-1{background:var(--bg-gradient-1)}.section-bg-gradient-2{background:var(--bg-gradient-2)}.section-bg-gradient-3{background:var(--bg-gradient-3)}.card-container{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:var(--radius-3xl);padding:var(--spacing-12);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-header{margin-bottom:var(--spacing-8)}.card-content{margin-bottom:var(--spacing-6)}.card-footer{margin-top:var(--spacing-8)}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-element.show{opacity:1;transform:translateY(0)}.form-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-gray-800);letter-spacing:-.025em}.form-label-required:after{content:" *";color:var(--accent-pink);font-weight:var(--font-weight-bold)}.form-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.form-input{width:100%;padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);transition:all var(--transition-smooth);box-shadow:var(--shadow-xs)}.form-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 4px rgba(var(--accent-purple-rgb),.12),var(--shadow-md);transform:translateY(-1px)}.form-input:hover:not(:focus){border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-input--error{border-color:var(--accent-pink);background:rgba(var(--accent-pink-rgb),.02)}.form-input--error:focus{border-color:var(--accent-pink);box-shadow:0 0 0 4px rgba(var(--accent-pink-rgb),.12),var(--shadow-md)}.form-error{margin-top:var(--spacing-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--accent-pink);display:flex;align-items:center;gap:var(--spacing-2)}.form-error:before{content:"⚠";font-size:var(--font-size-lg)}.form-helper{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-medium)}.character-counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.form-textarea{width:100%;padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);resize:vertical;transition:all var(--transition-smooth);box-shadow:var(--shadow-xs);line-height:var(--line-height-relaxed)}.form-textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 4px rgba(var(--accent-purple-rgb),.12),var(--shadow-md);transform:translateY(-1px)}.form-textarea:hover:not(:focus){border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-select{width:100%;padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-xs);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-4) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-12)}.form-select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 4px rgba(var(--accent-purple-rgb),.12),var(--shadow-md);transform:translateY(-1px)}.form-select:hover:not(:focus){border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-container{background:linear-gradient(145deg,var(--color-white) 0,rgba(248,250,252,.8) 100%);border-radius:var(--radius-3xl);padding:var(--spacing-12);border:1px solid rgba(var(--primary-blue-rgb),.1);box-shadow:var(--shadow-xl);backdrop-filter:blur(10px);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--text-gradient-1);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.form-title{font-size:var(--font-size-2xl);color:black;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-8);letter-spacing:-.025em}.form-section{margin-bottom:var(--spacing-10)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-gray-200)}.btn-form-primary{background:var(--text-gradient-1);color:var(--color-white);border:none;padding:var(--spacing-5) var(--spacing-8);border-radius:var(--radius-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-lg);display:inline-flex;align-items:center;gap:var(--spacing-2);letter-spacing:-.025em;min-height:56px}.btn-form-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-form-primary:active{transform:translateY(0)}.btn-form-secondary{background:var(--color-white);color:var(--color-gray-700);border:2px solid var(--color-gray-200);padding:var(--spacing-5) var(--spacing-8);border-radius:var(--radius-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-smooth);display:inline-flex;align-items:center;gap:var(--spacing-2);letter-spacing:-.025em;min-height:56px}.btn-form-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-form-secondary:active{transform:translateY(0)}.file-upload-area{border:3px dashed var(--color-gray-300);border-radius:var(--radius-3xl);padding:var(--spacing-12);text-align:center;background:linear-gradient(145deg,var(--color-white) 0,rgba(248,250,252,.5) 100%);transition:all var(--transition-smooth);cursor:pointer;position:relative;overflow:hidden}.file-upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(var(--primary-blue-rgb),.02),rgba(var(--primary-purple-rgb),.02));opacity:0;transition:opacity var(--transition-smooth)}.file-upload-area:hover:before{opacity:1}.file-upload-area:hover{border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.file-upload-area--dragover{border-color:var(--accent-purple);background:linear-gradient(145deg,rgba(var(--primary-blue-rgb),.05),rgba(var(--primary-purple-rgb),.05));transform:scale(1.02);box-shadow:var(--shadow-xl)}.file-upload-area--has-files{border-color:var(--accent-teal);background:linear-gradient(145deg,rgba(var(--accent-teal-rgb),.05),var(--color-white))}.file-upload-icon{width:4rem;height:4rem;color:var(--accent-purple);opacity:.8;margin-bottom:var(--spacing-4)}.file-upload-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2);letter-spacing:-.025em}.file-upload-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}@media (max-width:768px){.btn-hero,.btn-primary{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.card-container{padding:var(--spacing-8)}.dashboard-grid-three,.dashboard-grid-two{grid-template-columns:1fr;gap:var(--spacing-6);max-width:400px}.dashboard-tile{min-height:200px;padding:var(--spacing-6)}.dashboard-tile h3{font-size:var(--font-size-lg)}.dashboard-tile p{font-size:var(--font-size-xs)}}@media (max-width:1024px) and (min-width:769px){.dashboard-grid-three{grid-template-columns:1fr 1fr;max-width:800px}}.stat-card{text-align:center;padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:all .3s ease-out;position:relative;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transform-origin:center}.stat-card.hovered,.stat-card:hover{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px rgba(0,0,0,.1)}.tooltip{pointer-events:none;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-soft)}