*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:.8rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{cursor:pointer;margin-right:auto}.logo-image{height:40px;width:auto}.nav-links{display:flex;gap:1rem;margin-left:auto}.nav-link{border-radius:6px;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-btn{background-color:#fff;border:2px solid #068fff;color:#068fff}.login-btn:hover{background-color:#f0f8ff;box-shadow:0 4px 8px #068fff33;transform:translateY(-2px)}.register-btn{background-color:#068fff;border:2px solid #068fff;color:#fff}.register-btn:hover{background-color:#0570d9;border-color:#0570b9;box-shadow:0 4px 8px #068fff4d;transform:translateY(-2px)}@media (max-width:768px){.navbar{display:none}}@media (min-width:769px){.logo-image{height:40px}.nav-link{font-size:.95rem;padding:.6rem 1.5rem}}.footer{background-color:#0570d9;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}.copyright{font-size:.9rem;opacity:.8}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;left:0;padding:12px 0;position:fixed;right:0;z-index:1000}.nav-item{color:#64748b;cursor:pointer;flex:1 1;font-size:.75rem;padding:5px;position:relative;text-align:center;transition:all .2s ease}.nav-item:hover{color:#07f;transform:translateY(-1px)}.nav-item svg{display:block;font-size:1.25rem;margin:0 auto 4px;position:relative;transition:all .2s ease}.nav-item.active{color:#07f}.nav-item.active svg{transform:scale(1.1)}.icon-wrapper{display:inline-block;position:relative}.badge{align-items:center;animation:pulse 2s infinite;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1.2;min-width:18px;padding:3px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.announcement-badge,.message-badge{background:#f44;background:linear-gradient(135deg,#f44,#c00)}.message-badge{font-weight:900;text-shadow:0 1px 2px #0000004d}.badge:after{animation:glow 2s infinite;background:#ff44444d;border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:480px){.bottom-nav{padding:10px 0}.nav-item{font-size:.6875rem;padding:4px}.nav-item svg{font-size:1.125rem}.badge{font-size:.6rem;height:16px;min-width:16px;padding:2px 5px;right:-6px;top:-6px}}@media (max-width:320px){.nav-item{font-size:.625rem;padding:3px}.nav-item svg{font-size:1rem}.badge{font-size:.55rem;height:14px;min-width:14px;right:-5px;top:-5px}}@media (prefers-contrast:high){.badge{border:3px solid #fff;font-weight:900}}@media (prefers-reduced-motion:reduce){.badge{animation:none}.nav-item{transition:none}.nav-item.active svg,.nav-item:hover{transform:none}}.landing-container{background:#0a192f;display:flex;flex:1 1;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.background{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.bg-image{filter:brightness(.4) contrast(1.1);height:100%;object-fit:cover;width:100%}.overlay{background:#0a192fcc;bottom:0;left:0;position:absolute;right:0;top:0}.main-content{display:flex;flex:1 1;flex-direction:column;gap:3rem;padding:2rem;position:relative;z-index:2}.welcome-section{margin:2rem auto 0;max-width:1200px;padding:0 2rem;width:100%}.welcome-container{align-items:center;display:flex;gap:4rem;justify-content:space-between}.title-section{flex:1 1;gap:1.5rem}.title-section,.title-sequence{display:flex;flex-direction:column}.title-sequence{gap:.5rem}.welcome-text{color:#64ffda;font-size:2.9rem;font-weight:700;letter-spacing:-.01em;line-height:1;margin:0;text-transform:uppercase}.main-titles{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem}.main-title{color:#64ffda;font-size:2rem;font-weight:800;margin:0 0 0 100px}.main-title,.subtitle{letter-spacing:-.005em;line-height:1;text-transform:uppercase}.subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;background-clip:text;color:#ff6b6b;font-size:2rem!important;font-weight:900!important;margin:1rem 0;text-shadow:0 6px 12px #00000080}.supporters-text{color:#64ffda;font-size:2.2rem;font-weight:700;letter-spacing:-.005em;line-height:1;margin:.5rem 0 0;opacity:.9;text-transform:uppercase}.tagline{margin-top:1rem}.tagline-text{color:#64ffda;font-size:1.3rem;font-weight:500;letter-spacing:.05em;margin:0;opacity:.8;text-transform:uppercase}.welcome-image-section{align-items:center;display:flex;flex:1 1;justify-content:center}.welcome-image-display{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.image-frame{border:2px solid #64ffda4d;border-radius:12px;box-shadow:0 15px 35px #0006;display:flex;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content}.welcome-image{display:block;height:500px;object-fit:cover;transition:transform .3s ease;width:400px}.image-frame:hover .welcome-image{transform:scale(1.02)}.image-caption{background:#64ffda1a;border:1px solid #64ffda4d;border-radius:8px;padding:.8rem 2rem;text-align:center;transition:all .3s ease}.image-caption:hover{background:#64ffda26;transform:translateY(-2px)}.caption-text{color:#64ffda;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.writeup-section{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.writeup-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64ffda0d;border:1px solid #64ffda33;border-radius:16px;box-shadow:0 10px 30px #0000004d;padding:3rem}.writeup-title{color:#64ffda;font-size:2.2rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem;text-align:center}.writeup-content{display:flex;flex-direction:column;gap:2rem}.writeup-subtitle{color:#64ffda;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0;opacity:.9;text-align:center}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:flex-start;background:#64ffda14;border:1px solid #64ffda4d;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.feature-item:hover{background:#64ffda1f;transform:translateX(5px)}.feature-icon{align-items:center;background:#64ffda;border-radius:50%;color:#0a192f;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:24px;justify-content:center;margin-top:.1rem;width:24px}.feature-text{color:#64ffda;flex:1 1;font-size:1rem;line-height:1.5;margin:0;opacity:.9}.commitment-section{background:#64ffda1a;border:1px solid #64ffda4d;border-radius:12px;padding:1.5rem;text-align:center}.vision-text{color:#64ffda;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0}.action-section{display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.action-buttons{display:flex;gap:1.5rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.05em;min-width:160px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.primary-btn{background:#64ffda;box-shadow:0 4px 15px #64ffda4d;color:#0a192f}.primary-btn:hover{background:#4fd3b0;box-shadow:0 6px 20px #64ffda66;transform:translateY(-3px)}.secondary-btn{background:#0000;border:2px solid #64ffda;color:#64ffda}.secondary-btn:hover{background:#64ffda1a;box-shadow:0 6px 20px #64ffda33;transform:translateY(-3px)}@media (max-width:1024px){.welcome-text{font-size:2.2rem}.main-title{font-size:1.8rem}.subtitle{font-size:5rem}.supporters-text{font-size:2rem}.welcome-image{height:440px;width:350px}.welcome-container{gap:3rem}}@media (max-width:768px){.main-content{gap:2.5rem;padding:1.5rem}.action-section,.welcome-section,.writeup-section{padding:0 1rem}.welcome-text{font-size:2rem}.main-title{font-size:1.6rem}.subtitle{font-size:4rem}.supporters-text{font-size:1.8rem}.tagline-text{font-size:1.1rem}.welcome-container{align-items:center;flex-direction:column;gap:3rem}.title-section{align-items:center;text-align:center}.welcome-image-section{justify-content:center;width:100%}.welcome-image-display{align-items:center;width:100%}.image-frame{display:flex;justify-content:center;margin:0 auto}.welcome-image{height:380px;max-width:300px;width:100%}.writeup-container{padding:2rem 1.5rem}.writeup-title{font-size:1.8rem}.writeup-subtitle{font-size:1.1rem}.action-buttons{flex-direction:column;gap:1rem;max-width:300px;width:100%}.btn{font-size:1rem;padding:1rem 2rem;width:100%}}@media (max-width:480px){.welcome-text{font-size:3.9rem;font-weight:12px}.main-title{font-size:1.4rem}.subtitle{font-size:3.2rem}.supporters-text{font-size:1.6rem}.tagline-text{font-size:1rem}.writeup-container{padding:1.5rem 1rem}.writeup-title{font-size:1.6rem}.writeup-subtitle{font-size:1rem}.feature-item{padding:.8rem}.feature-text{font-size:.95rem}.vision-text{font-size:1.1rem}.welcome-image{height:350px;max-width:280px}.image-caption{padding:.7rem 1.5rem}.caption-text{font-size:.9rem}.action-buttons{max-width:280px}.btn{font-size:.95rem;padding:.9rem 1.8rem}}@media (max-width:360px){.main-content{gap:2rem;padding:1rem}.welcome-text{font-size:1.6rem}.main-title{font-size:1.3rem}.subtitle{font-size:2.8rem}.supporters-text{font-size:1.4rem}.welcome-image{height:320px}.action-buttons,.welcome-image{max-width:260px}}*{box-sizing:border-box}.page-container{background-color:#f8faff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0 auto;max-width:1400px;padding:20px;position:relative}.form-container{background:#fff;border:1px solid #e5e9f2;border-radius:16px;box-shadow:0 10px 30px #00000014;color:#333;margin:20px auto;max-width:900px;padding:40px;width:100%}.form-header{border-bottom:1px solid #eaeef5;margin-bottom:30px;padding-bottom:20px;text-align:center}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#068fff,#4e54c8);-webkit-background-clip:text;background-clip:text;color:#1a365d;font-size:28px;margin-bottom:10px}.subtitle{color:#64748b;font-size:12px;line-height:1.5;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:1000px;text-align:center}.progress-steps{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.progress-steps:before{background:#e2e8f0;content:"";height:2px;left:0;position:absolute;right:20;top:20px;z-index:1}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:60px;position:relative;z-index:2}.step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:1}.step.completed:not(:last-child):after{background:#10b981}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px;z-index:2}.step.active .step-number{background:#068fff;box-shadow:0 4px 10px #068fff4d;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#94a3b8;font-size:12px;font-weight:500;line-height:1.2;text-align:center;transition:color .3s ease}.step.active .step-label{color:#068fff;font-weight:600}.step.completed .step-label{color:#10b981}.form-section{animation:fadeIn .4s ease}.section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;margin-bottom:25px;padding-bottom:15px}.section-icon{color:#068fff;font-size:20px;margin-right:12px}.section-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.input-group{display:flex;flex-direction:column}.input-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.registration-form input,.registration-form select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.registration-form input:focus,.registration-form select:focus{border-color:#068fff;box-shadow:0 0 0 3px #068fff26}.registration-form input::placeholder{color:#9ca3af}.password-wrapper input{padding-right:45px;width:100%}.password-toggle{color:#6b7280;padding:5px;right:16px}.password-toggle:hover{color:#374151}.password-hint{color:#6b7280;font-size:12px;margin-top:5px}.profile-picture-section{background:#f8faff;border:1px solid #e0e6ed;border-radius:12px;margin:30px 0;padding:20px}.profile-picture-upload{align-items:center;display:flex;gap:25px}.profile-picture-preview{align-items:center;background:#fff;border:3px solid #068fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{background:#e0e6ed;color:#777;font-size:2.5rem;height:100%;width:100%}.profile-picture-placeholder,.remove-profile-picture{align-items:center;display:flex;justify-content:center}.remove-profile-picture{background:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:14px;height:30px;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:30px}.remove-profile-picture:hover{background:#c0392b;transform:scale(1.1)}.profile-upload-controls{flex:1 1}.profile-file-input{display:none}.upload-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.upload-main-btn{align-items:center;background:#068fff;border:none;border-radius:8px;box-shadow:0 4px 12px #068fff4d;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;height:50px;justify-content:center;min-width:200px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.upload-main-btn:hover{background:#0570cc;box-shadow:0 6px 15px #068fff66;transform:translateY(-2px)}.profile-upload-hint{color:#6b7280;font-size:13px;margin:0}.upload-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upload-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:100%}.upload-modal-header{align-items:center;background:#f8faff;border-bottom:1px solid #eaeef5;display:flex;justify-content:space-between;padding:20px 24px}.upload-modal-header h3{color:#1a365d;font-size:20px;font-weight:600;margin:0}.close-upload-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:5px;transition:all .2s ease}.close-upload-btn:hover{background:#e2e8f0;color:#374151}.upload-options-modal{display:flex;flex-direction:column;gap:16px;padding:24px}.upload-option-card{align-items:center;background:#f8faff;border:2px solid #e0e6ed;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease;width:100%}.upload-option-card:hover{background:#eef2ff;border-color:#068fff;box-shadow:0 4px 12px #068fff26;transform:translateY(-2px)}.upload-option-icon{align-items:center;background:#068fff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.upload-option-card:nth-child(2) .upload-option-icon{background:#10b981}.upload-option-content h4{color:#1a365d;font-size:16px;font-weight:600;margin:0 0 4px}.upload-option-content p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.upload-modal-footer{border-top:1px solid #eaeef5;padding:16px 24px 24px;text-align:center}.cancel-upload-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.cancel-upload-btn:hover{background:#4b5563}.camera-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.camera-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.camera-modal-header{align-items:center;background:#f8faff;border-bottom:1px solid #eaeef5;display:flex;justify-content:space-between;padding:20px}.camera-modal-header h3{color:#1a365d;font-size:18px;font-weight:600;margin:0}.close-camera-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:5px;transition:all .2s ease}.close-camera-btn:hover{background:#e2e8f0;color:#374151}.camera-preview{align-items:center;background:#000;display:flex;height:400px;justify-content:center;position:relative;width:100%}.camera-video{height:100%;object-fit:cover;width:100%}.camera-controls{background:#f8faff;border-top:1px solid #eaeef5;gap:20px;padding:20px}.camera-btn,.camera-controls{align-items:center;display:flex;justify-content:center}.camera-btn{border:none;border-radius:50%;cursor:pointer;font-size:16px;padding:12px;transition:all .3s ease}.switch-camera-btn{background:#6b7280;color:#fff;height:50px;width:50px}.switch-camera-btn:hover{background:#4b5563;transform:scale(1.1)}.capture-btn{background:#068fff;box-shadow:0 4px 15px #068fff66;color:#fff;font-size:24px;height:70px;width:70px}.capture-btn:hover{background:#0570cc;box-shadow:0 6px 20px #068fff80;transform:scale(1.05)}.cancel-btn{background:#6b7280;border-radius:8px;font-weight:500;padding:10px 20px}.cancel-btn:hover{background:#4b5563}.form-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:15px;justify-content:space-between;margin-top:30px;padding-top:20px}.btn-next,.btn-prev{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;max-width:200px;padding:12px 24px;transition:all .3s ease}.btn-prev{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.btn-prev:hover{background:#f1f5f9;color:#475569}.btn-next{background:#068fff;box-shadow:0 2px 5px #068fff33;color:#fff}.btn-next:hover{background:#0570cc;box-shadow:0 4px 8px #068fff4d;transform:translateY(-2px)}.btn-arrow{font-weight:700}.submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b9814d;display:flex;flex:1 1;gap:10px;justify-content:center;max-width:200px;padding:14px 30px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 15px #10b98166;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.form-footer{border-top:1px solid #eaeef5;margin-top:30px}.signin-text{color:#64748b;font-size:15px}.signin-text a{color:#068fff;font-weight:500;text-decoration:none;transition:color .2s ease}.signin-text a:hover{color:#0570cc;text-decoration:underline}.toast-notification{box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px}.toast-content{padding:15px}.toast-message{white-space:pre-line}.toast-progress{background:#eee}.toast-progress:after{animation:progressBar 8s linear forwards}.error-message{animation:fadeInError .4s ease-in-out;font-size:15px;margin-bottom:20px}@keyframes fadeInError{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.form-container{margin:15px auto;padding:30px}.progress-steps{margin-bottom:30px}.form-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.page-container{align-items:flex-start;padding:10px}.form-container{border-radius:12px;margin:10px auto;padding:20px}.form-header{margin-bottom:20px}.title{font-size:24px;margin-bottom:8px}.subtitle{font-size:14px;line-height:1.4}.progress-steps{gap:5px;margin-bottom:30px}.step{flex-direction:column;min-width:40px}.step-label{display:none}.step-number{font-size:13px;height:36px;margin-bottom:0;width:36px}.progress-steps:before,.step:not(:last-child):after{top:18px}.section-header{margin-bottom:20px;padding-bottom:12px}.section-icon,.section-title{font-size:18px}.form-grid{gap:15px;grid-template-columns:1fr;margin-bottom:20px}.registration-form input,.registration-form select{font-size:16px;padding:12px 14px}.profile-picture-section{margin:20px 0;padding:15px}.profile-picture-upload{flex-direction:column;gap:20px;text-align:center}.profile-picture-preview{height:100px;width:100px}.upload-options{flex-direction:column;width:100%}.upload-main-btn{min-width:auto;width:100%}.upload-modal{margin:10px;max-width:100%}.upload-options-modal{padding:20px}.upload-option-card{padding:16px}.camera-modal{margin:10px;max-width:100%}.camera-preview{height:300px}.camera-controls{flex-wrap:wrap;gap:15px}.form-actions{flex-direction:column;gap:12px;margin-top:25px;padding-top:15px}.btn-next,.btn-prev,.submit-btn{font-size:16px;max-width:none;padding:14px 20px;width:100%}.toast-notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:12px}.toast-message{font-size:14px}.form-footer{margin-top:25px;padding-top:15px}.signin-text{font-size:14px}}@media (max-width:480px){.form-container{margin:5px auto;padding:16px}.title{font-size:22px}.subtitle{font-size:13px}.step-number{font-size:12px;height:32px;width:32px}.progress-steps:before,.step:not(:last-child):after{top:16px}.section-title{font-size:17px}.form-grid{gap:12px}.registration-form input,.registration-form select{padding:11px 12px}.profile-picture-section{padding:12px}.profile-picture-preview{height:90px;width:90px}.upload-main-btn{font-size:14px;padding:12px 20px}.upload-option-card{padding:14px}.upload-option-icon{font-size:18px;height:44px;width:44px}.camera-preview{height:250px}.capture-btn{font-size:20px;height:60px;width:60px}.btn-next,.btn-prev,.submit-btn{font-size:15px;padding:13px 16px}}@media (max-width:360px){.progress-steps{gap:2px}.step-number{font-size:11px;height:28px;width:28px}.progress-steps:before,.step:not(:last-child):after{top:14px}.upload-options{gap:8px}}@media (max-height:600px) and (orientation:landscape){.page-container{align-items:flex-start;padding:10px}.form-container{margin:10px auto;padding:20px}.progress-steps{margin-bottom:20px}.form-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.camera-preview{height:200px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.registration-form input,.registration-form select{border-width:.5px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.select-loading{color:#999;position:relative}.select-loading:after{color:#666;content:"Loading...";position:absolute;right:10px}.input-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:12px;margin-right:5px;width:12px}.field-hint{color:#6b7280;margin-top:4px}.login-page{align-items:center;background:#f8faff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.toast-notification{animation:slideInToast .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 25px #00000026;max-width:600px;min-width:450px;overflow:hidden;position:fixed;right:20px;top:20px;z-index:1000}.toast-notification.error{border-left:4px solid #e74c3c}.toast-notification.success{border-left:4px solid #2ecc71}.toast-content{align-items:center;padding:16px 20px}.toast-message{color:#333;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.toast-progress{background:#f0f0f0;height:3px;overflow:hidden;position:relative;width:100%}.toast-progress:after{animation:progressBar 5s linear forwards;background:#e74c3c;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.toast-notification.success .toast-progress:after{background:#2ecc71}@keyframes slideInToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes progressBar{0%{width:100%}to{width:0}}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000040;max-width:400px;padding:40px 30px;text-align:center;width:90%}.success-icon{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:36px;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.success-modal h3{color:#068fff;font-size:22px;margin-bottom:10px}.success-modal p{color:#555;font-size:15px;line-height:1.5;margin-bottom:25px}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049)}.success-close-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.success-close-btn:hover{box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.login-container{background:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 6px 20px #0000001a;max-width:500px;padding:40px 30px;text-align:center;width:100%}.login-container h2{color:#068fff;font-size:24px;font-weight:600;margin-bottom:25px}form{gap:18px;text-align:left}label{color:#333;font-weight:500}input,label{font-size:15px}input{border:1px solid #068fff;border-radius:6px;box-sizing:border-box;outline:none;padding:12px;transition:all .3s ease;width:100%}input:focus{border-color:#068fff;box-shadow:0 0 0 2px #068fff40}.password-wrapper{position:relative}.password-toggle{border-radius:4px;color:grey;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{background:#f5f5f5;color:#4f4f4f}button{background:#068fff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}button:hover{background:#0578d4;box-shadow:0 4px 12px #068fff4d;transform:translateY(-1px)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message{animation:fadeIn .3s ease-in-out;background-color:#ffe5e5;border:1px solid #f5c2c2;border-radius:6px;color:#d32f2f;font-weight:500;margin-bottom:15px;padding:12px}.forgot,.register{font-size:15px;line-height:1.5;margin-top:18px}.forgot a,.register a{color:#ff4b4b;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot a:hover,.register a:hover{color:#e03a3a;text-decoration:underline}@media (max-width:768px){.login-container{max-width:90%;padding:25px 20px}.toast-notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:14px 16px}.toast-message{font-size:13px;text-overflow:clip;white-space:normal}}.logout-warning-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logout-warning-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.warning-icon{font-size:48px;margin-bottom:15px}.logout-warning-modal h3{color:#dc3545;font-size:20px;margin-bottom:10px}.logout-warning-modal p{color:#666;line-height:1.4;margin-bottom:8px}.warning-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.continue-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.continue-btn:hover{background:#218838}.logout-btn{background:#6c757d;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .2s}.logout-btn:hover{background:#5a6268}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-container{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:flex-start;min-height:100vh;padding-top:100px}.back-link{align-self:flex-start;color:#068fff;font-size:16px;font-weight:500;margin-bottom:25px;margin-right:100px;text-decoration:none}.category-card{background:#fff;border:2px solid #068fff;border-radius:12px;box-shadow:0 4px 10px #00000014;box-sizing:border-box;max-width:700px;padding:60px 40px;width:90%}.title{color:#068fff;font-size:26px;font-weight:700;margin-bottom:40px;text-align:center}form{display:flex;flex-direction:column;gap:25px}label{color:#068fff;font-size:18px;font-weight:600;margin-bottom:8px}.required{color:red;margin-left:4px}select{border:2px solid #068fff;border-radius:8px;font-size:18px;outline:none;padding:16px}select:focus{border-color:#068fff;box-shadow:0 0 0 3px #068fff33}.submit-btn{background:#068fff;font-size:18px;font-weight:700;padding:18px;transition:background .3s ease,transform .1s ease;width:100%}.submit-btn:hover{background:#0077e6}.submit-btn:active{transform:scale(.98)}@media (max-width:768px){.category-card{padding:40px 20px}.title{font-size:22px}.submit-btn,select{font-size:16px;padding:14px}}.request-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.request-header{margin-bottom:20px;padding:0}.request-header h1{color:#000;font-size:50px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;display:block;font-size:14px;font-weight:400;margin:0;width:100%}.request-divider{background:#fff;height:1px;margin:20px 0}.request-container{background:#fff;border:3px solid #05c;border-radius:40px;box-shadow:0 2px 8px #0000001a;padding:24px}.request-details{background:#fff;border-radius:12px;padding:0}.request-title-section{margin-bottom:20px}.request-title{color:#000;font-size:20px;font-weight:600;margin:0 0 8px}.request-date{color:#666;font-size:14px;font-weight:400}.request-content{margin-bottom:30px}.request-content p{color:#333;font-size:16px;line-height:1.5;margin:0 0 20px}.reply-btn{background:none;border:none;color:#07f;cursor:pointer;display:inline;font-size:16px;font-weight:500;margin:0;padding:0;text-align:left}.reply-btn:hover{color:#05c}.reply-form-section{margin-top:30px}.form-divider{background:#e0e0e0;height:1px;margin:30px 0}.reply-form{background:#fff;border-radius:12px;padding:0}.form-group{margin-bottom:25px}.form-label{color:#000;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.form-input,.form-textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;resize:vertical;width:100%}.form-input:focus,.form-textarea:focus{border-color:#07f;outline:none}.form-textarea{min-height:120px}.attachment-note{color:#666;font-size:14px;font-style:italic;margin:8px 0 0}.photo-upload-section{margin-top:30px}.photo-title{color:#000;font-size:18px;font-weight:500;margin:0 0 20px}.upload-area{background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:border-color .2s}.upload-area:hover{background:#f0f8ff;border-color:#07f}.file-input{display:none}.upload-label{align-items:center;color:#07f;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.upload-icon{font-size:32px;font-weight:300;margin-bottom:8px}.upload-text{font-size:16px;font-weight:500}.selected-files{margin-top:20px}.selected-files h4{color:#000;font-size:16px;font-weight:500;margin:0 0 12px}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.file-name{color:#333;flex:1 1;font-size:14px}.file-size{color:#666;font-size:12px;margin-left:8px}.remove-file{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;width:24px}.remove-file:hover{background:#c82333}.form-submit-section{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:20px;text-align:center}.submit-btn{background:#07f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:14px 40px;transition:background-color .2s}.submit-btn:hover{background:#05c;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.popup-icon{font-size:48px;margin-bottom:16px}.success-popup .popup-icon{color:#28a745}.error-popup .popup-icon{color:#dc3545}.popup h3{color:#000;font-size:20px;font-weight:600;margin:0 0 12px}.popup p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.popup-close-btn{background:#07f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 30px;transition:background-color .2s}.popup-close-btn:hover{background:#05c}@media (max-width:768px){.request-page{padding:16px}.request-header h1{font-size:32px}.subtitle{font-size:13px}.request-title{font-size:18px}.request-container{padding:20px}.reply-btn{padding:14px 30px;width:100%}.submit-btn{padding:16px 30px;width:100%}.popup{margin:20px;padding:24px}}@media (max-width:480px){.request-page{padding:12px}.request-header h1{font-size:24px}.subtitle{font-size:12px}.request-title{font-size:16px}.request-container{padding:16px}.form-input,.form-textarea{font-size:14px;padding:10px 14px}.upload-area{padding:30px 15px}.popup{padding:20px}.popup-icon{font-size:40px}}@media (max-width:320px){.request-header h1{font-size:20px}.subtitle{font-size:11px}}.chat-container{background:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.chat-sidebar{background:#fff;border-right:1px solid #e8ecef;display:flex;flex-direction:column;max-width:380px;transition:transform .3s ease;width:100%;z-index:10}.sidebar-header{background:#fff;border-bottom:1px solid #e8ecef;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sidebar-header h2{color:#1a1a1a;font-size:22px;font-weight:600;margin:0}.header-actions{display:flex;gap:6px}.icon-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.icon-button:hover{background:#f8f9fa;color:#068fff}.icon-button:active{transform:scale(.95)}.connection-status{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.connected{background:#068fff}.status-dot.disconnected{background:#ef4444}.search-box{border-bottom:1px solid #e8ecef;padding:16px 20px;position:relative}.search-box input{background:#f8f9fa;border:1px solid #e8ecef;border-radius:10px;font-size:14px;outline:none;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.search-box input:focus{background:#fff;border-color:#068fff;box-shadow:0 0 0 2px #068fff1a}.search-icon{color:#666;font-size:16px;left:32px;position:absolute;top:50%;transform:translateY(-50%)}.conversations-list{flex:1 1;overflow-y:auto;padding:0}.conversation-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:background .2s ease}.conversation-item:hover{background:#f8f9fa}.conversation-item.active{background:#f0f9ff;border-left:3px solid #068fff}.avatar{flex-shrink:0;margin-right:12px;position:relative}.avatar img,.avatar-placeholder{border-radius:50%;height:44px;object-fit:cover;width:44px}.avatar-placeholder{align-items:center;background:#f0f9ff;border:1px solid #e8ecef;color:#068fff;display:flex;font-size:16px;font-weight:500;justify-content:center}.online-indicator{background:#068fff;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.online-indicator.offline{background:#9ca3af}.conversation-info{flex:1 1;min-width:0;position:relative}.conversation-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.conversation-header h4{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:50%;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;position:relative;z-index:2}.conversation-meta{align-items:center;display:flex;gap:8px;margin-top:2px}.conversation-time{color:#666;font-size:11px;white-space:nowrap}.conversation-item.active .conversation-time{color:#068fff}.last-message{color:#666;font-size:13px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{flex:1 1;flex-direction:column;position:relative}.chat-header,.chat-main{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e8ecef;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-button{display:none;margin-right:12px}.chat-user-info{align-items:center;display:flex;flex:1 1;gap:12px}.chat-user-info h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.user-status{color:#666;font-size:13px}.messages-container{background:#fff;background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:120px 120px;flex:1 1;overflow-y:auto;padding:20px}.messages-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:800px;width:100%}.message{animation:messageAppear .3s ease;display:flex;max-width:75%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;margin-left:auto}.message.received{align-self:flex-start}.message-content{border-radius:16px;box-shadow:0 1px 2px #0000001a;line-height:1.4;max-width:100%;padding:12px 16px;position:relative}.message.sent .message-content{background:#068fff;border-bottom-right-radius:6px;color:#fff}.message.received .message-content{background:#fff;border:1px solid #e8ecef;border-bottom-left-radius:6px;color:#1a1a1a}.message-content p{word-wrap:break-word;font-size:14px;line-height:1.4;margin:0}.message-time{display:block;font-size:10px;margin-top:6px;opacity:.7;text-align:right}.read-status{margin-left:4px}.message-attachments{margin-top:8px}.attachment{margin:6px 0}.attachment img{border:1px solid #0000001a;border-radius:10px;max-width:240px}.attachment a{align-items:center;background:#ffffff1a;border-radius:8px;color:inherit;display:flex;font-size:13px;gap:6px;padding:8px 12px;text-decoration:none;transition:background .2s ease}.message.received .attachment a{background:#0000000d}.attachment a:hover{background:#fff3}.message.received .attachment a:hover{background:#0000001a}.typing-indicator{align-self:flex-start;background:#fff;border:1px solid #e8ecef;border-radius:16px;border-bottom-left-radius:6px;color:#666;font-size:13px;font-style:italic;padding:10px 16px}.message-input-form{background:#fff;border-top:1px solid #e8ecef;bottom:0;padding:20px;position:-webkit-sticky;position:sticky}.message-input-container{align-items:flex-end;display:flex;gap:10px;margin:0 auto;max-width:800px;width:100%}.send-button:disabled{cursor:not-allowed;opacity:.4}.send-button:disabled:hover{background:#0000;color:#666}.message-input{-ms-overflow-style:none;background:#f8f9fa;border:1px solid #e8ecef;border-radius:20px;flex:1 1;font-family:inherit;font-size:15px;line-height:1.4;max-height:100px;min-height:48px;outline:none;padding:14px 18px;resize:none;scrollbar-width:none;transition:all .2s ease}.message-input::-webkit-scrollbar{display:none}.message-input:focus{background:#fff;border-color:#068fff;box-shadow:0 0 0 2px #068fff1a}.attachments-preview{background:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 auto;max-width:800px;padding:0 20px 12px;width:100%}.attachment-preview{border:1px solid #e8ecef;border-radius:10px;height:60px;overflow:hidden;position:relative;width:60px}.attachment-preview img{border-radius:10px;height:100%;object-fit:cover;width:100%}.file-preview{background:#f8f9fa;color:#666;flex-direction:column;font-size:11px;height:100%;padding:6px;text-align:center;width:100%}.file-preview,.remove-attachment{align-items:center;display:flex;justify-content:center}.remove-attachment{background:#ef4444;border:none;border-radius:50%;box-shadow:0 1px 4px #0003;color:#fff;cursor:pointer;font-size:10px;height:18px;position:absolute;right:-4px;top:-4px;width:18px}.loading,.no-chat-selected,.no-conversations,.no-messages{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-chat-selected{flex:1 1}.no-chat-selected h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:20px 0 8px}.no-chat-selected p{color:#666;font-size:14px;line-height:1.4;margin:0}.start-chat-btn{background:#068fff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:10px 20px;transition:all .2s ease}.start-chat-btn:hover{background:#0578d4;transform:translateY(-1px)}.start-chat-btn.large{font-size:15px;margin-top:16px;padding:12px 24px}.modal-overlay{background:#00000080;padding:16px}.new-chat-modal{background:#fff;border-radius:14px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:440px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.modal-search{border-bottom:1px solid #e8ecef;padding:16px 20px;position:relative}.modal-search input{background:#f8f9fa;border:1px solid #e8ecef;border-radius:10px;font-size:15px;outline:none;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.modal-search input:focus{background:#fff;border-color:#068fff;box-shadow:0 0 0 2px #068fff1a}.modal-search .search-icon{left:32px}.users-list{flex:1 1;max-height:360px;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;padding:14px 20px;transition:background .2s ease}.user-item:hover{background:#f8f9fa}.user-info{flex:1 1;margin-left:12px;min-width:0}.user-info h4{color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 4px}.user-email,.user-info h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:13px;margin:0}.start-chat-indicator{color:#068fff;flex-shrink:0;font-size:18px;margin-left:8px;opacity:.7;transition:opacity .2s ease}.user-item:hover .start-chat-indicator{opacity:1}.no-users{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.search-tip{color:#9ca3af;font-size:13px;margin-top:8px}.conversations-list,.messages-container,.users-list{-ms-overflow-style:none;scrollbar-width:none}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.users-list::-webkit-scrollbar{display:none}@media (max-width:768px){.chat-container{flex-direction:column;position:relative}.chat-sidebar{bottom:0;box-shadow:2px 0 8px #0000001a;left:0;max-width:none;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:20}.chat-sidebar.active{transform:translateX(0)}.chat-main{min-height:100vh;width:100%}.back-button{background:#f8f9fa;border-radius:10px;display:flex;margin-right:12px}.message{max-width:85%}.message-input-container{gap:8px;padding:0 8px}.message-input{font-size:16px;min-height:44px;padding:14px 16px}.modal-overlay{padding:12px}.new-chat-modal{border-radius:12px;max-height:85vh;width:95%}.modal-header{padding:16px}.modal-search,.user-item{padding:12px 16px}.header-actions{gap:4px}.icon-button{background:#f8f9fa;border:1px solid #e8ecef;box-shadow:0 1px 3px #0000001a;font-size:18px;height:44px;width:44px}.icon-button:hover{background:#e8ecef;transform:translateY(-1px)}.conversation-item{padding:14px 16px}.avatar img,.avatar-placeholder{font-size:16px;height:48px;width:48px}.conversation-header h4{font-size:16px}.last-message{font-size:14px}.unread-badge{font-size:12px;height:22px;min-width:22px}.sidebar-header{background:#fff;box-shadow:0 1px 3px #0000001a;padding:16px}.sidebar-header-top{margin-bottom:12px}.sidebar-header h2{font-size:20px;font-weight:700}.connection-status{justify-content:center;padding:8px 0}.connection-status span{display:inline-block;font-size:12px;font-weight:500}.search-box{padding:12px 16px}.search-box input{font-size:16px;padding:14px 16px 14px 44px}.search-icon{font-size:18px;left:28px}}@media (max-width:480px){.sidebar-header{padding:14px 16px}.search-box{padding:10px 16px}.conversation-item{padding:12px 16px}.chat-header{padding:14px 16px}.messages-container{padding:16px}.message-input-form{padding:16px 12px}.message-content{padding:10px 14px}.attachment img{max-width:200px}.icon-button{font-size:17px;height:42px;width:42px}.sidebar-header-top{margin-bottom:8px}.sidebar-header h2{font-size:18px}.header-actions{gap:3px}.icon-button{font-size:16px;height:40px;width:40px}.conversation-header h4{font-size:15px}.last-message{font-size:13px}}@media (min-width:769px){.chat-container{height:100vh}.chat-sidebar{box-shadow:none;position:relative;transform:none}.back-button{display:none}.conversation-item:hover{background:#f8f9fa;transform:translateX(2px);transition:all .2s ease}.message.sent .message-content:hover{box-shadow:0 2px 8px #068fff33}.message.received .message-content:hover{box-shadow:0 2px 8px #0000001a}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.users-list::-webkit-scrollbar{display:block;width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.users-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}@media (min-width:1200px){.chat-sidebar{max-width:420px}.attachments-preview,.message-input-container,.messages-list{max-width:900px}}.refresh-button.refreshing{color:#068fff}.spinning{animation:spin 1s linear infinite}.refreshing-text{color:#666;font-size:11px;margin-left:6px}.users-list-content{width:100%}.users-count{background:#f8f9fa;border-bottom:1px solid #f0f0f0;color:#666;font-size:13px;font-weight:500;padding:10px 20px}@keyframes pulse{0%{box-shadow:0 2px 4px #ef44444d;transform:scale(1)}50%{box-shadow:0 3px 6px #ef444466;transform:scale(1.05)}to{box-shadow:0 2px 4px #ef44444d;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.message,.spinning,.unread-badge{animation:none}.conversation-item:hover{transform:none}}@media (max-width:768px){.conversation-item{min-height:72px}.user-item{min-height:68px}.icon-button{min-height:44px;min-width:44px}.start-chat-btn{min-height:44px;padding:12px 24px}}@media (prefers-color-scheme:dark){.chat-container{background:#1a1a1a;color:#fff}.chat-sidebar{background:#1a1a1a;border-right-color:#333}.sidebar-header{background:#1a1a1a;border-bottom-color:#333}.sidebar-header h2{color:#fff}.search-box input{background:#2d2d2d;border-color:#333;color:#fff}.conversation-item{border-bottom-color:#333}.conversation-item:hover{background:#2d2d2d}.conversation-item.active{background:#1e3a5f}.conversation-header h4{color:#fff}.last-message{color:#ccc}}.profile-container{background:#f5f5f5;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.toast{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px;position:fixed;right:20px;top:20px;z-index:1001}.toast-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast-content{align-items:flex-start;display:flex;justify-content:space-between;padding:12px 16px}.toast-message{flex:1 1;font-size:14px;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.field-hint{color:#666;font-size:12px;font-style:italic;line-height:1.4;margin-top:5px}.profile-image-container{display:inline-block;position:relative}.profile-img{border:3px solid #fff;border-radius:50%;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.profile-image-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;flex-direction:column;gap:5px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-image-container:hover .profile-image-overlay{opacity:1}.upload-btn{background:#007bff;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;text-align:center;transition:all .3s ease}.upload-btn:hover{background:#0056b3;transform:scale(1.05)}.remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:25px;justify-content:center;padding:6px;transition:all .3s ease;width:25px}.remove-btn:hover{background:#c82333;transform:scale(1.1)}.remove-btn:disabled{background:#6c757d;cursor:not-allowed}.id-card-image-container{display:inline-block;position:relative}.profile-img-small{border:3px solid #fff;border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.logout-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal{animation:slideUp .4s ease-out;background:#fff;border:2px solid #fff0f0;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px 30px;text-align:center;width:90%}.logout-icon{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.logout-modal h3{color:#d32f2f;font-size:24px;font-weight:600;margin:0 0 10px}.logout-modal p{color:#666;font-size:16px;line-height:1.5;margin:0 0 25px}.logout-details{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px;text-align:left}.logout-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.logout-item:last-child{margin-bottom:0}.logout-label{color:#666;font-size:14px;font-weight:500}.logout-value{color:#333;font-size:14px;font-weight:600}.logout-progress{margin-bottom:20px}.progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-in-out;background:linear-gradient(90deg,#ff6b6b,#ee5a52);border-radius:3px;height:100%;width:100%}.logout-progress span{color:#666;font-size:14px}.logout-close-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 30px;transition:all .3s ease;width:100%}.logout-close-btn:hover{box-shadow:0 5px 15px #ff6b6b4d;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:0}to{width:100%}}.profile-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:20px;padding-bottom:20px}.profile-header h2{color:#333;font-size:28px;margin:0;text-align:center}.logout-container{border-top:1px solid #e0e0e0;display:flex;justify-content:center;margin-top:auto;padding:30px 0}.logout-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;min-width:150px;padding:12px 30px;transition:all .3s;width:auto}.logout-btn:hover{background:#c82333;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.membership-status{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between}.status-left{align-items:center;display:flex;gap:20px}.profile-name{font-size:24px;margin:0}.volunteer-badge{background:#fff3;border-radius:20px;font-size:12px;margin-left:10px;padding:4px 12px}.status-right{text-align:right}.status-right p{margin:5px 0}.status-badge{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;padding:6px 15px}.status-badge.approved{background:#28a745;color:#fff}.status-badge.pending{background:#ffc107;color:#000}.section-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.section-header h4{color:#333;font-size:18px;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-grid .full-width{grid-column:1/-1}.form-grid label{color:#555;display:block;font-weight:600;margin-bottom:5px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#667eea;outline:none}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#999;font-size:13px}.political-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.political-info-grid label{color:#555;display:block;font-weight:600;margin-bottom:5px}.political-info-grid input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.political-info-grid input:disabled{background-color:#f8f9fa;color:#6c757d}.membership-card{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff}.id-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:30px}.id-left{flex:1 1}.id-title{font-size:12px;letter-spacing:1px;margin:0 0 5px;opacity:.8}.id-subtitle{font-size:14px;margin:0 0 20px;opacity:.9}.id-name{font-size:24px;font-weight:600;margin:0 0 10px}.id-member-id{font-family:monospace;font-size:16px;letter-spacing:1px;margin:0 0 15px}.id-details{display:flex;font-size:14px;gap:15px;opacity:.9}.id-right{text-align:center}.member-since{font-size:12px;margin:5px 0;opacity:.8}.member-status{background:#fff3;border-radius:20px;font-size:12px;margin:5px 0;padding:4px 12px}.card-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.edit-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:12px 30px;transition:background .3s;width:auto}.edit-btn:hover:not(:disabled){background:#0056b3}.edit-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:12px 30px;transition:background .3s;width:auto}.cancel-btn:hover{background:#5a6268}.loading-spinner-container{align-items:center;display:flex;height:200px;justify-content:center}.loading-spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.loading-spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #0000;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-banner,.error-message{background:#f8d7da;border-radius:5px;color:#721c24;margin:20px 0;padding:15px;text-align:center}.error-banner{border:1px solid #f5c6cb}@media (max-width:768px){.profile-header{gap:15px}.membership-status,.profile-header{flex-direction:column;text-align:center}.membership-status{gap:20px}.status-left{flex-direction:column}.status-left,.status-right{text-align:center}.form-grid,.political-info-grid{grid-template-columns:1fr}.id-card{gap:20px;text-align:center}.card-actions,.id-card{flex-direction:column}.logout-btn{max-width:200px;width:100%}.logout-modal{max-width:90%;padding:30px 20px}.logout-icon{font-size:28px;height:60px;width:60px}.logout-modal h3{font-size:20px}.profile-image-overlay{background:#00000080;opacity:1}.toast{left:20px;max-width:none;min-width:auto;right:20px}}@media (max-width:480px){.logout-modal{padding:25px 15px}.logout-icon{font-size:24px;height:50px;width:50px}.logout-modal h3{font-size:18px}.logout-modal p{font-size:14px}.upload-btn{font-size:10px;padding:4px 8px}.remove-btn{font-size:9px;height:20px;width:20px}}.activity-report-container{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.header{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px;text-align:center}.header h1{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:8px}.header p{color:#666;font-size:16px}.activity-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px}.form-section{margin-bottom:30px}.form-section h2{border-bottom:1px solid #f0f0f0;color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.form-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:10px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.form-group textarea{min-height:120px;resize:vertical}.attachment-info{color:#666;font-size:14px}.attachment-info,.file-upload{margin-bottom:15px}.file-upload-label{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:6px;color:#666;cursor:pointer;display:inline-block;font-size:16px;padding:12px 20px;transition:background-color .2s}.file-upload-label:hover{background-color:#e9ecef}#file-upload{display:none}.file-list{background-color:#f8f9fa;border-radius:6px;margin-top:15px;padding:15px}.file-list p{font-weight:500;margin-bottom:8px}.file-list ul{list-style-type:none}.file-list li{color:#555;font-size:14px;padding:5px 0}.form-footer{border-top:1px solid #f0f0f0;padding-top:20px;text-align:center}.form-footer p{color:#666;font-size:14px;margin-bottom:20px}.submit-button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 30px;transition:background-color .2s}.submit-button:hover{background-color:#3a80d2}@media (max-width:768px){.activity-report-container{padding:15px}.activity-form{padding:20px}.header h1{font-size:22px}.form-group input,.form-group textarea{font-size:16px;padding:10px 12px}.submit-button{padding:16px;width:100%}}@media (max-width:480px){.header h1{font-size:20px}.form-section h2{font-size:18px}.form-section h3{font-size:16px}.file-upload-label{text-align:center;width:100%}}.announcements-container{font-family:Segoe UI,sans-serif;margin:20px auto;max-width:800px;padding:15px}.page-title{font-size:22px;margin-bottom:10px}.unread-badge{background:#fce4ec;border-radius:15px;color:#c2185b;display:inline-block;font-size:14px;margin-bottom:20px;padding:6px 12px}.notification-card{background:#fff;border:1px solid #eee;border-left:5px solid #0000;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;padding:15px;transition:transform .2s}.notification-card:hover{transform:translateY(-3px)}.notification-header{align-items:center;display:flex;justify-content:space-between}.notification-header h3{font-size:18px;margin:0}.notification-header .date{color:#777;font-size:13px}.tags{margin:8px 0}.priority{border-radius:10px;font-size:12px;margin-right:8px;padding:3px 8px;text-transform:capitalize}.priority.high{background:#ffebee;color:#d32f2f}.priority.medium{background:#e3f2fd;color:#1976d2}.tag{background:#f5f5f5;border-radius:10px;color:#555;font-size:12px;padding:3px 8px}.description{color:#444;font-size:14px;margin:10px 0}.actions{display:flex;gap:10px}.mark-btn,.view-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.view-btn{background:#eee}.view-btn:hover{background:#ddd}.mark-btn{background:#d32f2f;color:#fff}.mark-btn:hover{background:#b71c1c}.notification-card.unread{border-left-color:#d32f2f}.announcements-page{color:#2d3748;font-family:Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px;padding:2rem}.announcements-header{align-items:center;display:flex;gap:10px;margin-bottom:2rem}.announcements-header h2{font-weight:700;margin:0}.announcements-header h2,.bell-icon{color:#0570d9;font-size:1.8rem}.announcement-container{display:flex;flex-direction:column;gap:1.5rem}.announcement-card{background:#fff;border:1px solid #eee;border-left:6px solid red;border-radius:12px;box-shadow:0 3px 8px #00000014;cursor:pointer;padding:1.8rem;transition:.2s ease}.announcement-card:hover{box-shadow:0 4px 12px #0000001f;transform:scale(1.02)}.announcement-card.unread{border-left:6px solid red}.announcement-card.read{border-left:6px solid #aaa;opacity:.85}.announcement-card h4{font-size:1.3rem;font-weight:700;margin:0 0 .4rem}.announcement-card .dot{color:red;font-size:1.3rem;margin-left:4px}.announcement-card .date{color:gray;font-size:.95rem;margin-bottom:1rem}.message-preview{color:#333;font-size:1rem;line-height:1.5}.mark-blur{color:#0000004d;font-size:.95rem;font-style:italic;margin-top:1rem}.mark-blur.done{color:#00000026}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:600px;padding:2rem;text-align:left;width:90%}.modal-content h3{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.modal-content .date{color:gray;font-size:.9rem;margin-bottom:1rem}.modal-content .modal-text{color:#333;font-size:1rem;line-height:1.6}.close-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.6rem 1.2rem;transition:.2s ease}.close-btn,.close-btn:hover{background:#0570d9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}App.css
*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.07728334.css.map*/