*,: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}.isolate{isolation:isolate}.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}.fab{align-items:center;background:linear-gradient(135deg,#07f,#05c);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #0077ff4d;cursor:pointer;display:flex;height:60px;justify-content:center;left:30px;outline:none;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1002}.fab:hover{box-shadow:0 6px 25px #07f6;transform:scale(1.05)}.fab.expanded{background:linear-gradient(135deg,#f44,#c00);transform:rotate(90deg)}.fab-icon{color:#fff;font-size:1.5rem;transition:transform .3s ease}.fab-badge{align-items:center;animation:fabPulse 2s infinite;background:#f44;border:3px solid #fff;border-radius:11px;box-shadow:0 2px 10px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;min-width:22px;position:absolute;right:-5px;top:-5px}@keyframes fabPulse{0%,to{box-shadow:0 2px 10px #f446;transform:scale(1)}50%{box-shadow:0 3px 15px #f449;transform:scale(1.1)}}.fab-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.fab-menu{background:#fff;border-radius:20px;bottom:100px;box-shadow:0 10px 40px #0003;left:30px;opacity:0;overflow:hidden;position:fixed;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:300px;z-index:1002}.fab-menu.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.fab-menu-header{align-items:center;background:linear-gradient(135deg,#07f,#05c);color:#fff;display:flex;justify-content:space-between;padding:20px}.fab-menu-title{font-size:1.2rem;font-weight:600;margin:0}.fab-menu-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.fab-menu-close:hover{background:#ffffff4d;transform:scale(1.1)}.fab-menu-content{padding:15px}.fab-menu-item{background:#f8f9fa;border-radius:12px;cursor:pointer;margin-bottom:8px;padding:15px;position:relative;transition:all .2s ease}.fab-menu-item:hover{background:#e9ecef;transform:translateX(5px)}.fab-menu-item.active{background:#0077ff1a;border-left:4px solid #07f}.fab-menu-item-content{align-items:center;display:flex;gap:15px}.fab-menu-icon-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;height:50px;justify-content:center;position:relative;width:50px}.fab-menu-icon{color:#07f;font-size:1.3rem}.fab-menu-text{display:flex;flex:1 1;flex-direction:column}.fab-menu-label{color:#333;font-size:1rem;font-weight:600;margin-bottom:4px}.fab-menu-subtitle{color:#666;font-size:.85rem}.menu-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:20px;justify-content:center;line-height:1.2;min-width:20px;padding:4px 8px;position:absolute;right:-8px;text-align:center;top:-8px}.announcement-badge{background:linear-gradient(135deg,#f44,#c00)}.message-badge{background:linear-gradient(135deg,#ff6b00,#f40);font-weight:900}.active-indicator{background:#07f;border-radius:50%;height:8px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:8px}.fab-menu-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px;text-align:center}.fab-menu-footer-text{color:#666;font-size:.8rem;margin:0}@media (max-width:768px){.fab{bottom:20px;height:56px;left:20px;width:56px}.fab-menu{bottom:86px;left:20px;width:280px}.fab-menu-header{padding:16px}.fab-menu-title{font-size:1.1rem}.fab-menu-item{padding:12px}.fab-menu-icon-wrapper{height:46px;width:46px}.fab-menu-label{font-size:.95rem}.fab-menu-subtitle{font-size:.8rem}}@media (max-width:480px){.fab{bottom:15px;height:52px;left:15px;width:52px}.fab-icon{font-size:1.3rem}.fab-badge{font-size:.65rem;height:20px;min-width:20px}.fab-menu{bottom:77px;left:15px;max-width:300px;width:calc(100vw - 30px)}.fab-menu-header{padding:14px}.fab-menu-title{font-size:1rem}.fab-menu-item-content{gap:12px}.fab-menu-icon-wrapper{height:44px;width:44px}.fab-menu-icon{font-size:1.2rem}}@media (max-width:320px){.fab{height:48px;width:48px}.fab-menu{width:calc(100vw - 30px)}}@media (prefers-color-scheme:dark){.fab-menu{background:#1a1a1a}.fab-menu-item{background:#2d2d2d}.fab-menu-item:hover{background:#3d3d3d}.fab-menu-item.active{background:#07f3}.fab-menu-icon-wrapper{background:#333}.fab-menu-icon{color:#4da1ff}.fab-menu-label{color:#fff}.fab-menu-subtitle{color:#aaa}.fab-menu-footer{background:#2d2d2d;border-top-color:#3d3d3d}.fab-menu-footer-text{color:#aaa}}@media (prefers-reduced-motion:reduce){.fab,.fab-menu,.fab-menu-close,.fab-menu-item{transition:none}.fab-menu-item:hover,.fab:hover{transform:none}.fab-badge,.fab-menu,.menu-badge{animation:none}}@media (hover:none) and (pointer:coarse){.fab-menu-item{padding:18px 15px}.fab-menu-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-radius:8px;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{flex:1 1;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{background:#e2e8f0;color:#64748b;font-size:14px;margin-bottom:8px;z-index:2}.step.active .step-number{box-shadow:0 4px 10px #068fff4d}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#94a3b8;font-size:12px;font-weight:500;line-height:1.2;transition:color .3s ease}.step.active .step-label{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}.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%}.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;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{border:2px solid #0000}.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;font-size:18px;padding:4px;right:12px;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}.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;font-size:16px;margin-bottom:25px;margin-right:100px}.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}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#f8faff,#f0f7ff);display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{animation:slideUp .5s ease-out;background:#fff;border:1px solid #068fff1a;border-radius:16px;box-shadow:0 10px 40px #068fff14;max-width:480px;padding:40px;width:100%}.back-to-login{margin-bottom:24px}.back-link{align-items:center;color:#068fff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:8px 0;text-decoration:none;transition:all .3s ease}.back-link:hover{color:#0578d4;gap:12px}.forgot-password-header{margin-bottom:36px;text-align:center}.forgot-password-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#068fff,#0578d4);-webkit-background-clip:text;color:#1a365d;font-size:28px;font-weight:700;margin-bottom:12px}.subtitle{font-size:16px;line-height:1.6;margin:0 auto;max-width:320px}.step-indicator{gap:4px;justify-content:center;margin-bottom:40px}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:8px}.step-number{align-items:center;background:#f0f7ff;border:2px solid #e2e8f0;border-radius:50%;color:#a0aec0;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-number{background:#068fff;border-color:#068fff;box-shadow:0 4px 12px #068fff4d;color:#fff}.step-label{color:#a0aec0;font-size:13px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.step.active .step-label{color:#068fff}.step-connector{background:#e2e8f0;height:2px;margin:0 4px;transition:all .3s ease;width:80px}.step.active+.step-connector{background:linear-gradient(90deg,#068fff,#e2e8f0)}.forgot-password-form{gap:24px}.forgot-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{align-items:center;color:#2d3748;display:flex;gap:8px}.input-with-icon{position:relative}.input-icon{color:#718096;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#2d3748;font-size:16px;font-weight:500;outline:none;padding:16px 16px 16px 52px;transition:all .3s ease;width:100%}.form-input.with-left-icon{padding-left:52px}.form-input:focus{background:#f8faff;border-color:#068fff;box-shadow:0 0 0 4px #068fff26}.otp-input-container{display:flex;justify-content:center}.otp-input{background:#f8faff;border:2px solid #068fff;border-radius:12px;color:#1a365d;font-size:32px;font-weight:700;letter-spacing:15px;outline:none;padding:20px;text-align:center;transition:all .3s ease;width:240px}.otp-input:focus{box-shadow:0 0 0 4px #068fff33;transform:translateY(-2px)}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#f0f7ff;color:#068fff}.password-strength{display:flex;gap:4px;height:6px;margin-top:8px}.strength-bar{background:#e2e8f0;border-radius:3px;flex:1 1;transition:all .3s ease}.strength-bar.active{background:#48bb78}.resend-section{background:#f8faff;border:1px solid #e2e8f0;border-radius:10px;margin:8px 0;padding:16px;text-align:center}.resend-section p{color:#718096;font-size:15px;font-weight:500;margin-bottom:12px}.resend-btn{align-items:center;background:#fff;border:2px solid #068fff;border-radius:8px;color:#068fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.resend-btn:hover:not(.disabled){background:#068fff;box-shadow:0 4px 12px #068fff4d;color:#fff;transform:translateY(-1px)}.resend-btn.disabled{border-color:#cbd5e0;box-shadow:none;color:#cbd5e0;cursor:not-allowed;opacity:.5;transform:none}.form-actions{display:flex;gap:16px;margin-top:8px}.reset-btn,.submit-btn,.verify-btn{align-items:center;background:linear-gradient(135deg,#068fff,#0578d4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:17px;font-weight:600;gap:10px;justify-content:center;padding:18px;transition:all .3s ease}.reset-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.verify-btn:hover:not(:disabled){box-shadow:0 8px 20px #068fff66;transform:translateY(-2px)}.reset-btn:disabled,.submit-btn:disabled,.verify-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.back-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#718096;cursor:pointer;flex:1 1;font-size:17px;font-weight:600;padding:18px;transition:all .3s ease}.back-btn:hover:not(:disabled){background:#f8faff;border-color:#068fff;color:#068fff;transform:translateY(-2px)}.back-btn:disabled{cursor:not-allowed;opacity:.5}.error-message,.success-message{align-items:flex-start;animation:fadeIn .3s ease-out;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-message{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #fc8181;color:#c53030}.success-message{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #9ae6b4;color:#276749}.error-icon,.success-icon{flex-shrink:0;font-size:20px;margin-top:2px}.helper-text{color:#718096}.helper-text,.success-text{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:6px}.success-text{color:#38a169}.additional-help{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;text-align:center}.additional-help p{color:#718096;font-size:14px;line-height:1.6}.additional-help a{border-bottom:1px solid #0000;color:#068fff;font-weight:600;text-decoration:none;transition:all .3s ease}.additional-help a:hover{border-bottom-color:#068fff}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.forgot-password-container{max-width:90%;padding:32px 24px}.forgot-password-header h2{font-size:24px}.subtitle{font-size:15px}.step-indicator{gap:2px}.step-connector{width:40px}.step-number{font-size:16px;height:36px;width:36px}.step-label{font-size:12px}.otp-input{font-size:28px;letter-spacing:12px;max-width:220px;padding:18px;width:100%}.form-actions{flex-direction:column}.back-btn,.reset-btn,.submit-btn,.verify-btn{flex:none;width:100%}.form-input{font-size:15px;padding:14px 14px 14px 48px}}@media (max-width:480px){.forgot-password-container{padding:24px 20px}.forgot-password-page,.otp-input{padding:16px}.otp-input{font-size:24px;letter-spacing:10px}}.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}.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}}.dropdown-option.selected .option-content .option-label{font-weight:700}.option-details{border-top:1px solid #0000000d;margin-top:8px;padding-top:8px}.detail-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:4px}.detail-bullet{color:#0578d4;flex-shrink:0;font-size:12px;font-weight:700;margin-top:2px}.detail-text{color:#666;font-size:12px;line-height:1.4}.group-avatar{align-items:center;color:#fff;display:flex;font-size:18px;justify-content:center}.schedule-badge{align-items:center;background:#ffc1071a;border-radius:12px;color:#ffc107;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.schedule-badge svg{font-size:10px}.time-picker-wrapper{position:relative}.time-input-group{align-items:center;background:#fff;border:2px solid #e8ecef;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.time-input-group:focus-within{border-color:#0578d4;box-shadow:0 0 0 3px #0578d41a}.time-icon{color:#0578d4;flex-shrink:0;font-size:18px}.time-input{background:#0000;border:none;color:#333;cursor:pointer;flex:1 1;font-size:15px;outline:none}.time-picker-btn{background:#0578d4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.time-picker-btn:hover{background:#0466b9;transform:translateY(-1px)}.time-picker-modal{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-picker-header{align-items:center;background:#0578d4;color:#fff;display:flex;justify-content:space-between;padding:16px}.time-picker-header h5{font-size:16px;font-weight:600;margin:0}.close-time-picker{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.close-time-picker:hover{background:#ffffff4d}.time-picker-body{padding:20px}.time-selectors{display:flex;gap:20px;margin-bottom:20px}.time-selector{flex:1 1}.time-selector label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.time-scroll{border:1px solid #e8ecef;border-radius:8px;height:200px;overflow-y:auto;padding:8px;scrollbar-color:#0578d4 #f1f1f1;scrollbar-width:thin}.time-scroll::-webkit-scrollbar{width:6px}.time-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-scroll::-webkit-scrollbar-thumb{background:#0578d4;border-radius:3px}.time-option{background:#fff;border:2px solid #0000;border-radius:6px;color:#333;cursor:pointer;font-size:14px;margin-bottom:4px;padding:10px 12px;text-align:center;transition:all .2s;width:100%}.time-option:hover{background:#f8f9fa}.time-option.selected{background:#0578d4;border-color:#0578d4;color:#fff}.period-selector{display:flex;flex-direction:column;gap:8px}.period-option{background:#fff;border:2px solid #e8ecef;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px;text-align:center;transition:all .2s}.period-option:hover{border-color:#0578d4}.period-option.selected{background:#0578d4;border-color:#0578d4;color:#fff}.time-picker-actions{display:flex;justify-content:flex-end}.set-time-btn{background:#0578d4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.set-time-btn:hover{background:#0466b9;transform:translateY(-1px)}.form-hint{color:#666;font-size:13px;line-height:1.4;margin:8px 0 0}.group-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.group-header{align-items:center;background:linear-gradient(135deg,#0578d4,#0466b9);border-bottom:1px solid #e8ecef;display:flex;gap:20px;padding:24px}.group-avatar-large{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:80px;justify-content:center;width:80px}.group-info{flex:1 1}.group-info h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.group-description{color:#ffffffe6;font-size:15px;line-height:1.5;margin:0 0 12px}.group-meta-details{display:flex;flex-wrap:wrap;gap:8px}.group-type-badge{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.members-count,.schedule-info{color:#fff;font-size:14px;font-weight:500}.schedule-info{align-items:center;display:flex;gap:6px}.group-actions{border-bottom:1px solid #e8ecef;padding:20px 24px}.leave-group-btn{align-items:center;background:#dc3545;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.leave-group-btn:hover{background:#c82333;transform:translateY(-2px)}.members-section{flex:1 1;overflow-y:auto;padding:24px}.members-section h4{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 16px}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.member-item:hover{background:#e9ecef}.member-info{align-items:center;display:flex;flex:1 1;gap:12px}.member-info .online-indicator{border:2px solid #fff;bottom:0;height:10px;position:absolute;right:0;width:10px}.member-details{flex:1 1}.member-name{color:#1a1a1a;display:block;font-weight:600;margin-bottom:2px}.member-email{color:#666;font-size:13px}.member-actions{align-items:center;display:flex;gap:8px}.creator-badge{background:#0578d4}.admin-badge,.creator-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.admin-badge{background:#28a745}.remove-member-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-member-btn:hover{background:#c82333;transform:scale(1.1)}.selected-users-section h5,.users-list-section h5{align-items:center;color:#1a1a1a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.selected-users-section h5:after,.users-list-section h5:after{color:#666;content:attr(data-count);font-size:13px;font-weight:400}.user-select-card .online-indicator{border:2px solid #fff;bottom:0;height:10px;position:absolute;right:0;width:10px}.selected-count{background:#0578d41a;border-radius:12px;color:#0578d4;font-size:13px;font-weight:600;padding:4px 10px}.chat-container{background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}.chat-sidebar{border-right:1px solid #e8ecef;flex-direction:column;min-width:380px;transform:translateX(0);transition:transform .3s ease;width:380px;z-index:10}.chat-main,.chat-sidebar{background:#fff;display:flex;overflow:hidden}.chat-main{flex:1 1;flex-direction:column;position:relative}.search-box-container{border-bottom:1px solid #e8ecef;gap:12px;padding:16px 24px}.fab-container-left,.search-box-container{align-items:center;display:flex;position:relative}.fab-container-left{flex-direction:column;z-index:100}.fab-main-left{align-items:center;background:#0578d4;border:none;border-radius:22px;box-shadow:0 4px 16px #0578d466;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.fab-main-left:hover{background:#0466b9;box-shadow:0 6px 20px #0578d480;transform:scale(1.05)}.fab-main-left:active{transform:scale(.95)}.fab-main-left.open{background:#0466b9;transform:rotate(45deg)}.fab-menu-left{align-items:flex-end;animation:fabMenuAppearLeftVertical .3s ease-out;background:#fff;border:1px solid #e8ecef;border-radius:12px;box-shadow:-10px 10px 30px #00000026;display:flex;flex-direction:column-reverse;gap:8px;min-width:180px;padding:8px;position:absolute;right:calc(100% + 8px);top:0;z-index:1000}@keyframes fabMenuAppearLeftVertical{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.fab-action-left{align-items:center;animation:fabActionAppearLeftVertical .3s ease-out forwards;animation-delay:var(--delay);background:#fff;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;opacity:0;padding:12px 16px;text-align:left;transform:translateX(10px);transition:all .2s ease;width:100%}@keyframes fabActionAppearLeftVertical{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.fab-action-left:hover{background:#0578d4;color:#fff;transform:translateX(-4px)}.fab-action-left:hover .fab-icon-left{background:#fff3}.fab-icon-left{align-items:center;background:#0578d41a;border-radius:50%;color:#0578d4;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.fab-action-left:hover .fab-icon-left{color:#fff}.fab-label-left{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{flex:1 1;position:relative}.search-box input{background:#f8f9fa;border:2px solid #e8ecef;border-radius:12px;color:#333;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-box input:focus{background:#fff;border-color:#0578d4;box-shadow:0 0 0 3px #0578d41a}.search-icon{color:#0578d4;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-header{background:#fff;border-bottom:1px solid #e8ecef;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sidebar-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.chat-tabs{background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:16px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.tab-button:hover{background:#0578d41a;color:#0578d4}.tab-button.active{background:#0578d4;box-shadow:0 4px 12px #0578d44d;color:#fff}.tab-button svg{font-size:16px}.connection-status{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:8px}.refreshing-text{color:#0578d4;font-weight:600;margin-left:8px}.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:20px 24px;position:relative;transition:all .3s ease}.conversation-item:hover{background:#f8f9fa;transform:translateX(4px)}.conversation-item.active{background:#0578d41a;border-left:4px solid #0578d4}.conversation-item.group-item.active{border-left-color:#0578d4}.avatar{flex-shrink:0;margin-right:16px;position:relative}.avatar img,.avatar-placeholder{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:52px;object-fit:cover;width:52px}.avatar-placeholder{align-items:center;background:#0578d4;color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.group-avatar{background:#0578d4}.group-avatar svg{color:#fff}.online-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.online-indicator.online{background:#0578d4}.online-indicator.offline{background:#999}.conversation-info{flex:1 1;min-width:0;position:relative}.conversation-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.conversation-header h4{color:#1a1a1a;flex:1 1;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;display:flex;gap:8px}.conversation-time{color:#666;font-size:12px;font-weight:500;white-space:nowrap}.unread-badge{align-items:center;background:#0578d4;border-radius:12px;box-shadow:0 2px 8px #0578d44d;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;line-height:1;min-width:24px}.last-message{color:#666;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-prefix{color:#0578d4;font-weight:600}.group-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.creator-badge,.group-type{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.creator-badge,.group-type{background:#0578d41a;color:#0578d4}.participants-count{color:#0578d4;font-size:12px;font-weight:600;margin-left:4px}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e8ecef;box-shadow:0 2px 10px #0000000d;display:flex;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-button{background:#f8f9fa;color:#0578d4;display:none;margin-right:16px}.chat-user-info{align-items:center;display:flex;flex:1 1;gap:16px}.chat-info{flex:1 1}.chat-title{align-items:center;display:flex;gap:12px;margin-bottom:4px}.chat-title h3{color:#1a1a1a;flex:1 1;font-size:18px;font-weight:700;margin:0}.user-status{color:#666;font-size:13px;font-weight:500}.messages-container{background:#f8f9fa;background-image:radial-gradient(circle at 25% 25%,#0578d40d 0,#0000 55%),radial-gradient(circle at 75% 75%,#0578d40d 0,#0000 55%);flex:1 1;overflow-y:auto;padding:24px}.messages-list{display:flex;flex-direction:column;gap:16px;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:20px;box-shadow:0 4px 12px #0000001a;max-width:100%;padding:16px 20px;position:relative}.message.sent .message-content{background:#0578d4;border-bottom-right-radius:8px;color:#fff}.message.received .message-content{background:#fff;border:1px solid #e8ecef;border-bottom-left-radius:8px;color:#333}.message.sent .message-content p{color:#fff}.message.received .message-content p{color:#333}.sender-name{color:#666;font-size:13px;font-weight:600;margin-bottom:6px}.message.sent .sender-name{color:#ffffffe6}.message-content p{word-wrap:break-word;color:inherit;flex:1 1;font-size:15px;line-height:1.5;margin:0}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment{max-width:300px}.attachment img{border-radius:8px;max-width:100%}.attachment a{align-items:center;background:#0578d41a;border-radius:8px;color:#0578d4;display:flex;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none;transition:background .2s}.attachment a:hover{background:#0578d433}.message-time{color:inherit;display:block;font-size:11px;margin-top:8px;opacity:.8;text-align:right}.read-status{font-weight:600;margin-left:6px}.message-input-form{background:#fff;border-top:1px solid #e8ecef;bottom:0;box-shadow:0 -2px 10px #0000000d;padding:20px 24px;position:-webkit-sticky;position:sticky}.message-input-container{align-items:flex-end;display:flex;gap:12px;margin:0 auto;max-width:800px;width:100%}.message-input{-ms-overflow-style:none;background:#f8f9fa;border:2px solid #e8ecef;border-radius:25px;color:#333;flex:1 1;font-family:inherit;font-size:15px;line-height:1.5;max-height:120px;min-height:52px;outline:none;padding:16px 20px;resize:none;scrollbar-width:none;transition:all .3s ease}.message-input::-webkit-scrollbar{display:none}.message-input:focus{background:#fff;border-color:#0578d4;box-shadow:0 0 0 3px #0578d41a}.icon-button{align-items:center;background:#0578d4;border:none;border-radius:12px;box-shadow:0 4px 12px #0578d433;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;padding:8px;transition:all .3s ease;width:44px}.icon-button:hover{background:#0466b9;box-shadow:0 6px 16px #0578d44d;transform:translateY(-2px)}.icon-button:active{transform:translateY(0)}.icon-button.small{font-size:16px;height:36px;width:36px}.send-button{background:#0578d4;color:#fff}.send-button:disabled{box-shadow:none;color:#999;cursor:not-allowed}.send-button:disabled,.send-button:disabled:hover{background:#e8ecef;transform:none}.loading,.no-chat-selected,.no-conversations,.no-messages{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading{color:#0578d4;font-weight:600}.no-chat-selected{background:#f8f9fa;flex:1 1}.no-chat-selected h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:24px 0 12px}.no-chat-selected p{color:#666;font-size:16px;line-height:1.5;margin:0;max-width:400px}.attachments-preview{background:#f8f9fa;border-bottom:1px solid #e8ecef;display:flex;gap:12px;overflow-x:auto;padding:12px 24px}.attachment-preview{border:2px solid #e8ecef;border-radius:8px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.attachment-preview img{height:100%;object-fit:cover;width:100%}.file-preview{align-items:center;background:#fff;color:#0578d4;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px;width:100%}.file-preview svg{font-size:32px;margin-bottom:8px}.file-preview span{font-size:12px;max-width:100%;text-align:center;word-break:break-all}.remove-attachment{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .2s;width:24px}.remove-attachment:hover{background:#000000e6}.alert-popup{animation:slideIn .3s ease-out;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.alert-popup.success{background-color:#fff;border:1px solid #0578d4;color:#0578d4}.alert-popup.error{background-color:#fff;border:1px solid #666;color:#333}.alert-popup.info{background-color:#fff;border:1px solid #0578d4;color:#0578d4}.alert-content{border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px}.alert-content,.alert-icon{align-items:center;display:flex}.alert-icon{font-size:20px;margin-right:12px}.alert-message{flex:1 1;font-size:14px;line-height:1.4}.alert-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:12px;opacity:.7;padding:4px;transition:opacity .2s}.alert-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.typing-indicator{align-items:center;background:#0578d41a;border-radius:12px;color:#0578d4;display:flex;font-size:14px;font-style:italic;gap:8px;margin:8px 0;max-width:-webkit-fit-content;max-width:fit-content;padding:12px 16px}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;padding:20px;z-index:2000}.new-chat-modal,.new-group-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:100%}.new-chat-modal{max-width:500px}.new-group-modal{max-width:600px}.modal-header{align-items:center;background:#0578d4;border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.modal-header .icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.modal-header .icon-button:hover{background:#ffffff4d}.modal-content{background:#f8f9fa;overflow-y:auto;padding:24px}.modal-search{padding:0 24px 24px;position:relative}.modal-search input{background:#fff;border:2px solid #e8ecef;border-radius:12px;color:#333;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.modal-search input:focus{border-color:#0578d4;box-shadow:0 0 0 3px #0578d41a}.modal-search .search-icon{color:#0578d4;left:40px}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;font-size:15px;font-weight:600}.form-input,.form-textarea{background:#fff;border:2px solid #e8ecef;border-radius:12px;color:#333;font-size:15px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus{border-color:#0578d4;box-shadow:0 0 0 3px #0578d41a}.users-list{flex:1 1;overflow-y:auto;padding:0 24px 24px}.user-item{align-items:center;border-bottom:1px solid #f8f9fa;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .3s ease}.user-item:hover{background:#f8f9fa}.user-info{flex:1 1;margin-left:16px}.user-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.user-email{color:#666;font-size:14px;margin:0}.start-chat-indicator{color:#0578d4;font-size:20px}.no-users{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.no-users svg{color:#0578d4;margin-bottom:16px}.search-tip{color:#999;font-size:14px;margin-top:8px}@media (max-width:768px){.chat-container{flex-direction:column;height:100vh;position:relative}.chat-sidebar{border-right:none;bottom:0;left:0;max-width:none;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1000}.chat-sidebar.active{transform:translateX(0)}.chat-main{min-height:100vh;position:relative;width:100%}.search-box-container{padding:12px 16px}.fab-main-left{font-size:18px;height:40px;width:40px}.fab-menu-left{min-width:160px;right:calc(100% + 4px)}.fab-action-left{font-size:13px;padding:10px 14px}.fab-icon-left{font-size:14px;height:28px;width:28px}.back-button{display:flex;height:44px;margin-right:12px;width:44px}.message{max-width:85%!important}.chat-header{box-shadow:0 2px 10px #0000001a;height:60px;top:0}.chat-header,.message-input-form{background:#fff;left:0;padding:12px 16px;position:fixed;right:0;z-index:900}.message-input-form{bottom:0;box-shadow:0 -2px 10px #0000001a}.messages-container{-webkit-overflow-scrolling:touch;height:calc(100vh - 140px);overflow-y:auto;padding-bottom:80px;padding-top:72px}}@media (min-width:769px){.chat-container{height:100vh;max-height:100vh}.chat-sidebar{flex-shrink:0;position:relative;transform:none}.back-button{display:none}.chat-main{display:flex;flex:1 1;flex-direction:column;max-height:100vh;min-height:auto}.messages-container{flex:1 1;overflow-y:auto;padding:24px}.chat-header{top:0;z-index:10}.chat-header,.message-input-form{position:-webkit-sticky;position:sticky}.message-input-form{bottom:0}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#0578d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0466b9}.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}.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 fadeIn{0%{opacity:0}to{opacity:1}}@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}.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{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1rem}.announcements-header{margin-bottom:1.5rem}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.header-left{align-items:center;display:flex;gap:.75rem}.header-icon{color:#05c;font-size:1.5rem}.header-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.header-actions{align-items:center;display:flex;gap:1.5rem}.header-stats{display:flex;gap:1rem}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:70px;padding:.75rem 1rem;text-align:center}.stat-item.unread-stat{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fecaca}.stat-number{color:#1e293b;display:block;font-size:1.25rem;font-weight:700;line-height:1}.stat-item.unread-stat .stat-number{color:#dc2626}.stat-label{color:#64748b;display:block;font-size:.75rem;margin-top:.25rem}.stat-item.unread-stat .stat-label{color:#dc2626;font-weight:500}.filter-dropdown-container{position:relative}.filter-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;min-width:180px;padding:.75rem 1rem;transition:all .2s}.filter-toggle-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filter-icon{color:#05c;font-size:.875rem}.filter-label{flex:1 1;text-align:left}.dropdown-arrow{color:#64748b;font-size:.625rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:250px;z-index:100}.dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.875rem 1rem}.dropdown-header h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0}.close-dropdown{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.25rem;transition:color .2s}.close-dropdown:hover{color:#dc2626}.dropdown-options{padding:.5rem}.filter-option{background:none;border:none;border-radius:6px;cursor:pointer;display:block;padding:.75rem;text-align:left;transition:all .2s;width:100%}.filter-option:hover{background:#f1f5f9}.filter-option.active{background:#05c;color:#fff}.option-content{align-items:center;color:#0369a1;display:flex;font-size:.8125rem;font-weight:500;gap:.75rem}.option-icon{font-size:.75rem;opacity:.8}.filter-option.active .option-icon{color:#fff;opacity:1}.option-text{flex:1 1}.unread-badge{background:#dc2626;border-radius:8px;color:#fff;font-size:.6875rem;padding:.125rem .5rem}.filter-option.active .unread-badge{background:#fff;color:#dc2626}.announcements-main{min-height:300px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.spinner{animation:spin 1s linear infinite;color:#05c;font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#64748b;font-size:.875rem;margin:0}.error-state{background:#fff;border:1px solid #fee2e2;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem;text-align:center}.error-icon{color:#dc2626;font-size:2rem;margin-bottom:1rem}.error-state h3{color:#1e293b;font-size:1rem;margin:0 0 .5rem}.error-state p{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.retry-btn{background:#05c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.retry-btn:hover{background:#04a}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:3rem 1rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:1rem}.empty-state h3{color:#1e293b;font-size:1rem;margin:0 0 .5rem}.empty-state p{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.clear-filter-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.clear-filter-btn:hover{background:#e2e8f0}.announcements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.announcement-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;padding:1rem;transition:all .2s}.announcement-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.announcement-card.unread{border-left:3px solid #dc2626}.announcement-card.read{border-left:3px solid #10b981}.announcement-card.pinned{border-top:2px solid #f59e0b}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.card-title-row{align-items:center;display:flex;flex:1 1;gap:.5rem}.card-title{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.3;margin:0}.unread-dot{animation:pulse 2s infinite;background:#dc2626;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pinned-tag{color:#f59e0b;font-size:.75rem}.card-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:.75rem}.footer-left{flex:1 1}.meta-info{flex-wrap:wrap;gap:.5rem}.meta-info,.meta-item{align-items:center;display:flex}.meta-item{color:#64748b;font-size:.6875rem;gap:.25rem}.meta-item svg{color:#94a3b8;font-size:.625rem}.footer-right{flex-shrink:0}.status{border-radius:10px;font-size:.6875rem;font-weight:600;padding:.125rem .5rem}.status.read{background:#d1fae5;color:#065f46}.status.unread{background:#fee2e2;color:#dc2626}.pagination{gap:1rem;padding:1.5rem 0}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#64748b;font-size:.8125rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-loading{padding:3rem;text-align:center}.modal-loading .spinner{font-size:1.5rem;margin-bottom:.75rem}.modal-loading p{color:#64748b;font-size:.875rem}.modal-header{background:#05c;color:#fff;padding:1.5rem}.modal-header-content{display:flex;flex-direction:column;gap:.75rem}.modal-title{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:.6875rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.tag.pinned{background:#f59e0b}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-meta{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.meta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.meta-col{flex:1 1;min-width:150px}.meta-label{color:#94a3b8;display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.meta-value{align-items:center;color:#475569;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.modal-content-section{margin-bottom:1.5rem}.content-title{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.message-content{color:#334155;font-size:.875rem;line-height:1.5;white-space:pre-line}.attachments-section{margin-bottom:1.5rem}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.attachment-icon{color:#64748b;font-size:.75rem}.attachment-name{color:#475569;flex:1 1;font-size:.8125rem}.read-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:inline-flex;font-size:.8125rem;gap:.5rem;padding:.75rem}.read-label{color:#0369a1;font-weight:500}.read-time{color:#0c4a6e;font-weight:500}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#475569}.btn-secondary:hover{background:#f1f5f9}.btn-primary{background:#05c;color:#fff}.btn-primary:hover{background:#04a}@media (max-width:768px){.announcements-container{padding:.75rem}.announcements-grid{grid-template-columns:1fr}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.filter-dropdown{left:0;right:auto;width:100%}.modal{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}.modal-footer{padding:.75rem 1rem}}@media (max-width:480px){.announcements-container{padding:.5rem}.header-icon,.header-title{font-size:1.25rem}.header-actions{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:center}.stat-item{min-width:60px;padding:.5rem .75rem}.stat-number{font-size:1rem}.filter-toggle-btn{min-width:auto;width:100%}.modal-title{font-size:1rem}.modal-footer{align-items:stretch;flex-direction:column}.btn{width:100%}}.new-announcement-notification{align-items:center;animation:slideInRight .3s ease-out;background:#10b981;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:14px;gap:8px;max-width:300px;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:1000}.notification-icon{flex-shrink:0;font-size:16px}.notification-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:4px;opacity:.8;padding:2px;transition:opacity .2s}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.new-announcement-notification{left:10px;max-width:none;right:10px;top:10px}}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.751a43f2.css.map*/