:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--white-15:rgba(255,255,255,.15);--white-10:rgba(255,255,255,.1);--white-5:rgba(255,255,255,.05);--white-20:rgba(255,255,255,.2);--white-80:rgba(255,255,255,.8);--black:#000;--black-20:rgba(0,0,0,.2);--background:#fff;--background-dark:#0a0a0a;--background-gray:#080808;--foreground:#171717;--foreground-light:#ededed;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-900:#7c2d12;--pex-orange:#ffa53f;--pex-orange-light:#ff8c00;--pex-orange-dark:#cc873a;--orange-500-20:rgba(249,115,22,.2);--orange-500-30:rgba(249,115,22,.3);--orange-500-40:rgba(249,115,22,.4);--orange-500-50:rgba(249,115,22,.5);--orange-500-85:rgba(249,115,22,.85);--orange-400-50:rgba(251,146,60,.5);--orange-400-35:rgba(251,146,60,.35);--pex-orange-10:rgba(255,165,63,.1);--pex-orange-20:rgba(255,165,63,.2);--pex-orange-30:rgba(255,165,63,.3);--pex-orange-40:rgba(255,165,63,.4);--pex-orange-85:rgba(255,165,63,.85);--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--pex-blue:#00bfff;--pex-blue-dark:#006fba;--pex-blue-light:#09f;--blue-500-20:rgba(59,130,246,.2);--blue-500-30:rgba(59,130,246,.3);--blue-500-40:rgba(59,130,246,.4);--blue-500-85:rgba(59,130,246,.85);--pex-blue-40:rgba(0,191,255,.4);--pex-blue-85:rgba(0,191,255,.85);--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--pex-green:#2aff1b;--pex-green-dark:#0ed300;--pex-green-light:#0f0;--green-500-20:rgba(34,197,94,.2);--green-500-30:rgba(34,197,94,.3);--green-500-40:rgba(34,197,94,.4);--green-500-85:rgba(34,197,94,.85);--pex-green-40:rgba(42,255,27,.4);--pex-green-85:rgba(42,255,27,.85);--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--pex-red:#ff585a;--pex-red-dark:#ff4749;--red-500-20:rgba(239,68,68,.2);--red-500-30:rgba(239,68,68,.3);--red-500-40:rgba(239,68,68,.4);--red-500-85:rgba(239,68,68,.85);--pex-red-40:rgba(255,88,90,.4);--pex-red-85:rgba(255,88,90,.85);--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--pex-yellow:#f2ff3f;--pex-yellow-dark:#e9f900;--yellow-500-20:rgba(234,179,8,.2);--yellow-500-30:rgba(234,179,8,.3);--yellow-500-40:rgba(234,179,8,.4);--yellow-500-85:rgba(234,179,8,.85);--pex-yellow-40:rgba(242,255,63,.4);--pex-yellow-85:rgba(242,255,63,.85);--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-500-20:rgba(16,185,129,.2);--emerald-500-30:rgba(16,185,129,.3);--emerald-500-40:rgba(16,185,129,.4);--emerald-500-85:rgba(16,185,129,.85);--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-500-20:rgba(245,158,11,.2);--amber-500-30:rgba(245,158,11,.3);--amber-500-40:rgba(245,158,11,.4);--amber-500-85:rgba(245,158,11,.85);--sample-tah-bg:beige;--sample-tah-text:#8b4513;--sample-immuno-bg:#90ee90;--sample-immuno-text:#006400;--sample-histology-bg:#ffb6c1;--sample-histology-text:#8b0000;--sample-chemical-bg:#87ceeb;--sample-chemical-text:navy;--pex-dark:#0a0a0a;--pex-card:rgba(255,255,255,.1);--pex-card-dark:rgba(0,0,0,.2);--pex-border:rgba(255,255,255,.2);--pex-text-muted:rgba(255,255,255,.7);--pex-status-pending:#9ca3af;--pex-status-ready:#2aff1b;--pex-status-done:#00bfff;--pex-status-progress:#facc15;--gradient-light:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--gradient-orange-radial:radial-gradient(circle,var(--pex-orange-40)0%,var(--pex-orange-20)50%,transparent 100%);--gradient-amber:linear-gradient(to right,transparent,var(--amber-500-40),var(--amber-500-85));--gradient-blue:linear-gradient(to right,transparent,var(--pex-blue-40),var(--pex-blue-85));--gradient-green:linear-gradient(to right,transparent,var(--pex-green-40),var(--pex-green-85));--gradient-red:linear-gradient(to right,transparent,var(--pex-red-40),var(--pex-red-85));--gradient-yellow:linear-gradient(to right,transparent,var(--pex-yellow-40),var(--pex-yellow-85))}.bg-pex-orange{background-color:var(--pex-orange)}.bg-pex-blue{background-color:var(--pex-blue)}.bg-pex-green{background-color:var(--pex-green)}.bg-pex-red{background-color:var(--pex-red)}.bg-pex-yellow{background-color:var(--pex-yellow)}.text-pex-orange{color:var(--pex-orange)}.text-pex-blue{color:var(--pex-blue)}.text-pex-green{color:var(--pex-green)}.text-pex-red{color:var(--pex-red)}.text-pex-yellow{color:var(--pex-yellow)}.border-pex-orange{border-color:var(--pex-orange)}.border-pex-blue{border-color:var(--pex-blue)}.border-pex-green{border-color:var(--pex-green)}.border-pex-red{border-color:var(--pex-red)}.border-pex-yellow{border-color:var(--pex-yellow)}.bg-sample-tah{background-color:var(--sample-tah-bg)}.text-sample-tah{color:var(--sample-tah-text)}.bg-sample-immuno{background-color:var(--sample-immuno-bg)}.text-sample-immuno{color:var(--sample-immuno-text)}.bg-sample-histology{background-color:var(--sample-histology-bg)}.text-sample-histology{color:var(--sample-histology-text)}.bg-sample-chemical{background-color:var(--sample-chemical-bg)}.text-sample-chemical{color:var(--sample-chemical-text)}.bg-status-pending{background-color:var(--pex-status-pending)}.bg-status-ready{background-color:var(--pex-status-ready)}.bg-status-done{background-color:var(--pex-status-done)}.bg-status-progress{background-color:var(--pex-status-progress)}[data-theme=light]{--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#ffa53f;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#374151;--muted:#f9fafb;--muted-foreground:#6b7280;--accent:#f3f4f6;--accent-foreground:#374151;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e5e7eb;--input:#fff;--ring:#ffa53f;--radius:.5rem;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--pex-orange:#ffa53f;--pex-orange-light:#ff8c00;--pex-orange-dark:#cc873a;--pex-blue:#00bfff;--pex-blue-light:#09f;--pex-blue-dark:#006fba;--pex-green:#2aff1b;--pex-green-light:#0f0;--pex-green-dark:#0ed300;--pex-red:#ff585a;--pex-red-dark:#ff4749;--pex-yellow:#f2ff3f;--pex-yellow-dark:#e9f900;--green-300:#86efac;--red-300:#fca5a5;--pex-gold:#d4af37;--pex-gold-light:gold;--pex-gold-dark:#b8860b;--pex-rose-gold:#b76e79;--pex-rose-gold-light:#e8b4a0;--pex-rose-gold-dark:#9a5a6b}[data-theme=dark]{--background:#0a0a0a;--foreground:#ededed;--card:rgba(0,0,0,.8);--card-foreground:#fff;--popover:rgba(0,0,0,.9);--popover-foreground:#fff;--primary:#ffa53f;--primary-foreground:#000;--secondary:#1f2937;--secondary-foreground:#d1d5db;--muted:#111827;--muted-foreground:#9ca3af;--accent:#374151;--accent-foreground:#d1d5db;--destructive:#dc2626;--destructive-foreground:#fff;--border:#374151;--input:rgba(0,0,0,.2);--ring:#ffa53f;--radius:.5rem;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--pex-orange:#ffa53f;--pex-orange-light:#ff8c00;--pex-orange-dark:#cc873a;--pex-blue:#00bfff;--pex-blue-light:#09f;--pex-blue-dark:#006fba;--pex-green:#2aff1b;--pex-green-light:#0f0;--pex-green-dark:#0ed300;--pex-red:#ff585a;--pex-red-dark:#ff4749;--pex-yellow:#f2ff3f;--pex-yellow-dark:#e9f900;--green-300:#86efac;--red-300:#fca5a5;--pex-gold:#d4af37;--pex-gold-light:gold;--pex-gold-dark:#b8860b;--pex-rose-gold:#b76e79;--pex-rose-gold-light:#e8b4a0;--pex-rose-gold-dark:#9a5a6b}:root{--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#ffa53f;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#374151;--muted:#f9fafb;--muted-foreground:#6b7280;--accent:#f3f4f6;--accent-foreground:#374151;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e5e7eb;--input:#fff;--ring:#ffa53f;--radius:.5rem;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--pex-orange:#ffa53f;--pex-orange-light:#ff8c00;--pex-orange-dark:#cc873a;--pex-blue:#00bfff;--pex-blue-light:#09f;--pex-blue-dark:#006fba;--pex-green:#2aff1b;--pex-green-light:#0f0;--pex-green-dark:#0ed300;--pex-red:#ff585a;--pex-red-dark:#ff4749;--pex-yellow:#f2ff3f;--pex-yellow-dark:#e9f900;--green-300:#86efac;--red-300:#fca5a5;--pex-gold:#d4af37;--pex-gold-light:gold;--pex-gold-dark:#b8860b;--pex-rose-gold:#b76e79;--pex-rose-gold-light:#e8b4a0;--pex-rose-gold-dark:#9a5a6b}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--card:rgba(0,0,0,.8);--card-foreground:#fff;--popover:rgba(0,0,0,.9);--popover-foreground:#fff;--primary:#ffa53f;--primary-foreground:#000;--secondary:#1f2937;--secondary-foreground:#d1d5db;--muted:#111827;--muted-foreground:#9ca3af;--accent:#374151;--accent-foreground:#d1d5db;--destructive:#dc2626;--destructive-foreground:#fff;--border:#374151;--input:rgba(0,0,0,.2);--ring:#ffa53f;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--pex-orange:#ffa53f;--pex-orange-light:#ff8c00;--pex-orange-dark:#cc873a;--pex-blue:#00bfff;--pex-blue-light:#09f;--pex-blue-dark:#006fba;--pex-green:#2aff1b;--pex-green-light:#0f0;--pex-green-dark:#0ed300;--pex-red:#ff585a;--pex-red-dark:#ff4749;--pex-yellow:#f2ff3f;--pex-yellow-dark:#e9f900;--green-300:#86efac;--red-300:#fca5a5;--pex-gold:#d4af37;--pex-gold-light:gold;--pex-gold-dark:#b8860b;--pex-rose-gold:#b76e79;--pex-rose-gold-light:#e8b4a0;--pex-rose-gold-dark:#9a5a6b}}.pex-white-text{color:#fff}.pex-gray-300-text{color:#d1d5db}.pex-gray-400-text{color:#9ca3af}.pex-gray-500-text{color:#6b7280}.pex-gray-600-text{color:#4b5563}.pex-gray-700-text{color:#374151}.pex-gray-800-text{color:#1f2937}.pex-gray-900-text{color:#111827}.pex-orange-400-text{color:#fb923c}.pex-orange-500-text{color:#f97316}.pex-orange-600-text{color:#ea580c}.pex-orange-900-text{color:#7c2d12}.pex-orange-text{color:#ffa53f}.pex-orange-light-text{color:#ff8c00}.pex-orange-dark-text{color:#cc873a}.pex-blue-400-text{color:#60a5fa}.pex-blue-500-text{color:#3b82f6}.pex-blue-600-text{color:#2563eb}.pex-blue-700-text{color:#1d4ed8}.pex-blue-800-text{color:#1e40af}.pex-blue-900-text{color:#1e3a8a}.pex-blue-text{color:#00bfff}.pex-blue-light-text{color:#09f}.pex-blue-dark-text{color:#006fba}.pex-green-400-text{color:#4ade80}.pex-green-500-text{color:#22c55e}.pex-green-600-text{color:#16a34a}.pex-green-700-text{color:#15803d}.pex-green-800-text{color:#166534}.pex-green-900-text{color:#14532d}.pex-green-text{color:#2aff1b}.pex-green-light-text{color:#0f0}.pex-green-dark-text{color:#0ed300}.pex-red-400-text{color:#f87171}.pex-red-500-text{color:#ef4444}.pex-red-600-text{color:#dc2626}.pex-red-700-text{color:#b91c1c}.pex-red-800-text{color:#991b1b}.pex-red-900-text{color:#7f1d1d}.pex-red-text{color:#ff585a}.pex-red-dark-text{color:#ff4749}.pex-yellow-400-text{color:#facc15}.pex-yellow-500-text{color:#eab308}.pex-yellow-600-text{color:#ca8a04}.pex-yellow-700-text{color:#a16207}.pex-yellow-800-text{color:#854d0e}.pex-yellow-900-text{color:#713f12}.pex-yellow-text{color:#f2ff3f}.pex-yellow-dark-text{color:#e9f900}.pex-emerald-400-text{color:#34d399}.pex-emerald-500-text{color:#10b981}.pex-emerald-600-text{color:#059669}.pex-emerald-700-text{color:#047857}.pex-emerald-800-text{color:#065f46}.pex-emerald-900-text{color:#064e3b}.pex-amber-400-text{color:#fbbf24}.pex-amber-500-text{color:#f59e0b}.pex-amber-600-text{color:#d97706}.pex-amber-700-text{color:#b45309}.pex-amber-800-text{color:#92400e}.pex-amber-900-text{color:#78350f}@theme inline{--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--font-sans: "Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono: "Cairo",ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace}body{background:var(--background);color:var(--foreground);font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-weight:400}button{cursor:pointer}.page-bg{background:var(--gradient-light);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;transition:all .3s}.header-dark{background:var(--white);border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.1)}.dark .bg-circles:after{background:var(--pex-blue)}.dark.page-bg{background:var(--background-gray);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.dark .header-dark{background:var(--background-gray)!important;border-color:var(--border)!important}.app-content{z-index:2;isolation:isolate;position:relative}.inner-container{background:var(--black-20);-webkit-backdrop-filter:blur(20px);border:1px solid var(--white-20)}.light-layout .light.inner-container{background:var(--white-80);border:1px solid var(--black-20)}.light-layout .light.inner-container h1,.light-layout .light.inner-container h2{color:var(--gray-800)}.light-layout .light.inner-container label{color:var(--gray-700)}.light-layout .light.inner-container input{background:var(--white-5);border-color:var(--gray-300);color:var(--gray-800)}.light-layout .light.inner-container input::placeholder,.light-layout .light.inner-container .text-gray-300{color:var(--gray-500)}.light-layout .light.inner-container .text-white{color:var(--gray-800)}.login-form-container{-webkit-backdrop-filter:blur(20px);background-color:rgba(31,41,55,.8);border:1px solid;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.login-input-field{color:var(--white);background-color:rgba(255,255,255,.1);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;width:100%;padding:.75rem 1rem;transition:all .3s}.login-input-field:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.login-input-field::placeholder{color:var(--gray-400)}.login-checkbox{color:var(--pex-orange);cursor:pointer;background-color:rgba(55,65,81,.8);border:1px solid;border-radius:.25rem;width:1rem;height:1rem}.dev-mode-box{background-color:rgba(124,45,18,.2);border:1px solid;border-radius:.5rem;padding:1rem}.dev-mode-text{color:rgba(255,165,63,.8)}.message-success{color:var(--green-300);background-color:rgba(16,185,129,.2);border:1px solid;border-radius:.5rem;padding:.75rem}.message-error{color:var(--red-300);background-color:rgba(239,68,68,.2);border:1px solid;border-radius:.5rem;padding:.75rem}.btn-primary{background-color:var(--pex-orange);color:var(--white);border:1px solid transparent;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-weight:500;transition:all .3s}.btn-primary:hover{background-color:var(--pex-orange-light)}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.signup-form-container{-webkit-backdrop-filter:blur(20px);background-color:rgba(31,41,55,.8);border:1px solid;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.signup-input-field{color:var(--white);background-color:rgba(255,255,255,.1);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;width:100%;padding:.75rem 1rem;transition:all .3s}.signup-input-field:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.signup-input-field::placeholder{color:var(--gray-400)}.signup-textarea-field{color:var(--white);resize:vertical;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;width:100%;min-height:80px;padding:.75rem 1rem;font-family:inherit;transition:all .3s}.signup-textarea-field:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.signup-textarea-field::placeholder{color:var(--gray-400)}.signup-checkbox{color:var(--pex-orange);cursor:pointer;background-color:rgba(55,65,81,.8);border:1px solid;border-radius:.25rem;width:1rem;height:1rem}.signup-radio{color:var(--pex-orange);background-color:rgba(55,65,81,.8);border:1px solid;border-radius:50%;width:1rem;height:1rem;margin:0}.signup-radio:checked{background-color:var(--pex-orange);border-color:var(--pex-orange);box-shadow:0 0 0 2px rgba(255,165,63,.2)}.signup-radio:focus{outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.terms-link{color:var(--pex-orange);text-decoration:underline}.terms-link:hover{color:var(--pex-orange-light)}.social-btn-google{background-color:var(--white);color:var(--gray-900);border:1px solid;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.75rem 1rem;transition:all .3s;display:flex}.social-btn-google:hover{background-color:var(--gray-50)}.social-btn-google:disabled{opacity:.4;filter:grayscale(80%)brightness(.6);cursor:not-allowed}.social-btn-google:disabled:hover{background-color:var(--white)}.social-btn-facebook,.social-btn-apple{background-color:var(--white);border:1px solid;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.75rem;transition:all .3s;display:flex}.social-btn-facebook:hover,.social-btn-apple:hover{background-color:var(--gray-50)}.social-btn-facebook:disabled,.social-btn-apple:disabled{opacity:.4;filter:grayscale(80%)brightness(.6);cursor:not-allowed}.social-btn-facebook:disabled:hover,.social-btn-apple:disabled:hover{background-color:var(--white)}.signup-success-container{-webkit-backdrop-filter:blur(20px);background-color:rgba(31,41,55,.8);border:1px solid;border-radius:1rem;max-width:500px;margin:0 auto;padding:2rem 1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.signup-success-header{text-align:center;margin-bottom:2rem}.signup-success-header-icon{margin-bottom:1.5rem}.success-icon-container{background-color:rgba(255,165,63,.1);border:2px solid rgba(255,165,63,.3);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.success-icon{width:4rem;height:4rem;color:var(--pex-orange)}.signup-success-title{color:var(--white);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.signup-success-subtitle{color:var(--gray-300);font-size:1.125rem}.signup-success-content{margin-bottom:2rem}.approval-message-box{background-color:rgba(55,65,81,.3);border:1px solid rgba(255,165,63,.2);border-radius:.75rem;padding:1.5rem}.approval-message-content{align-items:flex-start;gap:1rem;display:flex}.approval-message-icon{flex-shrink:0;margin-top:.25rem}.approval-message-icon svg{width:1.5rem;height:1.5rem;color:var(--pex-orange)}.approval-message-text{flex:1}.approval-message-title{color:var(--white);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.approval-message-description{color:var(--gray-300);margin-bottom:1rem}.approval-message-description:last-of-type{margin-bottom:0}.approval-info-box{background-color:rgba(255,165,63,.1);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;margin-top:1rem;padding:1rem}.approval-info-text{color:var(--pex-orange);margin:0;font-size:.875rem;font-weight:500}.approval-info-text strong{font-weight:600}.signup-success-actions{flex-direction:column;gap:1rem;display:flex}.signup-success-button{width:100%}.signup-success-link-container{text-align:center}.signup-success-link{color:var(--gray-300);font-size:.875rem;transition:color .3s}.signup-success-link:hover{color:var(--white)}.signup-success-notice{text-align:center;margin-top:2rem}.signup-success-notice-text{color:var(--gray-400);font-size:.75rem}.dummy-test-buttons{background-color:rgba(124,45,18,.2);border:1px solid;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.dummy-test-buttons h4{color:rgba(255,165,63,.9);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.dummy-btn{color:var(--pex-orange);background-color:rgba(255,165,63,.2);border:1px solid rgba(255,165,63,.4);border-radius:.375rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.dummy-btn:hover{background-color:rgba(255,165,63,.3);border-color:rgba(255,165,63,.6)}.dashboard-cards-container{flex-direction:column;grid-column:span 1;gap:1rem;display:flex}.add-new-btn{background-color:var(--black);border:1px solid var(--pex-orange);color:var(--pex-orange);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.add-new-btn:hover{background-color:var(--gray-900)}.add-new-icon-container{background-color:var(--pex-orange);border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.add-new-icon{width:1rem;height:1rem;color:var(--black);fill:none;stroke:currentColor}.dashboard-card{color:#fff;background:linear-gradient(90deg,transparent,rgba(255,165,63,.4),rgba(255,165,63,.85));border:1px solid rgba(255,165,63,.3);border-radius:.75rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dashboard-card-title{color:#fff;font-size:.875rem;font-weight:500}.dashboard-card-value{color:#fff;font-size:1.875rem;font-weight:700}.dashboard-card-icon-container{background-color:var(--gray-800);border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.4rem;display:flex}.dashboard-card-icon{color:#fff;fill:none;stroke:currentColor;width:1.25rem;height:1.25rem}.dashboard-card-icon-large{color:#fff;fill:currentColor;width:2rem;height:2rem}.dashboard-card-amber{background:linear-gradient(90deg,transparent,rgba(251,191,36,.4),rgba(251,191,36,.85));border-color:rgba(251,191,36,.3)}.dashboard-card-blue{background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),rgba(59,130,246,.85));border-color:rgba(59,130,246,.3)}.dashboard-card-green{background:linear-gradient(90deg,transparent,rgba(34,197,94,.4),rgba(34,197,94,.85));border-color:rgba(34,197,94,.3)}.dashboard-card-red{background:linear-gradient(90deg,transparent,rgba(239,68,68,.4),rgba(239,68,68,.85));border-color:rgba(239,68,68,.3)}.dashboard-card-emerald{background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),rgba(16,185,129,.85));border-color:rgba(16,185,129,.3)}.welcome-section-container{z-index:999;margin-bottom:2rem;position:relative}.welcome-content-wrapper{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}@media (min-width:1024px){.welcome-content-wrapper{flex-direction:row;align-items:center}}.welcome-title{color:var(--gray-900);flex:1;font-size:1.5rem;font-weight:700}@media (min-width:1024px){.welcome-title{font-size:1.875rem}}.dark .welcome-title,html[data-theme=dark] .welcome-title,body[data-theme=dark] .welcome-title{color:var(--pex-orange)!important}.welcome-controls-container{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}@media (min-width:1024px){.welcome-controls-container{flex-direction:row;align-items:center}}.welcome-search-input{background-color:var(--gray-800);border:1px solid var(--pex-blue);width:16rem;color:var(--pex-blue);border-radius:9999px;padding:.75rem 1rem .75rem 3rem;transition:all .3s}.welcome-search-input:focus{border-color:var(--pex-blue);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.welcome-search-input::placeholder{color:var(--pex-blue)}.welcome-search-icon{color:#fff;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-badge{background-color:var(--black);border:1px solid var(--pex-orange);color:var(--pex-orange);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.filter-badge-icon{color:#fff;width:1.25rem;height:1.25rem}.filter-controls-container{flex-wrap:wrap;gap:.75rem;display:flex}.filter-button{background-color:var(--black);border:1px solid var(--gray-600);color:var(--pex-orange);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;min-width:8.75rem;padding:.75rem 1rem;transition:all .3s;display:flex}.filter-button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.filter-tags-container{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.filter-tag{border:1px solid;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.filter-tag-orange{color:var(--pex-orange);background-color:rgba(255,165,63,.2);border-color:rgba(255,165,63,.3)}.filter-tag-gray{color:var(--gray-400);background-color:rgba(107,114,128,.2);border-color:rgba(107,114,128,.3)}.filter-select-text{color:var(--gray-400)}.filter-arrow-icon{color:#fff;flex-shrink:0;width:1rem;height:1rem;transition:transform .3s}.filter-arrow-icon.open{transform:rotate(180deg)}.filter-dropdown{background-color:var(--gray-800);border:1px solid var(--gray-600);z-index:1001;border-radius:.5rem;width:12rem;margin-top:.5rem;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.filter-option{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.filter-option:hover{background-color:var(--gray-700)}.filter-checkbox{width:1rem;height:1rem;color:var(--pex-orange);background-color:var(--gray-700);border:1px solid var(--gray-600);border-radius:.25rem}.filter-checkbox:focus{box-shadow:0 0 0 2px rgba(255,165,63,.2)}.filter-option-text-orange{color:var(--pex-orange)}.filter-option-text-white{color:#fff}.status-button{background-color:var(--black);border:1px solid var(--gray-600);color:var(--gray-400);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;min-width:7.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.status-button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.status-indicator{border-radius:9999px;width:.5rem;height:.5rem}.status-indicator-gray{background-color:var(--gray-500)}.status-indicator-green{background-color:var(--pex-green)}.status-indicator-blue{background-color:var(--pex-blue)}.status-indicator-yellow{background-color:var(--pex-yellow)}.status-dropdown{background-color:var(--gray-800);border:1px solid var(--gray-600);z-index:1002;border-radius:.5rem;width:10rem;margin-top:.5rem;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.status-option{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.status-option:hover{background-color:var(--gray-700)}.status-option-text-gray{color:var(--gray-400)}.status-option-text-white{color:#fff}.reports-table-container{z-index:1;flex-direction:column;gap:1rem;width:85%;display:flex;position:relative}.reports-table-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.reports-table-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.reports-table-title{color:#fff;font-size:1.5rem;font-weight:700}.reports-add-btn{background-color:var(--pex-orange);color:#fff;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.reports-add-btn:hover{background-color:var(--pex-orange-dark);transform:translateY(-2px)}.reports-table-content{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table-header-row{border-bottom:1px solid var(--gray-600)}.reports-table-header-cell{text-align:left;color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em;padding:1rem .75rem;font-size:.875rem;font-weight:600}.reports-table-row{border-bottom:1px solid var(--gray-700);transition:background-color .2s}.reports-table-row:hover{background-color:var(--gray-700)}.reports-table-cell{color:#fff;padding:1rem .75rem;font-size:.875rem}.reports-table-action-btn{width:2rem;height:2rem;color:var(--gray-300);cursor:pointer;background-color:transparent;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.reports-table-action-btn:hover{background-color:var(--gray-700);color:#fff}.reports-table-footer{border-top:1px solid var(--gray-600);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.reports-table-footer-left{color:var(--gray-400);align-items:center;gap:1rem;font-size:.875rem;display:flex}.reports-table-footer-select{background-color:var(--gray-800);border:1px solid var(--gray-600);color:#fff;border-radius:.375rem;padding:.5rem;font-size:.875rem}.reports-table-footer-select:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 2px rgba(255,165,63,.2)}.reports-table-footer-right{align-items:center;gap:.5rem;display:flex}.reports-table-footer-btn{background-color:var(--gray-800);border:1px solid var(--gray-600);width:2.5rem;height:2.5rem;color:var(--gray-300);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.reports-table-footer-btn:hover{background-color:var(--gray-700);border-color:var(--pex-orange);color:var(--pex-orange)}.reports-table-footer-btn:disabled{opacity:.5;cursor:not-allowed}:root{--template-card-bg:var(--gray-700);--template-card-border:var(--gray-600);--template-card-hover-bg:var(--gray-600);--template-card-hover-border:var(--pex-orange);--template-form-bg:var(--gray-700);--template-form-border:var(--gray-600);--template-form-hover-border:var(--gray-500);--template-input-bg:var(--gray-600);--template-input-border:var(--gray-500);--template-input-focus-border:var(--pex-orange);--template-input-focus-shadow:rgba(255,165,0,.2);--template-text-primary:var(--white);--template-text-secondary:var(--gray-300);--template-text-muted:var(--gray-400);--template-text-error:#ef4444;--template-button-bg:var(--pex-orange);--template-button-hover-bg:var(--pex-orange-dark);--template-button-text:var(--white);--template-note-bg:rgba(59,130,246,.1);--template-note-border:rgba(59,130,246,.3);--template-note-text:#93c5fd;--template-search-bg:var(--gray-700);--template-search-border:var(--gray-600);--template-search-focus-border:var(--pex-orange);--template-search-focus-shadow:rgba(255,165,0,.2);--template-search-placeholder:var(--gray-400);--template-loading-spinner:var(--pex-orange);--template-loading-text:var(--gray-400);--template-error-bg:rgba(239,68,68,.1);--template-error-border:rgba(239,68,68,.3);--template-error-text:#ef4444;--template-success-bg:rgba(34,197,94,.1);--template-success-border:rgba(34,197,94,.3);--template-success-text:#22c55e;--template-scrollbar-thumb:var(--template-text-muted);--template-scrollbar-thumb-hover:var(--pex-orange);--template-scrollbar-track:transparent}[data-theme=light]{--template-card-bg:var(--gray-100);--template-card-border:var(--gray-300);--template-card-hover-bg:var(--gray-200);--template-card-hover-border:var(--pex-orange);--template-form-bg:var(--gray-100);--template-form-border:var(--gray-300);--template-form-hover-border:var(--gray-400);--template-input-bg:var(--gray-100);--template-input-border:var(--gray-300);--template-input-focus-border:var(--pex-orange);--template-input-focus-shadow:rgba(255,165,0,.2);--template-text-primary:var(--gray-900);--template-text-secondary:var(--gray-600);--template-text-muted:var(--gray-500);--template-text-error:#ef4444;--template-button-bg:var(--pex-orange);--template-button-hover-bg:var(--pex-orange-dark);--template-button-text:var(--white);--template-note-bg:rgba(59,130,246,.1);--template-note-border:rgba(59,130,246,.3);--template-note-text:#1e40af;--template-search-bg:var(--gray-100);--template-search-border:var(--gray-300);--template-search-focus-border:var(--pex-orange);--template-search-focus-shadow:rgba(255,165,0,.2);--template-search-placeholder:var(--gray-500);--template-loading-spinner:var(--pex-orange);--template-loading-text:var(--gray-500);--template-error-bg:rgba(239,68,68,.1);--template-error-border:rgba(239,68,68,.3);--template-error-text:#ef4444;--template-success-bg:rgba(34,197,94,.1);--template-success-border:rgba(34,197,94,.3);--template-success-text:#22c55e;--template-scrollbar-thumb:var(--template-text-muted);--template-scrollbar-thumb-hover:var(--pex-orange);--template-scrollbar-track:transparent}[data-theme=dark]{--template-card-bg:var(--gray-700);--template-card-border:var(--gray-600);--template-card-hover-bg:var(--gray-600);--template-card-hover-border:var(--pex-orange);--template-form-bg:var(--gray-700);--template-form-border:var(--gray-600);--template-form-hover-border:var(--gray-500);--template-input-bg:var(--gray-600);--template-input-border:var(--gray-500);--template-input-focus-border:var(--pex-orange);--template-input-focus-shadow:rgba(255,165,0,.2);--template-text-primary:var(--white);--template-text-secondary:var(--gray-300);--template-text-muted:var(--gray-400);--template-text-error:#ef4444;--template-button-bg:var(--pex-orange);--template-button-hover-bg:var(--pex-orange-dark);--template-button-text:var(--white);--template-note-bg:rgba(59,130,246,.1);--template-note-border:rgba(59,130,246,.3);--template-note-text:#93c5fd;--template-search-bg:var(--gray-700);--template-search-border:var(--gray-600);--template-search-focus-border:var(--pex-orange);--template-search-focus-shadow:rgba(255,165,0,.2);--template-search-placeholder:var(--gray-400);--template-loading-spinner:var(--pex-orange);--template-loading-text:var(--gray-400);--template-error-bg:rgba(239,68,68,.1);--template-error-border:rgba(239,68,68,.3);--template-error-text:#ef4444;--template-success-bg:rgba(34,197,94,.1);--template-success-border:rgba(34,197,94,.3);--template-success-text:#22c55e;--template-scrollbar-thumb:var(--template-text-muted);--template-scrollbar-thumb-hover:var(--pex-orange);--template-scrollbar-track:transparent}:root{--template-spacing-xs:.25rem;--template-spacing-sm:.5rem;--template-spacing-md:1rem;--template-spacing-lg:1.5rem;--template-spacing-xl:2rem;--template-spacing-2xl:3rem;--template-radius-sm:.25rem;--template-radius-md:.5rem;--template-radius-lg:.75rem;--template-radius-xl:1rem;--template-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--template-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--template-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--template-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--template-transition-fast:.15s ease;--template-transition-normal:.2s ease;--template-transition-slow:.3s ease;--template-font-size-xs:.75rem;--template-font-size-sm:.875rem;--template-font-size-base:1rem;--template-font-size-lg:1.125rem;--template-font-size-xl:1.25rem;--template-font-size-2xl:1.5rem;--template-font-size-3xl:1.875rem;--template-font-weight-normal:400;--template-font-weight-medium:500;--template-font-weight-semibold:600;--template-font-weight-bold:700;--template-line-height-tight:1.25;--template-line-height-normal:1.5;--template-line-height-relaxed:1.75}.templates-content,.templates{gap:var(--template-spacing-lg);text-align:left;scrollbar-width:thin;scrollbar-color:var(--template-scrollbar-thumb)var(--template-scrollbar-track);flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow-y:auto}.templates-content::-webkit-scrollbar{width:6px}.templates::-webkit-scrollbar{width:6px}.templates-content::-webkit-scrollbar-track{background:var(--template-scrollbar-track)}.templates::-webkit-scrollbar-track{background:var(--template-scrollbar-track)}.templates-content::-webkit-scrollbar-thumb{background-color:var(--template-scrollbar-thumb);transition:background-color var(--template-transition-normal);border-radius:3px}.templates::-webkit-scrollbar-thumb{background-color:var(--template-scrollbar-thumb);transition:background-color var(--template-transition-normal);border-radius:3px}.templates-content::-webkit-scrollbar-thumb:hover{background-color:var(--template-scrollbar-thumb-hover)}.templates::-webkit-scrollbar-thumb:hover{background-color:var(--template-scrollbar-thumb-hover)}.templates-content::-webkit-scrollbar-corner{background:0 0}.templates::-webkit-scrollbar-corner{background:0 0}.templates-content .relative,.templates .relative{margin-bottom:var(--template-spacing-md)}.templates-content input[type=text],.templates input[type=text]{width:100%;padding:var(--template-spacing-md)var(--template-spacing-md)var(--template-spacing-md)2.5rem;background-color:var(--template-search-bg);border:1px solid var(--template-search-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);transition:all var(--template-transition-normal)}.templates-content input[type=text]::placeholder,.templates input[type=text]::placeholder{color:var(--template-search-placeholder)}.templates-content input[type=text]:focus,.templates input[type=text]:focus{border-color:var(--template-search-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.templates-content .space-y-2,.templates .space-y-2{gap:var(--template-spacing-sm);flex-direction:column;display:flex}.templates-content .space-y-2>div,.templates .space-y-2>div{border:1px solid var(--template-card-border);border-radius:var(--template-radius-md);padding:var(--template-spacing-md);transition:all var(--template-transition-normal);cursor:pointer}.templates-content .space-y-2>div:hover,.templates .space-y-2>div:hover{background-color:var(--template-card-hover-bg);border-color:var(--template-card-hover-border);box-shadow:var(--template-shadow-md);transform:translateY(-1px)}.templates-content .space-y-8,.templates .space-y-8{gap:var(--template-spacing-xl);flex-direction:column;display:flex}.templates-content .space-y-8>div,.templates .space-y-8>div{padding:var(--template-spacing-lg);transition:all var(--template-transition-normal)}.templates-content h2,.templates h2{color:var(--template-text-primary);font-size:var(--template-font-size-2xl);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-md)}.templates-content h3,.templates h3{color:var(--template-text-primary);font-size:var(--template-font-size-lg);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm)}.templates-content p,.templates p{color:var(--template-text-secondary);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.templates-content input[type=text],.templates input[type=text],.templates-content textarea,.templates textarea{background-color:var(--template-input-bg);border:1px solid var(--template-input-border);color:var(--template-text-primary);transition:all var(--template-transition-normal)}.templates-content input[type=text]:focus,.templates input[type=text]:focus,.templates-content textarea:focus,.templates textarea:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow)}.templates-content input[type=radio],.templates input[type=radio],.templates-content input[type=checkbox],.templates input[type=checkbox]{accent-color:var(--pex-orange)}.templates-content button,.templates button{background-color:var(--template-button-bg);color:var(--template-button-text);border-radius:var(--template-radius-md);padding:var(--template-spacing-md)var(--template-spacing-lg);font-weight:var(--template-font-weight-medium);cursor:pointer;transition:all var(--template-transition-normal);border:none}.templates-content button:hover,.templates button:hover{background-color:var(--template-button-hover-bg);transform:translateY(-1px)}.templates-content button:active,.templates button:active{transform:translateY(0)}.templates-content .text-red-600,.templates .text-red-600{color:var(--template-text-error);font-size:var(--template-font-size-sm);margin-top:var(--template-spacing-xs)}.templates-content .bg-blue-50,.templates .bg-blue-50{background-color:var(--template-note-bg);border-color:var(--template-note-border)}.templates-content .text-blue-800,.templates .text-blue-800{color:var(--template-note-text)}.templates-content .animate-spin,.templates .animate-spin{animation:1s linear infinite spin}.templates-content .text-center,.templates .text-center{text-align:center}.templates-content .py-12,.templates .py-12{padding-top:var(--template-spacing-2xl);padding-bottom:var(--template-spacing-2xl)}.templates-content .text-muted-foreground,.templates .text-muted-foreground{color:var(--template-text-muted)}.templates-content .text-foreground,.templates .text-foreground{color:var(--template-text-primary)}.templates-content .text-destructive,.templates .text-destructive{color:var(--template-text-error)}.templates-content .template-selected-container,.templates .template-selected-container{width:100%;height:100%}.templates-content .template-form-container,.templates .template-form-container{padding:0 var(--template-spacing-sm);flex:1}.templates-content .template-info,.templates .template-info{gap:var(--template-spacing-xs);flex-direction:column;display:flex}.templates-content .template-info .template-name,.templates .template-info .template-name{font-size:var(--template-font-size-lg);font-weight:var(--template-font-weight-semibold);color:var(--template-text-primary)}.templates-content .template-info .template-id,.templates .template-info .template-id{font-size:var(--template-font-size-xs);color:var(--template-text-muted);font-family:monospace}.templates-content .template-info .template-version,.templates .template-info .template-version{font-size:var(--template-font-size-sm);color:var(--template-text-secondary)}.templates-content .form-section,.templates .form-section{padding:var(--template-spacing-lg);margin-bottom:var(--template-spacing-lg);transition:all var(--template-transition-normal)}.templates-content .form-section .section-title,.templates .form-section .section-title{font-size:var(--template-font-size-2xl);font-weight:var(--template-font-weight-semibold);color:var(--black);margin-bottom:var(--template-spacing-md)}.templates-content .form-section .section-description,.templates .form-section .section-description{color:var(--black);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal);margin-bottom:var(--template-spacing-lg)}.templates-content .question-container,.templates .question-container{margin-bottom:var(--template-spacing-lg)}.templates-content .question-container .question-label,.templates .question-container .question-label{font-size:var(--template-font-size-sm);font-weight:var(--template-font-weight-medium);color:var(--black);margin-bottom:var(--template-spacing-sm);display:block}.templates-content .question-container .question-label .required,.templates .question-container .question-label .required{color:var(--template-text-error);margin-left:var(--template-spacing-xs)}.templates-content .question-container .question-description,.templates .question-container .question-description{color:var(--black);font-size:var(--template-font-size-xs);margin-bottom:var(--template-spacing-sm)}.templates-content .question-container .question-options,.templates .question-container .question-options{gap:var(--template-spacing-sm);flex-direction:column;display:flex}.templates-content .question-container .question-options .option-item,.templates .question-container .question-options .option-item{align-items:center;gap:var(--template-spacing-sm);display:flex}.templates-content .question-container .question-options .option-item input[type=radio],.templates .question-container .question-options .option-item input[type=radio],.templates-content .question-container .question-options .option-item input[type=checkbox],.templates .question-container .question-options .option-item input[type=checkbox]{margin:0}.templates-content .question-container .question-options .option-item .option-text,.templates .question-container .question-options .option-item .option-text{font-size:var(--template-font-size-sm);color:var(--black)}.templates-content .question-container .question-input,.templates .question-container .question-input{width:100%;padding:var(--template-spacing-md);background-color:var(--template-input-bg);border:1px solid var(--template-input-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);transition:all var(--template-transition-normal)}.templates-content .question-container .question-input:focus,.templates .question-container .question-input:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.templates-content .question-container .question-input::placeholder,.templates .question-container .question-input::placeholder{color:var(--template-text-muted)}.templates-content .question-container .question-textarea,.templates .question-container .question-textarea{width:100%;min-height:100px;padding:var(--template-spacing-md);background-color:var(--template-input-bg);border:1px solid var(--template-input-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);resize:vertical;transition:all var(--template-transition-normal)}.templates-content .question-container .question-textarea:focus,.templates .question-container .question-textarea:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.templates-content .question-container .question-textarea::placeholder,.templates .question-container .question-textarea::placeholder{color:var(--template-text-muted)}.templates-content .question-note,.templates .question-note{margin-top:var(--template-spacing-md);padding:var(--template-spacing-md);background-color:var(--template-note-bg);border:1px solid var(--template-note-border);border-radius:var(--template-radius-md);max-height:200px;overflow-y:auto}.templates-content .question-note .note-text,.templates .question-note .note-text{font-size:var(--template-font-size-xs);color:var(--template-note-text);line-height:var(--template-line-height-tight);white-space:pre-line}.templates-content .error-message,.templates .error-message{color:var(--template-text-error);font-size:var(--template-font-size-xs);margin-top:var(--template-spacing-xs)}.templates-content .submit-button,.templates .submit-button{align-items:center;gap:var(--template-spacing-sm);background-color:var(--template-button-bg);color:var(--template-button-text);border-radius:var(--template-radius-md);padding:var(--template-spacing-md)var(--template-spacing-xl);font-size:var(--template-font-size-base);font-weight:var(--template-font-weight-semibold);cursor:pointer;transition:all var(--template-transition-normal);margin-top:var(--template-spacing-md);border:none;display:flex}.templates-content .submit-button:hover:not(:disabled),.templates .submit-button:hover:not(:disabled){background-color:var(--template-button-hover-bg);box-shadow:var(--template-shadow-lg);transform:translateY(-1px)}.templates-content .submit-button:active:not(:disabled),.templates .submit-button:active:not(:disabled){transform:translateY(0)}.templates-content .submit-button:disabled,.templates .submit-button:disabled,.templates-content .submit-button.submit-button-disabled,.templates .submit-button.submit-button-disabled{background-color:var(--template-text-muted);cursor:not-allowed;box-shadow:none;opacity:.6;transform:none}.templates-content .loading-icon,.templates .loading-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.templates-content .submit-success,.templates .submit-success{align-items:center;gap:var(--template-spacing-sm);background-color:var(--template-success-bg);color:var(--template-success-text);border:1px solid var(--template-success-border);border-radius:var(--template-radius-md);padding:var(--template-spacing-md)var(--template-spacing-lg);font-size:var(--template-font-size-base);font-weight:var(--template-font-weight-semibold);margin-top:var(--template-spacing-md);animation:.6s ease-in-out successPulse;display:flex}.templates-content .success-icon,.templates .success-icon{color:var(--template-success-text);flex-shrink:0}@keyframes successPulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.templates-content .back-button,.templates .back-button{color:var(--template-text-muted);font-size:var(--template-font-size-sm);cursor:pointer;transition:color var(--template-transition-normal);background:0 0;border:none}.templates-content .back-button:hover,.templates .back-button:hover{color:var(--template-text-primary)}.templates-content .search-icon,.templates .search-icon{left:var(--template-spacing-md);color:var(--template-text-muted);width:1rem;height:1rem;position:absolute;top:50%;transform:translateY(-50%)}.templates-content .template-icon-container,.templates .template-icon-container{flex-shrink:0;justify-content:center;align-items:center;display:flex;margin:0!important;padding:0!important}.templates-content .template-card,.templates .template-card{transition:all var(--template-transition-normal)}.templates-content .template-card:hover .template-name,.templates .template-card:hover .template-name,.templates-content .template-card:hover .template-icon,.templates .template-card:hover .template-icon{color:var(--pex-orange)}.templates-content .flex,.templates .flex{display:flex}.templates-content .items-center,.templates .items-center{align-items:center}.templates-content .items-start,.templates .items-start{align-items:flex-start}.templates-content .justify-between,.templates .justify-between{justify-content:space-between}.templates-content .justify-end,.templates .justify-end{justify-content:flex-end}.templates-content .justify-center,.templates .justify-center{justify-content:center}.templates-content .flex-1,.templates .flex-1{flex:1}.templates-content .flex-shrink-0,.templates .flex-shrink-0{flex-shrink:0}.templates-content .min-w-0,.templates .min-w-0{min-width:0}.templates-content .truncate,.templates .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.templates-content .relative,.templates .relative{position:relative}.templates-content .absolute,.templates .absolute{position:absolute}.templates-content .left-3,.templates .left-3{left:var(--template-spacing-md)}.templates-content .top-1\/2,.templates .top-1\/2{top:50%}.templates-content .transform,.templates .transform,.templates-content .-translate-y-1\/2,.templates .-translate-y-1\/2{transform:translateY(-50%)}.templates-content .h-4,.templates .h-4{height:1rem}.templates-content .w-4,.templates .w-4{width:1rem}.templates-content .h-6,.templates .h-6{height:1.5rem}.templates-content .w-6,.templates .w-6{width:1.5rem}.templates-content .h-8,.templates .h-8{height:2rem}.templates-content .w-8,.templates .w-8{width:2rem}.templates-content .h-12,.templates .h-12{height:3rem}.templates-content .w-12,.templates .w-12{width:3rem}.templates-content .w-5,.templates .w-5{width:1.25rem}.templates-content .h-5,.templates .h-5{height:1.25rem}.templates-content .w-full,.templates .w-full{width:100%}.templates-content .pl-10,.templates .pl-10{padding-left:2.5rem}.templates-content .pr-4,.templates .pr-4{padding-right:var(--template-spacing-md)}.templates-content .py-2,.templates .py-2{padding-top:.5rem;padding-bottom:.5rem}.templates-content .px-3,.templates .px-3{padding-left:var(--template-spacing-sm);padding-right:var(--template-spacing-sm)}.templates-content .py-3,.templates .py-3{padding-top:var(--template-spacing-sm);padding-bottom:var(--template-spacing-sm)}.templates-content .px-6,.templates .px-6{padding-left:var(--template-spacing-lg);padding-right:var(--template-spacing-lg)}.templates-content .py-6,.templates .py-6{padding-top:var(--template-spacing-lg);padding-bottom:var(--template-spacing-lg)}.templates-content .p-4,.templates .p-4{padding:var(--template-spacing-md)}.templates-content .p-6,.templates .p-6{padding:var(--template-spacing-lg)}.templates-content .pt-6,.templates .pt-6{padding-top:var(--template-spacing-lg)}.templates-content .mb-1,.templates .mb-1{margin-bottom:.25rem}.templates-content .mb-2,.templates .mb-2{margin-bottom:var(--template-spacing-sm)}.templates-content .mb-4,.templates .mb-4{margin-bottom:var(--template-spacing-md)}.templates-content .mb-6,.templates .mb-6{margin-bottom:var(--template-spacing-lg)}.templates-content .mt-1,.templates .mt-1{margin-top:.25rem}.templates-content .mt-2,.templates .mt-2{margin-top:var(--template-spacing-sm)}.templates-content .mx-2,.templates .mx-2{margin-left:var(--template-spacing-sm);margin-right:var(--template-spacing-sm)}.templates-content .mx-auto,.templates .mx-auto{margin-left:auto;margin-right:auto}.templates-content .gap-2,.templates .gap-2{gap:var(--template-spacing-sm)}.templates-content .gap-4,.templates .gap-4{gap:var(--template-spacing-md)}.templates-content .space-x-4>*+*,.templates .space-x-4>*+*{margin-left:var(--template-spacing-md)}.templates-content .text-xs,.templates .text-xs{font-size:var(--template-font-size-xs)}.templates-content .text-sm,.templates .text-sm{font-size:var(--template-font-size-sm)}.templates-content .text-lg,.templates .text-lg{font-size:var(--template-font-size-lg)}.templates-content .text-2xl,.templates .text-2xl{font-size:var(--template-font-size-2xl)}.templates-content .font-medium,.templates .font-medium{font-weight:var(--template-font-weight-medium)}.templates-content .font-semibold,.templates .font-semibold{font-weight:var(--template-font-weight-semibold)}.templates-content .rounded-full,.templates .rounded-full{border-radius:9999px}.templates-content .rounded-md,.templates .rounded-md{border-radius:var(--template-radius-md)}.templates-content .rounded-lg,.templates .rounded-lg{border-radius:var(--template-radius-lg)}.templates-content .border,.templates .border{border:1px solid var(--template-card-border)}.templates-content .border-b-2,.templates .border-b-2{border-bottom:2px solid var(--pex-orange)}.templates-content .bg-primary\/10,.templates .bg-primary\/10{background-color:rgba(255,165,63,.1)}.templates-content .text-primary,.templates .text-primary{color:var(--pex-orange)}.templates-content .text-primary\/80,.templates .text-primary\/80{color:rgba(255,165,63,.8)}.templates-content .text-primary\/50,.templates .text-primary\/50{color:rgba(255,165,63,.5)}.templates-content .shadow-sm,.templates .shadow-sm{box-shadow:var(--template-shadow-sm)}.templates-content .shadow-md,.templates .shadow-md{box-shadow:var(--template-shadow-md)}.templates-content .shadow-lg,.templates .shadow-lg{box-shadow:var(--template-shadow-lg)}.templates-content .hover\:shadow-md:hover,.templates .hover\:shadow-md:hover{box-shadow:var(--template-shadow-md)}.templates-content .hover\:border-primary\/50:hover,.templates .hover\:border-primary\/50:hover{border-color:rgba(255,165,63,.5)}.templates-content .hover\:text-primary:hover,.templates .hover\:text-primary:hover{color:var(--pex-orange)}.templates-content .hover\:text-primary\/80:hover,.templates .hover\:text-primary\/80:hover{color:rgba(255,165,63,.8)}.templates-content .hover\:text-foreground:hover,.templates .hover\:text-foreground:hover{color:var(--template-text-primary)}.templates-content .group:hover .group-hover\:text-primary,.templates .group:hover .group-hover\:text-primary{color:var(--pex-orange)}.templates-content .group:hover .group-hover\:text-primary\/80,.templates .group:hover .group-hover\:text-primary\/80{color:rgba(255,165,63,.8)}.templates-content .transition-all,.templates .transition-all{transition:all var(--template-transition-normal)}.templates-content .transition-colors,.templates .transition-colors{transition:color var(--template-transition-normal)}.templates-content .duration-200,.templates .duration-200{transition-duration:.2s}.templates-content .cursor-pointer,.templates .cursor-pointer{cursor:pointer}.templates-content .inline-flex,.templates .inline-flex{display:inline-flex}.templates-content .whitespace-pre-line,.templates .whitespace-pre-line{white-space:pre-line}.templates-content .leading-relaxed,.templates .leading-relaxed{line-height:var(--template-line-height-relaxed)}@media (max-width:768px){.templates-content .form-section,.templates .form-section{padding:var(--template-spacing-md)}.templates-content .question-container,.templates .question-container{margin-bottom:var(--template-spacing-md)}.templates-content .template-info .template-name,.templates .template-info .template-name{font-size:var(--template-font-size-base)}}.dark .templates-content .question-container,.dark .templates .question-container{margin-bottom:var(--template-spacing-lg)}.dark .templates-content .question-container .question-label,.dark .templates .question-container .question-label{font-size:var(--template-font-size-sm);font-weight:var(--template-font-weight-medium);color:var(--template-text-primary);margin-bottom:var(--template-spacing-sm);display:block}.dark .templates-content .question-container .question-label .required,.dark .templates .question-container .question-label .required{color:var(--template-text-error);margin-left:var(--template-spacing-xs)}.dark .templates-content .question-container .question-description,.dark .templates .question-container .question-description{color:var(--template-text-secondary);font-size:var(--template-font-size-xs);margin-bottom:var(--template-spacing-sm)}.dark .templates-content .question-container .question-options,.dark .templates .question-container .question-options{gap:var(--template-spacing-sm);flex-direction:column;display:flex}.dark .templates-content .question-container .question-options .option-item,.dark .templates .question-container .question-options .option-item{align-items:center;gap:var(--template-spacing-sm);display:flex}.dark .templates-content .question-container .question-options .option-item input[type=radio],.dark .templates .question-container .question-options .option-item input[type=radio],.dark .templates-content .question-container .question-options .option-item input[type=checkbox],.dark .templates .question-container .question-options .option-item input[type=checkbox]{margin:0}.dark .templates-content .question-container .question-options .option-item .option-text,.dark .templates .question-container .question-options .option-item .option-text{font-size:var(--template-font-size-sm);color:var(--template-text-primary)}.dark .templates-content .question-container .question-input,.dark .templates .question-container .question-input{width:100%;padding:var(--template-spacing-md);background-color:var(--template-input-bg);border:1px solid var(--template-input-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);transition:all var(--template-transition-normal)}.dark .templates-content .question-container .question-input:focus,.dark .templates .question-container .question-input:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.dark .templates-content .question-container .question-input::placeholder,.dark .templates .question-container .question-input::placeholder{color:var(--template-text-muted)}.dark .templates-content .question-container .question-textarea,.dark .templates .question-container .question-textarea{width:100%;min-height:100px;padding:var(--template-spacing-md);background-color:var(--template-input-bg);border:1px solid var(--template-input-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);resize:vertical;transition:all var(--template-transition-normal)}.dark .templates-content .question-container .question-textarea:focus,.dark .templates .question-container .question-textarea:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.dark .templates-content .question-container .question-textarea::placeholder,.dark .templates .question-container .question-textarea::placeholder{color:var(--template-text-muted)}.dark .templates-content .form-section,.dark .templates .form-section{padding:var(--template-spacing-lg);margin-bottom:var(--template-spacing-lg);transition:all var(--template-transition-normal)}.dark .templates-content .form-section .section-title,.dark .templates .form-section .section-title{font-size:var(--template-font-size-2xl);font-weight:var(--template-font-weight-semibold);color:var(--template-text-primary);margin-bottom:var(--template-spacing-md)}.dark .templates-content .form-section .section-description,.dark .templates .form-section .section-description{color:var(--template-text-secondary);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal);margin-bottom:var(--template-spacing-lg)}.template-selected-container{gap:var(--template-spacing-lg);flex-direction:column;height:100%;display:flex}.template-header{gap:var(--template-spacing-md);z-index:10;flex-direction:column;display:flex}.template-header-top{justify-content:space-between;align-items:flex-start;gap:var(--template-spacing-md);display:flex}.template-title{font-size:var(--template-font-size-2xl);font-weight:var(--template-font-weight-bold);color:var(--template-text-primary);line-height:var(--template-line-height-tight);word-wrap:break-word;flex:1;min-width:0;margin:0}.template-meta{justify-content:space-between;align-items:flex-start;gap:var(--template-spacing-sm);flex-wrap:wrap;width:100%;display:flex}.template-meta .left-side{gap:var(--template-spacing-sm);flex-direction:column;display:flex}.template-meta .right-side{align-items:center;display:flex}.template-meta-item{align-items:center;gap:var(--template-spacing-xs);display:flex}.template-meta-label{font-size:var(--template-font-size-sm);color:var(--template-text-muted);font-weight:var(--template-font-weight-medium)}.template-meta-value{font-size:var(--template-font-size-sm);color:var(--template-text-secondary);font-weight:var(--template-font-weight-medium);background-color:var(--template-card-bg);padding:2px var(--template-spacing-xs);border-radius:var(--template-radius-sm);border:1px solid var(--template-card-border)}.template-meta-separator{font-size:var(--template-font-size-sm);color:var(--template-text-muted);font-weight:var(--template-font-weight-bold)}.template-back-button{align-items:center;gap:var(--template-spacing-sm);padding:var(--template-spacing-sm)var(--template-spacing-md);background-color:var(--template-button-bg);color:var(--template-button-text);border-radius:var(--template-radius-md);font-size:var(--template-font-size-sm);font-weight:var(--template-font-weight-medium);cursor:pointer;transition:all var(--template-transition-normal);white-space:nowrap;border:none;flex-shrink:0;display:flex}.template-back-button:hover{background-color:var(--template-button-hover-bg);box-shadow:var(--template-shadow-md);transform:translateY(-1px)}.template-back-button:active{transform:translateY(0)}.template-back-icon{flex-shrink:0;width:16px;height:16px}@media (max-width:768px){.template-header-top{align-items:flex-start;gap:var(--template-spacing-md);flex-direction:column}.template-back-button{align-self:flex-start}.template-title{font-size:var(--template-font-size-xl)}.template-meta{align-items:flex-start;gap:var(--template-spacing-md);flex-direction:column}.template-meta-item{flex-direction:column;align-items:flex-start;gap:2px}.template-meta-separator{display:none}}@media (max-width:480px){.template-title{font-size:var(--template-font-size-lg)}.template-back-button{padding:var(--template-spacing-xs)var(--template-spacing-sm);font-size:var(--template-font-size-xs)}.template-back-icon{width:14px;height:14px}.template-form-container{padding:0}}.comments-slider-overlay{pointer-events:auto;background-color:rgba(0,0,0,.5);transition:all .8s cubic-bezier(.34,1.56,.64,1);animation:.8s cubic-bezier(.34,1.56,.64,1) fadeIn;z-index:2147483647!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comments-slider-overlay,.comments-slider{will-change:transform,z-index;isolation:isolate!important;position:fixed!important;transform:translateZ(2147480000px)!important}.comments-slider{will-change:transform;pointer-events:auto;background-color:#fff;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:all .8s cubic-bezier(.34,1.56,.64,1);animation:.8s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex;overflow:visible;box-shadow:-10px 0 30px rgba(0,0,0,.3);z-index:2147483647!important;position:fixed!important;top:0!important;right:0!important;transform:translateZ(2147480000px)!important}.comments-slider.closing{transform:translate(100%)translateZ(2147480000px)!important}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.comments-slider-header{border-bottom:1px solid var(--gray-700);background-color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;z-index:2147483647!important}.comments-slider-tabs{color:#000;gap:0;display:flex}.comments-slider-tab{color:#000;cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.comments-slider-tab:after{content:"";background-color:var(--gray-300);height:1px;position:absolute;bottom:-1px;left:0;right:0}.comments-slider-tab:hover{color:var(--gray-300)}.comments-slider-tab.active{color:#000}.comments-slider-close-btn{background-color:var(--pex-orange);width:2.5rem;height:2.5rem;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.comments-slider-close-btn:hover{background-color:var(--pex-orange-dark)}.comments-slider-content{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow-y:auto}.comments-content span,.templates-content span,.data-collection-content span,.history-content span{color:var(--gray-400);font-size:1rem}.comments-slider-input{border-top:1px solid var(--gray-700);background-color:#fff;align-items:center;gap:1rem;padding:1.5rem;display:flex}.comment-input-container{background-color:var(--gray-700);border-radius:.5rem;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex}.emoji-btn{color:var(--pex-orange);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.emoji-btn:hover{opacity:.8}.comment-input{color:var(--white);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.comment-input::placeholder{color:var(--gray-400)}.mention-btn{color:var(--pex-orange);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.125rem;font-weight:600}.mention-btn:hover{opacity:.8}.send-btn{background-color:var(--pex-orange);width:2.5rem;height:2.5rem;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.send-btn:hover{background-color:var(--pex-orange-dark)}.comments-slider *{z-index:inherit}.comments-slider,.comments-slider-overlay{z-index:2147483647!important;isolation:isolate!important;contain:layout style paint!important;position:fixed!important;transform:translateZ(2147480000px)!important}.comments-slider{pointer-events:auto;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:transform .3s ease-out;animation:.3s ease-out slideInRight;display:flex;overflow:visible;top:0!important;right:0!important}[data-theme=light] .comments-slider{background-color:var(--card)!important;border-left:1px solid var(--border)!important}[data-theme=dark] .comments-slider{background-color:var(--gray-800)!important}.comments-slider-tab{cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.comments-slider-tab:not(:last-child){border-right:1px solid var(--gray-700)}.comments-slider-tab.active:after{content:"";background-color:var(--pex-orange);height:2px;position:absolute;bottom:-1px;left:0;right:0}[data-theme=light] .comments-slider-tab{color:var(--gray-600)!important;border-right-color:var(--border)!important}[data-theme=light] .comments-slider-tab:hover{color:var(--gray-800)!important}[data-theme=light] .comments-slider-tab.active{color:var(--gray-900)!important}[data-theme=dark] .comments-slider-tab{color:var(--gray-400)!important;border-right-color:var(--gray-700)!important}[data-theme=dark] .comments-slider-tab:hover{color:var(--gray-300)!important}[data-theme=dark] .comments-slider-tab.active{color:var(--white)!important}.comments-content,.templates-content,.data-collection-content,.history-content{text-align:center}[data-theme=light] .comments-content span,[data-theme=light] .templates-content span,[data-theme=light] .data-collection-content span,[data-theme=light] .history-content span{color:var(--gray-600)!important}[data-theme=dark] .comments-content span,[data-theme=dark] .templates-content span,[data-theme=dark] .data-collection-content span,[data-theme=dark] .history-content span{color:var(--gray-400)!important}.comments-slider-overlay{pointer-events:auto;background-color:rgba(0,0,0,.5);top:0!important;bottom:0!important;left:0!important;right:0!important}.comments-slider,.comments-slider-overlay{z-index:2147483647!important;isolation:isolate!important;contain:layout style paint!important;pointer-events:auto!important;position:fixed!important;overflow:visible!important;transform:translateZ(2147480000px)!important}.header-dark{z-index:1!important;position:relative!important}.dark .comments-slider-overlay{pointer-events:auto;background-color:rgba(0,0,0,.5);transition:all .8s cubic-bezier(.34,1.56,.64,1);animation:.8s cubic-bezier(.34,1.56,.64,1) fadeIn;z-index:2147483647!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.dark .comments-slider-overlay,.dark .comments-slider{will-change:transform,z-index;isolation:isolate!important;position:fixed!important;transform:translateZ(2147480000px)!important}.dark .comments-slider{background-color:var(--gray-800);will-change:transform;pointer-events:auto;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:all .8s cubic-bezier(.34,1.56,.64,1);animation:.8s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex;overflow:visible;box-shadow:-10px 0 30px rgba(0,0,0,.3);z-index:2147483647!important;position:fixed!important;top:0!important;right:0!important;transform:translateZ(2147480000px)!important}.dark .comments-slider.dark{background-color:#ff0}.dark .comments-slider.closing{transform:translate(100%)translateZ(2147480000px)!important}.dark .comments-slider-header{border-bottom:1px solid var(--gray-700);background-color:var(--gray-800);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;z-index:2147483647!important}.dark .comments-slider-tabs{gap:0;display:flex}.dark .comments-slider-tab{color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.dark .comments-slider-tab:hover{color:var(--gray-300)}.dark .comments-slider-tab.active{color:var(--white)}.dark .comments-slider-close-btn{background-color:var(--pex-orange);width:2.5rem;height:2.5rem;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.dark .comments-slider-close-btn:hover{background-color:var(--pex-orange-dark)}.dark .comments-slider-content{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow-y:auto}.dark .comments-content span,.dark .templates-content span,.dark .data-collection-content span,.dark .history-content span{color:var(--gray-400);font-size:1rem}.dark .comments-slider-input{border-top:1px solid var(--gray-700);background-color:var(--gray-800);align-items:center;gap:1rem;padding:1.5rem;display:flex}.dark .comment-input-container{background-color:var(--gray-700);border-radius:.5rem;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex}.dark .emoji-btn{color:var(--pex-orange);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.dark .emoji-btn:hover{opacity:.8}.dark .comment-input{color:var(--white);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.dark .comment-input::placeholder{color:var(--gray-400)}.dark .mention-btn{color:var(--pex-orange);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.125rem;font-weight:600}.dark .mention-btn:hover{opacity:.8}.dark .send-btn{background-color:var(--pex-orange);width:2.5rem;height:2.5rem;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.dark .send-btn:hover{background-color:var(--pex-orange-dark)}.dark .comments-slider *{z-index:inherit}.dark .comments-slider,.dark .comments-slider-overlay{z-index:2147483647!important;isolation:isolate!important;contain:layout style paint!important;position:fixed!important;transform:translateZ(2147480000px)!important}.dark .comments-slider{pointer-events:auto;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:transform .3s ease-out;animation:.3s ease-out slideInRight;display:flex;overflow:visible;top:0!important;right:0!important}.dark [data-theme=light] .comments-slider{background-color:var(--card)!important;border-left:1px solid var(--border)!important}.dark [data-theme=dark] .comments-slider{background-color:var(--gray-800)!important}.dark .comments-slider-tab{cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.dark .comments-slider-tab:not(:last-child){border-right:1px solid var(--gray-700)}.dark .comments-slider-tab.active:after{content:"";background-color:var(--pex-orange);height:2px;position:absolute;bottom:-1px;left:0;right:0}.dark [data-theme=light] .comments-slider-tab{color:var(--gray-600)!important;border-right-color:var(--border)!important}.dark [data-theme=light] .comments-slider-tab:hover{color:var(--gray-800)!important}.dark [data-theme=light] .comments-slider-tab.active{color:var(--gray-900)!important}.dark [data-theme=dark] .comments-slider-tab{color:var(--gray-400)!important;border-right-color:var(--gray-700)!important}.dark [data-theme=dark] .comments-slider-tab:hover{color:var(--gray-300)!important}.dark [data-theme=dark] .comments-slider-tab.active{color:var(--white)!important}.dark .comments-content,.dark .templates-content,.dark .data-collection-content,.dark .history-content{text-align:center}.dark [data-theme=light] .comments-content span,.dark [data-theme=light] .templates-content span,.dark [data-theme=light] .data-collection-content span,.dark [data-theme=light] .history-content span{color:var(--gray-600)!important}.dark [data-theme=dark] .comments-content span,.dark [data-theme=dark] .templates-content span,.dark [data-theme=dark] .data-collection-content span,.dark [data-theme=dark] .history-content span{color:var(--gray-400)!important}.dark .comments-slider-overlay{pointer-events:auto;background-color:rgba(0,0,0,.5);top:0!important;bottom:0!important;left:0!important;right:0!important}.dark .comments-slider,.dark .comments-slider-overlay{z-index:2147483647!important;isolation:isolate!important;contain:layout style paint!important;pointer-events:auto!important;position:fixed!important;overflow:visible!important;transform:translateZ(2147480000px)!important}.dark .header-dark{z-index:1!important;position:relative!important}.template-card{background-color:var(--template-card-bg);border:1px solid var(--template-card-border);border-radius:var(--template-radius-md);padding:var(--template-spacing-md);transition:all var(--template-transition-normal);cursor:pointer}.template-card:hover{background-color:var(--template-card-hover-bg);border-color:var(--template-card-hover-border);box-shadow:var(--template-shadow-md);transform:translateY(-1px)}.template-button{background-color:var(--template-button-bg);color:var(--template-button-text);border-radius:var(--template-radius-md);padding:var(--template-spacing-md)var(--template-spacing-lg);font-weight:var(--template-font-weight-medium);cursor:pointer;transition:all var(--template-transition-normal);border:none}.template-button:hover{background-color:var(--template-button-hover-bg);transform:translateY(-1px)}.template-button:active{transform:translateY(0)}.template-button:disabled{background-color:var(--template-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.template-input{width:100%;padding:var(--template-spacing-md);background-color:var(--template-input-bg);border:1px solid var(--template-input-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);transition:all var(--template-transition-normal)}.template-input:focus{border-color:var(--template-input-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}.template-input::placeholder{color:var(--template-text-muted)}.template-form-section{padding:var(--template-spacing-lg);margin-bottom:var(--template-spacing-lg);transition:all var(--template-transition-normal)}.template-form-section:hover{border-color:var(--template-form-hover-border)}.template-question{margin-bottom:var(--template-spacing-lg)}.template-question .question-label{font-size:var(--template-font-size-sm);font-weight:var(--template-font-weight-medium);color:var(--template-text-primary);margin-bottom:var(--template-spacing-sm);display:block}.template-question .question-label .required{color:var(--template-text-error);margin-left:var(--template-spacing-xs)}.template-question .question-description{color:var(--template-text-secondary);font-size:var(--template-font-size-xs);margin-bottom:var(--template-spacing-sm)}.template-loading .animate-spin{animation:1s linear infinite spin}.template-error{color:var(--template-text-error);font-size:var(--template-font-size-xs);margin-top:var(--template-spacing-xs)}.template-note{margin-top:var(--template-spacing-md);padding:var(--template-spacing-md);background-color:var(--template-note-bg);border:1px solid var(--template-note-border);border-radius:var(--template-radius-md)}.template-note .note-text{font-size:var(--template-font-size-xs);color:var(--template-note-text);line-height:var(--template-line-height-tight);white-space:pre-line}.template-search{width:100%;padding:var(--template-spacing-md)var(--template-spacing-md)var(--template-spacing-md)2.5rem;background-color:var(--template-search-bg);border:1px solid var(--template-search-border);border-radius:var(--template-radius-md);color:var(--template-text-primary);font-size:var(--template-font-size-sm);transition:all var(--template-transition-normal)}.template-search::placeholder{color:var(--template-search-placeholder)}.template-search:focus{border-color:var(--template-search-focus-border);box-shadow:0 0 0 2px var(--template-input-focus-shadow);outline:none}@media (max-width:768px){.template-responsive .form-section{padding:var(--template-spacing-md)}.template-responsive .question-container{margin-bottom:var(--template-spacing-md)}.template-responsive .template-info .template-name{font-size:var(--template-font-size-base)}}.template-fade-in{animation:.3s ease-in-out fadeIn}.template-slide-in-right{animation:.3s ease-out slideInright}.template-slide-in-left{animation:.3s ease-out slideInleft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.template-slide-in-up{animation:.3s ease-out slideInup}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.template-slide-in-down{animation:.3s ease-out slideIndown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.template-heading-xs{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-xs)}.template-heading-sm{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-sm)}.template-heading-base{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-base)}.template-heading-lg{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-lg)}.template-heading-xl{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-xl)}.template-heading-2xl{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-2xl)}.template-heading-3xl{color:var(--template-text-primary);font-weight:var(--template-font-weight-semibold);margin-bottom:var(--template-spacing-sm);font-size:var(--template-font-size-3xl)}.template-text-primary{color:var(--template-text-primary);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.template-text-secondary{color:var(--template-text-secondary);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.template-text-muted{color:var(--template-text-muted);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.template-text-error{color:var(--template-text-error);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.template-text-xs{color:var(--template-text-primary);font-size:var(--template-font-size-xs);line-height:var(--template-line-height-normal)}.template-text-sm{color:var(--template-text-primary);font-size:var(--template-font-size-sm);line-height:var(--template-line-height-normal)}.template-text-base{color:var(--template-text-primary);font-size:var(--template-font-size-base);line-height:var(--template-line-height-normal)}.template-text-lg{color:var(--template-text-primary);font-size:var(--template-font-size-lg);line-height:var(--template-line-height-normal)}.charts-dashboard{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.charts-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:1200px){.charts-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-row{grid-template-columns:1fr}}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex-direction:column;max-height:280px;padding:1rem;transition:all .3s ease-in-out;display:flex;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3)}.chart-card:hover{background:rgba(31,41,55,.9);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.light-layout .chart-card{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.light-layout .chart-card:hover{background:rgba(255,255,255,.95);box-shadow:0 8px 25px rgba(0,0,0,.15)}.chart-card-title{color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.light-layout .chart-card-title{color:#1f2937;border-bottom:1px solid rgba(0,0,0,.1)}.chart-card-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chart-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.light-layout .chart-modal-overlay{background-color:rgba(0,0,0,.5)}.chart-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(255,255,255,.1);border-radius:16px;outline:none;flex-direction:column;width:1200px;max-width:95vw;max-height:95vh;padding:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.light-layout .chart-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{background:rgba(55,65,81,.8);border-bottom:1px solid rgba(255,255,255,.2);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.light-layout .modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb}.modal-title{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.light-layout .modal-title{color:#1f2937}.modal-close-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.modal-close-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.light-layout .modal-close-btn{color:#6b7280}.light-layout .modal-close-btn:hover{color:#374151;background:#e5e7eb}.modal-content{background:rgba(31,41,55,.5);flex:1;padding:1.5rem;overflow-y:auto}.light-layout .modal-content{background:rgba(255,255,255,.5)}.pie-chart-container,.bar-chart-container,.line-chart-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100%;min-height:200px;max-height:200px;display:flex;position:relative;overflow:hidden!important}.pie-chart-container{gap:.5rem}.pie-chart-svg,.bar-chart-svg,.line-chart-svg{z-index:1;width:100%;max-width:100%;height:200px;max-height:200px;position:relative;overflow:hidden!important}.bar-chart-svg{min-height:200px}.bar-chart-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bar-chart-container.horizontal,.bar-chart-container.vertical{height:200px}.recharts-bar-label{text-shadow:0 1px 2px rgba(255,255,255,.8);font-weight:600}.recharts-pie,.recharts-pie-sector,.recharts-layer{z-index:1;position:relative}.recharts-responsive-container,.recharts-wrapper{z-index:1;position:relative;overflow:hidden!important}.recharts-surface{z-index:1;max-width:100%;position:relative;overflow:hidden!important}.recharts-clipPath,.recharts-defs{overflow:hidden!important}.pie-chart-container{z-index:1;max-width:100%;max-height:200px;position:relative;overflow:hidden!important}.pie-chart-wrapper{z-index:1;max-width:100%;position:relative;overflow:hidden!important}.chart-card,.chart-card-content{z-index:1;position:relative;overflow:hidden!important}.modal-pie-chart,.modal-bar-chart,.modal-line-chart{flex-direction:column;align-items:center;gap:1rem;display:flex}.modal-pie-chart-svg,.modal-bar-chart-svg,.modal-line-chart-svg{width:100%;height:400px}.table-container{width:100%;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:rgba(55,65,81,.6);border-bottom:1px solid rgba(255,255,255,.2);padding:.5rem;font-size:.75rem;font-weight:600}.data-table td{color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem;font-size:.8rem}.light-layout .data-table th{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.light-layout .data-table td{color:#374151;border-bottom:1px solid #f3f4f6}.table-more-indicator{text-align:center;color:#9ca3af;background:rgba(55,65,81,.4);border-top:1px solid rgba(255,255,255,.2);padding:.5rem;font-size:.75rem}.light-layout .table-more-indicator{color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb}.modal-table-container{width:100%;max-height:60vh;overflow-x:auto}.modal-data-table{border-collapse:collapse;width:100%;font-size:.875rem}.modal-data-table th{text-align:left;color:#fff;background-color:rgba(55,65,81,.8);border-bottom:1px solid rgba(255,255,255,.2);padding:.75rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.modal-data-table td{color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem}.light-layout .modal-data-table th{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.light-layout .modal-data-table td{color:#374151;border-bottom:1px solid #f3f4f6}.status-badge,.priority-badge,.reports-count{text-align:center;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-pending{color:#92400e;background-color:#fef3c7}.status-ready{color:#065f46;background-color:#d1fae5}.status-done{color:#1e40af;background-color:#dbeafe}.status-in-progress{color:#92400e;background-color:#fef3c7}.priority-urgent,.priority-critical{color:#991b1b;background-color:#fee2e2}.priority-high{color:#9a3412;background-color:#fed7aa}.priority-middle{color:#1e40af;background-color:#dbeafe}.priority-low{color:#065f46;background-color:#d1fae5}.reports-count{color:#3730a3;background-color:#e0e7ff;font-weight:600}.pie-legend,.modal-pie-legend,.modal-bar-legend,.modal-line-legend{background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;flex-direction:column;gap:.5rem;width:100%;max-width:200px;margin-top:.5rem;padding:1rem;display:flex}.light-layout .modal-pie-legend,.light-layout .modal-bar-legend,.light-layout .modal-line-legend{background:#f9fafb;border:1px solid #e5e7eb}.modal-pie-legend,.modal-bar-legend,.modal-line-legend{flex-flow:wrap;justify-content:center;max-width:100%}.legend-item,.modal-legend-item{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.modal-legend-item{background:rgba(75,85,99,.2);border-radius:6px;padding:.5rem;font-size:.875rem;transition:all .2s}.modal-legend-item:hover{background:rgba(75,85,99,.4)}.light-layout .modal-legend-item{background:rgba(0,0,0,.05)}.light-layout .modal-legend-item:hover{background:rgba(0,0,0,.1)}.legend-color,.modal-legend-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.modal-legend-color{width:16px;height:16px}.legend-text,.modal-legend-text{color:#d1d5db;font-weight:500}.light-layout .legend-text,.light-layout .modal-legend-text{color:#374151}.chart-title{color:#fff;text-align:center;border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.light-layout .chart-title{color:#1f2937;border-bottom:2px solid #e5e7eb}.pie-chart-wrapper{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:100%;display:flex;position:relative;overflow:hidden!important}.pie-chart{z-index:1;flex-shrink:0;max-width:100%;max-height:200px;position:relative;overflow:hidden!important}.pie-legend{flex-direction:column;gap:.5rem;display:flex}@media (min-width:768px){.pie-legend{flex-direction:row;justify-content:space-between;min-width:440px}}.pie-legend-small{flex-direction:column;gap:.25rem;min-width:120px;display:flex}.legend-item,.legend-item-small{align-items:center;gap:.5rem;display:flex}.legend-color,.legend-color-small{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-color-small{width:10px;height:10px}.legend-text,.legend-text-small{color:#d1d5db;font-size:.875rem;font-weight:500}.legend-text-small{font-size:.75rem}.light-layout .legend-text,.light-layout .legend-text-small{color:#374151}.bar-chart-wrapper{width:100%}.bar-chart{flex-direction:column;gap:.75rem;display:flex}.bar-item{align-items:center;gap:1rem;display:flex}.bar-label{color:#d1d5db;text-align:right;min-width:120px;font-size:.875rem;font-weight:500}.light-layout .bar-label{color:#374151}.bar-container{background-color:rgba(75,85,99,.3);border-radius:12px;flex:1;height:24px;position:relative;overflow:hidden}.light-layout .bar-container{background-color:#f3f4f6}.bar-fill{border-radius:12px;height:100%;transition:width .3s ease-in-out;position:relative}.bar-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.75rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bar-chart-horizontal{flex-direction:column;gap:.75rem;display:flex}.bar-item-horizontal{align-items:center;gap:1rem;display:flex}.bar-label-horizontal{color:#d1d5db;text-align:right;min-width:80px;font-size:.875rem;font-weight:500}.light-layout .bar-label-horizontal{color:#374151}.bar-container-horizontal{background-color:rgba(75,85,99,.3);border-radius:12px;flex:1;height:24px;position:relative;overflow:hidden}.light-layout .bar-container-horizontal{background-color:#f3f4f6}.bar-fill-horizontal{border-radius:12px;height:100%;transition:width .3s ease-in-out;position:relative}.bar-value-horizontal{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.75rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bar-chart-vertical{justify-content:space-around;align-items:end;gap:.5rem;height:200px;display:flex}.bar-item-vertical{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar-container-vertical{background-color:rgba(75,85,99,.3);border-radius:4px 4px 0 0;align-items:end;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.light-layout .bar-container-vertical{background-color:#f3f4f6}.bar-fill-vertical{border-radius:4px 4px 0 0;width:100%;transition:height .3s ease-in-out;position:relative}.bar-value-vertical{color:#d1d5db;font-size:.75rem;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.light-layout .bar-value-vertical{color:#374151}.bar-label-vertical{color:#d1d5db;text-align:center;writing-mode:horizontal-tb;word-break:break-word;font-size:.75rem;font-weight:500}.light-layout .bar-label-vertical{color:#374151}.line-chart-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.line-chart{width:100%;height:120px}.table-wrapper{border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow-x:auto}.light-layout .table-wrapper{border:1px solid #e5e7eb}.reports-table,.doctors-table,.urgent-cases-table{border-collapse:collapse;width:100%;font-size:.875rem}.reports-table th,.doctors-table th,.urgent-cases-table th{text-align:right;color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:rgba(55,65,81,.6);border-bottom:1px solid rgba(255,255,255,.2);padding:.75rem;font-size:.75rem;font-weight:600}.reports-table td,.doctors-table td,.urgent-cases-table td{color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem}.light-layout .reports-table th,.light-layout .doctors-table th,.light-layout .urgent-cases-table th{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.light-layout .reports-table td,.light-layout .doctors-table td,.light-layout .urgent-cases-table td{color:#374151;border-bottom:1px solid #f3f4f6}.light-layout tr:last-child td{border-bottom:none}.light-layout tr:hover{background-color:rgba(55,65,81,.4)}.urgent-cases-table tr:hover{background-color:#fef2f2}@media (max-width:1024px){.charts-row{gap:1rem}.chart-container{padding:1rem}.pie-chart-wrapper{text-align:center;flex-direction:column}.bar-chart-vertical{height:150px}.bar-container-vertical{height:100px}}@media (max-width:768px){.charts-dashboard{gap:1rem}.chart-container{padding:.75rem}.chart-title{margin-bottom:.75rem;font-size:1rem}.bar-chart-vertical{height:120px}.bar-container-vertical{height:80px}.table-wrapper{font-size:.75rem}.reports-table th,.reports-table td,.doctors-table th,.doctors-table td,.urgent-cases-table th,.urgent-cases-table td{padding:.5rem}}.home-page-main{justify-content:space-between;display:flex}.sample-tag-tah,.sample-tag-immuno,.sample-tag-histology,.sample-tag-chemical{border:1px solid;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.sample-tag-tah{color:#fbbf24;background-color:rgba(251,191,36,.2);border-color:rgba(251,191,36,.3)}.sample-tag-immuno{color:#60a5fa;background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.sample-tag-histology{color:#4ade80;background-color:rgba(34,197,94,.2);border-color:rgba(34,197,94,.3)}.sample-tag-chemical{color:#f87171;background-color:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.status-dot-pending,.status-dot-ready,.status-dot-done{border-radius:9999px;width:.5rem;height:.5rem}.status-dot-pending{background-color:var(--gray-500)}.status-dot-ready{background-color:var(--pex-green)}.status-dot-done{background-color:var(--pex-blue)}.header-dark{position:relative;z-index:1!important}.profile-container{position:relative;z-index:2147483646!important;isolation:isolate!important;contain:layout style paint!important}.profile-dropdown-menu{z-index:2147483646!important;isolation:isolate!important;contain:layout style paint!important;pointer-events:auto!important;background:var(--background-gray)!important;border:1px solid var(--border)!important;transition:all .2s!important;position:absolute!important;overflow:visible!important;transform:translateZ(2147480000px)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important}.group:hover .profile-dropdown-menu{opacity:1!important;visibility:visible!important}.role-badge{text-transform:uppercase;letter-spacing:.5px;z-index:10;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.role-badge.admin{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.role-badge.super-admin{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);animation:2s infinite pulse-gold}@keyframes pulse-gold{0%,to{box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 rgba(245,158,11,.4)}50%{box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 0 4px rgba(245,158,11,.1)}}.cases-page-container{min-height:100vh;color:var(--white);z-index:2;background:0 0;padding:1.5rem;position:relative}.cases-layout{background:0 0;max-width:100%;margin:0 auto;padding:0}.cases-members-section{margin-bottom:2rem}.cases-members-container{align-items:center;gap:.25rem;display:flex}.cases-members-avatars{align-items:center;display:flex;position:relative}.cases-member-avatar{border:2px solid var(--orange);z-index:1;border-radius:50%;width:40px;height:40px;margin-left:-18px;transition:transform .2s;position:relative;overflow:hidden}.cases-member-avatar:hover{z-index:10;transform:scale(1.1)}.cases-member-avatar:first-child{margin-left:0;z-index:1!important}.cases-member-avatar:nth-child(2){z-index:2!important}.cases-member-avatar:nth-child(3){z-index:3!important}.cases-member-avatar:nth-child(4){z-index:4!important}.cases-member-avatar-image{object-fit:cover;width:100%;height:100%}.cases-add-member-btn{border:2px solid var(--orange);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.cases-add-member-btn:hover{background:var(--orange);transform:scale(1.1)}.cases-add-member-icon{width:30px;height:30px}.cases-header-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.cases-lab-section{align-items:center;display:flex}.cases-lab-selector{position:relative}.cases-lab-dropdown{background:var(--black);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;min-width:120px;padding:.75rem 2.5rem .75rem 1.5rem;font-size:.875rem;font-weight:600;box-shadow:0 0 15px 5px rgba(255,255,255,.35);color:var(--pex-orange)!important}.cases-lab-dropdown:focus{border-color:var(--orange);outline:none}.cases-search-container{background:var(--black-20);-webkit-backdrop-filter:blur(10px);border:1px solid var(--white-20);border-radius:.5rem;align-items:center;min-width:300px;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative}.cases-search-container:focus-within{border-color:var(--pex-orange);box-shadow:0 0 0 3px rgba(255,165,0,.1)}.cases-search-input{color:var(--white);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.cases-search-btn{background:var(--black-20);border:1px solid var(--white-20);color:var(--blue-light);cursor:pointer;border-radius:.375rem;margin-left:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.cases-search-btn:hover{background:var(--white-10);border-color:var(--white-40)}.cases-filter-btn:hover{background:var(--orange);color:var(--black)}.cases-dropdown{background:var(--black-20);border:1px solid var(--white-20);color:var(--white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;min-width:120px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem}.cases-dropdown:focus{border-color:var(--orange);outline:none}.cases-middle-dropdown{border-color:var(--orange);color:var(--orange)}.cases-status-dropdown-container{align-items:center;display:flex;position:relative}.cases-status-indicator{background:var(--gray);border-radius:50%;width:8px;height:8px;margin-right:.5rem}.cases-status-dropdown{background:var(--black-20);border:1px solid var(--white-20);color:var(--gray)}.cases-add-new-btn{background:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cases-add-new-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.add-case-page-container{min-height:100vh;color:var(--white);z-index:2;background:0 0;padding:1.5rem;position:relative}.add-case-content-wrapper{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.add-case-top-nav{justify-content:space-between;align-items:center;margin-top:-1rem;margin-bottom:2rem;padding:1rem 0 0;display:flex}.add-case-nav-left{align-items:center;gap:1rem;display:flex}.add-case-back-btn{background:var(--black-20);border:1px solid var(--white-20);color:var(--white);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.add-case-back-btn:hover{background:var(--white-10);border-color:var(--white-40)}.add-case-back-icon{width:1rem;height:1rem;color:var(--gray-400)}.add-case-workgroup-select,.add-case-lab-select{color:var(--white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(31,41,55,.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border:1px solid rgba(75,85,99,.3);border-radius:.5rem;min-width:140px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.add-case-workgroup-select:hover,.add-case-lab-select:hover{background:rgba(55,65,81,.6) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border-color:rgba(75,85,99,.4)}.add-case-workgroup-select:focus,.add-case-lab-select:focus{border-color:var(--orange);background:rgba(31,41,55,.9) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;outline:none;box-shadow:0 0 0 3px rgba(255,165,0,.1)}.add-case-workgroup-select option,.add-case-lab-select option{color:var(--white);background:#1f2937;padding:.75rem}@media (prefers-color-scheme:light){.add-case-workgroup-select,.add-case-lab-select{color:#1f2937;background:#f9fafb url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border-color:#e5e7eb}.add-case-workgroup-select:hover,.add-case-lab-select:hover{background:#f3f4f6 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border-color:#d1d5db}.add-case-workgroup-select:focus,.add-case-lab-select:focus{border-color:var(--orange);background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat}.add-case-workgroup-select option,.add-case-lab-select option{color:#1f2937;background:#fff}}.add-case-chevron{width:1rem;height:1rem;color:var(--gray-400)}.add-case-nav-right{align-items:center;gap:1rem;display:flex}.add-case-nav-icons{align-items:center;gap:.75rem;display:flex}.add-case-nav-icon{background:var(--black-20);border:1px solid var(--white-20);width:2.5rem;height:2.5rem;color:var(--gray-400);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-case-nav-icon:hover{background:var(--white-10);color:var(--white)}.add-case-nav-icon svg{width:1.25rem;height:1.25rem}.add-case-save-btn{color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.add-case-save-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.add-case-header{text-align:center;margin-bottom:2rem}.add-case-title{color:var(--white);margin-bottom:.5rem;font-size:2rem;font-weight:700}.add-case-subtitle{color:var(--white-60);font-size:1rem}.add-case-form-container{flex-direction:column;gap:2rem;display:flex}.add-case-form-section{background:var(--black-20);-webkit-backdrop-filter:blur(20px);border:1px solid var(--white-20);border-radius:1rem;margin-bottom:0;padding:2rem}.add-case-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.add-case-urgent-btn{color:var(--white);cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.add-case-urgent-btn:hover{background:var(--orange-dark)}.add-case-form-description{color:var(--white-60);margin-bottom:.5rem;font-size:.75rem}.add-case-samples-container{margin-top:.5rem}.add-case-sample-tag{background:var(--black-10);border-radius:.5rem;align-items:center;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem;display:inline-flex}.add-case-sample-tah{color:var(--white);border-radius:.25rem;margin-right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.add-case-sample-immuno{color:var(--black);background:#26ff00;border-radius:.25rem;margin-right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.add-case-sample-remove{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:all .2s}.add-case-sample-remove:hover{background:var(--white-10);color:var(--white)}.add-case-sample-remove svg{width:1rem;height:1rem}.add-case-date-input-container{align-items:center;display:flex;position:relative}.add-case-calendar-icon{width:1.25rem;height:1.25rem;color:var(--gray-400);pointer-events:none;position:absolute;right:1rem}.add-case-bottom-decoration{justify-content:center;gap:.5rem;margin-top:3rem;padding:1rem 0;display:flex}.add-case-decoration-block{border-radius:.5rem;width:4rem;height:1rem}.add-case-decoration-block.orange-1{background:#ffa53f}.add-case-decoration-block.orange-2{background:#ff8c00}.add-case-decoration-block.red-orange-1{background:#ff6b35}.add-case-decoration-block.orange-3{background:#ffa53f}.add-case-decoration-block.red-orange-2{background:#ff6b35}.add-case-form-section-title{color:var(--white);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.add-case-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.add-case-form-field{flex-direction:column;display:flex}.add-case-form-label{color:var(--white);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.add-case-form-input,.add-case-form-select,.add-case-form-textarea{background:var(--black-20);border:1px solid var(--white-20);color:var(--white);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.add-case-form-input:focus,.add-case-form-select:focus,.add-case-form-textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,0,.1)}.add-case-form-input::placeholder,.add-case-form-select::placeholder,.add-case-form-textarea::placeholder{color:var(--white-60)}.add-case-form-textarea{resize:vertical;min-height:100px}.add-case-form-actions{border-top:1px solid var(--white-20);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.add-case-cancel-btn{border:1px solid var(--white-20);color:var(--white);cursor:pointer;background:0 0;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.add-case-cancel-btn:hover{background:var(--white-10);border-color:var(--white-40)}.add-case-submit-btn{background:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.add-case-submit-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.cases-search-icon{width:1.25rem;height:1.25rem;color:var(--gray-400);flex-shrink:0;margin-right:.75rem}.cases-search-input{color:var(--white);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.cases-search-input::placeholder{color:var(--gray-400)}.cases-controls-section{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cases-filter-btn{border:1px solid var(--pex-orange);color:var(--pex-orange);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.cases-filter-btn:hover{background-color:var(--pex-orange);color:var(--white)}.cases-filter-icon{width:1.25rem;height:1.25rem}.cases-dropdown{background:var(--black-20);-webkit-backdrop-filter:blur(10px);border:1px solid var(--white-20);color:var(--white);cursor:pointer;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.cases-dropdown:focus{border-color:var(--pex-orange);box-shadow:0 0 0 3px rgba(255,165,0,.1)}.cases-dropdown option{background-color:var(--gray-800);color:var(--white)}.cases-add-new-btn{background-color:var(--pex-orange);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.cases-add-new-btn:hover{background-color:var(--pex-orange-dark)}.cases-table-container{margin-top:0}.cases-table-card{background:var(--black-20);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--white-20);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.cases-table-info{color:var(--white-60);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 0;font-size:.875rem;display:flex}.cases-table-info .cases-table-info-actions{align-items:center;gap:1rem;display:flex}.cases-select-mode-btn{border:1px solid var(--pex-orange);color:var(--pex-orange);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.cases-select-mode-btn:hover,.cases-select-mode-btn.active{background:var(--pex-orange);color:var(--white)}.cases-clear-filters-btn{border:1px solid var(--white-40);color:var(--white-80);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.cases-clear-filters-btn:hover{border-color:var(--white-60);background:rgba(255,255,255,.1)}.cases-selected-count{color:var(--pex-orange);background:rgba(255,165,0,.2);border-radius:.5rem;margin-left:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.cases-delete-selected-btn{color:var(--white);cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.cases-delete-selected-btn:hover:not(:disabled){background:#b91c1c}.cases-delete-selected-btn:disabled{color:rgba(209,213,219,.4);cursor:not-allowed;opacity:.5;background:rgba(75,85,99,.5)}.cases-action-btn.delete-btn:hover{color:#dc2626}.cases-delete-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cases-delete-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(75,85,99,.5);border-radius:1rem;width:90%;max-width:450px;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.cases-delete-modal-title{color:var(--white);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.cases-delete-modal-message{color:var(--white-80);margin-bottom:2rem;font-size:.875rem;line-height:1.6}.cases-delete-modal-actions{justify-content:flex-end;gap:1rem;display:flex}.cases-delete-modal-cancel-btn{color:var(--white);cursor:pointer;background:0 0;border:1px solid rgba(75,85,99,.5);border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.cases-delete-modal-cancel-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(75,85,99,.7)}.cases-delete-modal-confirm-btn{color:var(--white);cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.cases-delete-modal-confirm-btn:hover{background:#b91c1c}.cases-table-content{overflow-x:auto}.cases-table{border-collapse:collapse;width:100%}.cases-table-header-row{background:var(--black-30);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--white-20)}.cases-table-header-cell{text-align:left;color:var(--gray-300);white-space:nowrap;padding:1rem;font-size:.875rem;font-weight:600}.cases-table-header-content{align-items:center;gap:.5rem;display:flex}.cases-table-sort-icon{width:1rem;height:1rem;color:var(--gray-400);cursor:pointer;transition:color .2s}.cases-table-sort-icon:hover{color:var(--pex-orange)}.cases-table-row{border-bottom:1px solid var(--white-10);transition:all .2s}.cases-table-row:hover{background:var(--black-30);-webkit-backdrop-filter:blur(10px)}.cases-table-cell{color:var(--gray-300);vertical-align:middle;padding:1rem;font-size:.875rem}.cases-table-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--pex-orange);cursor:pointer}.cases-sample-tags{flex-wrap:wrap;gap:.5rem;display:flex}.cases-sample-tag{white-space:nowrap;border:1px solid;border-radius:.8rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.cases-sample-tag.sample-tag-tah{background-color:var(--gray-800);color:#ffa53f;border-color:#ffa53f}.cases-sample-tag.sample-tag-immuno{background-color:var(--gray-800);color:#26ff00;border-color:#26ff00}.cases-table-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--pex-orange);border:1px solid var(--gray-400);background-color:transparent!important}.cases-table-checkbox:checked{border-color:var(--pex-orange);background-color:var(--pex-orange)!important}.cases-status-container{align-items:center;gap:.5rem;display:flex}.cases-status-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.cases-status-dot.status-dot-pending{background-color:var(--gray-500)}.cases-status-dot.status-dot-ready{background-color:#10b981}.cases-status-dot.status-dot-done{background-color:#3b82f6}.cases-status-text{color:var(--gray-300);font-size:.875rem;font-weight:500}.cases-actions-container{justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative}.cases-action-btn{width:2rem;height:2rem;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.cases-action-btn:hover{background:var(--black-30);-webkit-backdrop-filter:blur(10px);color:var(--white);transform:scale(1.05)}.cases-action-icon{width:1.25rem;height:1.25rem}.cases-action-badge{background-color:var(--pex-red);color:var(--white);border:2px solid var(--gray-800);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:500;display:flex;top:-.25rem;right:-.25rem}.cases-table-footer{background:var(--black-30);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--white-20);justify-content:space-between;align-items:center;padding:1rem;display:flex}.cases-table-footer-left{color:var(--gray-400);align-items:center;gap:1rem;font-size:.875rem;display:flex}.cases-table-footer-select{background:var(--black-20);-webkit-backdrop-filter:blur(10px);border:1px solid var(--white-20);color:var(--white);cursor:pointer;border-radius:.375rem;outline:none;padding:.5rem;font-size:.875rem}.cases-table-footer-select option{background-color:var(--gray-800);color:var(--white)}.cases-table-footer-right{align-items:center;gap:.5rem;display:flex}.cases-table-footer-btn{border:1px solid var(--white-20);width:2rem;height:2rem;color:var(--gray-400);cursor:pointer;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.cases-table-footer-btn:hover{background:var(--black-30);-webkit-backdrop-filter:blur(10px);color:var(--white);border-color:var(--pex-orange);transform:scale(1.05)}.cases-table-footer-icon{width:1rem;height:1rem}@media (max-width:1024px){.cases-header-controls{flex-direction:column;align-items:stretch}.cases-search-section{min-width:auto}.cases-controls-section{justify-content:center}}@media (max-width:768px){.cases-page-container{padding:1rem}.cases-controls-section{flex-direction:column;align-items:stretch}.cases-table-footer{flex-direction:column;align-items:stretch;gap:1rem}.cases-table-footer-left,.cases-table-footer-right{justify-content:center}}.add-workgroup-page-container{min-height:100vh;color:var(--white);z-index:2;background:0 0;padding:2rem;position:relative}.add-workgroup-content{max-width:800px;margin:0 auto}.add-workgroup-back-btn{color:var(--white);cursor:pointer;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.add-workgroup-back-btn:hover{background:rgba(55,65,81,.6);border-color:rgba(75,85,99,.4)}@media (prefers-color-scheme:light){.add-workgroup-back-btn{color:#374151;background:#f9fafb;border-color:#e5e7eb}.add-workgroup-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}}.add-workgroup-back-icon{width:1rem;height:1rem;color:var(--gray-400)}.add-workgroup-title{color:var(--pex-orange);margin-bottom:2rem;font-size:2rem;font-weight:700}@media (prefers-color-scheme:light){.add-workgroup-title{color:#1f2937}}.add-workgroup-form{-webkit-backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (prefers-color-scheme:light){.add-workgroup-form{background:#fff;border-color:#e5e7eb}}.add-workgroup-form-group{margin-bottom:1.5rem}.add-workgroup-label{color:var(--white);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}@media (prefers-color-scheme:light){.add-workgroup-label{color:#374151}}.add-workgroup-input,.add-workgroup-textarea{width:100%;color:var(--white);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.add-workgroup-input:focus,.add-workgroup-textarea:focus{border-color:var(--orange);background:rgba(55,65,81,.8);outline:none;box-shadow:0 0 0 3px rgba(255,165,0,.1)}.add-workgroup-input::placeholder,.add-workgroup-textarea::placeholder{color:rgba(209,213,219,.6)}@media (prefers-color-scheme:light){.add-workgroup-input,.add-workgroup-textarea{color:#1f2937;background:#f9fafb;border-color:#e5e7eb}.add-workgroup-input:focus,.add-workgroup-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,165,0,.1)}.add-workgroup-input::placeholder,.add-workgroup-textarea::placeholder{color:#9ca3af}}.add-workgroup-textarea{resize:vertical;min-height:100px}.add-workgroup-hint{color:var(--white-60);margin-top:.5rem;font-size:.75rem}@media (prefers-color-scheme:light){.add-workgroup-hint{color:#6b7280}}.add-workgroup-actions{border-top:1px solid rgba(75,85,99,.3);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}@media (prefers-color-scheme:light){.add-workgroup-actions{border-top-color:#e5e7eb}}.add-workgroup-cancel-btn{color:var(--white);cursor:pointer;background:0 0;border:1px solid rgba(75,85,99,.3);border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.add-workgroup-cancel-btn:hover{background:rgba(55,65,81,.6);border-color:rgba(75,85,99,.4)}@media (prefers-color-scheme:light){.add-workgroup-cancel-btn{color:#374151;border-color:#e5e7eb}.add-workgroup-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}}.add-workgroup-submit-btn{background:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.add-workgroup-submit-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.dark .add-workgroup-title{color:var(--pex-orange)}.dark .add-workgroup-form{-webkit-backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3)}.dark .add-workgroup-back-btn{color:var(--white);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3)}.dark .add-workgroup-back-btn:hover{background:rgba(55,65,81,.6);border-color:rgba(75,85,99,.4)}.dark .add-workgroup-cancel-btn{color:var(--white);background:0 0;border:1px solid rgba(75,85,99,.3)}.dark .add-workgroup-cancel-btn:hover{background:rgba(55,65,81,.6);border-color:rgba(75,85,99,.4)}.dark .add-workgroup-input,.dark .add-workgroup-textarea{color:var(--white);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3)}.dark .add-workgroup-input:focus,.dark .add-workgroup-textarea:focus{border-color:var(--orange);background:rgba(55,65,81,.8)}.dark .add-workgroup-input::placeholder,.dark .add-workgroup-textarea::placeholder{color:rgba(209,213,219,.6)}.dark .add-workgroup-label{color:var(--white)}.dark .add-workgroup-hint{color:rgba(209,213,219,.6)}.dark .add-workgroup-actions{border-top:1px solid rgba(75,85,99,.3)}.dark .add-case-workgroup-select,.dark .add-case-lab-select{color:var(--white);background:rgba(31,41,55,.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border:1px solid rgba(75,85,99,.3)}.dark .add-case-workgroup-select:hover,.dark .add-case-lab-select:hover{background:rgba(55,65,81,.6) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border-color:rgba(75,85,99,.4)}.dark .add-case-workgroup-select:focus,.dark .add-case-lab-select:focus{border-color:var(--orange);background:rgba(31,41,55,.9) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat}.dark .add-case-workgroup-select option,.dark .add-case-lab-select option{color:var(--white);background:#1f2937}.cases-access-denied{background:var(--background-gradient);direction:ltr;min-height:100vh;padding:20px}.access-denied-container{justify-content:center;align-items:center;max-width:600px;min-height:80vh;margin:0 auto;display:flex}.access-denied-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:20px;padding:48px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.access-denied-icon{justify-content:center;margin-bottom:24px;display:flex}.access-denied-title{color:#fff;margin:0 0 16px;font-size:2.5rem;font-weight:700}.access-denied-description{color:#d1d5db;margin:0 0 32px;font-size:1.2rem;line-height:1.6}.access-denied-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.upgrade-button{color:#fff;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.upgrade-button:hover{background:#d35400;transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,126,34,.3)}.back-button{color:#d1d5db;background:rgba(75,85,99,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-button:hover{color:#fff;background:rgba(75,85,99,.8);transform:translateY(-2px)}.access-denied-features{text-align:left;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:24px}.access-denied-features .features-title{color:#fff;text-align:center;margin:0 0 16px;font-size:1.2rem;font-weight:600}.access-denied-features .features-list{margin:0;padding:0;list-style:none}.access-denied-features .features-list li{color:#d1d5db;align-items:center;margin-bottom:8px;font-size:1rem;display:flex}.access-denied-features .features-list li:last-child{margin-bottom:0}@media (max-width:768px){.cases-access-denied{padding:10px}.access-denied-content{padding:32px 24px}.access-denied-title{font-size:2rem}.access-denied-description{font-size:1.1rem}.access-denied-actions{flex-direction:column;align-items:center}.access-denied-actions .upgrade-button,.access-denied-actions .back-button{width:100%;max-width:300px}.access-denied-features{padding:20px}.access-denied-features .features-title{font-size:1.1rem}.access-denied-features .features-list li{font-size:.95rem}}.admin-sidebar{z-index:0;border-right:1px solid var(--gray-700-50);border-color:var(--gray-700-50);background:rgba(0,0,0,.8);height:100vh;transition:all .3s;position:fixed;top:0;left:0}.admin-sidebar.expanded{width:16rem}.admin-sidebar.collapsed{width:4rem}.sidebar-burger{padding-left:1rem;padding-right:1rem;transition:all .3s;display:flex}.sidebar-burger.expanded{justify-content:flex-end}.sidebar-burger.collapsed{justify-content:center}.sidebar-burger.scrolled{padding-top:1rem}.sidebar-burger.not-scrolled{padding-top:5rem}.burger-button{color:var(--pex-orange);cursor:pointer;padding:.5rem;transition:color .2s}.burger-button:hover{color:var(--pex-orange-300)}.burger-button .burger-icon{fill:none;stroke:currentColor;width:24px;height:24px}.nav-group{padding:1rem 0}.nav-item{align-items:center;width:100%;padding:.75rem 0;transition:all .2s;display:flex;position:relative}.nav-item.expanded{border-radius:.5rem;margin:0 .5rem;padding:.75rem 1rem}.nav-item.collapsed{justify-content:center}.nav-item.active{color:var(--pex-orange)}.nav-item.active .orange-bar{background-color:var(--pex-orange);border-radius:0 .25rem .25rem 0;width:.25rem;position:absolute;top:.75rem;bottom:.75rem;left:0}.nav-item.active .gradient-bg{background:linear-gradient(to right,var(--pex-orange-50)0%,var(--pex-orange-35)40%,transparent 60%);border-radius:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.nav-item.active .circle-bg{z-index:-1;background-color:#33210d;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.nav-item:not(.active){color:var(--gray-300)}.nav-item:not(.active):hover{color:#fff}.nav-content{z-index:10;align-items:center;width:100%;display:flex;position:relative}.nav-content.collapsed{justify-content:center}.nav-content .nav-icon{flex-shrink:0}.nav-content .nav-icon.hidden{opacity:0}.nav-content .nav-icon.visible{opacity:1}.nav-content .notification-badge{color:#fff;background-color:#fb923c;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:600;animation:5s infinite notificationPulse;display:flex;position:absolute;top:-.5rem;right:-.5rem;box-shadow:0 2px 4px rgba(0,0,0,.2)}.nav-content .notification-pulse{animation:5s infinite notificationPulse}.nav-content .nav-text{opacity:1;margin-left:.75rem;font-weight:500;transition:all .2s}.nav-separator{opacity:.6;border-top:1px solid rgba(75,85,99,.4);margin:.5rem 0}.nav-separator.expanded{margin:.5rem 1rem}.nav-separator.collapsed{margin:.5rem}.logout-button{padding:0 1rem;position:absolute;bottom:1rem;left:0;right:0}.logout-button .logout-item{width:100%;color:var(--white);align-items:center;padding:.75rem 0;transition:all .2s;display:flex;position:relative}.logout-button .logout-item:hover{color:#fff}.logout-button .logout-item.expanded{border-radius:.5rem;margin:0 .5rem;padding:.75rem 1rem}.logout-button .logout-item.collapsed{justify-content:center}.logout-button .logout-item .logout-content{flex-shrink:0}.logout-button .logout-item .logout-text{opacity:1;margin-left:.75rem;font-weight:500;transition:all .2s}@media (max-width:768px){.admin-sidebar.expanded{width:14rem}.nav-item.expanded,.logout-button .logout-item.expanded{margin:0 .25rem;padding:.5rem .75rem}}@keyframes pulse{0%{transform:translate(-50%)scale(1);box-shadow:0 4px 15px rgba(255,107,53,.4)}50%{transform:translate(-50%)scale(1.05);box-shadow:0 6px 20px rgba(255,107,53,.6)}to{transform:translate(-50%)scale(1);box-shadow:0 4px 15px rgba(255,107,53,.4)}}@keyframes notificationPulse{0%{opacity:1;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.2)}10%{opacity:.6;transform:scale(.95);box-shadow:0 4px 8px rgba(251,146,60,.4)}20%{opacity:1;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.2)}to{opacity:1;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.2)}}.admin-dashboard{min-height:100vh;padding:1.5rem;position:relative}.admin-dashboard.dark{background:var(--background-gray);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.admin-dashboard.dark .bg-white,.admin-dashboard.dark .bg-gray-50,.admin-dashboard.dark .bg-gray-100{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-dashboard-content{min-height:100vh;position:relative}.admin-dashboard-main{flex:1;transition:all .3s}.admin-dashboard-main.expanded{margin-left:16rem}.admin-dashboard-header{border:1px solid rgba(255,165,63,.2);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-dashboard-header .admin-title{color:#fff;font-size:1.875rem;font-weight:700}.admin-dashboard-header .admin-welcome{color:var(--gray-300);margin-top:.5rem}.tab-content-container{padding:1.5rem}.admin-card{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-card:hover{transform:translateY(-2px);box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.admin-dashboard .admin-card,.admin-dashboard .admin-table-container,.admin-dashboard .tab-content-container>div{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-dashboard.dark .bg-white,.admin-dashboard.dark .bg-gray-50,.admin-dashboard.dark .bg-gray-100,.admin-dashboard.dark .bg-gray-200{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-table-container{-webkit-backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(255,165,63,.3);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.admin-table{background:0 0;width:100%}.admin-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,65,81,.8)}.admin-table thead th{text-align:left;color:var(--gray-200);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,165,63,.2);padding:1rem;font-size:.875rem;font-weight:600}.admin-table tbody tr{cursor:pointer;border-bottom:1px solid rgba(75,85,99,.3);transition:all .2s}.admin-table tbody tr:hover{border-left:3px solid var(--pex-orange);background:rgba(255,165,63,.1)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr td{color:var(--gray-100);padding:1rem;font-size:.875rem}.admin-table tbody tr td .user-info{align-items:center;gap:.75rem;display:flex}.admin-table tbody tr td .user-info .user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:600;display:flex}.admin-table tbody tr td .user-info .user-details .user-name{color:#fff;margin-bottom:.25rem;font-weight:500}.admin-table tbody tr td .user-info .user-details .user-email{color:var(--gray-400);font-size:.75rem}.admin-table tbody tr td .status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-table tbody tr td .status-badge.active{color:#10b981;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3)}.admin-table tbody tr td .status-badge.inactive{color:#f59e0b;background:rgba(251,191,36,.2);border:1px solid rgba(251,191,36,.3)}.admin-table tbody tr td .status-badge.suspended{color:#ef4444;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.admin-table tbody tr td .role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-table tbody tr td .role-badge.super-admin{color:#a855f7;background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.3)}.admin-table tbody tr td .role-badge.admin{color:#3b82f6;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3)}.admin-table tbody tr td .role-badge.pathologist{color:#10b981;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3)}.admin-table tbody tr td .actions-button{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.admin-table tbody tr td .actions-button:hover{color:#fff;background:rgba(75,85,99,.3)}.tab-navigation{gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-navigation .tab-button{cursor:pointer;border:1px solid transparent;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.tab-navigation .tab-button.active{color:var(--gray-900);border-color:var(--pex-orange);background:#fff}.tab-navigation .tab-button:not(.active){color:var(--gray-300);background:rgba(55,65,81,.5);border-color:rgba(75,85,99,.3)}.tab-navigation .tab-button:not(.active):hover{color:#fff;background:rgba(55,65,81,.7)}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header .section-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.section-header .section-description{color:var(--gray-400);font-size:.875rem}.section-header .section-actions .action-button{color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.section-header .section-actions .action-button:hover{background:var(--pex-orange-dark);transform:translateY(-1px)}@media (max-width:768px){.admin-dashboard-main.expanded{margin-left:14rem}.admin-table{font-size:.75rem}.admin-table thead th,.admin-table tbody td{padding:.75rem .5rem}.tab-navigation{flex-wrap:wrap}.tab-navigation .tab-button{padding:.5rem 1rem;font-size:.875rem}}.admin-dashboard .grid a{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-dashboard .grid a:hover{border-color:rgba(255,165,63,.4);transform:translateY(-2px);box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.admin-layout{min-height:100vh;position:relative}.admin-layout.dark{background:var(--background-gray);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.admin-main-content{margin-top:4rem;transition:all .3s}.admin-main-content.expanded{margin-left:16rem}.admin-main-content.collapsed{margin-left:4rem}.admin-login .login-container{background:linear-gradient(135deg,var(--gray-50)0%,var(--gray-100)100%);justify-content:center;align-items:center;min-height:100vh;display:flex}[data-theme=dark] .admin-login .login-container{background:linear-gradient(135deg,var(--gray-900)0%,var(--gray-800)100%)}.admin-login .login-form{background:var(--card);border-radius:1rem;width:100%;max-width:32rem;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.admin-login .login-form>*+*{margin-top:2rem}[data-theme=dark] .admin-login .login-form{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1)}.admin-login .form-input{border:1px solid var(--border);background:var(--input);width:100%;color:var(--foreground);border-radius:.375rem;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-login .form-input::placeholder{color:#9ca3af}.admin-login .form-input:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.admin-login .login-button{color:#fff;border:1px solid transparent;border-radius:.375rem;justify-content:center;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.admin-login .login-button:hover{background:var(--pex-orange-light)}.admin-login .login-button:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard .dashboard-header{margin-bottom:2rem}.admin-dashboard .dashboard-header h1{color:#fff;font-size:1.875rem;font-weight:700}.admin-dashboard .dashboard-header p{color:#d1d5db;margin-top:.5rem}.admin-dashboard.dark .bg-white,.admin-dashboard.dark .bg-gray-50,.admin-dashboard.dark .bg-gray-100,.admin-dashboard.dark .bg-gray-200,.admin-dashboard.dark .bg-gray-300{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-dashboard.dark .text-gray-900,.admin-dashboard.dark .text-gray-800,.admin-dashboard.dark .text-gray-700{color:#fff!important}.admin-dashboard.dark .text-gray-600,.admin-dashboard.dark .text-gray-500{color:var(--gray-300)!important}.admin-dashboard.dark .text-gray-400{color:var(--gray-400)!important}.admin-dashboard.dark .admin-card,.admin-dashboard.dark .admin-table-container,.admin-dashboard.dark .tab-content-container>div,.admin-dashboard.dark .pending-requests .request-card,.admin-dashboard.dark .users-tab .users-table,.admin-dashboard.dark .admins-tab .admin-table,.admin-dashboard.dark .info-tab .profile-card,.admin-dashboard.dark .info-tab .info-card,.admin-dashboard.dark .info-tab .system-info{-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,165,63,.2);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:rgba(31,41,55,.9)!important}.admin-sidebar{z-index:0;border-right:1px solid rgba(55,65,81,.5);border-color:var(--gray-700-50);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.8);height:100vh;transition:all .3s;position:fixed;top:0;left:0}.admin-sidebar .sidebar-burger{transition:all .3s ease-in-out;display:flex}.admin-sidebar .sidebar-burger .burger-button{color:var(--pex-orange);cursor:pointer;padding:.5rem;transition:color .15s ease-in-out}.admin-sidebar .sidebar-burger .burger-button:hover{color:#fbbf24}.admin-sidebar .nav-group{padding:1rem 0}.admin-sidebar .nav-group .nav-item{align-items:center;width:100%;padding:.75rem 0;transition:all .2s;display:flex;position:relative}.admin-sidebar .nav-group .nav-item.expanded{border-radius:.5rem;margin:0 .5rem;padding:.75rem 1rem}.admin-sidebar .nav-group .nav-item.collapsed{justify-content:center}.admin-sidebar .nav-group .nav-item.active{color:var(--pex-orange)}.admin-sidebar .nav-group .nav-item.active .orange-bar{background-color:var(--pex-orange);border-radius:0 .125rem .125rem 0;width:.25rem;position:absolute;top:.75rem;bottom:.75rem;left:0}.admin-sidebar .nav-group .nav-item.active .gradient-bg{background:linear-gradient(to right,var(--pex-orange-50)0%,var(--pex-orange-35)40%,transparent 60%);border-radius:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.admin-sidebar .nav-group .nav-item.active .nav-content .nav-icon{z-index:10;background-color:#33210d;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.admin-sidebar .nav-group .nav-item:not(.active){color:var(--gray-300)}.admin-sidebar .nav-group .nav-item:not(.active):hover{color:#fff}.admin-sidebar .nav-group .nav-item .nav-content{z-index:10;align-items:center;width:100%;display:flex;position:relative}.admin-sidebar .nav-group .nav-item .nav-content.collapsed{justify-content:center}.admin-sidebar .nav-group .nav-item .nav-content .nav-icon{flex-shrink:0}.admin-sidebar .nav-group .nav-item .nav-content .nav-icon.hidden{opacity:0}.admin-sidebar .nav-group .nav-item .nav-content .nav-icon.visible{opacity:1}.admin-sidebar .nav-group .nav-item .nav-content .nav-text{opacity:1;margin-left:.75rem;font-weight:500;transition:all .2s}.admin-sidebar .nav-separator{background:linear-gradient(90deg,transparent 0%,var(--gray-700-30)20%,var(--gray-600-50)50%,var(--gray-700-30)80%,transparent 100%);opacity:.6;border:none;height:1px;margin:1rem 0;transition:all .3s}.admin-sidebar .nav-separator.expanded{opacity:.8;margin:1rem 1.5rem}.admin-sidebar .nav-separator.collapsed{opacity:.4;margin:1rem .75rem}.admin-sidebar .nav-separator:hover{opacity:1}.admin-sidebar .logout-button{padding:0 1rem;position:absolute;bottom:1rem;left:0;right:0}.admin-sidebar .logout-button .logout-item{width:100%;color:var(--white);align-items:center;padding:.75rem 0;transition:all .2s;display:flex;position:relative}.admin-sidebar .logout-button .logout-item:hover{color:#fff}.admin-sidebar .logout-button .logout-item.expanded{border-radius:.5rem;margin:0 .5rem;padding:.75rem 1rem}.admin-sidebar .logout-button .logout-item.collapsed{justify-content:center}.admin-sidebar .logout-button .logout-item .logout-content{flex-shrink:0}.admin-sidebar .logout-button .logout-item .logout-text{opacity:1;margin-left:.75rem;font-weight:500;transition:all .2s}.admin-sidebar.light{border-right:1px solid rgba(209,213,219,.5);border-color:var(--gray-200-50);background:rgba(255,255,255,.95)}.admin-sidebar.light .sidebar-burger .burger-button{color:var(--pex-orange)}.admin-sidebar.light .sidebar-burger .burger-button:hover{color:#ea580c}.admin-sidebar.light .nav-group .nav-item{color:var(--gray-600)}.admin-sidebar.light .nav-group .nav-item:hover{color:var(--gray-900)}.admin-sidebar.light .nav-group .nav-item.active{color:var(--pex-orange)}.admin-sidebar.light .nav-group .nav-item.active .gradient-bg{background:linear-gradient(90deg,rgba(255,165,63,.15) 0%,rgba(255,165,63,.1) 40%,transparent 60%)}.admin-sidebar.light .nav-group .nav-item.active .nav-content .nav-icon{background-color:rgba(255,165,63,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.admin-sidebar.light .nav-separator{background:linear-gradient(90deg,transparent 0%,var(--gray-200-30)20%,var(--gray-300-50)50%,var(--gray-200-30)80%,transparent 100%)}.admin-sidebar.light .logout-button .logout-item{color:var(--gray-700)}.admin-sidebar.light .logout-button .logout-item:hover{color:var(--gray-900)}.admin-tab .tab-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-tab .tab-header .tab-title{color:var(--foreground);font-size:1.5rem;font-weight:700}.admin-tab .tab-header .tab-description{color:var(--muted-foreground);margin-top:.25rem}.admin-tab .tab-content>*+*{margin-top:1.5rem}.pending-requests .request-card{background:rgba(31,41,55,.8);border:1px solid #4b5563;border-radius:.5rem;padding:1.5rem;transition:box-shadow .15s ease-in-out}.pending-requests .request-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.1)}.pending-requests .request-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pending-requests .request-header .request-avatar{background:#374151;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.pending-requests .request-header .request-avatar .avatar-text{color:#d1d5db;font-size:1.125rem;font-weight:600}.pending-requests .request-header .request-info .request-name{color:#fff;font-size:1.125rem;font-weight:600}.pending-requests .request-header .request-info .request-email{color:#d1d5db}.pending-requests .request-details{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:768px){.pending-requests .request-details{grid-template-columns:repeat(3,minmax(0,1fr))}}.pending-requests .request-details .detail-item .detail-label{color:#9ca3af;font-size:.875rem;font-weight:500}.pending-requests .request-details .detail-item .detail-value{color:#fff;margin-top:.25rem}.pending-requests .request-message{margin-bottom:1rem}.pending-requests .request-message .message-label{color:#9ca3af;font-size:.875rem;font-weight:500}.pending-requests .request-message .message-text{color:#e5e7eb;margin-top:.25rem;font-size:.875rem;line-height:1.625}.pending-requests .request-actions{justify-content:space-between;align-items:center;display:flex}.pending-requests .request-actions .action-button{color:#ea580c;align-items:center;font-size:.875rem;font-weight:500;transition:color .15s ease-in-out;display:flex}.pending-requests .request-actions .action-button:hover{color:#c2410c}[data-theme=dark] .pending-requests .request-actions .action-button{color:#fbbf24}[data-theme=dark] .pending-requests .request-actions .action-button:hover{color:#f59e0b}.pending-requests .request-actions .approve-button{color:#fff;background:#16a34a;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s ease-in-out}.pending-requests .request-actions .approve-button:hover{background:#15803d}.users-tab .radio-toggle{background:rgba(55,65,81,.8);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;gap:.25rem;width:-moz-fit-content;width:fit-content;padding:.25rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.users-tab .radio-toggle .toggle-button{text-align:center;border-radius:.375rem;min-width:80px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.users-tab .radio-toggle .toggle-button.active{color:#fff;background:rgba(255,165,63,.9);font-weight:600;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.3)}.users-tab .radio-toggle .toggle-button:not(.active){color:var(--gray-300);background:0 0}.users-tab .radio-toggle .toggle-button:not(.active):hover{color:#fff;background:rgba(255,165,63,.2);transform:translateY(-1px)}.users-tab .users-table{overflow:hidden}.users-tab .users-table table{border-collapse:collapse;border-color:#4b5563;min-width:100%}.users-tab .users-table table thead{background:rgba(31,41,55,.9)}.users-tab .users-table table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#d1d5db;padding:.75rem 1.5rem;font-size:.75rem;font-weight:500}.users-tab .users-table table tbody{background:rgba(31,41,55,.6);border-color:#4b5563}.users-tab .users-table table tbody tr{cursor:pointer;transition:all .2s}.users-tab .users-table table tbody tr:hover{border-left:3px solid var(--pex-orange);background:rgba(255,165,63,.1)}.users-tab .users-table table tbody tr td{white-space:nowrap;padding:1rem 1.5rem}.users-tab .users-table table tbody tr td .user-avatar{background:#374151;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.users-tab .users-table table tbody tr td .user-avatar .avatar-text{color:#d1d5db;font-size:.875rem;font-weight:600}.users-tab .users-table table tbody tr td .user-name{color:#fff;font-size:.875rem;font-weight:500}.users-tab .users-table table tbody tr td .user-email{color:#d1d5db;font-size:.875rem}.admins-tab .create-button{color:#fff;background:#ea580c;border-radius:.375rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s ease-in-out;display:flex}.admins-tab .create-button:hover{background:#c2410c}.admins-tab .admin-table{overflow:hidden}.admins-tab .admin-table table{border-collapse:collapse;border-color:var(--border);min-width:100%}.admins-tab .admin-table table thead{background:var(--muted)}.admins-tab .admin-table table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);padding:.75rem 1.5rem;font-size:.75rem;font-weight:500}.admins-tab .admin-table table tbody{background:var(--card);border-color:var(--border)}.admins-tab .admin-table table tbody tr{cursor:pointer;transition:all .2s}.admins-tab .admin-table table tbody tr:hover,[data-theme=dark] .admins-tab .admin-table table tbody tr:hover{border-left:3px solid var(--pex-orange);background:rgba(255,165,63,.1)}.info-tab .profile-card{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.info-tab .profile-card .profile-avatar{background:var(--muted);border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.info-tab .profile-card .profile-avatar .avatar-text{color:var(--muted-foreground);font-size:1.5rem;font-weight:600}.info-tab .profile-card .profile-name{color:var(--foreground);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.info-tab .profile-card .profile-title{color:var(--muted-foreground);margin-bottom:1rem;font-size:1.125rem}.info-tab .profile-card .profile-updated{color:var(--muted-foreground)}.info-tab .info-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:1024px){.info-tab .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.info-tab .info-grid .info-card{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.info-tab .info-grid .info-card .card-title{color:var(--foreground);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.info-tab .info-grid .info-card .info-item>*+*{margin-top:1rem}.info-tab .info-grid .info-card .info-item .info-label{color:var(--muted-foreground);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.info-tab .info-grid .info-card .info-item .info-value{color:var(--foreground)}.info-tab .info-grid .info-card .info-item .info-input{border:1px solid var(--border);background:var(--input);width:100%;color:var(--foreground);border-radius:.375rem;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.info-tab .info-grid .info-card .info-item .info-input:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.info-tab .info-grid .info-card .info-item .info-textarea{border:1px solid var(--border);background:var(--input);width:100%;color:var(--foreground);resize:none;border-radius:.375rem;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.info-tab .info-grid .info-card .info-item .info-textarea:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.info-tab .system-info{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.info-tab .system-info .system-title{color:var(--foreground);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.info-tab .system-info .stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:768px){.info-tab .system-info .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.info-tab .system-info .stats-grid .stat-item{text-align:center;background:var(--muted);border-radius:.5rem;padding:1rem}.info-tab .system-info .stats-grid .stat-item .stat-number{font-size:1.5rem;font-weight:700}.info-tab .system-info .stats-grid .stat-item .stat-number.orange{color:var(--pex-orange)}.info-tab .system-info .stats-grid .stat-item .stat-number.blue{color:var(--pex-blue)}.info-tab .system-info .stats-grid .stat-item .stat-number.green{color:var(--pex-green)}.info-tab .system-info .stats-grid .stat-item .stat-label{color:var(--muted-foreground);font-size:.875rem}.admin-modal{z-index:50;-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.admin-modal.modal-overlay{cursor:pointer}.admin-modal .modal-content{color:#fff;cursor:default;background:rgba(31,41,55,.95);border:1px solid rgba(255,165,63,.3);border-radius:.5rem;width:100%;max-width:90vw;max-height:90vh;padding:1.5rem;overflow:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.admin-modal .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-modal .modal-content .modal-header .modal-title{color:#fff;font-size:1.25rem;font-weight:600}.admin-modal .modal-content .modal-header .modal-close{color:#9ca3af;cursor:pointer;border-radius:50%;padding:.5rem;transition:color .15s ease-in-out}.admin-modal .modal-content .modal-header .modal-close:hover{color:#d1d5db;background:#374151}.admin-modal .modal-content .modal-body>*+*{margin-top:1.5rem}.badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.status-active{color:#166534;background-color:#dcfce7}[data-theme=dark] .badge.status-active{color:#86efac;background-color:rgba(34,197,94,.2)}.badge.status-inactive{color:#92400e;background-color:#fef3c7}[data-theme=dark] .badge.status-inactive{color:#fde047;background-color:rgba(234,179,8,.2)}.badge.status-suspended{color:#991b1b;background-color:#fee2e2}[data-theme=dark] .badge.status-suspended{color:#fca5a5;background-color:rgba(239,68,68,.2)}.badge.subscription-junior{color:#1e40af;background-color:#dbeafe}[data-theme=dark] .badge.subscription-junior{color:#93c5fd;background-color:rgba(59,130,246,.2)}.badge.subscription-senior{color:#166534;background-color:#dcfce7}[data-theme=dark] .badge.subscription-senior{color:#86efac;background-color:rgba(34,197,94,.2)}.badge.subscription-consultant{color:#7c2d12;background-color:#e9d5ff}[data-theme=dark] .badge.subscription-consultant{color:#c4b5fd;background-color:rgba(168,85,247,.2)}.badge.role-admin{color:#1e40af;background-color:#dbeafe}[data-theme=dark] .badge.role-admin{color:#93c5fd;background-color:rgba(59,130,246,.2)}.badge.role-super-admin{color:#7c2d12;background-color:#e9d5ff}[data-theme=dark] .badge.role-super-admin{color:#c4b5fd;background-color:rgba(168,85,247,.2)}.admin-form .form-group>*+*{margin-top:1rem}.admin-form .form-group .form-label{color:#d1d5db;font-size:.875rem;font-weight:500;display:block}.admin-form .form-group .form-input{color:#fff;background:rgba(31,41,55,.8);border:1px solid #4b5563;border-radius:.375rem;width:100%;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-form .form-group .form-input::placeholder{color:#6b7280}.admin-form .form-group .form-input:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.admin-form .form-group .form-select{color:#fff;background:rgba(31,41,55,.8);border:1px solid #4b5563;border-radius:.375rem;width:100%;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-form .form-group .form-select:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.admin-form .form-group .form-textarea{color:#fff;resize:none;background:rgba(31,41,55,.8);border:1px solid #4b5563;border-radius:.375rem;width:100%;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-form .form-group .form-textarea:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,165,63,.1)}.admin-form .form-actions{justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.admin-form .form-actions .btn-cancel{background:var(--muted);color:var(--muted-foreground);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out}.admin-form .form-actions .btn-cancel:hover{background:var(--accent);color:var(--accent-foreground)}.admin-form .form-actions .btn-save{color:#fff;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out}.admin-form .form-actions .btn-save:hover{background:var(--pex-orange-light)}.success-message{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem}[data-theme=dark] .success-message{color:#86efac;background-color:rgba(34,197,94,.2);border-color:#16a34a}.empty-state{text-align:center;padding:3rem 0}.empty-state .empty-icon{color:#9ca3af;width:3rem;height:3rem;margin:0 auto}.empty-state .empty-title{color:var(--foreground);margin-top:.5rem;font-size:.875rem;font-weight:500}.empty-state .empty-description{color:var(--muted-foreground);margin-top:.25rem;font-size:.875rem}.client-layout-container{min-height:100vh;position:relative}.client-layout-container.dark{background:var(--background-gray);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.client-layout-container.light-layout{background:var(--gradient-light);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.bg-circles{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bg-circles:before,.bg-circles:after{content:"";filter:blur(120px);border-radius:50%;position:absolute}.bg-circles:before{width:400px;height:400px;top:46.538%;left:10.714%}.bg-circles:after{background:var(--pex-blue);width:300px;height:300px;top:8.961%;left:87.897%}.content-background{min-height:100vh;position:relative}.app-header{background:var(--white);border-color:var(--border);border-bottom:1px solid var(--gray-700);z-index:1;border-radius:0 0 1rem 1rem;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dark .app-header{background:var(--background-gray)!important;border-color:var(--border)!important}.app-header .header-container{margin:0 auto;padding:0 1rem}@media (min-width:640px){.app-header .header-container{padding:0 1.5rem}}@media (min-width:1024px){.app-header .header-container{padding:0 2rem}}.app-header .header-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.app-header .header-left{align-items:center;display:flex}.app-header .brand-link{align-items:center;text-decoration:none;display:flex}.app-header .brand-link .brand-logo{width:auto;height:2.5rem}.app-header .brand-link .brand-text{margin-left:.5rem;font-size:1.25rem}.app-header .brand-link .brand-text.dark{color:#fff}.app-header .brand-link .brand-text.light{color:var(--gray-900)}.app-header .header-right{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{cursor:pointer;border-radius:.5rem;padding:.5rem;transition:all .2s}.theme-toggle-btn.dark{color:#fff}.theme-toggle-btn.dark:hover{background-color:var(--gray-700)}.theme-toggle-btn.light{color:var(--gray-600)}.theme-toggle-btn.light:hover{background-color:var(--gray-100)}.theme-toggle-btn .theme-icon{fill:none;stroke:currentColor;width:1.5rem;height:1.5rem}.notifications-btn{cursor:pointer;border-radius:.5rem;padding:.5rem;transition:all .2s;position:relative}.notifications-btn.dark{color:#fff}.notifications-btn.dark:hover{background-color:var(--gray-700)}.notifications-btn.light{color:var(--gray-600)}.notifications-btn.light:hover{background-color:var(--gray-100)}.notifications-btn .notifications-icon{fill:none;stroke:currentColor;width:1.5rem;height:1.5rem}.notifications-btn .notification-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;display:flex;position:absolute;top:-.25rem;right:-.25rem}.profile-section{align-items:center;gap:.75rem;display:flex}.profile-section .profile-image-container{position:relative}.profile-section .profile-image-container .profile-image{border:2px solid var(--gray-300);border-radius:50%;width:2.625rem;height:2.625rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.profile-section .profile-image-container .online-indicator{background-color:#10b981;border:2px solid #fff;border-radius:50%;width:.875rem;height:.875rem;animation:2s infinite pulse;position:absolute;bottom:-.25rem;right:-.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.profile-section .logout-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin:0 .5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.profile-section .logout-btn:hover{background-color:var(--gray-900)}.app-main-content{transition:all .3s}.app-main-content.with-sidebar.expanded{margin-left:16rem}.app-main-content.with-sidebar.collapsed{margin-left:4rem}.app-main-content.without-sidebar{margin-left:0}@media (max-width:640px){.app-header .header-container{padding:0 .75rem}.app-header .header-right,.app-header .profile-section{gap:.5rem}.app-header .profile-section .logout-btn{padding:.375rem .75rem;font-size:.75rem}}.wall-page{background:var(--background-gradient);direction:ltr;min-height:100vh;padding:20px}.wall-header{border:1px solid var(--pex-rose-gold);background:rgba(255,250,240,.95);border-radius:12px;max-width:1400px;margin:auto auto 20px;padding:24px;box-shadow:0 2px 10px rgba(183,110,121,.15)}.wall-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.wall-header-left .wall-title{color:var(--pex-gold);text-shadow:1px 1px 2px rgba(212,175,55,.3);margin:0 0 8px;font-size:2.5rem;font-weight:700}.wall-header-left .wall-subtitle{color:var(--pex-gold-dark);margin:0;font-size:1.1rem}.wall-header-right{align-items:center;gap:16px;display:flex}.wall-search-container{position:relative}.wall-search-container .wall-search-input{border:2px solid var(--pex-rose-gold);width:300px;color:var(--pex-gold-dark);background:rgba(255,245,238,.8);border-radius:25px;padding:12px 16px 12px 48px;font-size:14px;transition:all .3s}.wall-search-container .wall-search-input:focus{border-color:var(--pex-gold);background:rgba(255,250,240,.95);outline:none;box-shadow:0 0 0 3px rgba(212,175,55,.1)}.wall-search-container .wall-search-input::placeholder{color:var(--pex-rose-gold-light)}.wall-search-container .wall-search-icon{width:20px;height:20px;color:var(--pex-rose-gold);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wall-filter-container .wall-filter-select{border:2px solid var(--pex-rose-gold);color:var(--pex-gold-dark);cursor:pointer;background:rgba(255,245,238,.8);border-radius:25px;padding:12px 16px;font-size:14px;transition:all .3s}.wall-filter-container .wall-filter-select:focus{border-color:var(--pex-gold);outline:none}.wall-main-layout{justify-content:space-between;gap:24px;max-width:1400px;margin:0 auto;display:flex}.wall-content{flex:1;max-width:1100px}.wall-sidebar-container{width:320px;height:-moz-fit-content;height:fit-content;top:20px}.wall-posts{flex-direction:column;gap:20px;display:flex}.wall-post{border:1px solid var(--pex-rose-gold);background:rgba(255,250,240,.95);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 10px rgba(183,110,121,.15)}.wall-post:hover{border-color:var(--pex-gold);transform:translateY(-2px);box-shadow:0 4px 20px rgba(183,110,121,.25)}.wall-post-header{border-bottom:1px solid var(--pex-rose-gold-light);padding:20px 24px 16px}.wall-post-author{align-items:center;gap:12px;display:flex}.wall-post-avatar .wall-avatar-image{object-fit:cover;border:2px solid var(--pex-rose-gold-light);border-radius:50%;width:48px;height:48px}.wall-post-author-info{flex:1}.wall-post-author-info .wall-post-author-name{color:var(--pex-gold-dark);cursor:pointer;margin:0 0 4px;font-size:1.1rem;font-weight:600;transition:color .3s}.wall-post-author-info .wall-post-author-name:hover{color:var(--pex-gold)}.wall-post-author-info .wall-post-author-title{color:var(--pex-rose-gold);margin:0 0 4px;font-size:.9rem}.wall-post-author-info .wall-post-date{color:var(--pex-rose-gold-light);margin:0;font-size:.8rem}.wall-post-content{padding:0 24px 20px}.wall-post-link{color:inherit;text-decoration:none}.wall-post-link:hover .wall-post-title{color:var(--pex-gold)}.wall-post-title{color:var(--pex-gold-dark);margin:0 0 12px;font-size:1.4rem;font-weight:700;line-height:1.4;transition:color .3s}.wall-post-excerpt{color:var(--pex-gold-dark);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.wall-post-image-container{border-radius:8px;margin:16px 0;overflow:hidden}.wall-post-image-container .wall-post-image{object-fit:cover;width:100%;height:auto;transition:transform .3s}.wall-post-image-container .wall-post-image:hover{transform:scale(1.02)}.wall-post-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.wall-post-tags .wall-post-tag{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .3s}.wall-post-tags .wall-post-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(212,175,55,.4)}.wall-post-actions{border-top:1px solid var(--pex-rose-gold-light);background:rgba(255,245,238,.5);align-items:center;padding:16px 24px;display:flex}.wall-post-action-btn{color:var(--pex-rose-gold);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.wall-post-action-btn:hover{color:var(--pex-gold-dark);background:rgba(212,175,55,.1)}.wall-post-action-btn .wall-post-action-icon{width:18px;height:18px;color:inherit}.wall-post-action-btn span{color:inherit;font-size:.85rem}.wall-post-like-btn:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.wall-post-comment-btn:hover{color:#3498db;background:rgba(52,152,219,.1)}.wall-post-share-btn:hover{color:#27ae60;background:rgba(39,174,96,.1)}.article-page{direction:ltr;background-color:transparent;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(212,175,55,.03) 2px,rgba(212,175,55,.03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,175,55,.03) 2px,rgba(212,175,55,.03) 4px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;padding:20px}.article-page .wall-main-layout{gap:24px;max-width:1400px;margin:0 auto;display:flex}.article-page .wall-content{flex:1;max-width:1100px}.article-page .wall-sidebar-container{width:320px;height:-moz-fit-content;height:fit-content;top:20px}.wall-article-detail{border:1px solid var(--pex-rose-gold);background:rgba(255,250,240,.95);border-radius:12px;max-width:1100px;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px rgba(183,110,121,.15)}.wall-article-back{border-bottom:1px solid var(--pex-rose-gold-light);background:rgba(255,245,238,.5);padding:20px 24px}.wall-article-back .wall-back-btn{color:var(--pex-gold);align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.wall-article-back .wall-back-btn:hover{color:var(--pex-gold-dark);transform:translate(-2px)}.wall-article-back .wall-back-btn .wall-back-icon{width:20px;height:20px}.wall-article-header{border-bottom:1px solid var(--pex-rose-gold-light);padding:24px}.wall-article-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.wall-article-author{flex:1;gap:16px;display:flex}.wall-article-avatar .wall-article-avatar-image{object-fit:cover;border:3px solid #f0f0f0;border-radius:50%;width:60px;height:60px}.wall-article-author-info{flex:1}.wall-article-author-info .wall-article-author-name{color:var(--pex-gold-dark);margin:0 0 6px;font-size:1.3rem;font-weight:700}.wall-article-author-info .wall-article-author-title{color:var(--pex-gold);margin:0 0 8px;font-size:1rem;font-weight:500}.wall-article-author-info .wall-article-author-bio{color:var(--pex-rose-gold);margin:0 0 12px;font-size:.9rem;line-height:1.5}.wall-article-author-info .wall-article-author-stats{gap:16px;display:flex}.wall-article-author-info .wall-article-author-stats span{color:var(--pex-rose-gold-light);border:1px solid var(--pex-rose-gold-light);background:rgba(255,245,238,.5);border-radius:12px;padding:4px 8px;font-size:.85rem}.wall-article-publish-info{text-align:left}.wall-article-publish-info .wall-article-date{color:var(--pex-rose-gold);margin:0 0 4px;font-size:.9rem}.wall-article-publish-info .wall-article-read-time{color:var(--pex-rose-gold-light);margin:0 0 4px;font-size:.8rem}.wall-article-publish-info .wall-article-views{color:var(--pex-rose-gold-light);margin:0;font-size:.8rem}.wall-article-content{padding:24px}.wall-article-title{color:var(--pex-gold-dark);margin:0 0 24px;font-size:2.2rem;font-weight:800;line-height:1.3}.wall-article-image-container{border-radius:8px;margin:24px 0;overflow:hidden}.wall-article-image-container .wall-article-image{object-fit:cover;width:100%;height:auto}.wall-article-body{color:var(--pex-gold-dark);font-size:1.1rem;line-height:1.8}.wall-article-body h2{color:var(--pex-gold-dark);border-bottom:2px solid var(--pex-rose-gold-light);margin:32px 0 16px;padding-bottom:8px;font-size:1.6rem;font-weight:700}.wall-article-body h3{color:var(--pex-gold-dark);margin:24px 0 12px;font-size:1.3rem;font-weight:600}.wall-article-body p{margin:0 0 16px}.wall-article-body ul,.wall-article-body ol{margin:16px 0;padding-right:20px}.wall-article-body ul li,.wall-article-body ol li{margin:8px 0}.wall-article-body strong{color:var(--pex-gold-dark);font-weight:600}.wall-article-body em{color:var(--pex-rose-gold);font-style:italic}.wall-article-tags{border-top:1px solid var(--pex-rose-gold-light);flex-wrap:wrap;gap:10px;margin:32px 0 0;padding-top:24px;display:flex}.wall-article-tags .wall-article-tag{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95);border-radius:25px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .3s}.wall-article-tags .wall-article-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.4)}.wall-article-actions{border-top:1px solid var(--pex-rose-gold-light);background:rgba(255,245,238,.5);align-items:center;gap:16px;padding:20px 24px;display:flex}.wall-article-action-btn{border:1px solid var(--pex-rose-gold);color:var(--pex-rose-gold);cursor:pointer;background:rgba(255,250,240,.95);border-radius:25px;align-items:center;gap:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 4px rgba(183,110,121,.1)}.wall-article-action-btn:hover{color:var(--pex-gold-dark);border-color:var(--pex-gold);transform:translateY(-2px);box-shadow:0 4px 12px rgba(183,110,121,.2)}.wall-article-action-btn .wall-article-action-icon{width:20px;height:20px;color:inherit}.wall-article-action-btn span{color:inherit;font-size:.9rem}.wall-article-like-btn:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.wall-article-comment-btn:hover{color:#3498db;background:rgba(52,152,219,.1)}.wall-article-share-btn:hover{color:#27ae60;background:rgba(39,174,96,.1)}.wall-article-comments{border-top:1px solid var(--pex-rose-gold-light);padding:24px}.wall-article-comments .wall-comments-title{color:var(--pex-gold-dark);margin:0 0 16px;font-size:1.3rem;font-weight:700}.wall-article-comments .wall-comments-placeholder{text-align:center;color:var(--pex-rose-gold-light);padding:40px 20px;font-style:italic}.wall-create-post-btn{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95);cursor:pointer;border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex}.wall-create-post-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.4)}.wall-create-post-btn .wall-create-post-icon{width:18px;height:18px}.wall-sidebar{border:1px solid var(--pex-rose-gold);background:rgba(255,250,240,.95);border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:0 2px 10px rgba(183,110,121,.15)}.wall-sidebar-section .wall-sidebar-title{color:var(--pex-gold-dark);border-bottom:2px solid var(--pex-rose-gold-light);margin:0 0 16px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.wall-sidebar-categories{flex-direction:column;gap:8px;display:flex}.wall-sidebar-category{cursor:pointer;text-align:left;color:var(--pex-rose-gold);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.wall-sidebar-category:hover{color:var(--pex-gold-dark);background:rgba(212,175,55,.1)}.wall-sidebar-category.active{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95)}.wall-sidebar-category .wall-sidebar-category-icon{color:inherit;font-size:1.2rem}.wall-sidebar-category .wall-sidebar-category-name{color:inherit;flex:1;font-weight:500}.wall-sidebar-category .wall-sidebar-category-count{opacity:.7;color:inherit;font-size:.85rem}.wall-sidebar-trending{flex-direction:column;gap:12px;display:flex}.wall-sidebar-trending-item{align-items:center;gap:12px;padding:8px 0;display:flex}.wall-sidebar-trending-item .wall-sidebar-trending-number{color:var(--pex-gold);font-size:1.1rem;font-weight:700}.wall-sidebar-trending-item .wall-sidebar-trending-content{flex-direction:column;flex:1;gap:2px;display:flex}.wall-sidebar-trending-item .wall-sidebar-trending-name{color:var(--pex-gold-dark);font-weight:500}.wall-sidebar-trending-item .wall-sidebar-trending-posts{color:var(--pex-rose-gold);font-size:.8rem}.wall-sidebar-authors{flex-direction:column;gap:12px;display:flex}.wall-sidebar-author{align-items:center;gap:12px;padding:8px 0;display:flex}.wall-sidebar-author .wall-sidebar-author-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.wall-sidebar-author .wall-sidebar-author-info{flex-direction:column;flex:1;gap:2px;display:flex}.wall-sidebar-author .wall-sidebar-author-name{color:var(--pex-gold-dark);font-size:.9rem;font-weight:500}.wall-sidebar-author .wall-sidebar-author-specialty{color:var(--pex-rose-gold);font-size:.8rem}.wall-sidebar-stats{flex-direction:column;gap:16px;display:flex}.wall-sidebar-stat{border:1px solid var(--pex-rose-gold-light);background:rgba(255,245,238,.5);border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.wall-sidebar-stat .wall-sidebar-stat-number{color:var(--pex-gold);font-size:1.5rem;font-weight:700}.wall-sidebar-stat .wall-sidebar-stat-label{color:var(--pex-rose-gold);margin-top:4px;font-size:.85rem}.wall-modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.wall-modal{border:1px solid var(--pex-rose-gold);background:rgba(255,250,240,.98);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(183,110,121,.2)}.wall-modal-header{border-bottom:1px solid var(--pex-rose-gold-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 24px 0;display:flex}.wall-modal-header .wall-modal-title{color:var(--pex-gold-dark);margin:0;font-size:1.5rem;font-weight:700}.wall-modal-header .wall-modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background .3s}.wall-modal-header .wall-modal-close:hover{background:rgba(212,175,55,.1)}.wall-modal-header .wall-modal-close .wall-modal-close-icon{width:20px;height:20px;color:var(--pex-rose-gold)}.wall-modal-form{flex-direction:column;gap:20px;padding:0 24px 24px;display:flex}.wall-modal-field{flex-direction:column;gap:8px;display:flex}.wall-modal-field .wall-modal-label{color:var(--pex-gold-dark);font-size:.9rem;font-weight:600}.wall-modal-field .wall-modal-input,.wall-modal-field .wall-modal-select,.wall-modal-field .wall-modal-textarea{border:2px solid var(--pex-rose-gold);color:var(--pex-gold-dark);background:rgba(255,245,238,.8);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s}.wall-modal-field .wall-modal-input:focus,.wall-modal-field .wall-modal-select:focus,.wall-modal-field .wall-modal-textarea:focus{border-color:var(--pex-gold);outline:none;box-shadow:0 0 0 3px rgba(212,175,55,.1)}.wall-modal-field .wall-modal-input::placeholder,.wall-modal-field .wall-modal-select::placeholder,.wall-modal-field .wall-modal-textarea::placeholder{color:var(--pex-rose-gold-light)}.wall-modal-field .wall-modal-textarea{resize:vertical;min-height:120px}.wall-modal-tags-container{flex-direction:column;gap:12px;display:flex}.wall-modal-tags-input{gap:8px;display:flex}.wall-modal-tags-input .wall-modal-input{flex:1}.wall-modal-tags-input .wall-modal-add-tag-btn{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-weight:600;transition:all .3s}.wall-modal-tags-input .wall-modal-add-tag-btn:hover{box-shadow:0 2px 8px rgba(212,175,55,.3)}.wall-modal-tags-list{flex-wrap:wrap;gap:8px;display:flex}.wall-modal-tag{border:1px solid var(--pex-rose-gold-light);color:var(--pex-gold-dark);background:rgba(255,245,238,.8);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.wall-modal-tag .wall-modal-tag-remove{cursor:pointer;color:var(--pex-rose-gold);background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:1.2rem;display:flex}.wall-modal-tag .wall-modal-tag-remove:hover{color:var(--pex-gold-dark)}.wall-modal-actions{border-top:1px solid var(--pex-rose-gold-light);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.wall-modal-actions .wall-modal-cancel-btn{color:var(--pex-rose-gold);border:1px solid var(--pex-rose-gold);cursor:pointer;background:rgba(255,245,238,.8);border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.wall-modal-actions .wall-modal-cancel-btn:hover{color:var(--pex-gold-dark);background:rgba(183,110,121,.1)}.wall-modal-actions .wall-modal-submit-btn{background:linear-gradient(135deg,var(--pex-gold)0%,var(--pex-gold-dark)100%);color:rgba(255,250,240,.95);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.wall-modal-actions .wall-modal-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,175,55,.4)}@media (max-width:768px){.wall-page,.article-page{padding:10px}.wall-header-content{flex-direction:column;align-items:stretch}.wall-header-right{flex-wrap:wrap;justify-content:center}.wall-search-container .wall-search-input{width:100%}.wall-main-layout{flex-direction:column}.wall-sidebar-container{width:100%;position:static}.wall-post-header,.wall-post-content,.wall-post-actions,.wall-article-header,.wall-article-content,.wall-article-actions,.wall-article-comments{padding:16px}.wall-article-title{font-size:1.8rem}.wall-article-meta{flex-direction:column;align-items:stretch}.wall-article-publish-info{text-align:center}.article-page .wall-main-layout{flex-direction:column}.article-page .wall-sidebar-container{width:100%;position:static}.wall-modal{max-height:95vh;margin:10px}.wall-modal-actions{flex-direction:column}}.dark .wall-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:12px;max-width:1400px;margin:auto auto 20px;padding:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .wall-header .wall-title{color:#fff!important}.dark .wall-header .wall-subtitle{color:#d1d5db!important}.dark .wall-header .wall-search-input{color:#fff!important;background:rgba(55,65,81,.8)!important;border-color:rgba(75,85,99,.5)!important}.dark .wall-header .wall-search-input::placeholder{color:#9ca3af!important}.dark .wall-header .wall-search-input:focus{background:rgba(55,65,81,.9)!important;border-color:#667eea!important}.dark .wall-header .wall-search-icon{color:#9ca3af!important}.dark .wall-header .wall-filter-select{color:#fff!important;background:rgba(55,65,81,.8)!important;border-color:rgba(75,85,99,.5)!important}.dark .wall-header .wall-filter-select:focus{border-color:#667eea!important}.dark .wall-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .wall-sidebar .wall-sidebar-title{color:#fff!important}.dark .wall-sidebar .wall-sidebar-category{color:#d1d5db!important}.dark .wall-sidebar .wall-sidebar-category:hover{color:#fff!important;background:rgba(75,85,99,.3)!important}.dark .wall-sidebar .wall-sidebar-category.active{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.dark .wall-sidebar .wall-sidebar-category .wall-sidebar-category-name{color:inherit!important}.dark .wall-sidebar .wall-sidebar-category .wall-sidebar-category-count{opacity:.7;color:inherit!important}.dark .wall-sidebar .wall-sidebar-trending-item .wall-sidebar-trending-name{color:#fff!important}.dark .wall-sidebar .wall-sidebar-trending-item .wall-sidebar-trending-posts{color:#9ca3af!important}.dark .wall-sidebar .wall-sidebar-author .wall-sidebar-author-name{color:#fff!important}.dark .wall-sidebar .wall-sidebar-author .wall-sidebar-author-specialty{color:#9ca3af!important}.dark .wall-sidebar .wall-sidebar-stat{background:rgba(55,65,81,.5)!important}.dark .wall-sidebar .wall-sidebar-stat .wall-sidebar-stat-number{color:#667eea!important}.dark .wall-sidebar .wall-sidebar-stat .wall-sidebar-stat-label{color:#d1d5db!important}.dark .wall-post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .wall-post:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.dark .wall-post .wall-post-header{border-bottom-color:rgba(75,85,99,.3)!important}.dark .wall-post .wall-post-author-name{color:#fff!important}.dark .wall-post .wall-post-author-title{color:#9ca3af!important}.dark .wall-post .wall-post-date{color:#6b7280!important}.dark .wall-post .wall-post-title{color:#fff!important}.dark .wall-post .wall-post-excerpt{color:#d1d5db!important}.dark .wall-post .wall-post-actions{background:rgba(55,65,81,.5)!important;border-top-color:rgba(75,85,99,.3)!important}.dark .wall-post .wall-post-action-btn{color:#9ca3af!important}.dark .wall-post .wall-post-action-btn:hover{color:#fff!important;background:rgba(75,85,99,.3)!important}.dark .wall-article-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:12px;max-width:1100px;margin:0 auto;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .wall-article-detail .wall-article-back{background:rgba(55,65,81,.5)!important;border-bottom-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-back .wall-back-btn{color:#667eea!important}.dark .wall-article-detail .wall-article-header{border-bottom-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-author-name{color:#fff!important}.dark .wall-article-detail .wall-article-author-title{color:#667eea!important}.dark .wall-article-detail .wall-article-author-bio{color:#9ca3af!important}.dark .wall-article-detail .wall-article-author-stats span{color:#9ca3af!important;background:rgba(55,65,81,.5)!important}.dark .wall-article-detail .wall-article-date,.dark .wall-article-detail .wall-article-read-time,.dark .wall-article-detail .wall-article-views{color:#9ca3af!important}.dark .wall-article-detail .wall-article-title{color:#fff!important}.dark .wall-article-detail .wall-article-body{color:#d1d5db!important}.dark .wall-article-detail .wall-article-body h2{color:#fff!important;border-bottom-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-body h3,.dark .wall-article-detail .wall-article-body strong{color:#fff!important}.dark .wall-article-detail .wall-article-body em{color:#9ca3af!important}.dark .wall-article-detail .wall-article-tags{border-top-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-actions{background:rgba(55,65,81,.5)!important;border-top-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-action-btn{color:#9ca3af!important;background:rgba(55,65,81,.8)!important}.dark .wall-article-detail .wall-article-action-btn:hover{color:#fff!important;background:rgba(75,85,99,.5)!important}.dark .wall-article-detail .wall-article-comments{border-top-color:rgba(75,85,99,.3)!important}.dark .wall-article-detail .wall-article-comments .wall-comments-title{color:#fff!important}.dark .wall-article-detail .wall-article-comments .wall-comments-placeholder{color:#9ca3af!important}.dark .wall-modal{background:rgba(31,41,55,.95)!important;border:1px solid rgba(75,85,99,.3)!important}.dark .wall-modal .wall-modal-header{border-bottom-color:rgba(75,85,99,.3)!important}.dark .wall-modal .wall-modal-header .wall-modal-title{color:#fff!important}.dark .wall-modal .wall-modal-header .wall-modal-close-icon{color:#9ca3af!important}.dark .wall-modal .wall-modal-label{color:#fff!important}.dark .wall-modal .wall-modal-input,.dark .wall-modal .wall-modal-select,.dark .wall-modal .wall-modal-textarea{color:#fff!important;background:rgba(55,65,81,.8)!important;border-color:rgba(75,85,99,.5)!important}.dark .wall-modal .wall-modal-input:focus,.dark .wall-modal .wall-modal-select:focus,.dark .wall-modal .wall-modal-textarea:focus{border-color:#667eea!important}.dark .wall-modal .wall-modal-add-tag-btn{background:#667eea!important}.dark .wall-modal .wall-modal-tag{color:#d1d5db!important;background:rgba(75,85,99,.5)!important}.dark .wall-modal .wall-modal-tag .wall-modal-tag-remove{color:#9ca3af!important}.dark .wall-modal .wall-modal-actions{border-top-color:rgba(75,85,99,.3)!important}.dark .wall-modal .wall-modal-actions .wall-modal-cancel-btn{color:#9ca3af!important;background:rgba(55,65,81,.8)!important}.dark .wall-modal .wall-modal-actions .wall-modal-cancel-btn:hover{background:rgba(75,85,99,.5)!important}.profile-page{background:var(--background-gradient);direction:ltr;min-height:100vh;padding:20px}.profile-layout-wrapper{gap:20px;max-width:1400px;margin:0 auto;display:flex}.profile-sidebar{flex:0 0 220px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 40px);position:-webkit-sticky;position:sticky;top:20px;overflow-y:auto}.profile-sidebar .profile-sidebar-sticky{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.9);border-radius:12px;padding:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.3)}.profile-nav{flex-direction:column;gap:4px;display:flex}.profile-nav-item{text-align:left;color:#d1d5db;cursor:pointer;background:0 0;border:none;border-left:3px solid transparent;padding:16px 24px;font-weight:500;transition:all .3s;position:relative}.profile-nav-item:hover{color:var(--pex-orange);background:rgba(230,126,34,.05)}.profile-nav-item.active{color:var(--pex-orange);border-left-color:var(--pex-orange);background:rgba(230,126,34,.1);font-weight:600}.profile-main-content{flex:1;min-width:0}.profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.profile-header{position:relative}.profile-cover{height:300px;position:relative;overflow:hidden}.profile-cover .profile-cover-image{object-fit:cover;width:100%;height:100%}.profile-info{align-items:flex-end;gap:30px;margin-top:-60px;padding:0 30px 30px;display:flex;position:relative}.profile-avatar-section{flex-direction:column;align-items:center;gap:15px;display:flex;position:relative}.profile-avatar-section .profile-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-avatar-section .profile-edit-btn{color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-weight:600;transition:all .3s}.profile-avatar-section .profile-edit-btn:hover{background:#e67e22;transform:translateY(-1px)}.profile-details{flex:1}.profile-details .profile-name{color:#fff;margin:0 0 8px;font-size:2.5rem;font-weight:700}.profile-details .profile-username{color:#d1d5db;margin-bottom:8px;font-size:1.2rem}.profile-details .profile-position{color:var(--pex-orange);margin-bottom:4px;font-size:1.1rem;font-weight:600}.profile-details .profile-institution{color:#d1d5db;font-size:1rem}.profile-content{padding:30px}.profile-content-continuous{padding-bottom:60px!important}.profile-content-continuous .profile-section{margin-bottom:80px;padding:0 10px;scroll-margin-top:100px}.profile-content-continuous .profile-section:last-child{margin-bottom:60px}.profile-content-continuous .profile-section>div{background:rgba(31,41,55,.4);border-radius:12px;width:100%;padding:30px;transition:all .3s}.profile-content-continuous .profile-section>div:hover{background:rgba(31,41,55,.6);border-color:rgba(75,85,99,.4)}.profile-overview{background:0 0!important;padding:0!important}.profile-overview .profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px;display:grid}.profile-overview .profile-stat-card{text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:24px;transition:all .3s}.profile-overview .profile-stat-card:hover{background:rgba(55,65,81,.8);border-color:rgba(230,126,34,.3);transform:translateY(-4px);box-shadow:0 8px 20px rgba(230,126,34,.2)}.profile-overview .profile-stat-card .profile-stat-number{color:var(--pex-orange);margin-bottom:8px;font-size:2.2rem;font-weight:700}.profile-overview .profile-stat-card .profile-stat-label{color:#d1d5db;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:500}.profile-overview .profile-bio-section .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 20px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-overview .profile-bio-section .profile-bio-text{color:#d1d5db;margin:0;font-size:1.1rem;line-height:1.8}.profile-contact{background:0 0!important;padding:0!important}.profile-contact .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 30px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-contact .profile-contact-grid{flex-wrap:wrap;gap:20px;display:flex}.profile-contact .profile-contact-item{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex:calc(50% - 10px);align-items:center;gap:16px;min-width:280px;padding:20px;transition:all .3s;display:flex}.profile-contact .profile-contact-item:hover{background:rgba(55,65,81,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profile-contact .profile-contact-item .profile-contact-icon{background:rgba(75,85,99,.8);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.3)}.profile-contact .profile-contact-item .profile-contact-content{flex:1}.profile-contact .profile-contact-item .profile-contact-content .profile-contact-label{color:#9ca3af;margin-bottom:4px;font-size:.9rem}.profile-contact .profile-contact-item .profile-contact-content .profile-contact-value{color:#fff;font-size:1rem;font-weight:600}.profile-contact .profile-contact-item .profile-contact-content .profile-contact-value a{color:var(--pex-orange);text-decoration:none}.profile-contact .profile-contact-item .profile-contact-content .profile-contact-value a:hover{text-decoration:underline}.profile-work{background:0 0!important;padding:0!important}.profile-work .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 25px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-work .profile-current-work{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.profile-work .profile-current-work .profile-work-card{flex:calc(50% - 10px);margin-bottom:0}.profile-work .profile-previous-work .profile-work-list{flex-wrap:wrap;gap:20px;display:flex}.profile-work .profile-work-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex:calc(50% - 10px);min-width:320px;margin-bottom:0;padding:24px;transition:all .3s}.profile-work .profile-work-card:hover{background:rgba(55,65,81,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profile-work .profile-work-card.current{background:linear-gradient(135deg,rgba(230,126,34,.2) 0%,rgba(230,126,34,.1) 100%);border:2px solid rgba(230,126,34,.4)}.profile-work .profile-work-card .profile-work-position{color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:700}.profile-work .profile-work-card .profile-work-institution{color:var(--pex-orange);margin-bottom:4px;font-size:1.1rem;font-weight:600}.profile-work .profile-work-card .profile-work-department{color:#d1d5db;margin-bottom:8px;font-size:1rem}.profile-work .profile-work-card .profile-work-period{color:#9ca3af;font-size:.9rem;font-weight:500}.profile-education{background:0 0!important;padding:0!important}.profile-education .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 25px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-education .profile-education-list{flex-wrap:wrap;gap:20px;display:flex}.profile-education .profile-education-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex:calc(50% - 10px);min-width:300px;padding:24px;transition:all .3s}.profile-education .profile-education-card:hover{background:rgba(55,65,81,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profile-education .profile-education-card .profile-education-degree{color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:700}.profile-education .profile-education-card .profile-education-institution{color:var(--pex-orange);margin-bottom:8px;font-size:1.1rem;font-weight:600}.profile-education .profile-education-card .profile-education-details{gap:20px;display:flex}.profile-education .profile-education-card .profile-education-details .profile-education-year,.profile-education .profile-education-card .profile-education-details .profile-education-gpa{color:#d1d5db;font-size:.9rem;font-weight:500}.profile-certificates{background:0 0!important;padding:0!important}.profile-certificates .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 25px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-certificates .profile-certificates-list{flex-wrap:wrap;gap:20px;display:flex}.profile-certificates .profile-certificate-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex:calc(33.333% - 14px);min-width:280px;padding:24px;transition:all .3s}.profile-certificates .profile-certificate-card:hover{background:rgba(55,65,81,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profile-certificates .profile-certificate-card .profile-certificate-name{color:#fff;margin-bottom:8px;font-size:1.2rem;font-weight:700}.profile-certificates .profile-certificate-card .profile-certificate-issuer{color:var(--pex-orange);margin-bottom:8px;font-size:1rem;font-weight:600}.profile-certificates .profile-certificate-card .profile-certificate-details{flex-direction:column;gap:4px;display:flex}.profile-certificates .profile-certificate-card .profile-certificate-details .profile-certificate-year,.profile-certificates .profile-certificate-card .profile-certificate-details .profile-certificate-id{color:#d1d5db;font-size:.9rem}.profile-activity{background:0 0!important;padding:0!important}.profile-activity .profile-section-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 25px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-activity .profile-activity-list{flex-wrap:wrap;gap:16px;display:flex}.profile-activity .profile-activity-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;flex:calc(50% - 8px);min-width:300px;padding:20px;transition:all .3s}.profile-activity .profile-activity-card:hover{background:rgba(55,65,81,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profile-activity .profile-activity-card .profile-activity-type{color:#fff;text-transform:uppercase;border-radius:12px;margin-bottom:8px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.profile-activity .profile-activity-card .profile-activity-title{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:600}.profile-activity .profile-activity-card .profile-activity-meta{gap:16px;display:flex}.profile-activity .profile-activity-card .profile-activity-meta .profile-activity-date,.profile-activity .profile-activity-card .profile-activity-meta .profile-activity-views,.profile-activity .profile-activity-card .profile-activity-meta .profile-activity-likes{color:#d1d5db;font-size:.9rem}.profile-upgrade-content{background:0 0!important;padding:0!important}.profile-upgrade-content .upgrade-header{text-align:left;margin-bottom:40px}.profile-upgrade-content .upgrade-header .upgrade-title{color:#fff;border-bottom:2px solid rgba(230,126,34,.3);margin:0 0 20px;padding-bottom:15px;font-size:1.8rem;font-weight:700}.profile-upgrade-content .upgrade-header .upgrade-description{color:#d1d5db;text-align:left;margin:0;font-size:1.1rem}.profile-upgrade-content .plans-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.profile-upgrade-content .plan-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:16px;flex-direction:column;flex:calc(33.333% - 14px);min-width:300px;max-width:400px;padding:32px 32px 40px;transition:all .3s;display:flex;position:relative}.profile-upgrade-content .plan-card:hover{border-color:rgba(75,85,99,.6);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.profile-upgrade-content .plan-card.popular{border:2px solid var(--pex-orange);background:linear-gradient(135deg,rgba(55,65,81,.9) 0%,rgba(55,65,81,.7) 100%);transform:scale(1.02);box-shadow:0 8px 30px rgba(255,107,53,.2)}.profile-upgrade-content .plan-card.popular:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.profile-upgrade-content .plan-card .popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border-radius:20px;padding:8px 24px;font-size:.9rem;font-weight:600;animation:2s infinite pulse;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px rgba(255,107,53,.4)}.profile-upgrade-content .plan-card .plan-header{text-align:center;margin-bottom:24px}.profile-upgrade-content .plan-card .plan-header .plan-name{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:700}.profile-upgrade-content .plan-card .plan-header .plan-price .price-amount{color:var(--pex-orange);font-size:3rem;font-weight:700}.profile-upgrade-content .plan-card .plan-header .plan-price .price-period{color:#d1d5db;margin-left:4px;font-size:1rem}.profile-upgrade-content .plan-card .plan-features{margin-bottom:24px}.profile-upgrade-content .plan-card .plan-features .features-title{color:#fff;margin:0 0 16px;font-size:1.1rem;font-weight:600}.profile-upgrade-content .plan-card .plan-features .features-list{margin:0;padding:0;list-style:none}.profile-upgrade-content .plan-card .plan-features .features-list .feature-item{color:#d1d5db;align-items:center;margin-bottom:12px;font-size:.95rem;display:flex}.profile-upgrade-content .plan-card .plan-features .features-list .feature-item .feature-icon{color:#10b981;flex-shrink:0;width:20px;height:20px;margin-right:12px}.profile-upgrade-content .plan-card .plan-limits{margin-bottom:32px}.profile-upgrade-content .plan-card .plan-limits .limits-title{color:#fff;margin:0 0 16px;font-size:1.1rem;font-weight:600}.profile-upgrade-content .plan-card .plan-limits .limits-grid{flex-direction:column;gap:8px;display:flex}.profile-upgrade-content .plan-card .plan-limits .limits-grid .limit-item{justify-content:space-between;align-items:center;display:flex}.profile-upgrade-content .plan-card .plan-limits .limits-grid .limit-item .limit-label{color:#9ca3af;font-size:.9rem}.profile-upgrade-content .plan-card .plan-limits .limits-grid .limit-item .limit-value{color:#fff;font-size:.9rem;font-weight:600}.profile-upgrade-content .plan-card .upgrade-button{cursor:pointer;background:var(--pex-orange);color:#fff;border:none;border-radius:12px;width:100%;margin-top:auto;padding:16px 24px;font-size:1.1rem;font-weight:600;transition:all .3s}.profile-upgrade-content .plan-card .upgrade-button:not(:disabled):hover{background:#d35400;transform:translateY(-2px)}.profile-upgrade-content .plan-card .upgrade-button:not(:disabled).popular{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);font-weight:700;box-shadow:0 4px 15px rgba(255,107,53,.4)}.profile-upgrade-content .plan-card .upgrade-button:disabled{color:#9ca3af;cursor:not-allowed;background:rgba(75,85,99,.6)}@media (max-width:768px){.profile-page{padding:10px}.profile-layout-wrapper{flex-direction:column;gap:10px}.profile-sidebar{flex:none;width:100%;position:relative;top:0}.profile-sidebar .profile-sidebar-sticky{padding:10px 0}.profile-sidebar .profile-nav{flex-direction:row;gap:8px;padding:0 10px;overflow-x:auto}.profile-sidebar .profile-nav .profile-nav-item{white-space:nowrap;border-bottom:3px solid transparent;border-left:none;padding:12px 16px;font-size:.85rem}.profile-sidebar .profile-nav .profile-nav-item.active{border-left:none;border-bottom-color:var(--pex-orange)}.profile-main-content{flex:1}.profile-info{text-align:center;flex-direction:column;align-items:center;padding:0 20px 20px}.profile-content{padding:20px}.profile-content .profile-section{margin-bottom:40px;scroll-margin-top:80px}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.profile-contact-item,.profile-work-card,.profile-education-card,.profile-certificate-card,.profile-activity-card{flex:100%}.plan-card{flex:100%;max-width:100%}.profile-name{font-size:2rem!important}}.regular-user-home{background:var(--background-gradient);direction:ltr;min-height:100vh;padding:20px}.regular-user-container{max-width:1200px;margin:0 auto}.welcome-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:16px;margin-bottom:40px;padding:40px}.welcome-content{text-align:center}.welcome-content .welcome-title{color:#fff;margin:0 0 16px;font-size:2.5rem;font-weight:700}.welcome-content .welcome-subtitle{color:#d1d5db;margin:0 0 24px;font-size:1.2rem;line-height:1.6}.welcome-content .welcome-badge{justify-content:center;display:flex}.navigation-cards{margin-bottom:40px}.navigation-cards .cards-title{color:#fff;text-align:center;margin:0 0 32px;font-size:2rem;font-weight:700}.navigation-cards .cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.navigation-card{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:32px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.navigation-card:hover{border-color:rgba(75,85,99,.6);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.navigation-card.priority-card{border:2px solid var(--pex-orange);background:linear-gradient(135deg,rgba(31,41,55,.9) 0%,rgba(31,41,55,.7) 100%)}.navigation-card.priority-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.navigation-card .card-icon{margin-bottom:20px;font-size:3rem;display:block}.navigation-card .card-content{margin-bottom:20px}.navigation-card .card-content .card-title{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:700}.navigation-card .card-content .card-description{color:#d1d5db;margin:0;font-size:1rem;line-height:1.5}.navigation-card .card-arrow{color:rgba(255,255,255,.6);transition:all .3s;position:absolute;top:24px;right:24px}.navigation-card:hover .card-arrow{color:#fff;transform:translate(4px)}.upgrade-prompt{background:linear-gradient(135deg,var(--pex-orange)0%,#e67e22 100%);text-align:center;color:#fff;border-radius:16px;padding:40px}.upgrade-prompt .upgrade-content{max-width:600px;margin:0 auto}.upgrade-prompt .upgrade-content .upgrade-title{margin:0 0 16px;font-size:2rem;font-weight:700}.upgrade-prompt .upgrade-content .upgrade-description{opacity:.9;margin:0 0 24px;font-size:1.1rem;line-height:1.6}.upgrade-prompt .upgrade-content .upgrade-button{color:#fff;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.upgrade-prompt .upgrade-content .upgrade-button:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}@media (max-width:768px){.regular-user-home{padding:10px}.welcome-section{padding:24px}.welcome-section .welcome-content .welcome-title{font-size:2rem}.welcome-section .welcome-content .welcome-subtitle{font-size:1rem}.navigation-cards .cards-title{font-size:1.5rem}.navigation-cards .cards-grid{grid-template-columns:1fr;gap:16px}.navigation-card{padding:24px}.navigation-card .card-icon{font-size:2.5rem}.navigation-card .card-content .card-title{font-size:1.3rem}.upgrade-prompt{padding:24px}.upgrade-prompt .upgrade-content .upgrade-title{font-size:1.5rem}.upgrade-prompt .upgrade-content .upgrade-description{font-size:1rem}}.about-page-container{background:0 0;min-height:100vh;padding:2rem}.about-content-wrapper{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.about-header{text-align:center;margin-bottom:2rem}.about-title{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:1rem;font-size:3rem;font-weight:800}.about-subtitle{color:var(--gray-300);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.8);border:1px solid rgba(255,165,63,.3);border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.about-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.about-card-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.about-card-text{color:var(--gray-300);font-size:1rem;line-height:1.6}.settings-page-container{background:0 0;min-height:100vh;padding:2rem}.settings-content-wrapper{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.settings-header{text-align:center;margin-bottom:2rem}.settings-title{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:1rem;font-size:3rem;font-weight:800}.settings-subtitle{color:var(--gray-300);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.8);border:1px solid rgba(255,165,63,.3);border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.settings-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.settings-card-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.settings-card-text{color:var(--gray-300);font-size:1rem;line-height:1.6}.help-page-container{background:0 0;min-height:100vh;padding:2rem}.help-content-wrapper{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.help-header{text-align:center;margin-bottom:2rem}.help-title{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:1rem;font-size:3rem;font-weight:800}.help-subtitle{color:var(--gray-300);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.help-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.8);border:1px solid rgba(255,165,63,.3);border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.help-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.help-card-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.help-card-text{color:var(--gray-300);font-size:1rem;line-height:1.6}.text-center{text-align:center}.settings-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);min-height:100vh;padding:2rem}.settings-page .settings-container{max-width:800px;margin:0 auto}.settings-page .settings-header{text-align:center;margin-bottom:3rem}.settings-page .settings-header .settings-title{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.settings-page .settings-header .settings-subtitle{color:#d1d5db;opacity:.9;font-size:1.1rem}.settings-page .settings-content{flex-direction:column;gap:2rem;display:flex}.settings-page .settings-section .settings-section-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.settings-page .settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.settings-page .settings-item{border-bottom:1px solid rgba(75,85,99,.3);justify-content:space-between;align-items:flex-start;padding:1.5rem 0;display:flex}.settings-page .settings-item:last-child{border-bottom:none}.settings-page .settings-item .settings-item-content{flex:1;margin-right:2rem}.settings-page .settings-item .settings-item-content .settings-item-title{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.settings-page .settings-item .settings-item-content .settings-item-description{color:#d1d5db;font-size:.9rem;line-height:1.5}.settings-page .settings-item .settings-item-value{align-items:center;gap:1rem;display:flex}.settings-page .settings-item .settings-item-value .username-display{color:#fff;font-size:1rem;font-weight:500}.settings-page .settings-item .settings-item-value .read-only-badge{color:#9ca3af;background:rgba(107,114,128,.2);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.settings-page .settings-item .settings-item-value .email-display,.settings-page .settings-item .settings-item-value .phone-display,.settings-page .settings-item .settings-item-value .password-display{color:#d1d5db;font-family:Courier New,monospace;font-size:1rem}.settings-page .settings-item .settings-item-value .settings-input{color:#fff;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);border-radius:8px;width:300px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.settings-page .settings-item .settings-item-value .settings-input:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.settings-page .settings-item .settings-item-value .settings-input::placeholder{color:#9ca3af}.settings-page .settings-item .settings-item-value .password-inputs{flex-direction:column;gap:.75rem;width:300px;display:flex}.settings-page .settings-item .settings-item-value .password-inputs .settings-input{width:100%}.settings-page .theme-selector{gap:1rem;display:flex}.settings-page .theme-selector .theme-option{color:#d1d5db;cursor:pointer;background:rgba(31,41,55,.6);border:2px solid rgba(75,85,99,.3);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:1rem 1.5rem;transition:all .2s;display:flex}.settings-page .theme-selector .theme-option:hover{background:rgba(55,65,81,.6);border-color:rgba(75,85,99,.5)}.settings-page .theme-selector .theme-option.active{border-color:var(--pex-orange);color:#fff;background:rgba(255,107,53,.1)}.settings-page .theme-selector .theme-option .theme-icon{font-size:1.5rem}.settings-page .theme-selector .theme-option span{font-size:.9rem;font-weight:500}.settings-page .settings-actions{justify-content:center;margin-top:2rem;display:flex}.settings-page .settings-actions .settings-buttons{gap:1rem;display:flex}.settings-page .settings-actions .settings-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.settings-page .settings-actions .settings-btn.settings-btn-primary{background:var(--pex-orange);color:#fff}.settings-page .settings-actions .settings-btn.settings-btn-primary:hover{background:#e55a2b;transform:translateY(-1px)}.settings-page .settings-actions .settings-btn.settings-btn-secondary{color:#d1d5db;background:rgba(75,85,99,.6);border:1px solid rgba(75,85,99,.5)}.settings-page .settings-actions .settings-btn.settings-btn-secondary:hover{color:#fff;background:rgba(75,85,99,.8)}.light-layout .settings-page{background:rgba(255,255,255,.9)}.light-layout .settings-page .settings-title{color:#1f2937}.light-layout .settings-page .settings-subtitle{color:#6b7280}.light-layout .settings-page .settings-section-title{color:#1f2937}.light-layout .settings-page .settings-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .settings-page .settings-item{border-bottom:1px solid rgba(229,231,235,.5)}.light-layout .settings-page .settings-item .settings-item-title{color:#1f2937}.light-layout .settings-page .settings-item .settings-item-description{color:#6b7280}.light-layout .settings-page .settings-item .username-display{color:#1f2937}.light-layout .settings-page .settings-item .email-display,.light-layout .settings-page .settings-item .phone-display,.light-layout .settings-page .settings-item .password-display{color:#6b7280}.light-layout .settings-page .settings-item .settings-input{color:#1f2937;background:rgba(249,250,251,.8);border:1px solid rgba(209,213,219,.5)}.light-layout .settings-page .settings-item .settings-input:focus{border-color:var(--pex-orange)}.light-layout .settings-page .settings-item .settings-input::placeholder{color:#9ca3af}.light-layout .settings-page .theme-option{color:#6b7280;background:rgba(249,250,251,.8);border:2px solid rgba(209,213,219,.5)}.light-layout .settings-page .theme-option:hover{background:rgba(243,244,246,.8);border-color:rgba(209,213,219,.7)}.light-layout .settings-page .theme-option.active{border-color:var(--pex-orange);color:#1f2937;background:rgba(255,107,53,.1)}.light-layout .settings-page .settings-btn-secondary{color:#6b7280;background:rgba(243,244,246,.8);border:1px solid rgba(209,213,219,.5)}.light-layout .settings-page .settings-btn-secondary:hover{color:#374151;background:rgba(229,231,235,.8)}.about-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);min-height:100vh;padding:2rem}.about-page .about-container{max-width:1200px;margin:0 auto}.about-page .about-header{text-align:center;margin-bottom:4rem}.about-page .about-header .about-title{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:700}.about-page .about-header .about-subtitle{color:#d1d5db;opacity:.9;max-width:600px;margin:0 auto;font-size:1.2rem}.about-page .about-content{flex-direction:column;gap:3rem;display:flex}.about-page .about-section .about-section-title{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600}.about-page .about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.about-page .about-card .about-card-icon{margin-bottom:1rem;font-size:3rem}.about-page .about-card .about-card-title{color:#fff;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.about-page .about-card .about-card-text{color:#d1d5db;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}.about-page .about-card.contact-card .contact-info{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.about-page .about-card.contact-card .contact-info .contact-item{justify-content:center;align-items:center;gap:1rem;display:flex}.about-page .about-card.contact-card .contact-info .contact-item .contact-icon{font-size:1.2rem}.about-page .about-card.contact-card .contact-info .contact-item span{color:#d1d5db;font-size:1rem}.about-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.about-page .features-grid .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.about-page .features-grid .feature-card:hover{transform:translateY(-4px)}.about-page .features-grid .feature-card .feature-icon{margin-bottom:1rem;font-size:2.5rem}.about-page .features-grid .feature-card .feature-title{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.about-page .features-grid .feature-card .feature-description{color:#d1d5db;font-size:1rem;line-height:1.5}.about-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;display:grid}.about-page .stats-grid .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.about-page .stats-grid .stat-card:hover{transform:translateY(-2px)}.about-page .stats-grid .stat-card .stat-number{color:var(--pex-orange);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.about-page .stats-grid .stat-card .stat-label{color:#d1d5db;font-size:1rem;font-weight:500}.about-page .team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.about-page .team-grid .team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.about-page .team-grid .team-card:hover{transform:translateY(-4px)}.about-page .team-grid .team-card .team-avatar{margin-bottom:1rem;font-size:3rem}.about-page .team-grid .team-card .team-name{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.about-page .team-grid .team-card .team-role{color:var(--pex-orange);margin-bottom:1rem;font-size:1rem;font-weight:500}.about-page .team-grid .team-card .team-bio{color:#d1d5db;font-size:.9rem;line-height:1.5}.light-layout .about-page{background:rgba(255,255,255,.9)}.light-layout .about-page .about-title{color:#1f2937}.light-layout .about-page .about-subtitle{color:#6b7280}.light-layout .about-page .about-section-title{color:#1f2937}.light-layout .about-page .about-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .about-page .about-card .about-card-title{color:#1f2937}.light-layout .about-page .about-card .about-card-text,.light-layout .about-page .about-card.contact-card .contact-info .contact-item span{color:#6b7280}.light-layout .about-page .feature-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .about-page .feature-card .feature-title{color:#1f2937}.light-layout .about-page .feature-card .feature-description{color:#6b7280}.light-layout .about-page .stat-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .about-page .stat-card .stat-label{color:#6b7280}.light-layout .about-page .team-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .about-page .team-card .team-name{color:#1f2937}.light-layout .about-page .team-card .team-bio{color:#6b7280}.help-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);min-height:100vh;padding:2rem}.help-page .help-container{max-width:1000px;margin:0 auto}.help-page .help-header{text-align:center;margin-bottom:3rem}.help-page .help-header .help-title{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.help-page .help-header .help-subtitle{color:#d1d5db;opacity:.9;font-size:1.1rem}.help-page .help-search{margin-bottom:2rem}.help-page .help-search .search-container{max-width:600px;margin:0 auto;position:relative}.help-page .help-search .search-container .search-input{color:#fff;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.5);border-radius:12px;width:100%;padding:1rem 3rem 1rem 1.5rem;font-size:1rem;transition:all .2s}.help-page .help-search .search-container .search-input:focus{border-color:var(--pex-orange);outline:none;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.help-page .help-search .search-container .search-input::placeholder{color:#9ca3af}.help-page .help-search .search-container .search-button{background:var(--pex-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem;transition:all .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.help-page .help-search .search-container .search-button:hover{background:#e55a2b}.help-page .help-search .search-container .search-button span{font-size:1.2rem}.help-page .help-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.help-page .help-tabs .help-tab{color:#d1d5db;cursor:pointer;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.help-page .help-tabs .help-tab:hover{color:#fff;background:rgba(75,85,99,.6)}.help-page .help-tabs .help-tab.active{background:var(--pex-orange);color:#fff;border-color:var(--pex-orange)}.help-page .help-tabs .help-tab .tab-icon{font-size:1.2rem}.help-page .help-content .section-title{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.help-page .faq-section .faq-list{flex-direction:column;gap:1rem;display:flex}.help-page .faq-section .faq-list .faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;transition:all .2s;overflow:hidden}.help-page .faq-section .faq-list .faq-item:hover{background:rgba(75,85,99,.6)}.help-page .faq-section .faq-list .faq-item .faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.help-page .faq-section .faq-list .faq-item .faq-question h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.help-page .faq-section .faq-list .faq-item .faq-question .faq-icon{color:var(--pex-orange);font-size:1.5rem;transition:transform .2s}.help-page .faq-section .faq-list .faq-item .faq-question:hover{background:rgba(75,85,99,.3)}.help-page .faq-section .faq-list .faq-item .faq-answer{border-top:1px solid rgba(75,85,99,.3);padding:0 1.5rem 1.5rem}.help-page .faq-section .faq-list .faq-item .faq-answer p{color:#d1d5db;margin:0;padding-top:1rem;line-height:1.6}.help-page .demos-section .demos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.help-page .demos-section .demos-grid .demo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.help-page .demos-section .demos-grid .demo-card:hover{transform:translateY(-4px)}.help-page .demos-section .demos-grid .demo-card .demo-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.help-page .demos-section .demos-grid .demo-card .demo-header .demo-title{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.help-page .demos-section .demos-grid .demo-card .demo-header .demo-type{color:var(--pex-orange);background:rgba(255,107,53,.2);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.help-page .demos-section .demos-grid .demo-card .demo-description{color:#d1d5db;margin-bottom:1.5rem;line-height:1.5}.help-page .demos-section .demos-grid .demo-card .demo-meta{justify-content:space-between;align-items:center;display:flex}.help-page .demos-section .demos-grid .demo-card .demo-meta .demo-duration{color:#9ca3af;font-size:.9rem}.help-page .demos-section .demos-grid .demo-card .demo-meta .demo-button{background:var(--pex-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.help-page .demos-section .demos-grid .demo-card .demo-meta .demo-button:hover{background:#e55a2b}.help-page .support-section .support-methods{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.help-page .support-section .support-methods .support-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.help-page .support-section .support-methods .support-card:hover{transform:translateY(-4px)}.help-page .support-section .support-methods .support-card .support-icon{margin-bottom:1rem;font-size:2.5rem}.help-page .support-section .support-methods .support-card .support-content .support-title{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.help-page .support-section .support-methods .support-card .support-content .support-description{color:#d1d5db;margin-bottom:1rem;line-height:1.5}.help-page .support-section .support-methods .support-card .support-content .support-contact{color:var(--pex-orange);margin-bottom:.5rem;font-size:1rem}.help-page .support-section .support-methods .support-card .support-content .support-availability .availability-label{color:#9ca3af;font-size:.9rem}.help-page .support-section .support-methods .support-card .support-content .support-availability .availability-time{color:#d1d5db;margin-left:.5rem;font-size:.9rem}.help-page .chat-section .chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.3);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.help-page .chat-section .chat-container .chat-header{background:rgba(75,85,99,.3);border-bottom:1px solid rgba(75,85,99,.3);align-items:center;gap:1rem;padding:1.5rem;display:flex}.help-page .chat-section .chat-container .chat-header .chat-avatar{font-size:2rem}.help-page .chat-section .chat-container .chat-header .chat-info h3{color:#fff;margin:0;font-size:1.1rem}.help-page .chat-section .chat-container .chat-header .chat-info .chat-status{color:#10b981;font-size:.9rem;font-weight:500}.help-page .chat-section .chat-container .chat-messages{min-height:300px;max-height:400px;padding:1.5rem;overflow-y:auto}.help-page .chat-section .chat-container .chat-messages .chat-message{margin-bottom:1rem}.help-page .chat-section .chat-container .chat-messages .chat-message.bot-message .message-content{color:#d1d5db;background:rgba(75,85,99,.3);border-radius:12px;padding:1rem;line-height:1.5}.help-page .chat-section .chat-container .chat-messages .chat-message.bot-message .message-content ul{margin:.5rem 0;padding-left:1.5rem}.help-page .chat-section .chat-container .chat-messages .chat-message.bot-message .message-content ul li{margin-bottom:.25rem}.help-page .chat-section .chat-container .chat-input{background:rgba(75,85,99,.3);border-top:1px solid rgba(75,85,99,.3);gap:1rem;padding:1.5rem;display:flex}.help-page .chat-section .chat-container .chat-input .message-input{color:#fff;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem}.help-page .chat-section .chat-container .chat-input .message-input:focus{border-color:var(--pex-orange);outline:none}.help-page .chat-section .chat-container .chat-input .message-input::placeholder{color:#9ca3af}.help-page .chat-section .chat-container .chat-input .send-button{background:var(--pex-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.help-page .chat-section .chat-container .chat-input .send-button:hover{background:#e55a2b}.light-layout .help-page{background:rgba(255,255,255,.9)}.light-layout .help-page .help-title{color:#1f2937}.light-layout .help-page .help-subtitle{color:#6b7280}.light-layout .help-page .search-input{color:#1f2937;background:rgba(249,250,251,.8);border:1px solid rgba(209,213,219,.5)}.light-layout .help-page .search-input:focus{border-color:var(--pex-orange)}.light-layout .help-page .search-input::placeholder{color:#9ca3af}.light-layout .help-page .help-tab{color:#6b7280;background:rgba(249,250,251,.8);border:1px solid rgba(209,213,219,.5)}.light-layout .help-page .help-tab:hover{color:#374151;background:rgba(243,244,246,.8)}.light-layout .help-page .help-tab.active{background:var(--pex-orange);color:#fff}.light-layout .help-page .section-title{color:#1f2937}.light-layout .help-page .faq-item{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .help-page .faq-item:hover{background:rgba(249,250,251,.8)}.light-layout .help-page .faq-item .faq-question h3{color:#1f2937}.light-layout .help-page .faq-item .faq-question:hover{background:rgba(243,244,246,.8)}.light-layout .help-page .faq-item .faq-answer{border-top:1px solid rgba(229,231,235,.5)}.light-layout .help-page .faq-item .faq-answer p{color:#6b7280}.light-layout .help-page .demo-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .help-page .demo-card .demo-title{color:#1f2937}.light-layout .help-page .demo-card .demo-description{color:#6b7280}.light-layout .help-page .demo-card .demo-duration{color:#9ca3af}.light-layout .help-page .support-card{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .help-page .support-card .support-title{color:#1f2937}.light-layout .help-page .support-card .support-description{color:#6b7280}.light-layout .help-page .support-card .support-availability .availability-label{color:#9ca3af}.light-layout .help-page .support-card .support-availability .availability-time{color:#6b7280}.light-layout .help-page .chat-container{background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.5)}.light-layout .help-page .chat-container .chat-header{background:rgba(249,250,251,.8);border-bottom:1px solid rgba(229,231,235,.5)}.light-layout .help-page .chat-container .chat-header .chat-info h3{color:#1f2937}.light-layout .help-page .chat-container .chat-messages .bot-message .message-content{color:#6b7280;background:rgba(249,250,251,.8)}.light-layout .help-page .chat-container .chat-input{background:rgba(249,250,251,.8);border-top:1px solid rgba(229,231,235,.5)}.light-layout .help-page .chat-container .chat-input .message-input{color:#1f2937;background:rgba(255,255,255,.8);border:1px solid rgba(209,213,219,.5)}.light-layout .help-page .chat-container .chat-input .message-input:focus{border-color:var(--pex-orange)}div[class*="fixed left-0 top-0 h-screen"][class*=border-r]{-webkit-backdrop-filter:blur(10px)!important;background-color:transparent!important;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(212,175,55,.02) 2px,rgba(212,175,55,.02) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,175,55,.02) 2px,rgba(212,175,55,.02) 4px)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;border-color:rgba(184,134,11,.4)!important;border-right-width:1px!important}button[aria-label=Toggle\ sidebar]{color:var(--pex-gold)!important}button[aria-label=Toggle\ sidebar]:hover{color:var(--pex-gold-dark)!important}button[aria-label=Toggle\ sidebar] svg{color:inherit!important}div[class*="fixed left-0 top-0 h-screen"] a[href],div[class*="fixed left-0 top-0 h-screen"] a[href] svg,div[class*="fixed left-0 top-0 h-screen"] a[href] span{color:rgba(184,134,11,.6)!important}div[class*="fixed left-0 top-0 h-screen"] a[href]:hover,div[class*="fixed left-0 top-0 h-screen"] a[href]:hover svg,div[class*="fixed left-0 top-0 h-screen"] a[href]:hover span{color:var(--pex-gold-dark)!important}div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500,div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange],div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"],div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500 svg,div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange] svg,div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"] svg,div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500 span,div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange] span,div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"] span{color:var(--pex-gold)!important}div[class*="fixed left-0 top-0 h-screen"] div[class*=bg-orange-400],div[class*="fixed left-0 top-0 h-screen"] div[style*=backgroundColor][style*="var(--pex-orange)"]{background-color:var(--pex-gold)!important}div[class*="fixed left-0 top-0 h-screen"] div[class*=bg-gradient-to-r][style*=orange],div[class*="fixed left-0 top-0 h-screen"] div[class*=bg-gradient-to-r][style*=var\(--pex-orange]{background:linear-gradient(90deg,rgba(212,175,55,.15) 0%,rgba(212,175,55,.1) 40%,transparent 60%)!important}div[class*="fixed left-0 top-0 h-screen"] div[class*=rounded-full][style*=backgroundColor][style*="33210D"],div[class*="fixed left-0 top-0 h-screen"] div[class*=rounded-full][style*=backgroundColor][style*="rgba(255, 165, 63"]{background-color:rgba(212,175,55,.1)!important}div[class*="fixed left-0 top-0 h-screen"] div[class*=border-t]{border-color:rgba(184,134,11,.3)!important}[data-theme=light] div[class*="fixed left-0 top-0 h-screen"][class*=border-r]{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(212,175,55,.02) 2px,rgba(212,175,55,.02) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,175,55,.02) 2px,rgba(212,175,55,.02) 4px)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;border-color:rgba(184,134,11,.4)!important}[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"][class*=border-r]{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(212,175,55,.05) 2px,rgba(212,175,55,.05) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,175,55,.05) 2px,rgba(212,175,55,.05) 4px)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;border-color:rgba(184,134,11,.5)!important}[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href],[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href] svg,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href] span{color:rgba(212,175,55,.7)!important}[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href]:hover,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href]:hover svg,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href]:hover span,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange],[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"],[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500 svg,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange] svg,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"] svg,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href].text-orange-500 span,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*=--pex-orange] span,[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] a[href][style*="var(--pex-orange)"] span{color:var(--pex-gold)!important}[data-theme=dark] div[class*="fixed left-0 top-0 h-screen"] div[class*=border-t]{border-color:rgba(212,175,55,.3)!important}