@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Cinzel:wght@600;700;900&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Cinzel:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.lp-root{font-family:DM Sans,sans-serif;background:#060d1f;color:#fff;overflow-x:hidden;line-height:1.6;min-height:100vh}.lp-root::-webkit-scrollbar{width:6px}.lp-root::-webkit-scrollbar-track{background:#0a1428}.lp-root::-webkit-scrollbar-thumb{background:#1a3a7a;border-radius:3px}.lp-noise{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:68px;background:#060d1fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.lp-nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.lp-nav__logo{width:36px;height:36px;border-radius:8px;object-fit:contain}.lp-nav__name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px}.lp-nav__sub{font-size:10px;font-weight:500;color:#64748b}.lp-nav__links{display:flex;align-items:center;gap:4px}.lp-nav__link{font-size:13.5px;font-weight:500;color:#cbd5e1;padding:7px 16px;border-radius:8px;text-decoration:none;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.lp-nav__link:hover{color:#fff;background:#ffffff12}.lp-nav__cta{display:flex;align-items:center;gap:8px}.lp-nav__btn{font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:9px;text-decoration:none;cursor:pointer;border:none;font-family:DM Sans,sans-serif;transition:all .15s}.lp-nav__btn--ghost{color:#cbd5e1;background:transparent;border:1.5px solid rgba(255,255,255,.12)}.lp-nav__btn--ghost:hover{background:#ffffff12;color:#fff}.lp-nav__btn--primary{background:#2563eb;color:#fff;box-shadow:0 0 20px #2563eb66}.lp-nav__btn--primary:hover{background:#3b82f6;box-shadow:0 0 28px #2563eb99}.lp-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px 80px;overflow:hidden}.lp-hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(37,99,235,.28) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(6,182,212,.18) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 60% 10%,rgba(250,204,21,.08) 0%,transparent 50%),linear-gradient(180deg,#0a1428,#060d1f)}.lp-hero__bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px}.lp-hero__ring{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.03)}.lp-hero__ring--1{width:400px;height:400px;top:50%;left:25%;transform:translate(-50%,-50%);animation:lpRingPulse 8s ease-in-out infinite 0s}.lp-hero__ring--2{width:700px;height:700px;top:50%;left:25%;transform:translate(-50%,-50%);animation:lpRingPulse 8s ease-in-out infinite 2s}.lp-hero__ring--3{width:1000px;height:1000px;top:50%;left:25%;transform:translate(-50%,-50%);animation:lpRingPulse 8s ease-in-out infinite 4s}@keyframes lpRingPulse{0%,to{opacity:.4}50%{opacity:.9}}.lp-hero__inner{position:relative;z-index:1;max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.lp-hero__content{display:flex;flex-direction:column;gap:28px}.lp-badge{display:inline-flex;align-items:center;gap:8px;background:#2563eb26;border:1px solid rgba(37,99,235,.3);border-radius:100px;padding:6px 14px;width:fit-content}.lp-badge__dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:lpBlink 2s ease-in-out infinite}@keyframes lpBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.lp-badge span{font-size:12px;font-weight:600;color:#93c5fd;letter-spacing:.5px}.lp-hero__eyebrow{font-size:11.5px;font-weight:700;color:#facc15cc;letter-spacing:2px;text-transform:uppercase}.lp-hero__title{font-family:Cinzel,serif;font-size:clamp(42px,5vw,64px);font-weight:900;line-height:1.05;letter-spacing:2px;color:#fff}.lp-hero__title-accent{background:linear-gradient(135deg,#facc15,#eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero__subtitle{font-size:15px;font-weight:600;color:#93c5fd;letter-spacing:.5px;text-transform:uppercase}.lp-hero__desc{font-size:15.5px;line-height:1.75;color:#94a3b8;max-width:460px}.lp-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lp-btn-main{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;box-shadow:0 4px 24px #2563eb73;transition:all .2s}.lp-btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2563eb99}.lp-btn-main svg{width:18px;height:18px;stroke:#fff;transition:transform .2s}.lp-btn-main:hover svg{transform:translate(3px)}.lp-btn-outline{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:15px;font-weight:600;text-decoration:none;background:transparent;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s}.lp-btn-outline:hover{border-color:#ffffff59;color:#fff;background:#ffffff0d}.lp-btn-outline svg{width:17px;height:17px;stroke:currentColor}.lp-hero__stats{display:flex;gap:32px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.lp-hero__stat-value{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.lp-hero__stat-label{font-size:11.5px;color:#64748b;font-weight:500;margin-top:1px}.lp-hero__seals{display:flex;flex-direction:column;align-items:center;gap:28px;position:relative}.lp-seals-row{display:flex;align-items:center;justify-content:center;gap:20px}.lp-seal-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .25s;cursor:default}.lp-seal-card:hover{background:#ffffff0f;border-color:#2563eb4d;transform:translateY(-3px)}.lp-seal-card--center{padding:28px 24px;background:#2563eb14;border-color:#2563eb33;position:relative}.lp-seal-card--center:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(135deg,#2563eb4d,#06b6d433);z-index:-1;filter:blur(12px);animation:lpSealGlow 3s ease-in-out infinite}@keyframes lpSealGlow{0%,to{opacity:.5}50%{opacity:1}}.lp-seal-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.lp-seal-card--center .lp-seal-img{width:110px;height:110px}.lp-seal-label{font-size:9.5px;font-weight:700;text-align:center;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;max-width:80px;line-height:1.4}.lp-seal-card--center .lp-seal-label{font-size:10.5px;color:#ffffffb3;max-width:100px}.lp-seals-badge{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 20px}.lp-seals-badge__icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#22d3ee);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-seals-badge__icon svg{width:16px;height:16px;stroke:#fff}.lp-seals-badge__title{font-size:12.5px;font-weight:700;color:#fff;margin:0 0 1px}.lp-seals-badge__sub{font-size:11px;color:#64748b}.lp-section{padding:96px 48px;position:relative}.lp-section-inner{max-width:1200px;margin:0 auto}.lp-section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#facc15;margin-bottom:12px}.lp-section-label:before{content:"";width:24px;height:1.5px;background:#facc15;border-radius:2px}.lp-section-title{font-family:Cinzel,serif;font-size:clamp(28px,3.5vw,42px);font-weight:700;color:#fff;letter-spacing:1px;line-height:1.2;margin-bottom:16px}.lp-section-desc{font-size:15px;color:#94a3b8;line-height:1.75;max-width:520px}.lp-ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);margin-top:56px}.lp-ps-side{padding:44px 40px}.lp-ps-side--problem{background:#ef44440d;border-right:1px solid rgba(255,255,255,.06)}.lp-ps-side--solution{background:#2563eb0d}.lp-ps-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.lp-ps-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.lp-ps-icon--problem{background:#ef444426}.lp-ps-icon--solution{background:#2563eb26}.lp-ps-icon svg{width:22px;height:22px}.lp-ps-icon--problem svg{stroke:#f87171}.lp-ps-icon--solution svg{stroke:#3b82f6}.lp-ps-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.lp-ps-tag--problem{color:#f87171}.lp-ps-tag--solution{color:#3b82f6}.lp-ps-title{font-size:18px;font-weight:800;color:#fff;margin-top:2px}.lp-ps-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.lp-ps-item:last-child{border-bottom:none}.lp-ps-bullet{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.lp-ps-bullet--problem{background:#ef44441f}.lp-ps-bullet--solution{background:#2563eb1f}.lp-ps-bullet svg{width:11px;height:11px}.lp-ps-bullet--problem svg{stroke:#f87171}.lp-ps-bullet--solution svg{stroke:#3b82f6}.lp-ps-text{font-size:13.5px;color:#94a3b8;line-height:1.6}.lp-features-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.lp-features-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.lp-feature-card{flex:0 0 calc(33.333% - 11px);padding:28px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .25s;position:relative;overflow:hidden}.lp-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2563eb,transparent);opacity:0;transition:opacity .25s}.lp-feature-card:hover{background:#ffffff0a;border-color:#2563eb4d;transform:translateY(-4px)}.lp-feature-card:hover:before{opacity:1}.lp-feature-card--highlight{background:linear-gradient(135deg,#2563eb1f,#06b6d414);border-color:#2563eb40}.lp-feature-card--highlight .lp-feature-icon{background:#2563eb33;border-color:#2563eb4d}.lp-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:#2563eb1a;border:1px solid rgba(37,99,235,.15)}.lp-feature-icon svg{width:22px;height:22px;stroke:#3b82f6}.lp-feature-card h3{font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}.lp-feature-card p{font-size:13px;color:#94a3b8;line-height:1.65}.lp-how{background:#ffffff04;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:56px}.lp-steps:before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.4),rgba(6,182,212,.4),transparent)}.lp-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;position:relative}.lp-step__num{width:56px;height:56px;border-radius:50%;border:2px solid rgba(37,99,235,.4);background:#060d1f;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:#3b82f6;margin-bottom:24px;position:relative;z-index:1}.lp-step__num:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%)}.lp-step h4{font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}.lp-step p{font-size:13px;color:#94a3b8;line-height:1.6}.lp-notif-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.lp-notif-demo{display:flex;flex-direction:column;gap:12px}.lp-notif-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s}.lp-notif-card--animated{animation:lpSlideIn .4s ease both}.lp-notif-card--animated:nth-child(1){animation-delay:.1s}.lp-notif-card--animated:nth-child(2){animation-delay:.25s}.lp-notif-card--animated:nth-child(3){animation-delay:.4s}.lp-notif-card--animated:nth-child(4){animation-delay:.55s}@keyframes lpSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.lp-notif-card:hover{background:#ffffff0e;border-color:#ffffff1a}.lp-notif-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.lp-notif-dot--blue{background:#3b82f6;box-shadow:0 0 8px #3b82f699}.lp-notif-dot--green{background:#4ade80;box-shadow:0 0 8px #4ade8099}.lp-notif-dot--amber{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.lp-notif-dot--red{background:#f87171;box-shadow:0 0 8px #f8717199}.lp-notif-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:3px}.lp-notif-desc{font-size:12.5px;color:#94a3b8;line-height:1.5}.lp-notif-time{font-size:11px;color:#64748b;font-family:DM Mono,monospace;margin-top:4px}.lp-notif-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.lp-notif-divider hr{flex:1;border:none;border-top:1px solid rgba(255,255,255,.05)}.lp-notif-divider span{font-size:11px;color:#64748b;font-family:DM Mono,monospace}.lp-realtime-badge{display:inline-flex;align-items:center;gap:8px;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:100px;padding:5px 14px;margin-bottom:20px}.lp-realtime-badge span{font-size:12px;font-weight:600;color:#4ade80}.lp-realtime-pulse{position:relative;width:8px;height:8px}.lp-realtime-pulse:before{content:"";position:absolute;inset:0;background:#4ade80;border-radius:50%;animation:lpPulse 2s ease-in-out infinite}.lp-realtime-pulse:after{content:"";position:absolute;inset:-4px;background:#4ade804d;border-radius:50%;animation:lpPulse 2s ease-in-out infinite .3s}@keyframes lpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.lp-notif-feature{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.lp-notif-feature:last-child{margin-bottom:0}.lp-notif-feature__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-notif-feature__icon svg{width:18px;height:18px}.lp-notif-feature__title{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}.lp-notif-feature__desc{font-size:13px;color:#94a3b8;line-height:1.6}.lp-cta{padding:96px 48px;position:relative;overflow:hidden}.lp-cta__bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(37,99,235,.2),transparent 70%),radial-gradient(ellipse 40% 60% at 20% 50%,rgba(6,182,212,.1),transparent 60%)}.lp-cta__inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}.lp-cta__title{font-family:Cinzel,serif;font-size:clamp(30px,4vw,48px);font-weight:700;color:#fff;line-height:1.15}.lp-cta__desc{font-size:15.5px;color:#94a3b8;line-height:1.75}.lp-cta__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.lp-cta__admin-note{font-size:12.5px;color:#64748b;margin-top:8px}.lp-cta__admin-link{color:#3b82f6;font-weight:600;text-decoration:none;cursor:pointer}.lp-cta__admin-link:hover{text-decoration:underline}.lp-footer{border-top:1px solid rgba(255,255,255,.06);padding:36px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.lp-footer__brand p{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px}.lp-footer__brand span{font-size:11.5px;color:#64748b}.lp-footer__note{font-size:11.5px;color:#64748b;text-align:center;line-height:1.6}.lp-footer__links{display:flex;gap:20px}.lp-footer__link{font-size:12.5px;color:#fff;text-decoration:none;transition:color .15s;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;padding:0}.lp-footer__link:hover{color:#cbd5e1}.lp-modal-overlay{position:fixed;inset:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:lpFadeIn .2s ease}@keyframes lpFadeIn{0%{opacity:0}to{opacity:1}}.lp-modal{background:#0d1b36;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009;animation:lpSlideUp .25s ease;overflow:hidden}@keyframes lpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.lp-modal__title{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.lp-modal__close{width:36px;height:36px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.lp-modal__close:hover{background:#ffffff1f}.lp-modal__close svg{width:16px;height:16px;stroke:#94a3b8}.lp-modal__body{overflow-y:auto;padding:24px 28px 28px;flex:1;scrollbar-width:thin;scrollbar-color:#1a3a7a transparent}.lp-modal__body::-webkit-scrollbar{width:4px}.lp-modal__body::-webkit-scrollbar-thumb{background:#1a3a7a;border-radius:2px}.lp-modal__intro{font-size:13.5px;color:#94a3b8;line-height:1.7;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.lp-modal__section{margin-bottom:20px}.lp-modal__section:last-child{margin-bottom:0}.lp-modal__section-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:.3px;margin-bottom:6px}.lp-modal__text{font-size:13px;color:#94a3b8;line-height:1.7}.lp-modal__list{margin-top:8px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}.lp-modal__list li{font-size:13px;color:#94a3b8;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.lp-modal__list li:before{content:"";width:6px;height:6px;border-radius:50%;background:#2563eb;flex-shrink:0;margin-top:7px}.lp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.lp-reveal.lp-visible{opacity:1;transform:translateY(0)}.lp-reveal--d0{transition-delay:0s}.lp-reveal--d1{transition-delay:.1s}.lp-reveal--d2{transition-delay:.2s}.lp-reveal--d3{transition-delay:.3s}.lp-reveal--d4{transition-delay:.4s}@media(max-width:1024px){.lp-hero__inner{grid-template-columns:1fr;gap:48px}.lp-feature-card{flex:0 0 calc(50% - 8px)}.lp-features-header{grid-template-columns:1fr;gap:24px}.lp-notif-inner{grid-template-columns:1fr;gap:48px}.lp-steps{grid-template-columns:repeat(2,1fr);gap:32px}.lp-steps:before{display:none}.lp-ps-grid{grid-template-columns:1fr}.lp-ps-side--problem{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}@media(max-width:768px){.lp-nav{padding:0 20px}.lp-nav__links{display:none}.lp-hero{padding:100px 20px 60px}.lp-section,.lp-cta{padding:64px 20px}.lp-footer{padding:28px 20px;flex-direction:column;text-align:center}.lp-feature-card{flex:0 0 100%}.lp-hero__stats{flex-direction:column;gap:16px}.lp-hero__seals{display:none}.lp-modal-overlay{padding:0;align-items:flex-end}.lp-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0}.lp-modal__header{padding:20px 20px 16px}.lp-modal__body{padding:20px 20px 32px}.lp-steps{display:flex;flex-direction:column;gap:0;margin-top:40px;position:relative}.lp-steps:before{display:none}.lp-steps:after{display:none}.lp-step{flex-direction:row;align-items:flex-start;text-align:left;padding:0;gap:20px;position:relative}.lp-step:not(:last-child):after{content:"";position:absolute;left:27px;top:56px;bottom:-28px;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#2563eb80,#06b6d44d);border-radius:2px;z-index:0}.lp-step__num{width:56px;height:56px;flex-shrink:0;margin-bottom:0;position:relative;z-index:1;background:#060d1f}.lp-step:not(:last-child){margin-bottom:28px}.lp-step>div:last-child{padding-top:14px;flex:1}.lp-step h4{font-size:15px;margin-bottom:6px}.lp-step p{font-size:13px}}.ulog-root{display:flex;min-height:100vh;font-family:DM Sans,sans-serif}.ulog-left{flex:1;position:relative;background:linear-gradient(160deg,#0c1a3a,#0f2460,#0a3060);display:flex;align-items:center;justify-content:center;padding:48px 44px;overflow:hidden}.ulog-left:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.ulog-left__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,rgba(37,99,235,.22) 0%,transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(6,182,212,.14) 0%,transparent 50%)}.ulog-left__content{position:relative;z-index:1;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.ulog-seals{display:flex;align-items:flex-end;justify-content:center;gap:32px;width:100%}.ulog-seal-item{display:flex;flex-direction:column;align-items:center;gap:10px}.ulog-seal-item img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45));opacity:.85;transition:opacity .2s,transform .2s}.ulog-seal-item:hover img{opacity:1;transform:scale(1.05)}.ulog-seal-item--center img{width:120px;height:120px;opacity:1}.ulog-seal-item p{font-size:10.5px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;text-align:center;max-width:90px;line-height:1.4}.ulog-seal-item--center p{font-size:11.5px;font-weight:700;color:#ffffffbf}.ulog-left__text{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.ulog-left__title-block{display:flex;flex-direction:column;align-items:center;gap:6px}.ulog-left__eyebrow{font-size:10.5px;font-weight:700;color:#facc15bf;letter-spacing:1.5px;text-transform:uppercase}.ulog-left__title{font-family:Cinzel,serif;font-size:42px;font-weight:700;color:#fff;letter-spacing:5px;line-height:1.1;text-shadow:0 2px 24px rgba(37,99,235,.5);margin-bottom:6px}.ulog-left__subtitle{font-size:12.5px;font-weight:600;color:#93c5fdd9;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.ulog-left__desc{font-size:13px;color:#94a3b8d9;line-height:1.7;max-width:320px;margin:0 auto}.ulog-features{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.ulog-feature{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;transition:background .15s}.ulog-feature:hover{background:#ffffff14}.ulog-feature__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#93c5fdd9}.ulog-feature__icon svg{width:18px;height:18px;stroke:currentColor}.ulog-feature__label{font-size:13px;font-weight:500;color:#cbd5e1d9}.ulog-right{width:520px;min-width:520px;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 44px;box-shadow:-6px 0 40px #00000014;overflow-y:auto}.ulog-form-wrap{width:100%;max-width:380px;display:flex;flex-direction:column;gap:22px}.ulog-brand{display:flex;align-items:center;gap:12px}.ulog-brand__seal{width:48px;height:48px;border-radius:0;object-fit:contain;flex-shrink:0}.ulog-brand__name{font-size:15px;font-weight:800;color:#0f172a;margin:0 0 1px;letter-spacing:-.3px}.ulog-brand__sub{font-size:11px;color:#64748b;margin:0;font-weight:500}.ulog-head h1{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.4px;margin:0 0 5px}.ulog-head p{font-size:13.5px;color:#64748b;margin:0;line-height:1.5}.ulog-error{display:flex;align-items:center;gap:9px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px;font-weight:500;color:#dc2626;animation:ulogShake .3s ease}@keyframes ulogShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ulog-error svg{width:16px;height:16px;stroke:#ef4444;flex-shrink:0}.ulog-status-banner{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:14px 16px;animation:ulogShake .3s ease}.ulog-status-banner--pending{background:#fffbeb;border:1px solid #fcd34d}.ulog-status-banner--rejected{background:#fef2f2;border:1px solid #fecaca}.ulog-status-banner__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ulog-status-banner--pending .ulog-status-banner__icon{background:#fef3c7;color:#d97706}.ulog-status-banner--rejected .ulog-status-banner__icon{background:#fee2e2;color:#dc2626}.ulog-status-banner__icon svg{width:18px;height:18px;stroke:currentColor}.ulog-status-banner__body{flex:1}.ulog-status-banner__title{font-size:13.5px;font-weight:700;margin:0 0 4px}.ulog-status-banner--pending .ulog-status-banner__title{color:#92400e}.ulog-status-banner--rejected .ulog-status-banner__title{color:#991b1b}.ulog-status-banner__desc{font-size:12.5px;line-height:1.55;margin:0 0 6px}.ulog-status-banner--pending .ulog-status-banner__desc{color:#a16207}.ulog-status-banner--rejected .ulog-status-banner__desc{color:#b91c1c}.ulog-status-banner__link{font-size:12.5px;font-weight:700;color:#2563eb;text-decoration:none}.ulog-status-banner__link:hover{text-decoration:underline}.ulog-form{display:flex;flex-direction:column;gap:16px}.ulog-field{display:flex;flex-direction:column;gap:6px}.ulog-field label{font-size:13px;font-weight:600;color:#374151}.ulog-field__label-row{display:flex;align-items:center;justify-content:space-between}.ulog-forgot{font-size:12.5px;font-weight:600;color:#2563eb;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;outline:none}.ulog-forgot:hover{text-decoration:underline}.ulog-forgot:focus{outline:none}.ulog-input-wrap{position:relative;display:flex;align-items:center}.ulog-input-icon{position:absolute;left:13px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;pointer-events:none}.ulog-input-icon svg{width:17px;height:17px;stroke:#9ca3af}.ulog-input-wrap input{width:100%;padding:11px 44px 11px 42px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;font-family:DM Sans,sans-serif;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.ulog-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ulog-input-wrap input::placeholder{color:#9ca3af}.ulog-pw-toggle{position:absolute;right:13px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af}.ulog-pw-toggle:hover{color:#374151}.ulog-pw-toggle svg{width:17px;height:17px;stroke:currentColor}.ulog-remember{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#374151;font-weight:500}.ulog-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .15s}.ulog-checkbox--checked{background:#2563eb;border-color:#2563eb}.ulog-checkbox svg{width:11px;height:11px;stroke:#fff}.ulog-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border-radius:11px;border:none;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:14.5px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:opacity .15s,transform .1s;margin-top:4px}.ulog-submit svg{width:17px;height:17px;stroke:#fff;transition:transform .2s}.ulog-submit:hover{opacity:.92}.ulog-submit:hover svg{transform:translate(3px)}.ulog-submit:active{transform:scale(.99)}.ulog-submit:disabled{opacity:.65;cursor:not-allowed}.ulog-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ulogSpin .7s linear infinite;flex-shrink:0}@keyframes ulogSpin{to{transform:rotate(360deg)}}.ulog-divider{display:flex;align-items:center;gap:12px}.ulog-divider:before,.ulog-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.ulog-divider span{color:#9ca3af;font-size:12.5px;font-weight:500;white-space:nowrap}.ulog-signup-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;border:1.5px solid #2563eb;background:#fff;font-size:13.5px;font-weight:700;color:#2563eb;text-decoration:none;transition:background .15s}.ulog-signup-link:hover{background:#eff6ff}.ulog-signup-link svg{width:16px;height:16px;stroke:currentColor}.ulog-footer{font-size:11.5px;color:#cbd5e1;text-align:center}@media(max-width:1000px){.ulog-root{flex-direction:column}.ulog-left{display:flex;flex:none;min-height:unset;padding:32px 24px 28px}.ulog-left__content{gap:20px}.ulog-seals{gap:18px}.ulog-seal-item img{width:60px;height:60px}.ulog-seal-item--center img{width:88px;height:88px}.ulog-seal-item p{font-size:9.5px;max-width:70px}.ulog-seal-item--center p{font-size:10px;max-width:90px}.ulog-left__title{font-size:34px;letter-spacing:4px}.ulog-left__desc{font-size:12.5px}.ulog-features{display:none}.ulog-right{width:100%;min-width:0;padding:36px 24px;box-shadow:none}}@media(max-width:480px){.ulog-root{min-height:100svh}.ulog-left{padding:24px 20px 20px}.ulog-left__content{gap:16px}.ulog-seals{gap:12px}.ulog-seal-item img{width:48px;height:48px}.ulog-seal-item--center img{width:70px;height:70px}.ulog-left__title{font-size:26px;letter-spacing:3px}.ulog-left__subtitle,.ulog-left__desc{display:none}.ulog-right{padding:28px 20px 40px;justify-content:flex-start;align-items:flex-start}.ulog-form-wrap{gap:18px;max-width:100%}.ulog-brand__seal{width:40px;height:40px}.ulog-brand__name{font-size:14px}.ulog-head h1{font-size:22px}.ulog-head p{font-size:13px}.ulog-input-wrap input{padding:13px 44px 13px 42px;font-size:15px}.ulog-submit{padding:15px;font-size:15px;min-height:52px}.ulog-signup-link{padding:13px;font-size:14px;min-height:50px}.ulog-remember{font-size:14px}.ulog-checkbox{width:20px;height:20px}.ulog-error{font-size:13px}.ulog-status-banner{padding:12px 14px}.ulog-footer{font-size:11px}}.su-row-left{display:flex;justify-content:flex-start;margin-bottom:1rem}.su-row-center{display:flex;justify-content:center;margin-bottom:1rem}.su-row-align{display:flex;gap:1rem}.su-field-middle{display:flex;flex-direction:column;justify-content:center}.su-root{display:flex;min-height:100vh;font-family:DM Sans,sans-serif}.su-left{flex:1;position:relative;background:linear-gradient(160deg,#0c1a3a,#0f2460,#0a3060);display:flex;align-items:center;justify-content:center;padding:48px 44px;overflow:hidden}.su-left:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.su-left__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,rgba(37,99,235,.22) 0%,transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(6,182,212,.14) 0%,transparent 50%)}.su-left__content{position:relative;z-index:1;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.su-seals{display:flex;align-items:flex-end;justify-content:center;gap:32px;width:100%}.su-seal-item{display:flex;flex-direction:column;align-items:center;gap:10px}.su-seal-item img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45));opacity:.85;transition:opacity .2s,transform .2s}.su-seal-item:hover img{opacity:1;transform:scale(1.05)}.su-seal-item--center img{width:120px;height:120px;opacity:1}.su-seal-item p{font-size:10.5px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;text-align:center;max-width:90px;line-height:1.4}.su-seal-item--center p{font-size:11.5px;font-weight:700;color:#ffffffbf}.su-left__text{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.su-left__title-block{display:flex;flex-direction:column;align-items:center;gap:6px}.su-left__eyebrow{font-size:10.5px;font-weight:700;color:#facc15bf;letter-spacing:1.5px;text-transform:uppercase}.su-left__title{font-family:Cinzel,serif;font-size:42px;font-weight:700;color:#fff;letter-spacing:5px;line-height:1.1;text-shadow:0 2px 24px rgba(37,99,235,.5);margin-bottom:0}.su-left__subtitle{font-size:12.5px;font-weight:600;color:#93c5fdd9;letter-spacing:1px;text-transform:uppercase}.su-left__desc{font-size:13px;color:#94a3b8d9;line-height:1.7;max-width:320px;margin:0 auto}.su-features{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.su-feature{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;transition:background .15s}.su-feature:hover{background:#ffffff14}.su-feature__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#93c5fdd9}.su-feature__icon svg{width:18px;height:18px;stroke:currentColor}.su-feature__label{font-size:13px;font-weight:500;color:#cbd5e1d9}.su-right{width:520px;min-width:520px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 44px;box-shadow:-6px 0 40px #00000014;overflow-y:auto}.su-form-wrap{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.su-mobile-brand{display:none;align-items:center;gap:12px}.su-mobile-seal{width:44px;height:44px;border-radius:0;object-fit:contain}.su-mobile-title{font-size:14px;font-weight:700;color:#111827;margin:0 0 1px}.su-mobile-sub{font-size:12px;color:#6b7280;margin:0}.su-form-head h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.4px;margin:0 0 4px}.su-form-head p{font-size:13px;color:#64748b;margin:0}.su-steps{display:flex;align-items:center;gap:0}.su-step{display:flex;align-items:center;gap:8px;flex:1}.su-step__circle{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#9ca3af;flex-shrink:0;transition:all .2s}.su-step--active .su-step__circle{border-color:#2563eb;background:#2563eb;color:#fff}.su-step--done .su-step__circle{border-color:#16a34a;background:#16a34a;color:#fff}.su-step__circle svg{width:13px;height:13px;stroke:#fff}.su-step__label{font-size:11.5px;font-weight:600;color:#9ca3af;white-space:nowrap;transition:color .2s}.su-step--active .su-step__label{color:#2563eb}.su-step--done .su-step__label{color:#16a34a}.su-step__line{flex:1;height:2px;background:#e5e7eb;margin:0 6px;transition:background .2s}.su-step__line--done{background:#16a34a}.su-form{display:flex;flex-direction:column;gap:18px}.su-fields{display:flex;flex-direction:column;gap:14px}.su-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.su-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.su-field{display:flex;flex-direction:column;gap:5px}.su-field label{font-size:13px;font-weight:600;color:#374151}.su-optional{font-weight:400;color:#9ca3af;font-size:12px}.su-field input,.su-field select{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13.5px;color:#111827;font-family:DM Sans,sans-serif;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.su-field select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:42px;cursor:pointer}.su-field input:focus,.su-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.su-field input::placeholder{color:#9ca3af}.su-input--error{border-color:#ef4444!important}.su-field-error{font-size:12px;color:#ef4444;font-weight:500;margin-top:1px}.su-input-wrap{position:relative;display:flex;align-items:center}.su-input-icon{position:absolute;left:13px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.su-input-icon svg{width:16px;height:16px;stroke:#9ca3af}.su-input-wrap input{padding-left:40px!important}input.su-bday-input{padding-left:12px!important;text-align:left}.su-pw-toggle{position:absolute;right:12px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af}.su-pw-toggle svg{width:16px;height:16px;stroke:currentColor}.su-pw-toggle:hover{color:#374151}.su-pw-strength{display:flex;align-items:center;gap:8px;margin-top:5px}.su-pw-bars{display:flex;gap:4px}.su-pw-bar{width:48px;height:4px;border-radius:2px;background:#e5e7eb;transition:background .2s}.su-pw-bar.su-pw--weak{background:#ef4444}.su-pw-bar.su-pw--fair{background:#f59e0b}.su-pw-bar.su-pw--strong{background:#16a34a}.su-pw-label{font-size:12px;font-weight:600}.su-pw-label.su-pw--weak{color:#ef4444}.su-pw-label.su-pw--fair{color:#f59e0b}.su-pw-label.su-pw--strong{color:#16a34a}.su-info-box{display:flex;gap:10px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px}.su-info-box svg{width:16px;height:16px;stroke:#2563eb;flex-shrink:0;margin-top:1px}.su-info-box p{font-size:12.5px;color:#1e40af;font-weight:500;line-height:1.5;margin:0}.su-agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#374151;line-height:1.5}.su-agree a{color:#2563eb;font-weight:600;text-decoration:none}.su-agree a:hover{text-decoration:underline}.su-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .15s;margin-top:1px}.su-checkbox--checked{background:#2563eb;border-color:#2563eb}.su-checkbox svg{width:11px;height:11px;stroke:#fff}.su-nav{display:flex;gap:10px;margin-top:4px}.su-back-btn{display:flex;align-items:center;gap:7px;padding:11px 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s;flex-shrink:0}.su-back-btn:hover{background:#f3f4f6}.su-back-btn svg{width:16px;height:16px;stroke:currentColor}.su-next-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:14.5px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:opacity .15s,transform .1s}.su-next-btn:hover{opacity:.92}.su-next-btn:hover svg{transform:translate(3px)}.su-next-btn:active{transform:scale(.99)}.su-next-btn:disabled{opacity:.65;cursor:not-allowed}.su-next-btn svg{width:17px;height:17px;stroke:#fff;transition:transform .2s}.su-next-btn--loading{opacity:.8;cursor:not-allowed}.su-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:suSpin .7s linear infinite;flex-shrink:0}@keyframes suSpin{to{transform:rotate(360deg)}}.su-login-link{font-size:13px;color:#64748b;text-align:center}.su-login-link a{color:#2563eb;font-weight:600;text-decoration:none}.su-login-link a:hover{text-decoration:underline}.su-root--done{background:linear-gradient(145deg,#0c1a3a,#0f2460,#0a3060);align-items:center;justify-content:center}.su-done{background:#fff;border-radius:20px;padding:48px 44px;max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 24px 60px #0003;animation:suDoneIn .4s ease}@keyframes suDoneIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.su-done__icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center}.su-done__icon svg{width:30px;height:30px;stroke:#16a34a}.su-done__seal{width:80px;height:80px;border-radius:0;object-fit:contain}.su-done h2{font-size:22px;font-weight:800;color:#0f172a}.su-done p{font-size:13.5px;color:#64748b;line-height:1.65;max-width:320px}.su-done__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:11px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #2563eb59;transition:opacity .15s;margin-top:4px}.su-done__btn:hover{opacity:.9}@media(max-width:1000px){.su-root{flex-direction:column}.su-left{display:flex;flex:none;min-height:unset;padding:32px 24px 28px}.su-left__content{gap:20px}.su-seals{gap:18px}.su-seal-item img{width:60px;height:60px}.su-seal-item--center img{width:88px;height:88px}.su-seal-item p{font-size:9.5px;max-width:70px}.su-seal-item--center p{font-size:10px;max-width:90px}.su-left__title{font-size:34px;letter-spacing:4px}.su-left__desc{font-size:12.5px}.su-features{display:none}.su-right{width:100%;min-width:0;padding:32px 24px;box-shadow:none;overflow-y:visible}.su-mobile-brand{display:none}}@media(max-width:480px){.su-root{min-height:100svh}.su-left{padding:24px 20px 20px}.su-left__content{gap:16px}.su-seals{gap:12px}.su-seal-item img{width:48px;height:48px}.su-seal-item--center img{width:70px;height:70px}.su-left__title{font-size:26px;letter-spacing:3px}.su-left__subtitle,.su-left__desc{display:none}.su-right{padding:28px 20px 40px;align-items:flex-start;justify-content:flex-start}.su-form-wrap{gap:18px;max-width:100%}.su-mobile-seal{width:38px;height:38px}.su-mobile-title{font-size:13px}.su-form-head h1{font-size:20px}.su-form-head p{font-size:13px}.su-step__label{display:none}.su-step__line{margin:0 4px}.su-row-2,.su-row-3{grid-template-columns:1fr}.su-field input,.su-field select{padding:13px 12px;font-size:15px;min-height:50px}.su-field select{padding-right:42px}.su-input-wrap input{padding:13px 12px 13px 40px!important;font-size:15px}.su-bday-input{padding:13px 12px!important}.su-field label{font-size:13px}.su-agree{font-size:13px;gap:10px}.su-checkbox{width:20px;height:20px;flex-shrink:0}.su-next-btn{padding:14px;font-size:15px;min-height:52px}.su-back-btn{padding:12px 16px;font-size:14px;min-height:52px}.su-info-box{padding:14px 12px}.su-login-link{font-size:13px}.su-done{padding:36px 24px}.su-done h2{font-size:20px}.su-done p{font-size:13px}}.su-submit-error{display:flex;align-items:center;gap:9px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500;color:#dc2626}.su-submit-error svg{width:16px;height:16px;stroke:#ef4444;flex-shrink:0}.su-file-upload{border:2px dashed #e5e7eb;border-radius:8px;padding:24px;text-align:center;background:#f9fafb;transition:all .2s}.su-file-upload:hover{border-color:#2563eb;background:#eff6ff}.su-file-label{display:block;cursor:pointer;padding:8px}.su-file-label p{margin:0}.su-file-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.su-file-preview img{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.usb-overlay{position:fixed;inset:0;background:#00000073;z-index:30;display:none}@media(max-width:1023px){.usb-overlay{display:block}}.usb-sidebar{width:192px;min-width:192px;height:100vh;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;position:sticky;top:0;font-family:DM Sans,sans-serif}.usb-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;border-bottom:1px solid #f0f0f0}.usb-brand__icon{width:32px;height:32px;background:#2563eb;border-radius:8px;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;flex-shrink:0}.usb-brand__logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.sidebar__brand-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0}.usb-brand__name{font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:-.3px}.usb-resident{display:flex;align-items:center;gap:8px;margin:12px 10px 4px;padding:9px 10px;background:#f0f7ff;border:1px solid #dbeafe;border-radius:10px}.usb-resident__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid #bfdbfe}.usb-resident__info{flex:1;min-width:0}.usb-resident__name{font-size:12px;font-weight:600;color:#1e40af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usb-resident__id{font-size:10.5px;color:#93c5fd;margin:0}.usb-resident__badge{width:18px;height:18px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usb-resident__badge svg{width:10px;height:10px;stroke:#fff}.usb-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1}.usb-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;transition:background .15s,color .15s;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-family:DM Sans,sans-serif}.usb-nav-item:hover{background:#f3f4f6;color:#111827}.usb-nav-item--active{background:#eff6ff;color:#2563eb;font-weight:600}.usb-nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usb-nav-item__label{white-space:nowrap}.usb-bottom{display:flex;flex-direction:column;gap:2px;padding:10px 10px 16px;border-top:1px solid #f0f0f0}.usb-nav-item--logout{color:#ef4444}.usb-nav-item--logout:hover{background:#fef2f2;color:#dc2626}.usb-copyright{font-size:11px;color:#d1d5db;padding:8px 12px 0;margin:0}@media(max-width:1023px){.usb-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001f}.usb-sidebar--open{transform:translate(0)}}.sidebar__brand-name{font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:-.3px}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1}.sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;transition:background .15s,color .15s;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-family:DM Sans,sans-serif}.user-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px;font-family:DM Sans,sans-serif}.user-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.user-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.user-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.user-topbar__search input::placeholder{color:#9ca3af}.user-topbar__actions{display:flex;align-items:center;gap:12px}.user-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;position:relative}.user-topbar__bell:hover{background:#f3f4f6}.user-topbar__bell--active{background:#eff6ff;border-color:#bfdbfe}.user-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.user-topbar__bell--active svg{stroke:#2563eb}.user-topbar__bell-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:1.5px solid #fff}.user-topbar__bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:20px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;font-family:DM Sans,sans-serif}.utb-notif-panel{position:fixed;top:61px;right:80px;width:340px;max-height:480px;background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:100;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.utb-notif-panel--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.utb-notif-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;flex-shrink:0}.utb-notif-header-left{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#111827;flex:1;min-width:0}.utb-notif-header-left svg{stroke:#374151;flex-shrink:0}.utb-notif-header-left>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utb-notif-count{font-size:11px;font-weight:600;background:#f3f4f6;color:#6b7280;border-radius:20px;padding:1px 7px;flex-shrink:0}.utb-notif-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.utb-notif-header-right .utb-panel-close{position:static;top:auto;right:auto}.utb-notif-clear{font-size:11px;font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;padding:3px 6px;border-radius:6px;white-space:nowrap;transition:background .12s,color .12s}.utb-notif-clear:hover{background:#fee2e2;color:#dc2626}.utb-notif-divider{height:1px;background:#f3f4f6;flex-shrink:0}.utb-notif-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.utb-notif-list::-webkit-scrollbar{width:4px}.utb-notif-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.utb-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center}.utb-notif-empty svg{stroke:#d1d5db}.utb-notif-empty span{font-size:13px;font-weight:600;color:#6b7280}.utb-notif-empty p{font-size:12px;color:#9ca3af;margin:0;line-height:1.5}.utb-notif-item{display:flex;gap:10px;width:100%;padding:12px 16px;border-bottom:1px solid #f9fafb;border-top:0;border-right:0;border-left:0;background:transparent;text-align:left;font-family:DM Sans,sans-serif;transition:background .1s;position:relative;cursor:pointer}.utb-notif-item:last-child{border-bottom:none}.utb-notif-item:hover{background:#f9fafb}.utb-notif-item:focus-visible{outline:2px solid #bfdbfe;outline-offset:-2px}.utb-notif-item--unread{background:#f0f7ff}.utb-notif-item--unread:hover{background:#e8f2ff}.utb-notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.utb-notif-body{flex:1;min-width:0}.utb-notif-top{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.utb-notif-cat{font-size:10px;font-weight:700;border-radius:20px;padding:1px 7px;letter-spacing:.02em}.utb-notif-updated-tag{font-size:10px;font-weight:600;background:#fef9c3;color:#854d0e;border-radius:20px;padding:1px 7px}.utb-notif-time{font-size:10px;color:#9ca3af;margin-left:auto;white-space:nowrap;flex-shrink:0}.utb-notif-title{font-size:12.5px;font-weight:600;color:#111827;margin:0 0 3px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.utb-notif-sub{font-size:11.5px;color:#6b7280;margin:0 0 3px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.utb-notif-author{font-size:10.5px;color:#9ca3af;margin:0;overflow-wrap:anywhere}.utb-notif-item--icon{align-items:flex-start}.utb-notif-icon-wrap{width:30px;height:30px;min-width:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px;flex-shrink:0}.utb-notif-icon-wrap svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.utb-notif-note{font-size:11px;color:#374151;background:#f9fafb;border-left:2.5px solid #d1d5db;border-radius:0 4px 4px 0;padding:4px 8px;margin:4px 0 0;font-style:italic;line-height:1.4}.user-topbar__avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-topbar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;transition:border-color .15s;cursor:pointer}.user-topbar__avatar-btn:hover .user-topbar__avatar{border-color:#2563eb}.utb-profile-panel{position:fixed;top:61px;right:24px;width:280px;max-height:fit-content;overflow-y:visible;background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:100;padding:14px 16px;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.utb-profile-panel::-webkit-scrollbar{width:4px}.utb-profile-panel::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.utb-profile-panel--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.utb-panel-close{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:6px;border:1px solid #e9ecef;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s;flex-shrink:0}.utb-panel-close:hover{background:#f3f4f6}.utb-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-right:28px}.utb-panel-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;flex-shrink:0}.utb-panel-header-info{min-width:0}.utb-panel-name{font-size:13px;font-weight:600;color:#111827;line-height:1.3}.utb-panel-sub{font-size:11px;color:#9ca3af;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utb-panel-divider{height:1px;background:#f3f4f6;margin:4px 0 10px}.utb-panel-rows{display:flex;flex-direction:column;gap:8px;flex:1}.utb-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.utb-panel-row-label{font-size:11px;color:#9ca3af;font-weight:500;flex-shrink:0}.utb-panel-row-val{font-size:12px;color:#374151;font-weight:500;text-align:right}.utb-panel-row-val--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.utb-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.01em}.utb-badge--green{background:#dcfce7;color:#166534}.utb-badge--gray{background:#f3f4f6;color:#6b7280}.utb-badge--blue{background:#dbeafe;color:#1e40af}.utb-badge--yellow{background:#fef9c3;color:#854d0e}.utb-manage-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 14px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,transform .1s}.utb-manage-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.utb-manage-btn:active{transform:translateY(0)}.utb-modal-sub{font-size:12px;color:#9ca3af;margin-top:2px}.utb-modal-nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;text-align:left;transition:background .12s,color .12s;width:100%}.utb-modal-nav-label{white-space:normal;overflow:visible;text-overflow:unset;font-size:12.5px;line-height:1.3}.utb-modal-content::-webkit-scrollbar-track{background:transparent}.utb-field-lock{display:inline-flex;align-items:center;gap:3px;color:#d1d5db;font-weight:500;text-transform:none;letter-spacing:0;font-size:11px}.utb-field-input{width:100%;padding:9px 12px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;color:#111827;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}select.utb-field-input{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:42px;cursor:pointer}.utb-field-input--editable{border:1.5px solid #e5e7eb;background:#fff}.utb-field-input--editable:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.utb-field-input--readonly{border:1.5px solid #f3f4f6;background:#f9fafb;color:#6b7280;cursor:not-allowed;-webkit-user-select:none;user-select:none}.utb-back-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}.utb-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.utb-next-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,transform .1s;margin-left:auto}.utb-next-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.utb-next-btn:active{transform:translateY(0)}.utb-save-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,transform .1s;margin-left:auto}.utb-save-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.utb-save-btn:disabled{cursor:default}.utb-save-btn--saved{background:#16a34a}.utb-save-btn--saved:hover{background:#15803d}.utb-request-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;border:1.5px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer}.utb-request-btn:hover{background:#dbeafe;border-color:#93c5fd}.utb-save-note{font-size:11.5px;color:#9ca3af;margin:0;line-height:1.5}.utb-modal-header-left{display:flex;align-items:center;gap:14px;flex:1}.utb-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.utb-qr-panel-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 14px;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.utb-qr-panel-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb;transform:translateY(-1px)}.utb-qr-panel-btn:active{transform:translateY(0)}.utb-request-overlay{position:fixed;inset:0;background:#11182780;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:260;display:flex;align-items:center;justify-content:center;padding:24px;animation:utb-fade-in .2s ease}.utb-request-panel,.utb-request-success-panel{width:760px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000029;display:flex;flex-direction:column;overflow:hidden;font-family:DM Sans,sans-serif}.utb-request-success-panel{position:relative;width:360px;padding:30px 26px 24px;align-items:center;text-align:center;gap:12px}.utb-request-success-panel .utb-modal-close{position:absolute;top:14px;right:14px}.utb-request-success-panel h2{margin:4px 0 0;font-size:18px;color:#111827}.utb-request-success-panel p{margin:0 0 8px;font-size:13px;line-height:1.5;color:#4b5563}.utb-request-success-panel .utb-save-btn{margin-left:0}.utb-request-success-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:999px;background:#dcfce7;color:#16a34a}.utb-request-header,.utb-request-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.utb-request-footer{border-bottom:none;border-top:1px solid #f3f4f6;justify-content:space-between;flex-wrap:wrap}.utb-request-header h2{margin:0;font-size:16px;color:#111827}.utb-request-header p{margin:3px 0 0;font-size:12px;color:#6b7280}.utb-request-body{padding:20px 24px;overflow-y:auto}.utb-request-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #f3f4f6}.utb-request-section h3{margin:0 0 12px;font-size:13px;color:#111827}.utb-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-content:start}.utb-request-field{display:flex;flex-direction:column;gap:5px}.utb-request-field span{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.utb-request-field input,.utb-request-field select,.utb-request-field textarea{width:100%;border:1.5px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:#111827;box-sizing:border-box;outline:none}.utb-request-field input:focus,.utb-request-field select:focus,.utb-request-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.utb-date-input-wrap{position:relative;display:flex;align-items:center}.utb-date-input-wrap input[type=text]{padding-right:42px}.utb-date-picker-input{position:absolute;right:8px;width:24px!important;height:24px;opacity:0;cursor:pointer;z-index:2}.utb-date-icon{position:absolute;right:8px;width:24px;height:24px;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none}.utb-date-icon svg{width:16px;height:16px;stroke:currentColor}.utb-input--error{border-color:#ef4444!important}.utb-request-field-error{margin:1px 0 0;font-size:12px;font-weight:500;color:#ef4444}.utb-request-field select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:42px}.utb-request-field--note{margin-top:4px}.utb-request-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}.utb-request-message{border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.35;flex:1;min-width:240px}.utb-request-message--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.utb-request-message--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.utb-qr-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;animation:utbFadeIn .18s ease}.utb-qr-panel{background:#fff;border-radius:20px;width:360px;max-width:calc(100vw - 32px);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;animation:utbSlideUp .22s cubic-bezier(.22,1,.36,1);font-family:DM Sans,sans-serif}.utb-qr-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6}.utb-qr-panel-header-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#111827}.utb-qr-panel-header-left svg{color:#2563eb}.utb-qr-panel-body{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 24px 20px}.utb-qr-identity-info{text-align:center}.utb-qr-name{font-size:17px;font-weight:700;color:#111827;line-height:1.3}.utb-qr-sub{font-size:12px;color:#6b7280;margin-top:2px}.utb-qr-code-wrap{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:28px;display:flex;align-items:center;justify-content:center;width:280px;height:280px;box-shadow:0 4px 16px #0000000f}.utb-qr-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;color:#6b7280;font-size:13px}.utb-qr-spinner{display:inline-block;width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:utbSpin .7s linear infinite}.utb-qr-error{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ef4444;font-size:13px;text-align:center}.utb-qr-error svg{color:#ef4444}.utb-qr-error-detail{font-size:12px;color:#6b7280;max-width:240px;line-height:1.5;margin:0}.utb-qr-retry-btn{margin-top:4px;padding:6px 16px;border-radius:8px;border:1.5px solid #ef4444;background:#fff;color:#ef4444;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.utb-qr-retry-btn:hover{background:#fef2f2}.utb-qr-timer{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;border-radius:20px;padding:4px 12px;transition:background .2s,color .2s}.utb-qr-timer--warning{background:#fef3c7;color:#d97706}.utb-qr-timer--warning svg{stroke:#d97706}.utb-qr-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.utb-qr-refresh-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.utb-qr-hint{font-size:11.5px;color:#9ca3af;text-align:center;line-height:1.6;margin:0;max-width:280px}@keyframes utbSpin{to{transform:rotate(360deg)}}@keyframes utbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes utbSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.user-topbar__hamburger:hover{background:#f3f4f6}.user-topbar__hamburger svg{stroke:#374151}@media(max-width:1023px){.user-topbar__hamburger{display:flex}.user-topbar{padding:10px 16px;gap:10px}.user-topbar__search{width:100%;flex:1}.utb-notif-panel{right:8px;width:290px}}.uann-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.uann-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px}.uann-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.uann-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.uann-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.uann-topbar__search input::placeholder{color:#9ca3af}.uann-topbar__actions{display:flex;align-items:center;gap:12px}.uann-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.uann-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.uann-topbar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.uann-header{padding:28px 32px 0}.uann-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.uann-header p{font-size:14px;color:#6b7280;margin:0}.uann-body{padding:20px 32px 40px;display:flex;flex-direction:column;gap:16px}.uann-filters{display:flex;gap:8px;flex-wrap:wrap}.uann-filter-btn{padding:7px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.uann-filter-btn:hover{border-color:#2563eb;color:#2563eb}.uann-filter-btn--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.uann-filter-btn--active.uann-filter--all{background:#2563eb;border-color:#2563eb;color:#fff}.uann-filter-btn--active.uann-filter--environment{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.uann-filter-btn--active.uann-filter--health{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.uann-filter-btn--active.uann-filter--safety{background:#fef3c7;border-color:#fcd34d;color:#92400e}.uann-filter-btn--active.uann-filter--events{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.uann-filter-btn--active.uann-filter--services{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.uann-filter-btn.uann-filter--environment:hover{border-color:#6ee7b7;color:#065f46}.uann-filter-btn.uann-filter--health:hover{border-color:#93c5fd;color:#1e40af}.uann-filter-btn.uann-filter--safety:hover{border-color:#fcd34d;color:#92400e}.uann-filter-btn.uann-filter--events:hover{border-color:#c4b5fd;color:#5b21b6}.uann-filter-btn.uann-filter--services:hover{border-color:#f9a8d4;color:#9d174d}.uann-list{display:flex;flex-direction:column;gap:20px}.uann-empty{text-align:center;color:#9ca3af;font-size:14px;padding:48px 0}.uann-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .2s}.uann-card:hover{box-shadow:0 4px 20px #00000012}.uann-card__img-wrap{position:relative;height:220px;overflow:hidden}.uann-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.uann-card:hover .uann-card__img{transform:scale(1.02)}.uann-card__no-img{width:100%;height:100%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af}.uann-card__no-img svg{stroke:#c9cdd4}.uann-card__no-img span{font-size:13px;font-weight:500;letter-spacing:.01em}.uann-card__pinned{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;font-family:DM Sans,sans-serif;letter-spacing:.01em;box-shadow:0 1px 4px #00000014}.uann-card__cat{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;font-family:DM Sans,sans-serif}.uann-cat--health{background:#dbeafe;color:#1e40af}.uann-cat--environment{background:#d1fae5;color:#065f46}.uann-cat--events{background:#ede9fe;color:#5b21b6}.uann-cat--safety{background:#fef3c7;color:#92400e}.uann-cat--services{background:#fce7f3;color:#9d174d}.uann-card__body{padding:18px 22px 16px}.uann-card__meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;margin:0 0 8px}.uann-card__author{font-weight:600;color:#374151}.uann-dot{color:#d1d5db}.uann-card__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 10px;letter-spacing:-.3px;line-height:1.35}.uann-card__desc{font-size:13.5px;color:#6b7280;line-height:1.65;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.uann-card__footer{padding-top:14px;border-top:1px solid #f3f4f6}.uann-read-btn{background:none;border:none;color:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;padding:0;transition:color .15s}.uann-read-btn:hover{color:#1d4ed8;text-decoration:underline}.uann-card__timestamps{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.uann-card__ts{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9ca3af;font-weight:500}.uann-card__ts svg{stroke:#c4c9d4;flex-shrink:0}.uann-card__ts--updated{color:#6366f1}.uann-card__ts--updated svg{stroke:#a5b4fc}.uann-modal__timestamps{margin-top:16px;padding-top:14px;border-top:1px solid #f3f4f6}.uann-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:uaFadeIn .15s ease}@keyframes uaFadeIn{0%{opacity:0}to{opacity:1}}.uann-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:uaSlideUp .2s ease}@keyframes uaSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.uann-modal__img-wrap{position:relative;height:280px;overflow:hidden;flex-shrink:0}.uann-modal__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.uann-modal__no-img{width:100%;height:100%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ca3af}.uann-modal__no-img svg{stroke:#c9cdd4}.uann-modal__no-img span{font-size:14px;font-weight:500}.uann-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.uann-modal__close svg{width:16px;height:16px;stroke:#fff}.uann-modal__body{padding:22px 26px 28px;overflow-y:auto;overflow-x:hidden}.uann-modal__title{font-size:20px;font-weight:700;color:#111827;margin:8px 0 12px;letter-spacing:-.3px;line-height:1.35}.uann-modal__desc{font-size:14px;color:#6b7280;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:break-word}@media(max-width:767px){.uann-header{padding:20px 16px 0;gap:12px}.uann-header h1{font-size:20px}.uann-header p{font-size:13px}.uann-body{padding:16px 16px 32px}.uann-filters{gap:6px}.uann-filter-btn{font-size:12px;padding:6px 12px}.uann-list{gap:16px}.uann-card__img-wrap{height:180px}.uann-card__title{font-size:15px}.uann-card__body{padding:14px 16px 12px}.uann-card__footer{flex-direction:column;align-items:flex-start;gap:10px}.uann-card__timestamps{gap:8px;flex-direction:column}.uann-overlay{padding:16px;align-items:center}.uann-modal{max-width:100%;border-radius:16px;max-height:92vh}.uann-modal__img-wrap{height:200px}}.udsh-shell{flex:1;min-width:0;height:100vh;overflow:hidden}.udsh-page{display:flex;flex-direction:column;height:100vh;background:#f6f8fb;font-family:DM Sans,sans-serif;overflow:hidden}.udsh-main{padding:26px 30px 36px;display:flex;flex-direction:column;gap:18px;flex:1;min-height:0;overflow:hidden}.udsh-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.udsh-heading h1{margin:0 0 4px;color:#111827;font-size:26px;font-weight:800;letter-spacing:-.2px}.udsh-heading p{margin:0;color:#64748b;font-size:14px}.udsh-heading__support{border:0;border-radius:8px;background:#2563eb;color:#fff;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #2563eb2e}.udsh-heading__support svg{width:16px;height:16px}.udsh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.udsh-stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;justify-content:space-between;gap:12px}.udsh-stat__label{margin:0 0 5px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.udsh-stat__value{margin:0 0 4px;color:#0f172a;font-size:28px;font-weight:800;line-height:1}.udsh-stat__delta{margin:0;color:#94a3b8;font-size:12.5px}.udsh-stat__icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.udsh-stat__icon svg{width:21px;height:21px}.udsh-stat__icon--blue{background:#eff6ff;color:#2563eb}.udsh-stat__icon--amber{background:#fffbeb;color:#d97706}.udsh-stat__icon--green{background:#f0fdf4;color:#16a34a}.udsh-stat__icon--violet{background:#f5f3ff;color:#7c3aed}.udsh-feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;flex:1;min-height:0}.udsh-feed,.udsh-panel,.udsh-support-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.udsh-feed{overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}.udsh-feed__header{min-height:66px;padding:16px 18px;border-bottom:1px solid #eef2f7;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.udsh-feed__header h2,.udsh-support-card h2{margin:0 0 3px;color:#0f172a;font-size:17px;font-weight:800}.udsh-feed__header p,.udsh-support-card p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.udsh-feed__header a{color:#2563eb;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.udsh-feed__filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #eef2f7;background:#fff}.udsh-feed__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#f1f5f9;padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:20px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.udsh-feed__scroll::-webkit-scrollbar{width:8px}.udsh-feed__scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.udsh-feed-empty{min-height:260px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.udsh-announcement-card{width:100%;flex-shrink:0}.uann-cat--update{background:#f1f5f9;color:#475569}.udsh-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:hidden}.udsh-post{background:#fff;border:1px solid #e9ecef;border-radius:16px;overflow:hidden;width:min(100%,680px);transition:box-shadow .2s,transform .15s}.udsh-post:hover{box-shadow:0 4px 20px #0f172a14}.udsh-post__image-wrap{position:relative;height:220px;overflow:hidden;background:#f3f4f6;border-bottom:1px solid #eef2f7}.udsh-post__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.udsh-post:hover .udsh-post__image{transform:scale(1.02)}.udsh-post__no-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af}.udsh-post__no-img svg{stroke:#c9cdd4}.udsh-post__no-img span{font-size:13px;font-weight:500;letter-spacing:.01em}.udsh-post__cat{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;font-family:DM Sans,sans-serif;letter-spacing:.01em}.udsh-post__cat--health{background:#dbeafe;color:#1e40af}.udsh-post__cat--environment{background:#d1fae5;color:#065f46}.udsh-post__cat--events{background:#ede9fe;color:#5b21b6}.udsh-post__cat--safety{background:#fef3c7;color:#92400e}.udsh-post__cat--services{background:#fce7f3;color:#9d174d}.udsh-post__cat--update{background:#f1f5f9;color:#475569}.udsh-post__pinned{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;font-family:DM Sans,sans-serif;letter-spacing:.01em;box-shadow:0 1px 4px #00000014}.udsh-post__content{padding:16px 20px 14px}.udsh-post__meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;margin:0 0 6px}.udsh-post__author{font-weight:600;color:#374151}.udsh-post h3{margin:0 0 8px;color:#0f172a;font-size:18px;line-height:1.35;letter-spacing:-.2px;font-weight:700}.udsh-post__body{margin:0 0 14px;color:#6b7280;font-size:13.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.udsh-post__timestamps{display:flex;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:2px}.udsh-post__ts{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9ca3af;font-weight:500}.udsh-post__ts svg{stroke:#c4c9d4;flex-shrink:0}.udsh-post__ts--updated{color:#6366f1}.udsh-post__ts--updated svg{stroke:#a5b4fc}.udsh-post__footer{border-top:1px solid #f3f4f6;padding-top:14px;margin-top:14px}.udsh-read-btn{background:none;border:none;color:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;padding:0;transition:color .15s}.udsh-read-btn:hover{color:#1d4ed8;text-decoration:underline}.udsh-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:udshFadeIn .15s ease}@keyframes udshFadeIn{0%{opacity:0}to{opacity:1}}.udsh-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:udshSlideUp .2s ease}@keyframes udshSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.udsh-modal__img-wrap{position:relative;height:280px;overflow:hidden;flex-shrink:0}.udsh-modal__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.udsh-modal__no-img{width:100%;height:100%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ca3af}.udsh-modal__no-img svg{stroke:#c9cdd4}.udsh-modal__no-img span{font-size:14px;font-weight:500}.udsh-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.udsh-modal__close svg{width:16px;height:16px;stroke:#fff}.udsh-modal__body{padding:22px 26px 28px;overflow-y:auto;overflow-x:hidden}.udsh-modal__title{font-size:20px;font-weight:700;color:#111827;margin:8px 0 12px;letter-spacing:-.3px;line-height:1.35}.udsh-modal__desc{font-size:14px;color:#6b7280;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.udsh-modal__timestamps{margin-top:16px;padding-top:14px}.udsh-support-card{padding:18px}.udsh-support-card__icon{width:42px;height:42px;border-radius:8px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.udsh-support-card__icon svg{width:20px;height:20px}.udsh-support-card button{margin-top:14px;width:100%;height:38px;border:0;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.udsh-panel{overflow:hidden}.udsh-panel__header{padding:15px 16px 12px;border-bottom:1px solid #eef2f7;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.udsh-panel__title{margin:0 0 2px;color:#111827;font-size:15px;font-weight:800}.udsh-panel__sub{margin:0;color:#94a3b8;font-size:12px}.udsh-list{margin:0;padding:0;list-style:none}.udsh-list__item{padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f1f5f9}.udsh-list__item:last-child{border-bottom:0}.udsh-list__icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.udsh-list__icon svg{width:16px;height:16px}.udsh-list__icon--blue{background:#eff6ff;color:#2563eb}.udsh-list__icon--orange{background:#fff7ed;color:#d97706}.udsh-list__body{flex:1;min-width:0}.udsh-list__title{margin:0 0 2px;color:#111827;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udsh-list__meta{margin:0;color:#94a3b8;font-size:12px}.udsh-badge{flex-shrink:0;border-radius:999px;padding:3px 8px;background:#f1f5f9;color:#475569;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ubadge--pending{background:#fffbeb;color:#d97706}.ubadge--confirmed,.ubadge--inprogress{background:#eff6ff;color:#2563eb}.ubadge--resolved{background:#f0fdf4;color:#16a34a}.ubadge--completed{background:#f1f5f9;color:#475569}.ubadge--cancelled{background:#fef2f2;color:#dc2626}.udsh-ann-cat{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#475569;white-space:nowrap}.ucat--health{background:#dbeafe;color:#1e40af}.ucat--environment{background:#d1fae5;color:#065f46}.ucat--events{background:#ede9fe;color:#5b21b6}.ucat--safety{background:#fef3c7;color:#92400e}.ucat--services{background:#fce7f3;color:#9d174d}.udsh-quicklinks{padding:8px;display:grid;gap:6px}.udsh-quicklink{border:0;border-radius:7px;background:transparent;color:#334155;padding:9px 10px;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.udsh-quicklink:hover{background:#eff6ff;color:#2563eb}@media(max-width:1180px){.udsh-shell,.udsh-page{height:auto;min-height:100vh;overflow:visible}.udsh-main{flex:none;min-height:auto;overflow:visible}.udsh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.udsh-feed-layout{grid-template-columns:1fr}.udsh-side{order:-1;position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.udsh-feed{order:0}.udsh-support-card{grid-row:auto}.udsh-feed__scroll{height:clamp(400px,70vh,720px)}}@media(max-width:720px){.udsh-main{flex:none;min-height:auto;padding:14px 0 28px;overflow:visible;gap:0}.udsh-page{height:auto;min-height:100vh;overflow:visible}.udsh-heading{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 14px 0;margin-bottom:8px;gap:10px}.udsh-heading>div:first-child{flex:1;min-width:0}.udsh-heading h1{font-size:22px;margin:0}.udsh-heading p{display:none}.udsh-heading__support{width:auto;justify-content:center}.udsh-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px;margin-bottom:8px}.udsh-stats.udsh-stats--visible{max-height:none;opacity:1}.udsh-stat{padding:12px 10px;gap:8px;border-radius:10px}.udsh-stat__value{font-size:22px}.udsh-stat__label{font-size:10px}.udsh-stat__icon{width:36px;height:36px}.udsh-stat__icon svg{width:16px;height:16px}.udsh-side{grid-template-columns:1fr;gap:12px;display:none}.udsh-support-card,.udsh-panel{display:none}.udsh-feed-layout{grid-template-columns:1fr;gap:0}.udsh-feed{padding:0}.udsh-feed__header{flex-direction:column;padding:12px 14px;gap:10px}.udsh-feed__filters{padding:10px 14px;gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.udsh-feed__filters::-webkit-scrollbar{display:none}.udsh-feed__filters .uann-filter-btn{white-space:nowrap;flex-shrink:0}.udsh-feed__scroll{height:auto;min-height:auto;overflow-y:visible;padding:0}.udsh-post{border-radius:0;border:none;border-bottom:8px solid #f1f5f9;margin:0}.udsh-post:first-child{border-top:1px solid #e5e7eb}.udsh-post__image-wrap{height:240px}.udsh-post__content{padding:14px}.udsh-post h3{font-size:16px;line-height:1.4}.udsh-post__body{font-size:14px;-webkit-line-clamp:2}.udsh-overlay{padding:16px}.udsh-modal{max-width:100%;border-radius:20px;max-height:92vh}.udsh-modal__img-wrap{height:240px}.udsh-ann-cat{max-width:112px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:720px){.udsh-main{flex:none;min-height:auto;padding:14px 0 28px;overflow:visible;gap:0}.udsh-page{height:auto;min-height:100vh;overflow:visible}.udsh-heading{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 14px 0;margin-bottom:8px;gap:12px}.udsh-heading>div:first-child{flex:1;min-width:0}.udsh-heading h1{font-size:22px;margin:0}.udsh-heading p{display:none}.udsh-heading__support{width:auto;justify-content:center}.udsh-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px;margin-bottom:8px}.udsh-stats.udsh-stats--visible{max-height:none;opacity:1}.udsh-stat{padding:12px 10px;gap:8px;border-radius:10px}.udsh-stat__value{font-size:22px}.udsh-stat__label{font-size:10px}.udsh-stat__icon{width:36px;height:36px}.udsh-stat__icon svg{width:16px;height:16px}.udsh-side{grid-template-columns:1fr;gap:12px;display:none}.udsh-support-card,.udsh-panel{display:none}.udsh-feed-layout{grid-template-columns:1fr;gap:0}.udsh-feed{padding:0}.udsh-feed__header{flex-direction:column;padding:12px 14px;gap:10px}.udsh-feed__filters{padding:10px 14px;gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.udsh-feed__filters::-webkit-scrollbar{display:none}.udsh-feed__filters .uann-filter-btn{white-space:nowrap;flex-shrink:0}.udsh-feed__scroll{height:auto;min-height:auto;overflow-y:visible;padding:0}.udsh-post{border-radius:0;border:none;border-bottom:8px solid #f1f5f9;margin:0}.udsh-post:first-child{border-top:1px solid #e5e7eb}.udsh-post__image-wrap{height:240px}.udsh-post__content{padding:14px}.udsh-post h3{font-size:16px;line-height:1.4}.udsh-post__body{font-size:14px;-webkit-line-clamp:2}.udsh-overlay{padding:16px}.udsh-modal{max-width:100%;border-radius:20px;max-height:92vh}.udsh-modal__img-wrap{height:240px}.udsh-ann-cat{max-width:112px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:500px){.udsh-stats{grid-template-columns:1fr;gap:8px}.udsh-stat{padding:12px 10px}.udsh-stat__value{font-size:22px}.udsh-stat__label{font-size:10px}.udsh-stat__delta{font-size:11px}.udsh-stat__icon{width:36px;height:36px}.udsh-heading__support{height:36px;padding:0 12px;font-size:12px}.udsh-heading__support svg{width:14px;height:14px}}@media(max-width:420px){.udsh-quicklinks{grid-template-columns:1fr}.udsh-main{padding:16px 12px 24px;gap:14px}.udsh-heading h1{font-size:20px}.udsh-heading p{font-size:13px}.udsh-stat{padding:12px 10px;gap:8px}.udsh-stat__label{font-size:9.5px}.udsh-stat__value{font-size:20px;margin-bottom:2px}.udsh-stat__delta{font-size:10.5px}}.udsh-floating-widget-btn,.udsh-floating-widget-overlay,.udsh-floating-widget-panel{display:none}@media(max-width:768px){.udsh-floating-widget-btn{display:flex;position:fixed;bottom:88px;right:20px;width:56px;height:56px;border-radius:50%;background:#2563eb;border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 24px #2563eb59;z-index:997;transition:all .25s cubic-bezier(.34,1.56,.64,1);padding:0}.udsh-floating-widget-btn:hover{box-shadow:0 12px 32px #2563eb73;transform:translateY(-3px) scale(1.08)}.udsh-floating-widget-btn:active{transform:scale(.95)}.udsh-floating-widget-btn svg{width:22px;height:22px}.udsh-floating-widget-overlay{display:flex;position:fixed;inset:0;background:#0006;z-index:999;align-items:flex-end}.udsh-floating-widget-panel{display:flex;flex-direction:column;width:100%;max-height:90vh;background:#f8fafc;border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0000001a;overflow:hidden;animation:udshSlideUp .35s cubic-bezier(.34,1.56,.64,1)}.udsh-floating-widget-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;background:linear-gradient(135deg,#1d4ed8,#2563eb);flex-shrink:0;border-bottom:none}.udsh-floating-widget-title{margin:0;font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.udsh-floating-widget-title svg{width:22px;height:22px;color:#fff;stroke:#fff}.udsh-floating-widget-close{width:36px;height:36px;border-radius:12px;border:none;background:#fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.udsh-floating-widget-close:hover{background:#ffffff59}.udsh-floating-widget-close:active{background:#ffffff26}.udsh-floating-widget-close svg{width:18px;height:18px;stroke:#fff}.udsh-floating-widget-body{flex:1;overflow-y:auto;padding:16px 12px 24px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.udsh-floating-widget-body::-webkit-scrollbar{width:6px}.udsh-floating-widget-body::-webkit-scrollbar-track{background:transparent}.udsh-floating-widget-body::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:3px}.udsh-floating-widget-body::-webkit-scrollbar-thumb:hover{background:#2563eb80}.udsh-floating-widget-item{border:none;border-radius:14px;background:#fff;color:#1e40af;padding:16px 12px;text-align:center;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);line-height:1.4;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;border:1.5px solid #dbeafe}.udsh-floating-widget-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,transparent 100%);opacity:0;transition:opacity .2s;pointer-events:none}.udsh-floating-widget-item:hover{box-shadow:0 6px 16px #2563eb2e;transform:translateY(-2px);border-color:#93c5fd}.udsh-floating-widget-item:hover:before{opacity:1}.udsh-floating-widget-item:active{transform:scale(.96)}@keyframes udshSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(max-width:500px){.udsh-floating-widget-panel{max-height:88vh}.udsh-floating-widget-body{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 10px 20px}.udsh-floating-widget-item{min-height:72px;padding:12px 10px;font-size:12px;gap:6px}}@keyframes udshPulse{0%,to{opacity:1}50%{opacity:.4}}.udsh-stats-toggle,.udsh-stats-toggle-group{display:none}@media(max-width:768px){.udsh-stats-toggle-group{display:flex;align-items:center;justify-content:space-between;gap:12px}.udsh-stats-toggle{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border:none;border-radius:8px;background:#2563eb;cursor:pointer;color:#fff;transition:all .15s;font:inherit;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #2563eb40}.udsh-stats-toggle:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb59}.udsh-stats-toggle:active{transform:scale(.95)}.udsh-stats-toggle svg{width:15px;height:15px}.udsh-stats{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.udsh-stats.udsh-stats--visible{max-height:500px;opacity:1}}.udsh-chat-widget-btn,.udsh-chat-widget-overlay{display:none}@media(max-width:768px){.udsh-chat-widget-btn{display:flex;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#2563eb;border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d;z-index:996;transition:background .2s,box-shadow .2s}.udsh-chat-widget-btn:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb66}.udsh-chat-widget-btn:active{transform:scale(.95)}.udsh-chat-widget-btn svg{width:24px;height:24px}.udsh-chat-widget-overlay{display:flex;position:fixed;inset:0;background:#0000004d;z-index:1000;align-items:flex-end}.udsh-chat-widget-panel{display:flex;flex-direction:column;width:100%;height:70vh;max-height:calc(100vh - 80px);background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 12px #00000026;overflow:hidden;animation:udshSlideUp .3s ease-out}@keyframes udshSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.udsh-chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid #f3f4f6;background:#fff}.udsh-chat-widget-title{margin:0 0 2px;font-size:14px;font-weight:700;color:#111827}.udsh-chat-widget-status{margin:0;font-size:10.5px;color:#9ca3af;display:flex;align-items:center;gap:4px}.udsh-chat-widget-close{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.udsh-chat-widget-close:hover{background:#e5e7eb;color:#6b7280}.udsh-chat-widget-close svg{width:16px;height:16px}.udsh-chat-widget-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#fafbfc}.udsh-chat-widget-input-wrapper{display:flex;gap:8px;align-items:flex-end;padding:10px 14px;border-top:1px solid #f3f4f6;background:#fff}.udsh-chat-widget-input-wrapper textarea{max-height:80px}}.uapt-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.uapt-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px}.uapt-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.uapt-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.uapt-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.uapt-topbar__search input::placeholder{color:#9ca3af}.uapt-topbar__actions{display:flex;align-items:center;gap:12px}.uapt-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.uapt-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.uapt-topbar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.uapt-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0;gap:16px}.uapt-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.uapt-header p{font-size:14px;color:#6b7280;margin:0}.uapt-new-btn{display:flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.uapt-new-btn:hover{background:#1d4ed8}.uapt-new-btn svg{width:16px;height:16px;stroke:#fff}.uapt-body{padding:20px 32px 40px;display:flex;flex-direction:column;gap:14px}.uapt-filters{display:flex;gap:8px;flex-wrap:wrap}.uapt-filter-btn{padding:7px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.uapt-filter-btn:hover{border-color:#2563eb;color:#2563eb}.uapt-filter-btn--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.uapt-table-wrap{background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:hidden}.uapt-table{width:100%;border-collapse:collapse;font-size:13.5px}.uapt-table thead tr{background:#f9fafb;border-bottom:1px solid #e9ecef}.uapt-table th{padding:11px 18px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.uapt-row{border-bottom:1px solid #f3f4f6;transition:background .12s}.uapt-row:last-child{border-bottom:none}.uapt-row:hover{background:#fafafa}.uapt-table td{padding:14px 18px;vertical-align:middle}.uapt-id{font-size:12px;color:#9ca3af;font-weight:500;white-space:nowrap}.uapt-purpose{font-weight:600;color:#111827}.uapt-date{font-size:13px;color:#374151;font-weight:500;margin:0 0 2px}.uapt-time{font-size:12px;color:#9ca3af;margin:0}.uapt-assigned{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;white-space:nowrap}.uapt-assigned svg{width:14px;height:14px;stroke:#9ca3af}.uapt-unassigned{color:#9ca3af;font-style:italic}.uapt-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.us--scheduled{background:#dbeafe;color:#1e40af}.us--closed{background:#f3f4f6;color:#374151}.us--cancelled{background:#ffedd5;color:#c2410c}.uapt-empty{text-align:center;color:#9ca3af;padding:48px!important;font-size:14px}.uapt-footer{font-size:13px;color:#9ca3af}.uapt-footer strong{color:#374151}.uapt-rejection-note{display:flex;align-items:flex-start;gap:4px;font-size:11.5px;color:#ef4444;font-style:italic;margin:4px 0 0;line-height:1.4;max-width:200px}.uapt-cancel-reason{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:6px;padding:6px 10px;margin:7px 0 0;line-height:1.5;max-width:260px}.uapt-cancel-reason svg{stroke:#f59e0b;flex-shrink:0;margin-top:2px;width:12px;height:12px}.uapt-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #f3f4f6;gap:12px;flex-wrap:wrap}.uapt-pagination__info{font-size:13px;color:#6b7280;margin:0}.uapt-pagination__info strong{color:#374151}.uapt-pagination__controls{display:flex;align-items:center;gap:4px}.uapt-page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uapt-page-btn:hover:not(:disabled){background:#f3f4f6}.uapt-page-btn:disabled{color:#d1d5db;cursor:not-allowed}.uapt-page-num{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;display:flex;align-items:center;justify-content:center}.uapt-page-num:hover{background:#f3f4f6}.uapt-page-num--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.uapt-page-ellipsis{font-size:13px;color:#9ca3af;padding:0 4px}.uapt-toast{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:uToastUp .25s ease}@keyframes uToastUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uapt-toast svg{stroke:#4ade80;flex-shrink:0}.uapt-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:uFadeIn .15s ease}@keyframes uFadeIn{0%{opacity:0}to{opacity:1}}.uapt-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #0000002e;animation:uSlideUp .2s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.uapt-modal--book{max-width:560px}.uapt-modal--wide{max-width:940px}@keyframes uSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.uapt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.uapt-modal__header h2{font-size:16px;font-weight:700;color:#111827;margin:0}.uapt-modal__close{width:30px;height:30px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.uapt-modal__close svg{width:15px;height:15px;stroke:#6b7280}.uapt-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.uapt-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6;flex-shrink:0}.uapt-form-group{display:flex;flex-direction:column;gap:5px}.uapt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uapt-form-group label{font-size:13px;font-weight:600;color:#374151}.uapt-form-group label span{font-weight:400;color:#9ca3af}.uapt-form-group input,.uapt-form-group select,.uapt-form-group textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:9px;font-size:13.5px;color:#374151;font-family:DM Sans,sans-serif;background:#fff;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.uapt-form-group input:focus,.uapt-form-group select:focus,.uapt-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.uapt-form-group textarea{resize:vertical}.uapt-form-error{color:#dc2626;font-size:13px;font-weight:600;margin:0}.uapt-book-one-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start}.uapt-book-details{display:flex;flex-direction:column;gap:14px;min-width:0}.uapt-book-calendar{min-width:0}.uapt-book-summary{border:1px solid #e9ecef;background:#f9fafb;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.uapt-book-summary p{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin:0}.uapt-book-summary strong{font-size:13.5px;color:#111827;line-height:1.45}.uapt-book-summary span{font-size:13px;color:#6b7280;line-height:1.5}.uapt-ghost-btn{padding:9px 18px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uapt-ghost-btn:hover{background:#f3f4f6}.uapt-submit-btn{padding:9px 18px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uapt-submit-btn:hover:not(:disabled){background:#1d4ed8}.uapt-submit-btn:disabled{opacity:.65;cursor:not-allowed}.uapt-modal--sm{max-width:420px;padding-bottom:4px}.uapt-confirm-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto 4px}.uapt-confirm-icon--danger{background:#fef2f2}.uapt-confirm-icon--blue{background:#eff6ff}.uapt-reschedule-desc{font-size:13.5px;color:#6b7280;margin:0 0 4px;line-height:1.6}.uapt-menu-cell{position:relative;width:48px;text-align:center;padding-right:18px!important;overflow:visible}.uapt-menu-btn{width:30px;height:30px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s,color .15s;margin:0 auto}.uapt-menu-btn svg{width:16px;height:16px}.uapt-menu-btn:hover{background:#f3f4f6;color:#374151}.uapt-dropdown{position:fixed;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:9999;min-width:180px;padding:6px;animation:uDropIn .12s ease}@keyframes uDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.uapt-dropdown__label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;padding:4px 8px 6px;margin:0}.uapt-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.uapt-dropdown__item:hover{background:#f3f4f6}.uapt-dropdown__item--reschedule{color:#2563eb}.uapt-dropdown__item--reschedule:hover{background:#eff6ff}.uapt-dropdown__item--cancel{color:#f97316}.uapt-dropdown__item--cancel:hover{background:#fff7ed}.uapt-dropdown__divider{height:1px;background:#f3f4f6;margin:4px 0}.uapt-dropdown__locked{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#9ca3af;padding:6px 8px 8px;margin:0;font-style:italic;cursor:default;-webkit-user-select:none;user-select:none}.ucal{display:flex;flex-direction:column;gap:12px;background:#f9fafb;border:1px solid #e9ecef;border-radius:12px;padding:14px}.ucal__nav{display:flex;align-items:center;justify-content:space-between}.ucal__nav-btn{width:28px;height:28px;border-radius:7px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.ucal__nav-btn:hover{background:#f3f4f6}.ucal__month-label{font-size:13.5px;font-weight:700;color:#111827}.ucal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.ucal__dow{font-size:10px;font-weight:700;color:#9ca3af;text-align:center;padding:3px 0;text-transform:uppercase;letter-spacing:.3px}.ucal__cell{aspect-ratio:1;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:500;border:none;background:transparent;color:#9ca3af;cursor:default;transition:background .12s,color .12s;font-family:DM Sans,sans-serif}.ucal__cell--empty{pointer-events:none}.ucal__cell--past{color:#d1d5db;background:transparent;cursor:not-allowed}.ucal__cell--closed{color:#d1d5db;background:#f3f4f6;cursor:not-allowed}.ucal__cell--blocked{color:#fca5a5;background:#fef2f2;text-decoration:line-through;cursor:not-allowed}.ucal__cell--full{color:#dc2626;background:#fee2e2;cursor:not-allowed;font-weight:700}.ucal__cell--partial{background:#fef3c7;color:#92400e;font-weight:700;cursor:pointer}.ucal__cell--available{background:#dcfce7;color:#166534;font-weight:600;cursor:pointer}.ucal__cell--available:hover{background:#bbf7d0}.ucal__cell--selected{background:#2563eb!important;color:#fff!important;font-weight:700}.ucal__cell--today{outline:2px solid #2563eb;outline-offset:-2px}.ucal__legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:2px;border-top:1px solid #e9ecef}.ucal__legend-item{font-size:11px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:5px}.ucal__legend-item:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px}.ucal__legend-item--available:before{background:#dcfce7;border:1px solid #86efac}.ucal__legend-item--closed:before{background:#f3f4f6;border:1px solid #e5e7eb}.ucal__legend-item--blocked:before{background:#fee2e2;border:1px solid #fca5a5}.ucal__legend-item--partial:before{background:#fef3c7;border:1px solid #fbbf24}.ucal__legend-item--full:before{background:#fee2e2;border:1px solid #fca5a5}.ucal__slots{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid #e9ecef}.ucal__slots-label{font-size:12.5px;color:#6b7280;margin:0}.ucal__slots-empty{font-size:12.5px;color:#9ca3af;font-style:italic;margin:0}.ucal__slots-grid,.ucal__blocked-list{display:flex;flex-wrap:wrap;gap:6px}.ucal__blocked-pill{display:inline-flex;align-items:center;max-width:100%;border:1px solid #fca5a5;background:#fef2f2;color:#b91c1c;border-radius:999px;padding:5px 9px;font-size:11.5px;font-weight:700;overflow-wrap:anywhere}.ucal__slot{min-width:92px;min-height:54px;padding:7px 10px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .12s,background .12s,color .12s;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ucal__slot small{font-size:10.5px;font-weight:700;color:#9ca3af}.ucal__slot:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.ucal__slot--selected{border-color:#2563eb;background:#2563eb;color:#fff;font-weight:600}.ucal__slot--selected small{color:#ffffffd1}.ucal__slot--blocked{border-color:#fca5a5;background:#fef2f2;color:#ef4444;text-decoration:line-through;cursor:not-allowed;opacity:.85}.ucal__slot--blocked small{color:#ef4444}.ucal__slot--blocked:hover{border-color:#fca5a5;background:#fef2f2;color:#ef4444}.ucal__slot--full{border-color:#fecaca;background:#fee2e2;color:#b91c1c;cursor:not-allowed}.ucal__slot--full:hover{border-color:#fecaca;background:#fee2e2;color:#b91c1c}.ucal__slot--full small{color:#b91c1c}.ucal__slot--checking{color:#9ca3af;cursor:wait}.ucal__summary{display:flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:9px 14px;font-size:13px;color:#166534}.ucal__summary svg{stroke:#16a34a;flex-shrink:0}.ucal-loading{display:flex;align-items:center;gap:10px;padding:20px;background:#f9fafb;border:1px solid #e9ecef;border-radius:12px;font-size:13px;color:#6b7280}.ucal-loading__spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:ucalSpin .6s linear infinite;flex-shrink:0}@keyframes ucalSpin{to{transform:rotate(360deg)}}.uapt-table--desktop{display:table}.uapt-card-list{display:none}.uapt-card{background:#fff;border-radius:10px;border:1px solid #e9ecef;padding:12px 14px;margin-bottom:8px}.uapt-card:last-child{margin-bottom:0}.uapt-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.uapt-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.uapt-card__purpose{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.uapt-card__id{font-size:11.5px;color:#9ca3af}.uapt-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.uapt-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.uapt-card__meta-item{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#6b7280}.uapt-card__meta-item svg{stroke:#9ca3af;flex-shrink:0}@media(max-width:1023px){.uapt-table--desktop{display:none}.uapt-card-list{display:block;padding:12px 0}.uapt-header{padding:20px 16px 14px;flex-wrap:wrap;gap:10px}.uapt-header h1{font-size:20px}.uapt-header p{font-size:13px}.uapt-new-btn{width:100%;justify-content:center}.uapt-body{padding:16px 16px 40px}.uapt-table-wrap{overflow-x:visible}.uapt-modal,.uapt-modal--book,.uapt-modal--sm{width:calc(100vw - 32px);max-width:100%;margin:16px;max-height:90vh;overflow-y:auto}.uapt-book-one-panel{grid-template-columns:1fr}.uapt-pagination{padding:12px 16px;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.uapt-header h1{font-size:18px}}.ucmp-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.ucmp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 20px;gap:16px}.ucmp-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.ucmp-header p{font-size:14px;color:#6b7280;margin:0}.ucmp-new-btn{display:flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.ucmp-new-btn:hover{background:#1d4ed8}.ucmp-new-btn svg{width:16px;height:16px;stroke:#fff}.ucmp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 32px 20px;background:#fff;border:1px solid #e9ecef;border-radius:14px;overflow:hidden}.ucmp-stat{padding:18px 24px;border-right:1px solid #e9ecef}.ucmp-stat:last-child{border-right:none}.ucmp-stat__label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.6px;margin:0 0 4px}.ucmp-stat__value{font-size:28px;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px;line-height:1}.ucmp-table-wrap{margin:0 32px;background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:hidden}.ucmp-table{width:100%;border-collapse:collapse;font-size:13.5px}.ucmp-table thead tr{background:#f9fafb;border-bottom:1px solid #e9ecef}.ucmp-table th{padding:11px 18px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.ucmp-row{border-bottom:1px solid #f3f4f6;transition:background .12s}.ucmp-row:last-child{border-bottom:none}.ucmp-row:hover{background:#fafafa}.ucmp-table td{padding:14px 18px;vertical-align:middle}.ucmp-empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.ucmp-id{font-size:12.5px;font-weight:600;color:#2563eb;white-space:nowrap}.ucmp-cat{font-weight:500;color:#374151}.ucmp-priority{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151}.ucmp-priority__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ucmp-date{font-size:13px;color:#6b7280;white-space:nowrap}.ucmp-official{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;white-space:nowrap}.ucmp-official svg{width:14px;height:14px;stroke:#9ca3af}.ucmp-unassigned{color:#9ca3af;font-style:italic}.ucmp-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.ucs--pending{background:#fef9c3;color:#854d0e}.ucs--inprogress{background:#dbeafe;color:#1e40af}.ucs--resolved{background:#dcfce7;color:#166534}.ucs--escalated{background:#ffe4e6;color:#9f1239;border:1px solid #fecdd3}.ucmp-track-btn{font-size:13px;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;transition:color .15s}.ucmp-track-btn:hover{color:#1d4ed8}.ucmp-footer{padding:14px 32px;font-size:13px;color:#9ca3af}.ucmp-footer strong{color:#374151}.ucmp-toast{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:ucToastUp .25s ease}@keyframes ucToastUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ucmp-toast svg{stroke:#4ade80;flex-shrink:0}.ucmp-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:ucFadeIn .15s ease}@keyframes ucFadeIn{0%{opacity:0}to{opacity:1}}.ucmp-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #0000002e;animation:ucSlideUp .2s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes ucSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.ucmp-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.ucmp-modal__header h2{font-size:16px;font-weight:700;color:#111827;margin:0}.ucmp-modal__close{width:30px;height:30px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.ucmp-modal__close svg{width:15px;height:15px;stroke:#6b7280}.ucmp-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.ucmp-modal__footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6;flex-shrink:0}.ucmp-fg{display:flex;flex-direction:column;gap:5px}.ucmp-fg label{font-size:13px;font-weight:600;color:#374151}.ucmp-fg label span{font-weight:400;color:#9ca3af}.ucmp-fg input,.ucmp-fg select,.ucmp-fg textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:9px;font-size:13.5px;color:#374151;font-family:DM Sans,sans-serif;background:#fff;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.ucmp-fg input:focus,.ucmp-fg select:focus,.ucmp-fg textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ucmp-fg textarea{resize:vertical}.ucmp-priority-row{display:flex;gap:8px}.ucmp-priority-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;color:#6b7280;white-space:nowrap}.ucmp-priority-btn__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ucmp-priority-btn--low .ucmp-priority-btn__dot{background:#22c55e}.ucmp-priority-btn--medium .ucmp-priority-btn__dot{background:#f59e0b}.ucmp-priority-btn--high .ucmp-priority-btn__dot{background:#ef4444}.ucmp-priority-btn--low.ucmp-priority-btn--active{border-color:#22c55e;color:#166534;background:#dcfce7;font-weight:600}.ucmp-priority-btn--medium.ucmp-priority-btn--active{border-color:#f59e0b;color:#92400e;background:#fef3c7;font-weight:600}.ucmp-priority-btn--high.ucmp-priority-btn--active{border-color:#ef4444;color:#991b1b;background:#fee2e2;font-weight:600}.ucmp-form-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 12px;font-weight:500}.ucmp-ghost-btn{padding:9px 18px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.ucmp-ghost-btn:hover{background:#f3f4f6}.ucmp-ghost-btn:disabled{opacity:.6;cursor:not-allowed}.ucmp-submit-btn{padding:9px 18px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.ucmp-submit-btn:hover{background:#1d4ed8}.ucmp-submit-btn:disabled{opacity:.65;cursor:not-allowed}.ucmp-track-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ucmp-track-item{display:flex;flex-direction:column;gap:3px}.ucmp-track-label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin:0}.ucmp-track-value{font-size:13.5px;color:#111827;font-weight:500}.ucmp-track-desc{background:#f9fafb;border:1px solid #e9ecef;border-radius:10px;padding:14px 16px}.ucmp-tl-label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px}.ucmp-timeline{list-style:none;margin:0;padding:0}.ucmp-tl-item{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;position:relative}.ucmp-tl-item:not(.ucmp-tl-item--last):before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#e9ecef}.ucmp-tl-dot{width:16px;height:16px;border-radius:50%;border:2px solid #e9ecef;background:#fff;flex-shrink:0;margin-top:2px;position:relative;z-index:1}.ucmp-tl-dot--active{border-color:#2563eb;background:#2563eb}.ucmp-tl-text{font-size:13.5px;color:#374151;margin:0;font-weight:500}@media(max-width:767px){.ucmp-header{flex-direction:column;align-items:stretch;padding:20px 16px 16px;gap:12px}.ucmp-header h1{font-size:20px}.ucmp-header p{font-size:13px}.ucmp-new-btn{width:100%;justify-content:center;padding:11px 16px}.ucmp-stats{grid-template-columns:1fr 1fr;margin:0 16px 16px}.ucmp-stat{border-right:none;border-bottom:1px solid #e9ecef;padding:14px 16px}.ucmp-stat:nth-child(odd){border-right:1px solid #e9ecef}.ucmp-stat:nth-child(3),.ucmp-stat:nth-child(4){border-bottom:none}.ucmp-stat__value{font-size:22px}.ucmp-table-wrap{margin:0 16px;overflow:visible}.ucmp-table thead{display:none}.ucmp-table,.ucmp-table tbody,.ucmp-table tr,.ucmp-table td{display:block;width:100%}.ucmp-row{border:1px solid #e9ecef;border-radius:12px;margin-bottom:10px;padding:14px 16px;background:#fff;box-shadow:0 1px 4px #0000000d}.ucmp-row:last-child{border-bottom:1px solid #e9ecef;margin-bottom:0}.ucmp-table td{padding:4px 0;border:none;display:flex;align-items:center;justify-content:space-between;font-size:13px}.ucmp-table td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;margin-right:12px}.ucmp-table td:first-child{font-weight:600;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;padding-bottom:10px;margin-bottom:6px;justify-content:flex-start;gap:0}.ucmp-table td:first-child:before{display:none}.ucmp-footer{padding:12px 16px;font-size:12px}.ucmp-toast{bottom:16px;left:16px;right:16px;font-size:13px;border-radius:10px}.ucmp-overlay{padding:16px;align-items:center}.ucmp-modal{max-height:88vh;border-radius:16px}.ucmp-modal__footer{flex-direction:row;gap:8px}.ucmp-ghost-btn,.ucmp-submit-btn{flex:1;justify-content:center;padding:11px;font-size:14px}}.uhtl-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.uhtl-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px}.uhtl-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.uhtl-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.uhtl-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.uhtl-topbar__search input::placeholder{color:#9ca3af}.uhtl-topbar__actions{display:flex;align-items:center;gap:12px}.uhtl-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.uhtl-topbar__bell:hover{background:#f3f4f6}.uhtl-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.uhtl-topbar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.uhtl-main{padding:28px 32px 48px;display:flex;flex-direction:column;gap:22px}.uhtl-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.uhtl-heading h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.uhtl-heading p{font-size:14px;color:#6b7280;margin:0}.uhtl-heading__actions{display:flex;gap:10px;flex-shrink:0}.uhtl-history-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uhtl-history-btn:hover{background:#f3f4f6}.uhtl-history-btn svg{width:15px;height:15px;stroke:#6b7280}.uhtl-report-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uhtl-report-btn:hover{background:#1d4ed8}.uhtl-report-btn svg{width:15px;height:15px;stroke:#fff}.uhtl-active-call{display:flex;align-items:center;gap:16px;background:#1e293b;border-radius:14px;padding:16px 22px;position:relative;overflow:hidden}.uhtl-active-call:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,transparent 60%);pointer-events:none}.uhtl-active-call__pulse{width:12px;height:12px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:uhtlPulse 1.2s ease-in-out infinite}@keyframes uhtlPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.uhtl-active-call__info{flex:1}.uhtl-active-call__label{font-size:10.5px;font-weight:700;color:#ef4444;letter-spacing:.6px;margin:0 0 2px}.uhtl-active-call__name{font-size:14.5px;font-weight:700;color:#f1f5f9;margin:0 0 1px}.uhtl-active-call__number{font-size:12.5px;color:#64748b;margin:0}.uhtl-active-call__timer{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:#f1f5f9;font-variant-numeric:tabular-nums}.uhtl-active-call__timer svg{width:16px;height:16px;stroke:#94a3b8}.uhtl-end-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s;white-space:nowrap}.uhtl-end-btn:hover{background:#dc2626}.uhtl-end-btn svg{width:16px;height:16px;stroke:#fff}.uhtl-body{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.uhtl-left{display:flex;flex-direction:column;gap:20px}.uhtl-right{display:flex;flex-direction:column;gap:20px;position:sticky;top:74px}.uhtl-sos-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#7f1d1d,#ef4444);border-radius:14px;padding:22px 26px}.uhtl-sos-banner__left{display:flex;align-items:center;gap:18px}.uhtl-sos-banner__icon{width:52px;height:52px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uhtl-sos-banner__icon svg{width:24px;height:24px;stroke:#fff}.uhtl-sos-banner__label{font-size:10.5px;font-weight:700;color:#ffffffb3;letter-spacing:.8px;margin:0 0 2px}.uhtl-sos-banner__number{font-size:36px;font-weight:800;color:#fff;margin:0 0 2px;letter-spacing:-1px;line-height:1}.uhtl-sos-banner__sub{font-size:12px;color:#ffffffb3;margin:0}.uhtl-sos-call-btn{display:flex;align-items:center;gap:9px;padding:12px 22px;border-radius:12px;background:#fff;color:#dc2626;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.uhtl-sos-call-btn:hover{opacity:.9}.uhtl-sos-call-btn svg{width:18px;height:18px;stroke:#dc2626}.uhtl-panel{background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:hidden}.uhtl-panel__header{padding:16px 20px 12px;border-bottom:1px solid #f3f4f6}.uhtl-panel__title{font-size:15px;font-weight:700;color:#111827;margin:0 0 2px}.uhtl-panel__sub{font-size:12.5px;color:#9ca3af;margin:0}.uhtl-hotline-list{list-style:none;margin:0;padding:0}.uhtl-hotline-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f3f4f6;transition:background .12s}.uhtl-hotline-item:last-child{border-bottom:none}.uhtl-hotline-item:hover{background:#fafafa}.uhtl-hotline-item__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uhtl-hotline-item__icon svg{width:19px;height:19px;stroke:currentColor}.uhtl-hotline-item__info{flex:1;min-width:0}.uhtl-hotline-item__name{font-size:13.5px;font-weight:600;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uhtl-hotline-item__number{font-size:12.5px;color:#374151;margin:0 0 3px;font-weight:500}.uhtl-hotline-item__hours{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#9ca3af;margin:0}.uhtl-hotline-item__hours svg{width:11px;height:11px;stroke:#9ca3af}.uhtl-call-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.uhtl-call-btn:hover{opacity:.8}.uhtl-call-btn svg{width:14px;height:14px;stroke:currentColor}.uhtl-natl-list{list-style:none;margin:0;padding:0}.uhtl-natl-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f3f4f6;gap:12px}.uhtl-natl-item:last-child{border-bottom:none}.uhtl-natl-item__name{font-size:13px;color:#374151;font-weight:500;margin:0}.uhtl-natl-number{font-size:16px;font-weight:800;color:#2563eb;text-decoration:none;white-space:nowrap;letter-spacing:-.3px}.uhtl-natl-number:hover{color:#1d4ed8;text-decoration:underline}.uhtl-tips{list-style:none;margin:0;padding:8px 20px 16px;display:flex;flex-direction:column;gap:10px}.uhtl-tip{display:flex;align-items:flex-start;gap:10px}.uhtl-tip__icon{font-size:16px;flex-shrink:0;margin-top:1px}.uhtl-tip__text{font-size:13px;color:#374151;margin:0;line-height:1.5}.uhtl-hours{list-style:none;margin:0;padding:0}.uhtl-hours-item{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid #f3f4f6;gap:12px}.uhtl-hours-item:last-child{border-bottom:none}.uhtl-hours-day{font-size:13px;color:#374151;font-weight:500}.uhtl-hours-time{font-size:13px;font-weight:600;color:#16a34a}.uhtl-hours-time--closed{color:#ef4444}.uhtl-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:uhtlFade .15s ease}@keyframes uhtlFade{0%{opacity:0}to{opacity:1}}.uhtl-modal{background:#fff;border-radius:16px;width:100%;max-width:580px;box-shadow:0 20px 60px #0000002e;animation:uhtlUp .2s ease;max-height:85vh;display:flex;flex-direction:column}@keyframes uhtlUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.uhtl-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.uhtl-modal__header h2{font-size:16px;font-weight:700;color:#111827;margin:0}.uhtl-modal__close{width:30px;height:30px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.uhtl-modal__close svg{width:15px;height:15px;stroke:#6b7280}.uhtl-modal__close:hover{background:#f3f4f6}.uhtl-modal__body{padding:20px 24px;overflow-y:auto;flex:1}.uhtl-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6;flex-shrink:0}.uhtl-hist-table{width:100%;border-collapse:collapse;font-size:13px}.uhtl-hist-table thead tr{border-bottom:1px solid #f3f4f6}.uhtl-hist-table th{padding:8px 12px;text-align:left;font-size:11.5px;font-weight:600;color:#6b7280;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.uhtl-hist-row{border-bottom:1px solid #f9fafb;transition:background .12s}.uhtl-hist-row:last-child{border-bottom:none}.uhtl-hist-row:hover{background:#fafafa}.uhtl-hist-row td{padding:11px 12px;vertical-align:middle}.uhtl-hist-id{font-size:11.5px;color:#9ca3af;font-weight:500;white-space:nowrap}.uhtl-hist-date p{margin:0;font-size:12.5px;color:#374151}.uhtl-hist-time{font-size:11px;color:#9ca3af;margin:0}.uhtl-hist-dur{font-size:13px;color:#6b7280}.uhtl-hist-type{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;white-space:nowrap}.uhtl-hist-type--emergency{background:#fee2e2;color:#991b1b}.uhtl-hist-type--inquiry{background:#f3f4f6;color:#374151}.uhtl-hist-type--complaint{background:#fef9c3;color:#854d0e}.uhtl-hist-status{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;white-space:nowrap}.uhtl-hist-status svg{width:13px;height:13px;stroke:currentColor}.uhtl-hist-status--completed{color:#16a34a}.uhtl-hist-status--missed{color:#ef4444}.uhtl-fg{display:flex;flex-direction:column;gap:5px}.uhtl-fg label{font-size:13px;font-weight:600;color:#374151}.uhtl-fg label span{font-weight:400;color:#9ca3af}.uhtl-fg input,.uhtl-fg select,.uhtl-fg textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:9px;font-size:13.5px;color:#374151;font-family:DM Sans,sans-serif;background:#fff;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.uhtl-fg input:focus,.uhtl-fg select:focus,.uhtl-fg textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.uhtl-fg textarea{resize:vertical}.uhtl-upload{border:2px dashed #e5e7eb;border-radius:10px;padding:22px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.uhtl-upload:hover{border-color:#2563eb;background:#f8fbff}.uhtl-upload svg{width:22px;height:22px;stroke:#9ca3af;margin-bottom:6px}.uhtl-upload p{font-size:13px;color:#6b7280;margin:0 0 2px;font-weight:500}.uhtl-upload span{font-size:11.5px;color:#9ca3af}.uhtl-ghost-btn{padding:9px 18px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uhtl-ghost-btn:hover{background:#f3f4f6}.uhtl-submit-btn{padding:9px 18px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.uhtl-submit-btn:hover{background:#1d4ed8}.uhtl-faq-list{list-style:none;margin:0;padding:0}.uhtl-faq-item{border-bottom:1px solid #f3f4f6}.uhtl-faq-item:last-child{border-bottom:none}.uhtl-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#111827;text-align:left;transition:background .12s}.uhtl-faq-q:hover{background:#fafafa}.uhtl-faq-item--open .uhtl-faq-q{color:#2563eb;background:#f5f8ff}.uhtl-faq-chevron{width:15px;height:15px;flex-shrink:0;stroke:#9ca3af;transition:transform .2s ease}.uhtl-faq-item--open .uhtl-faq-chevron{transform:rotate(180deg);stroke:#2563eb}.uhtl-faq-a{margin:0;padding:0 20px 13px;font-size:12.5px;color:#6b7280;line-height:1.6;animation:uhtlFaqIn .15s ease}.uhtl-faq-empty{list-style:none;padding:18px 20px;color:#9ca3af;font-size:13px;text-align:center}@keyframes uhtlFaqIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.uhtl-chat-panel{display:flex;flex-direction:column;height:560px}@media(max-width:1000px){.uhtl-body{grid-template-columns:1fr}.uhtl-right{position:static}.uhtl-main{padding:20px 16px 36px}.uhtl-heading{flex-direction:column}.uhtl-heading__actions{width:100%}}@media(max-width:767px){.uhtl-main{padding:16px 12px 32px;gap:16px}.uhtl-heading h1{font-size:20px}.uhtl-heading p{font-size:13px}.uhtl-chat-panel{height:calc(100svh - 220px);min-height:340px}.uhtl-body{gap:16px}.uhtl-panel__header{padding:12px 16px 10px}.uhtl-panel__title{font-size:14px}.uhtl-hours-item{padding:9px 16px}.uhtl-hours-day,.uhtl-hours-time{font-size:12px}.uhtl-faq-q{padding:11px 16px;font-size:12.5px}.uhtl-faq-a{padding:0 16px 11px;font-size:12px}.uhtl-faq-empty{padding:16px;font-size:12px}.uhtl-tips{padding:8px 16px 14px}.uhtl-tip__text{font-size:12px}}.uhl-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.uhl-main{padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px}.uhl-heading__text h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.uhl-heading__text p{font-size:14px;color:#6b7280;margin:0}.uhl-hero{background:linear-gradient(135deg,#1e3a5f,#1d4ed8 60%,#2563eb);border-radius:18px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.uhl-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:220px;height:220px;border-radius:50%;background:#ffffff0f}.uhl-hero:after{content:"";position:absolute;bottom:-60px;left:30%;width:160px;height:160px;border-radius:50%;background:#ffffff0a}.uhl-hero__left{display:flex;align-items:center;gap:20px;z-index:1}.uhl-hero__icon-wrap{width:64px;height:64px;border-radius:16px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uhl-hero__icon-wrap svg{width:32px;height:32px;stroke:#fff}.uhl-hero__text h2{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.3px}.uhl-hero__text p{font-size:13.5px;color:#ffffffbf;margin:0 0 12px;line-height:1.5}.uhl-hero__numbers{display:flex;gap:8px;flex-wrap:wrap}.uhl-hero__num{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:700;padding:6px 14px;border-radius:8px;text-decoration:none;transition:background .15s;letter-spacing:.3px}.uhl-hero__num:hover{background:#ffffff40}.uhl-hero__num svg{width:13px;height:13px;stroke:#fffc}.uhl-hero__right{z-index:1;text-align:right;flex-shrink:0}.uhl-hero__tip{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 18px;max-width:220px}.uhl-hero__tip-icon{font-size:20px;margin-bottom:6px}.uhl-hero__tip p{font-size:12.5px;color:#ffffffd9;margin:0;line-height:1.55;text-align:left}.uhl-hero__tip strong{color:#fff}.uhl-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.uhl-left,.uhl-right{display:flex;flex-direction:column;gap:20px}.uhl-panel{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden}.uhl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f3f4f6;gap:12px}.uhl-panel__header-left{display:flex;align-items:center;gap:10px}.uhl-panel__header-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uhl-panel__header-icon svg{width:18px;height:18px;stroke:currentColor}.uhl-panel__title{font-size:15px;font-weight:700;color:#111827;margin:0 0 2px}.uhl-panel__sub{font-size:12.5px;color:#9ca3af;margin:0}.uhl-contact-list{list-style:none;margin:0;padding:0}.uhl-contact-item{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid #f3f4f6;transition:background .12s}.uhl-contact-item:last-child{border-bottom:none}.uhl-contact-item:hover{background:#fafbfc}.uhl-contact-num{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.uhl-contact-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uhl-contact-icon svg{width:18px;height:18px;stroke:currentColor}.uhl-contact-body{flex:1;min-width:0}.uhl-contact-name{font-size:13.5px;font-weight:600;color:#111827;margin:0 0 2px}.uhl-contact-desc{font-size:12px;color:#9ca3af;margin:0}.uhl-contact-call{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:opacity .15s,transform .1s;flex-shrink:0;letter-spacing:.2px}.uhl-contact-call:hover{opacity:.82;transform:translateY(-1px)}.uhl-contact-call svg{width:12px;height:12px;stroke:currentColor}.uhl-scheme--red{background:#fee2e2;color:#b91c1c}.uhl-scheme--blue{background:#dbeafe;color:#1d4ed8}.uhl-scheme--amber{background:#fef3c7;color:#92400e}.uhl-scheme--green{background:#d1fae5;color:#065f46}.uhl-scheme--purple{background:#ede9fe;color:#5b21b6}.uhl-scheme--indigo{background:#e0e7ff;color:#3730a3}.uhl-call--red{background:#fee2e2;color:#b91c1c}.uhl-call--blue{background:#dbeafe;color:#1d4ed8}.uhl-call--amber{background:#fef3c7;color:#92400e}.uhl-call--green{background:#d1fae5;color:#065f46}.uhl-call--purple{background:#ede9fe;color:#5b21b6}.uhl-call--indigo{background:#e0e7ff;color:#3730a3}.uhl-tips-list{list-style:none;margin:0;padding:4px 0}.uhl-tip-item{display:flex;align-items:flex-start;gap:12px;padding:12px 22px;border-bottom:1px solid #f3f4f6}.uhl-tip-item:last-child{border-bottom:none}.uhl-tip-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0;margin-top:5px}.uhl-tip-text{font-size:13px;color:#374151;margin:0;line-height:1.6}.uhl-hours-list{list-style:none;margin:0;padding:4px 0}.uhl-hour-item{display:flex;justify-content:space-between;align-items:center;padding:11px 22px;border-bottom:1px solid #f3f4f6;gap:12px}.uhl-hour-item:last-child{border-bottom:none}.uhl-hour-day{font-size:13px;font-weight:500;color:#374151}.uhl-hour-time{font-size:12.5px;font-weight:600;color:#111827}.uhl-hour-closed{font-size:12.5px;font-weight:600;color:#ef4444}.uhl-reminder{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:12px}.uhl-reminder__icon{font-size:22px;flex-shrink:0;line-height:1}.uhl-reminder__text h4{font-size:13.5px;font-weight:700;color:#92400e;margin:0 0 5px}.uhl-reminder__text p{font-size:12.5px;color:#78350f;margin:0;line-height:1.55}.uhl-empty{padding:32px 22px;text-align:center;font-size:14px;color:#9ca3af}@media(max-width:1100px){.uhl-grid{grid-template-columns:1fr}.uhl-main{padding:20px 16px 40px}.uhl-hero{flex-direction:column;align-items:flex-start}.uhl-hero__right{align-self:stretch}.uhl-hero__tip{max-width:100%}}@media(max-width:768px){.uhl-main{padding:16px 12px 36px;gap:16px}.uhl-heading__text h1{font-size:20px;letter-spacing:-.2px}.uhl-heading__text p{font-size:13px}.uhl-hero{padding:20px 18px;border-radius:14px;gap:16px}.uhl-hero__left{flex-direction:column;align-items:flex-start;gap:12px}.uhl-hero__icon-wrap{width:50px;height:50px;border-radius:12px}.uhl-hero__icon-wrap svg{width:24px;height:24px}.uhl-hero__text h2{font-size:16px}.uhl-hero__text p{font-size:12.5px;margin-bottom:10px}.uhl-hero__numbers{gap:6px}.uhl-hero__num{font-size:13px;padding:5px 11px}.uhl-hero__tip{padding:12px 14px}.uhl-hero__tip p{font-size:12px}.uhl-panel{border-radius:12px}.uhl-panel__header{padding:14px 16px 12px}.uhl-panel__header-icon{width:32px;height:32px;border-radius:8px}.uhl-panel__title{font-size:14px}.uhl-panel__sub{font-size:12px}.uhl-contact-item{padding:12px 16px;gap:10px;flex-wrap:wrap}.uhl-contact-name{font-size:13px}.uhl-contact-desc{font-size:11.5px}.uhl-contact-call{font-size:12px;padding:6px 11px}.uhl-tip-item{padding:10px 16px}.uhl-tip-text{font-size:12.5px}.uhl-hour-item{padding:10px 16px}.uhl-hour-day,.uhl-hour-time,.uhl-hour-closed{font-size:12.5px}.uhl-reminder{border-radius:12px;padding:14px 16px}.uhl-reminder__text h4{font-size:13px}.uhl-reminder__text p{font-size:12px}}@media(max-width:480px){.uhl-main{padding:12px 10px 32px;gap:14px}.uhl-heading__text h1{font-size:18px}.uhl-hero{padding:16px 14px;border-radius:12px}.uhl-hero__text h2{font-size:15px}.uhl-hero__num{font-size:12.5px;padding:5px 10px}.uhl-contact-item{flex-wrap:wrap;gap:8px;padding:11px 14px}.uhl-contact-body{flex:1 1 100%;margin-left:0!important}.uhl-contact-call{flex:1 1 100%;justify-content:center;font-size:12.5px;padding:8px 12px;border-radius:8px}.uhl-panel__header{padding:12px 14px 10px;flex-direction:column;align-items:flex-start;gap:8px}.uhl-tip-item,.uhl-hour-item{padding:9px 14px}.uhl-reminder{padding:12px 14px}}.settings-layout{display:flex;min-height:100vh;background-color:#f9fafb}.settings-empty{background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#9ca3af;font-size:14px;padding:28px 20px;text-align:center;font-family:DM Sans,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.alog-root{display:flex;min-height:100vh;font-family:DM Sans,sans-serif}.alog-left{flex:1;position:relative;background:radial-gradient(ellipse at 20% 10%,rgba(37,99,235,.25) 0%,transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(6,182,212,.18) 0%,transparent 50%),linear-gradient(160deg,#0c1a3a,#0f2460 45%,#0a1a4a);display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow:hidden}.alog-left:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.alog-bg-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.04);pointer-events:none}.alog-bg-ring--1{width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}.alog-bg-ring--2{width:820px;height:820px;top:50%;left:50%;transform:translate(-50%,-50%)}.alog-bg-ring--3{width:1060px;height:1060px;top:50%;left:50%;transform:translate(-50%,-50%)}.alog-left__inner{position:relative;z-index:1;max-width:540px;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.alog-seals{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.alog-seal{display:flex;flex-direction:column;align-items:center;gap:10px}.alog-seal p{font-size:10.5px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.6px;text-align:center;max-width:90px;line-height:1.4}.alog-seal--side img{width:88px;height:88px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5));opacity:.85;transition:opacity .2s,transform .2s}.alog-seal--side:hover img{opacity:1;transform:scale(1.05)}.alog-seal--center{position:relative}.alog-seal__glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(250,200,50,.25) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:alogGlowPulse 3s ease-in-out infinite}@keyframes alogGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.alog-seal--center img{width:130px;height:130px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 6px 24px rgba(0,0,0,.6));position:relative;z-index:1;border:3px solid rgba(255,255,255,.15);transition:transform .25s}.alog-seal--center:hover img{transform:scale(1.04)}.alog-seal--center p{font-size:11.5px;font-weight:700;color:#ffffffbf;max-width:120px}.alog-left__text{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.alog-left__title-block{display:flex;flex-direction:column;align-items:center;gap:6px}.alog-left__eyebrow{font-size:11px;font-weight:700;color:#facc15cc;letter-spacing:1.5px;text-transform:uppercase}.alog-left__title{font-family:Cinzel,serif;font-size:52px;font-weight:700;color:#fff;letter-spacing:6px;line-height:1.1;text-shadow:0 2px 30px rgba(37,99,235,.6)}.alog-left__location{font-size:12.5px;font-weight:600;color:#93c5fdd9;letter-spacing:1px;text-transform:uppercase}.alog-left__desc{font-size:13.5px;color:#94a3b8d9;line-height:1.7;max-width:360px;margin:0 auto}.alog-left__divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.8),transparent);border-radius:2px}.alog-stats{display:flex;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;width:100%}.alog-stat{flex:1;padding:16px 14px;border-right:1px solid rgba(255,255,255,.06);text-align:center}.alog-stat:last-child{border-right:none}.alog-stat__value{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:3px}.alog-stat__label{font-size:11px;color:#64748be6;font-weight:500;line-height:1.3}.alog-right{width:460px;min-width:460px;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 40px;box-shadow:-6px 0 40px #0000001a}.alog-form-wrap{width:100%;max-width:360px;display:flex;flex-direction:column;gap:22px}.alog-mobile-head{display:none;align-items:center;gap:12px}.alog-mobile-seal{width:44px;height:44px;border-radius:50%;object-fit:cover}.alog-mobile-title{font-size:14px;font-weight:700;color:#111827;margin:0 0 1px}.alog-mobile-sub{font-size:12px;color:#6b7280;margin:0}.alog-brand{display:flex;align-items:center;gap:12px}.alog-brand__seal{width:48px;height:48px;border-radius:0;object-fit:contain;flex-shrink:0}.alog-brand__name{font-size:15px;font-weight:800;color:#0f172a;margin:0 0 1px;letter-spacing:-.3px}.alog-brand__sub{font-size:11px;color:#64748b;margin:0;font-weight:500}.alog-head h2{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.4px;margin:0 0 5px}.alog-head p{font-size:13.5px;color:#64748b;margin:0;line-height:1.5}.alog-error{display:flex;align-items:center;gap:9px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px;font-weight:500;color:#dc2626;animation:alogShake .3s ease}@keyframes alogShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.alog-error svg{width:16px;height:16px;stroke:#ef4444;flex-shrink:0}.alog-form{display:flex;flex-direction:column;gap:16px}.alog-field{display:flex;flex-direction:column;gap:6px}.alog-field label{font-size:13px;font-weight:600;color:#374151}.alog-field__label-row{display:flex;align-items:center;justify-content:space-between}.alog-forgot{font-size:12.5px;font-weight:600;color:#2563eb;text-decoration:none}.alog-forgot:hover{text-decoration:underline}.alog-input-wrap{position:relative;display:flex;align-items:center}.alog-input-icon{position:absolute;left:13px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;pointer-events:none}.alog-input-icon svg{width:17px;height:17px;stroke:#9ca3af}.alog-input-wrap input{width:100%;padding:11px 44px 11px 42px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;font-family:DM Sans,sans-serif;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.alog-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.alog-input-wrap input::placeholder{color:#9ca3af}.alog-pw-toggle{position:absolute;right:13px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .15s}.alog-pw-toggle:hover{color:#374151}.alog-pw-toggle svg{width:17px;height:17px;stroke:currentColor}.alog-remember{display:flex;align-items:center;gap:9px}.alog-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;flex-shrink:0;padding:0}.alog-checkbox--checked{background:#2563eb;border-color:#2563eb}.alog-checkbox svg{width:11px;height:11px;stroke:#fff}.alog-remember__label{font-size:13.5px;color:#374151;font-weight:500}.alog-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border-radius:11px;border:none;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:14.5px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 16px #2563eb66;margin-top:4px}.alog-submit svg{width:17px;height:17px;stroke:#fff;transition:transform .2s}.alog-submit:hover{opacity:.93;box-shadow:0 6px 22px #2563eb80}.alog-submit:hover svg{transform:translate(3px)}.alog-submit:active{transform:scale(.99)}.alog-submit:disabled{opacity:.65;cursor:not-allowed}.alog-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:alogSpin .7s linear infinite;flex-shrink:0}@keyframes alogSpin{to{transform:rotate(360deg)}}.alog-divider{display:flex;align-items:center;gap:12px}.alog-divider:before,.alog-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.alog-divider span{color:#9ca3af;font-size:12.5px;font-weight:500}.alog-resident-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;border:1.5px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;color:#374151;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.alog-resident-link:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.alog-resident-link svg{width:16px;height:16px;stroke:currentColor}.alog-footer-note{font-size:11.5px;color:#cbd5e1;text-align:center;line-height:1.6}@media(max-width:960px){.alog-root{flex-direction:column}.alog-left{display:flex;flex:none;min-height:unset;padding:32px 24px 28px}.alog-left__inner{gap:20px}.alog-seals{gap:14px}.alog-seal--side img{width:60px;height:60px}.alog-seal--center img{width:88px;height:88px}.alog-seal__glow{width:110px;height:110px}.alog-seal p{font-size:9.5px;max-width:70px}.alog-seal--center p{font-size:10px;max-width:90px}.alog-left__title{font-size:34px;letter-spacing:4px}.alog-left__desc{font-size:12.5px}.alog-stats{width:100%}.alog-stat{padding:12px 8px}.alog-stat__value{font-size:18px}.alog-stat__label{font-size:10px}.alog-right{width:100%;min-width:0;padding:36px 24px;box-shadow:none}.alog-mobile-head,.alog-brand{display:none}}.asb-overlay{position:fixed;inset:0;background:#00000073;z-index:30;display:none}@media(max-width:1023px){.asb-overlay{display:block}}.sidebar{width:192px;min-width:192px;height:100vh;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;padding:0;position:sticky;top:0;align-self:flex-start;font-family:DM Sans,sans-serif}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;border-bottom:1px solid #f0f0f0}.sidebar__brand-icon{width:32px;height:32px;background:#2563eb;border-radius:8px;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;flex-shrink:0}.sidebar__brand-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.sidebar__brand-name{font-size:16px;font-weight:600;color:#1a1a2e;letter-spacing:-.2px}.sidebar__nav{display:flex;flex-direction:column;gap:10px;padding:16px 10px;flex:1}.sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:8px;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;transition:background .15s,color .15s;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-family:DM Sans,sans-serif}.sidebar__nav-item:hover{background:#f3f4f6;color:#111827}.sidebar__nav-item--active{background:#eff6ff;color:#2563eb;font-weight:600}.sidebar__nav-item--active .sidebar__nav-icon svg{stroke:#2563eb}.sidebar__nav-item--with-chevron{justify-content:flex-start}.sidebar__chevron{margin-left:4px;flex-shrink:0;transition:transform .15s ease;stroke:currentColor}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__group{display:flex;flex-direction:column;gap:4px}.sidebar__submenu{display:flex;flex-direction:column;gap:3px;margin-left:28px;padding-left:10px;border-left:1px solid #e5e7eb}.sidebar__submenu-item{border:none;background:transparent;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;line-height:1.35;padding:8px;text-align:left;border-radius:7px;transition:background .15s,color .15s}.sidebar__submenu-item:hover{background:#f3f4f6;color:#111827}.sidebar__submenu-item--active{background:#eff6ff;color:#2563eb;font-weight:700}.sidebar__nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__nav-icon svg{width:18px;height:18px;stroke:currentColor}.sidebar__nav-label{white-space:nowrap}.sidebar__bottom{display:flex;flex-direction:column;gap:2px;padding:10px 10px 16px;border-top:1px solid #f0f0f0}.sidebar__nav-item--logout{color:#ef4444}.sidebar__nav-item--logout:hover{background:#fef2f2;color:#dc2626}.sidebar__nav-item--logout .sidebar__nav-icon svg{stroke:currentColor}.sidebar__copyright{font-size:11px;color:#d1d5db;padding:8px 12px 0;margin:0}.sidebar__copyright-separator{border-top:1px solid #f0f0f0;margin:0}.sidebar-container{overflow:hidden;max-width:100%}.sidebar-menu-btn{position:relative;z-index:1;overflow:hidden;max-width:100%;transition:background .2s,color .2s}.sidebar-menu-hover:hover{background:#f3f4f6!important;color:#111827!important}.sidebar-menu-active{background:#e5e7eb!important;color:#0f172a!important;font-weight:600}.sidebar-menu-btn:focus{outline:2px solid #38bdf8;outline-offset:2px}.sidebar-menu-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1023px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001f}.sidebar.sidebar--open{transform:translate(0)}}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px;font-family:DM Sans,sans-serif}.admin-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.admin-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.admin-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.admin-topbar__search input::placeholder{color:#9ca3af}.admin-topbar__actions{display:flex;align-items:center;gap:12px}.admin-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.admin-topbar__bell:hover{background:#f3f4f6}.admin-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.admin-topbar__avatar{width:36px;height:36px;border-radius:50%;border:none;background:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;-webkit-user-select:none;user-select:none;padding:0}.admin-topbar__avatar:hover{background:#c7d2fe;color:#1e3a8a}.admin-profile-overlay{position:fixed;inset:0;background:#11182761;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1200}.admin-profile-modal{width:min(460px,100%);background:#fff;border-radius:14px;box-shadow:0 18px 48px #0f172a38;overflow:hidden;font-family:DM Sans,sans-serif}.admin-profile-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid #eef2f7}.admin-profile-modal__identity{display:flex;align-items:center;gap:14px;min-width:0}.admin-profile-modal__avatar{width:58px;height:58px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.admin-profile-modal__identity h2{margin:0;color:#111827;font-size:20px;line-height:1.2}.admin-profile-modal__identity p{margin:4px 0 0;color:#6b7280;font-size:13px;font-weight:600}.admin-profile-modal__close{width:34px;height:34px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.admin-profile-modal__close:hover{background:#f3f4f6}.admin-profile-modal__close svg{width:17px;height:17px;stroke:#6b7280}.admin-profile-modal__body{display:grid;gap:10px;padding:18px 22px 22px}.admin-profile-modal__row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:center;min-height:38px;padding:10px 12px;border:1px solid #eef2f7;border-radius:8px;background:#f9fafb}.admin-profile-modal__row span{color:#6b7280;font-size:12px;font-weight:700}.admin-profile-modal__row strong{color:#111827;font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere}.admin-topbar__bell{position:relative}.admin-topbar__bell--active{background:#eff6ff;border-color:#bfdbfe}.admin-topbar__bell--active svg{stroke:#2563eb}.admin-topbar__bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:20px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:DM Sans,sans-serif;border:2px solid #fff;pointer-events:none}.admin-notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:1000;max-height:calc(100vh - 88px);overflow-y:auto;font-family:DM Sans,sans-serif}.admin-notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid #f3f4f6}.admin-notif-header__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#111827}.admin-notif-clear{font-size:11.5px;color:#6b7280;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;padding:2px 6px;border-radius:5px;transition:background .12s}.admin-notif-clear:hover{background:#f3f4f6;color:#374151}.admin-notif-list{max-height:300px;overflow-y:auto}.admin-notif-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;color:#9ca3af;font-size:12.5px}.admin-notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid #f9fafb;transition:background .1s}.admin-notif-item:last-child{border-bottom:none}.admin-notif-item:hover{background:#f9fafb}.admin-notif-avatar{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-notif-body{flex:1;min-width:0}.admin-notif-name{font-size:12.5px;font-weight:600;color:#111827;margin-bottom:2px}.admin-notif-msg{font-size:11.5px;color:#6b7280;line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.admin-notif-time{font-size:10.5px;color:#9ca3af;flex-shrink:0;margin-top:2px}.admin-notif-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid #f3f4f6}.admin-notif-divider{height:1px;background:#f0f0f0;margin:0}.admin-notif-group-card{display:flex;align-items:flex-start;gap:10px;padding:10px 14px}.admin-notif-group-icon{width:34px;height:34px;border-radius:8px;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-notif-group-icon svg{stroke:#d97706}.admin-notif-group-body{flex:1;min-width:0}.admin-notif-group-title{font-size:12.5px;font-weight:700;color:#111827;margin-bottom:2px}.admin-notif-group-sub{font-size:11.5px;color:#6b7280;line-height:1.4}.admin-notif-empty--sm{padding:10px 16px;font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px;flex-direction:row}.admin-notif-group-icon--appointment{background:#d1fae5}.admin-notif-group-icon--appointment svg{stroke:#059669}.admin-notif-group-icon--resident{background:#dbeafe}.admin-notif-group-icon--resident svg{stroke:#2563eb}.admin-notif-group-icon--resident-update{background:#ede9fe}.admin-notif-group-icon--resident-update svg{stroke:#7c3aed}.admin-topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.admin-topbar__hamburger:hover{background:#f3f4f6}.admin-topbar__hamburger svg{stroke:#374151}@media(max-width:1023px){.admin-topbar__hamburger{display:flex}.admin-topbar{padding:10px 16px;gap:10px}.admin-topbar__search{width:100%;flex:1}.admin-notif-panel{right:-8px;width:290px}.admin-profile-modal__row{grid-template-columns:1fr;gap:4px}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-content{flex:1;min-width:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.dashboard{display:flex;flex-direction:column;flex:1;background:#f8f9fb;font-family:DM Sans,sans-serif;min-width:0}.dashboard__main{padding:24px 28px;display:flex;flex-direction:column;gap:18px}.dashboard__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.dashboard__heading-left h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.dashboard__heading-left p{font-size:14px;color:#6b7280;margin:0}.pdf-download-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#1d4ed8;color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .18s,box-shadow .18s,transform .12s;box-shadow:0 2px 8px #1d4ed847}.pdf-download-btn svg{width:16px;height:16px;flex-shrink:0}.pdf-download-btn:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 14px #1d4ed861;transform:translateY(-1px)}.pdf-download-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1d4ed833}.pdf-download-btn--loading{background:#3b82f6;cursor:not-allowed;opacity:.85}.pdf-download-btn__spinner{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:639px){.dashboard__heading{gap:12px}.dashboard__heading-left h1{font-size:20px}.dashboard__heading-left p{font-size:13px}.pdf-download-btn{padding:8px 14px;font-size:12.5px}}.report-modal{position:fixed;inset:0;z-index:1000;background:#0f172a94;display:flex;align-items:stretch;justify-content:center;padding:18px}.report-modal__panel{width:min(1180px,100%);background:#f1f5f9;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 70px #0f172a52}.report-modal__bar{min-height:72px;padding:14px 18px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:14px}.report-modal__bar h2{margin:0 0 3px;font-size:18px;color:#0f172a}.report-modal__bar p{margin:0;font-size:13px;color:#64748b}.report-modal__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.report-period-field{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#475569}.report-period-field select{height:36px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;font:inherit;color:#0f172a;background:#fff}.report-modal__primary,.report-modal__close{border:0;cursor:pointer;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;justify-content:center}.report-modal__primary{height:36px;gap:7px;padding:0 14px;border-radius:6px;background:#1d4ed8;color:#fff;font-size:13px;font-weight:700}.report-modal__primary:disabled{opacity:.72;cursor:not-allowed}.report-modal__primary svg{width:15px;height:15px}.report-modal__close{width:36px;height:36px;border-radius:6px;background:#f1f5f9;color:#334155}.report-modal__close:hover{background:#e2e8f0}.report-modal__close svg{width:17px;height:17px}.report-modal__body{flex:1;overflow:auto;padding:28px 16px 40px}.report-render-surface{width:794px;margin:0 auto;background:transparent}.report-document{width:794px;display:flex;flex-direction:column;gap:22px;background:transparent}.report-page{width:794px;height:1123px;min-height:1123px;box-sizing:border-box;background:#fff;color:#111827;padding:42px 46px;font-family:DM Sans,sans-serif;box-shadow:0 16px 38px #0f172a2e;overflow:hidden;break-after:page;page-break-after:always}.report-page .report-section:last-child{margin-bottom:0}.report-page:last-child{page-break-after:auto}.report-cover{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;margin-bottom:22px;border-bottom:2px solid #1d4ed8}.report-kicker{margin:0 0 8px;text-transform:uppercase;font-size:11px;font-weight:800;color:#1d4ed8}.report-cover h1{margin:0 0 8px;font-size:28px;line-height:1.15;color:#0f172a}.report-period{margin:0;font-size:14px;font-weight:700;color:#334155}.report-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:#64748b;white-space:nowrap}.report-section{margin:0 0 24px;page-break-inside:avoid;break-inside:avoid}.report-section__heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.report-section__heading span{width:28px;height:28px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.report-section__heading h2{margin:0;color:#0f172a;font-size:18px}.report-table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;font-size:12.5px}.report-table th{background:#eaf1fb;color:#0f172a;font-weight:800;text-align:left;padding:10px 12px;border:1px solid #cbd5e1}.report-table td{color:#334155;padding:9px 12px;border:1px solid #dbe4ef;vertical-align:top;overflow-wrap:anywhere}.report-table tbody tr:nth-child(2n) td{background:#f8fafc}.report-table td:last-child{color:#0f172a;font-weight:700}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid #e9ecef;gap:10px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 16px #00000012}.stat-card__left{flex:1;min-width:0}.stat-card__label{font-size:12px;color:#6b7280;margin:0 0 5px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.stat-card__value{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.5px;line-height:1}.stat-card__delta{font-size:12px;margin:0 0 8px}.stat-card__delta-note{color:#9ca3af}.stat-card__sparkline{margin-top:4px}.stat-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:22px;height:22px;stroke:currentColor}.chart-row{display:grid;gap:14px;align-items:start}.chart-row--70-30{grid-template-columns:1fr 300px}.chart-row--50-50{grid-template-columns:1fr 1fr}.chart-row--60-40{grid-template-columns:1.5fr 1fr}.panel{background:#fff;border-radius:14px;border:1px solid #e9ecef;padding:20px 22px}.panel--center{display:flex;flex-direction:column;align-items:stretch}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:12px}.panel__title{font-size:15px;font-weight:700;color:#111827;margin:0 0 2px}.panel__subtitle{font-size:12.5px;color:#9ca3af;margin:0}.panel__link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;white-space:nowrap;padding-top:2px}.panel__link:hover{text-decoration:underline}.panel__controls{margin-bottom:12px}.chart-area{width:100%}.chart-area--donut{display:flex;flex-direction:column;align-items:center}.chart-empty{height:180px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9ca3af}.range-toggle{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.range-toggle__btn{padding:4px 12px;font-size:12px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.range-toggle__btn--active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.chart-tooltip{background:#1f2937;border-radius:8px;padding:10px 14px;font-family:DM Sans,sans-serif;box-shadow:0 4px 12px #00000026}.chart-tooltip__label{font-size:12px;color:#9ca3af;margin:0 0 6px;font-weight:500}.chart-tooltip__row{font-size:13px;margin:2px 0}.chart-tooltip__row strong{font-weight:700}.donut-legend{list-style:none;margin:8px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.donut-legend__item{display:flex;align-items:center;gap:8px;font-size:13px}.donut-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.donut-legend__name{flex:1;color:#374151}.donut-legend__val{font-weight:700;color:#111827}.summary-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.summary-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:box-shadow .2s}.summary-card:hover{box-shadow:0 3px 12px #0000000f}.summary-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card__icon svg{width:18px;height:18px;stroke:currentColor}.summary-card__value{font-size:22px;font-weight:700;color:#111827;margin:0 0 2px;line-height:1;letter-spacing:-.3px}.summary-card__label{font-size:12px;color:#6b7280;margin:0;font-weight:500}@media(max-width:1280px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.summary-row{grid-template-columns:repeat(3,1fr)}.chart-row--70-30{grid-template-columns:1fr}}@media(max-width:1023px){.dashboard__main{padding:20px 18px;gap:16px}.dashboard__heading-left h1{font-size:22px}.chart-row--50-50,.chart-row--60-40{grid-template-columns:1fr}.summary-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.dashboard__main{padding:16px 14px;gap:14px}.dashboard__heading-left h1{font-size:20px}.dashboard__heading-left p{font-size:13px}.report-modal{padding:0}.report-modal__panel{width:100%;height:100%;border-radius:0}.report-modal__bar{align-items:stretch;flex-direction:column;padding:12px;gap:10px}.report-modal__bar h2{font-size:16px}.report-modal__bar p{font-size:12px}.report-modal__actions{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}.report-period-field{grid-column:1 / -1;justify-content:space-between;width:100%}.report-period-field select{flex:1;min-width:0}.report-modal__primary{width:100%}.report-modal__body{padding:14px 8px 24px}.report-render-surface{width:382px}.report-document{zoom:.48}.dashboard__stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px;flex-direction:column;gap:8px}.stat-card__icon{width:38px;height:38px;border-radius:10px}.stat-card__value{font-size:22px}.stat-card__sparkline{display:none}.chart-row,.chart-row--70-30,.chart-row--50-50,.chart-row--60-40{grid-template-columns:1fr}.panel{padding:16px 14px}.panel__title{font-size:14px}.summary-row{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:12px 14px;gap:10px}.summary-card__value{font-size:18px}.summary-card__label{font-size:11px}.summary-card__icon{width:34px;height:34px;border-radius:8px}.summary-card__icon svg{width:16px;height:16px}}@media(max-width:430px){.report-render-surface{width:342px}.report-document{zoom:.43}}@media(max-width:390px){.report-render-surface{width:318px}.report-document{zoom:.4}}@media(max-width:359px){.dashboard__stats{grid-template-columns:1fr}}.admin-filterbar-wrapper{display:flex;flex-direction:column;margin:0 32px 16px;font-family:DM Sans,sans-serif}.admin-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#fff;border:1px solid #e9ecef;border-radius:12px}.admin-filterbar__search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #e9ecef;border-radius:8px;background:#f9fafb;min-width:min(260px,100%);flex:1 1 220px;transition:border-color .15s,box-shadow .15s}.admin-filterbar__search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14;background:#fff}.admin-filterbar__search svg{width:15px;height:15px;stroke:#9ca3af;flex-shrink:0}.admin-filterbar__search input{width:100%;border:none;outline:none;background:transparent;color:#374151;font-size:13px;font-family:inherit}.admin-filterbar__search input::placeholder{color:#b0b7c3}.admin-filterbar__divider{width:1px;height:24px;background:#e9ecef;flex-shrink:0}.admin-filterbar__tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:0 0 auto}.admin-filterbar__tab{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#6b7280;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.admin-filterbar__tab:hover{background:#f3f4f6;color:#374151}.admin-filterbar__tab--active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.admin-filterbar__count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f3f4f6;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;line-height:1}.admin-filterbar__tab--active .admin-filterbar__count{background:#dbeafe;color:#2563eb}.admin-filterbar__right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.admin-filterbar__actions{display:inline-flex;align-items:center;gap:8px}.admin-filterbar--compact{padding:0;border:none;border-radius:0;background:transparent}@media(max-width:720px){.admin-filterbar-wrapper{margin:0 16px 12px}.admin-filterbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.admin-filterbar__search{width:100%}.admin-filterbar__divider{display:none}.admin-filterbar__tabs{width:100%;gap:4px}.admin-filterbar__tab{flex:1 1 auto;justify-content:center;height:34px;font-size:12px}.admin-filterbar__right{margin-left:0;width:100%;justify-content:flex-end}}.ann-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.ann-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0;gap:16px}.ann-header__left h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.ann-header__left p{font-size:14px;color:#6b7280;margin:0}.ann-header__btn{display:flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.ann-header__btn:hover{background:#1d4ed8}.ann-header__btn svg{width:16px;height:16px;stroke:#fff}.ann-filters{display:flex;gap:8px;padding:20px 32px 0;flex-wrap:wrap}.ann-filter-btn{padding:7px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.ann-filter-btn:hover{border-color:#2563eb;color:#2563eb}.ann-filter-btn--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.ann-list{display:flex;flex-direction:column;gap:20px;padding:20px 32px 40px}.ann-empty{text-align:center;color:#9ca3af;font-size:14px;padding:48px 0}.ann-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .2s}.ann-card:hover{box-shadow:0 4px 20px #00000012}.ann-card__image-wrap{position:relative;width:100%;height:220px;overflow:hidden}.ann-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ann-card:hover .ann-card__image{transform:scale(1.02)}.ann-card__no-img{width:100%;height:100%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af}.ann-card__no-img svg{stroke:#c9cdd4}.ann-card__no-img span{font-size:13px;font-weight:500;color:#9ca3af;letter-spacing:.01em}.ann-modal__no-img{height:100%}.ann-modal__no-img svg{width:36px;height:36px}.ann-card__category{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.2px;font-family:DM Sans,sans-serif}.ann-card__pinned{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;font-family:DM Sans,sans-serif;letter-spacing:.01em;box-shadow:0 1px 4px #00000014}.category--environment{background:#d1fae5;color:#065f46}.category--health{background:#dbeafe;color:#1e40af}.category--safety{background:#fef3c7;color:#92400e}.category--events{background:#ede9fe;color:#5b21b6}.category--services{background:#fce7f3;color:#9d174d}.ann-card__body{padding:18px 22px 16px}.ann-card__meta{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;color:#6b7280}.ann-card__author{font-weight:600;color:#374151}.ann-card__dot{color:#d1d5db}.ann-card__date{color:#9ca3af}.ann-card__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 10px;letter-spacing:-.3px;line-height:1.35}.ann-card__desc{font-size:13.5px;color:#6b7280;line-height:1.65;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ann-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f3f4f6}.ann-card__timestamps{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.ann-card__ts{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9ca3af;font-weight:500}.ann-card__ts svg{stroke:#c4c9d4;flex-shrink:0}.ann-card__ts--updated{color:#6366f1}.ann-card__ts--updated svg{stroke:#a5b4fc}.ann-modal__timestamps{margin-top:16px;padding-top:14px;border-top:1px solid #f3f4f6}.ann-card__read-btn{background:none;border:none;color:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;padding:0;transition:color .15s}.ann-card__read-btn:hover{color:#1d4ed8;text-decoration:underline}.ann-card__actions{display:flex;gap:6px}.ann-card__icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;color:#6b7280}.ann-card__icon-btn svg{width:15px;height:15px;stroke:currentColor}.ann-card__icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.ann-card__icon-btn--delete:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.ann-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.ann-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.ann-modal__image-wrap{position:relative;height:280px;overflow:hidden;flex-shrink:0}.ann-modal__image{width:100%;height:100%;object-fit:cover;display:block}.ann-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s}.ann-modal__close:hover{background:#000000bf}.ann-modal__close svg{width:16px;height:16px;stroke:#fff}.ann-modal__body{padding:22px 26px 28px;overflow-y:auto;overflow-x:hidden}.ann-modal__title{font-size:20px;font-weight:700;color:#111827;margin:8px 0 12px;letter-spacing:-.3px;line-height:1.35}.ann-modal__desc{font-size:14px;color:#6b7280;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:break-word}@media(max-width:768px){.ann-header{flex-direction:column;align-items:flex-start}.ann-topbar__search{width:200px}.ann-list{padding:16px}.ann-header{padding:20px 16px 0}.ann-filters{padding:16px 16px 0}}.ann-toast{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:slideUp .25s ease}.ann-toast svg{stroke:#4ade80;flex-shrink:0}.ann-post-modal{max-height:90vh;display:flex;flex-direction:column}.ann-post-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.ann-post-modal__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.3px}.ann-post-modal__subtitle{font-size:13px;color:#6b7280;margin:0}.ann-modal__close--inline{position:static;background:#f3f4f6;color:#6b7280;flex-shrink:0;margin-top:2px}.ann-modal__close--inline:hover{background:#e5e7eb}.ann-modal__close--inline svg{stroke:#6b7280}.ann-post-modal__body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.ann-post-modal__footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ann-form-group{display:flex;flex-direction:column;gap:6px}.ann-form-group--row{flex-direction:row;align-items:center}.ann-form-label{font-size:13px;font-weight:600;color:#374151}.ann-form-input{border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff}.ann-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ann-form-input::placeholder{color:#9ca3af}.ann-form-textarea{resize:vertical;min-height:110px;line-height:1.6}.ann-form-category-row{display:flex;flex-wrap:wrap;gap:8px}.ann-form-cat-btn{padding:6px 14px;border-radius:20px;border:2px solid transparent;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;opacity:.6}.ann-form-cat-btn--active{opacity:1;border-color:currentColor}.ann-form-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.ann-form-toggle input[type=checkbox]{display:none}.ann-form-toggle__track{width:40px;height:22px;background:#d1d5db;border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}.ann-form-toggle input:checked+.ann-form-toggle__track{background:#2563eb}.ann-form-toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ann-form-toggle input:checked~.ann-form-toggle__track .ann-form-toggle__thumb{transform:translate(18px)}.ann-form-toggle__label{font-size:13.5px;color:#374151;font-weight:500}.ann-form-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-weight:500}.ann-post-modal__cancel{padding:9px 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.ann-post-modal__cancel:hover{background:#f9fafb}.ann-post-modal__submit{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.ann-post-modal__submit:hover{background:#1d4ed8}.ann-confirm-modal{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:28px 28px 24px;box-shadow:0 20px 60px #0003;text-align:center;animation:slideUp .2s ease}.ann-confirm-modal__icon{width:52px;height:52px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#ef4444}.ann-confirm-modal__icon svg{width:22px;height:22px;stroke:#ef4444}.ann-confirm-modal__title{font-size:17px;font-weight:700;color:#111827;margin:0 0 8px}.ann-confirm-modal__desc{font-size:13.5px;color:#6b7280;line-height:1.6;margin:0 0 22px}.ann-confirm-modal__actions{display:flex;gap:10px;justify-content:center}.ann-confirm-modal__delete{padding:9px 20px;border-radius:10px;border:none;background:#ef4444;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.ann-form-label__hint{font-size:11.5px;font-weight:400;color:#9ca3af}.ann-img-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #d1d5db;border-radius:12px;padding:28px 20px;cursor:pointer;background:#fafafa;transition:border-color .15s,background .15s;text-align:center}.ann-img-dropzone:hover,.ann-img-dropzone--over{border-color:#2563eb;background:#eff6ff}.ann-img-dropzone--over{border-style:solid}.ann-img-dropzone__icon{color:#9ca3af;transition:color .15s}.ann-img-dropzone:hover .ann-img-dropzone__icon,.ann-img-dropzone--over .ann-img-dropzone__icon{color:#2563eb}.ann-img-dropzone__text{font-size:13.5px;color:#6b7280;margin:0}.ann-img-dropzone__text strong{color:#2563eb}.ann-img-dropzone__hint{font-size:12px;color:#9ca3af;margin:0}.ann-img-preview{position:relative;border-radius:12px;overflow:hidden;height:180px;border:1.5px solid #e5e7eb}.ann-img-preview__img{width:100%;height:100%;object-fit:cover;display:block}.ann-img-preview__overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s}.ann-img-preview:hover .ann-img-preview__overlay{opacity:1}.ann-img-preview__change,.ann-img-preview__remove{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:opacity .15s}.ann-img-preview__change{background:#fff;color:#374151}.ann-img-preview__remove{background:#ef4444;color:#fff}.ann-img-preview__change:hover,.ann-img-preview__remove:hover{opacity:.88}.ann-confirm-modal__delete:hover{background:#dc2626}@media(max-width:767px){.ann-header{padding:20px 16px 0;flex-direction:column;gap:12px;align-items:stretch}.ann-header__left h1{font-size:20px}.ann-header__btn{width:100%;justify-content:center;padding:11px 16px}.ann-filters{padding:14px 16px 0;gap:6px}.ann-filter-btn{font-size:12px;padding:6px 12px}.ann-list{padding:16px 16px 32px;gap:16px}.ann-card__image-wrap{height:180px}.ann-card__title{font-size:15px}.ann-card__body{padding:14px 16px 12px}.ann-card__footer{flex-direction:column;align-items:flex-start;gap:10px}.ann-card__read-btn{font-size:13px}.ann-card__actions{align-self:flex-end}.ann-card__timestamps{gap:8px;flex-direction:column}.ann-modal-overlay{padding:16px;align-items:center}.ann-modal{max-width:100%;border-radius:16px;max-height:92vh}.ann-modal__image-wrap{height:200px}.ann-post-modal__footer{flex-direction:column-reverse;gap:8px}.ann-post-modal__cancel,.ann-post-modal__submit{width:100%;justify-content:center}.ann-confirm-modal{max-width:100%;border-radius:20px 20px 0 0;padding:24px 20px 20px}.ann-confirm-modal__actions{flex-direction:column-reverse;gap:8px}.ann-post-modal__cancel,.ann-confirm-modal__delete{width:100%}.ann-toast{bottom:16px;left:16px;right:16px;font-size:13px}.ann-form-category-row{gap:6px}.ann-form-cat-btn{font-size:12px;padding:5px 10px}}.appt-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.appt-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 20px;gap:16px}.appt-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.appt-header p{font-size:14px;color:#6b7280;margin:0}.appt-header__btn{display:flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.appt-header__btn:hover:not(:disabled){background:#1d4ed8}.appt-header__btn:disabled{opacity:.65;cursor:not-allowed}.appt-header__btn svg{width:16px;height:16px;stroke:#fff}.appt-tab-bar{display:flex;gap:2px;padding:0 32px;border-bottom:1px solid #e9ecef;margin-bottom:24px}.appt-tab{display:flex;align-items:center;gap:7px;padding:10px 18px;border:none;background:transparent;font-size:13.5px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap}.appt-tab:hover{color:#374151}.appt-tab--active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.appt-tab__badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:1px 7px;min-width:18px;text-align:center;line-height:1.5}.appt-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 32px 16px}.appt-filter-btn{padding:7px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.appt-filter-btn:hover{border-color:#2563eb;color:#2563eb}.appt-filter-btn--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.appt-table-wrap{margin:0 32px;background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:visible}.appt-table{width:100%;border-collapse:collapse;font-size:13.5px;border-radius:14px;overflow:visible;display:table;table-layout:fixed}.appt-table th:nth-child(1),.appt-table td:nth-child(1){width:22%}.appt-table th:nth-child(2),.appt-table td:nth-child(2){width:22%}.appt-table th:nth-child(3),.appt-table td:nth-child(3){width:32%}.appt-table th:nth-child(4),.appt-table td:nth-child(4){width:10%;text-align:center}.appt-table th:nth-child(5),.appt-table td:nth-child(5){width:14%;text-align:right}.appt-table thead tr{background:#f9fafb;border-bottom:1px solid #e9ecef}.appt-table th{padding:12px 18px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.appt-table__row{border-bottom:1px solid #f3f4f6;transition:background .12s}.appt-table__row:last-child{border-bottom:none}.appt-table__row:hover{background:#fafafa}.appt-table td{padding:16px 18px;color:#374151;vertical-align:middle}.appt-table__id{font-size:12.5px;color:#9ca3af!important;font-weight:500;white-space:nowrap}.appt-table__resident{white-space:nowrap;overflow:hidden;max-width:0}.appt-table__resident-name{font-weight:600;color:#111827;margin:0 0 2px;font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.appt-table__resident-email{font-size:11.5px;color:#9ca3af;margin:0;font-weight:400;overflow:hidden;text-overflow:ellipsis}.appt-table__purpose{color:#6b7280!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.appt-table__purpose-row{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.appt-table__purpose-row>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-table__datetime{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.appt-table__date{font-size:13px;color:#374151;font-weight:500}.appt-table__time{font-size:12px;color:#9ca3af}.appt-table__empty{text-align:center;color:#9ca3af;padding:48px!important;font-size:14px}.appt-status,.appt-status-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap;text-align:center;margin:0 auto}.status--scheduled{background:#dbeafe;color:#1e40af}.status--closed{background:#f3f4f6;color:#374151}.status--cancelled{background:#ffedd5;color:#c2410c}.appt-table__menu-cell{position:relative;text-align:center;padding-right:18px!important;overflow:visible}.appt-table__menu-btn{width:30px;height:30px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s,color .15s;margin:0 auto}.appt-table__menu-btn svg{width:16px;height:16px}.appt-table__menu-btn:hover{background:#f3f4f6;color:#374151}.appt-table__dots-btn{width:30px;height:30px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s,color .15s;margin:0 auto}.appt-table__dots-btn:hover{background:#f3f4f6;color:#374151}.appt-dropdown{position:fixed;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:11000;min-width:190px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:6px;animation:dropIn .12s ease}.appt-dropdown__label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;padding:4px 8px 6px;margin:0}.appt-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.appt-dropdown__item:hover{background:#f3f4f6}.appt-dropdown__item--approve{color:#16a34a}.appt-dropdown__item--approve:hover{background:#f0fdf4}.appt-dropdown__item--reject{color:#ef4444}.appt-dropdown__item--reject:hover{background:#fef2f2}.appt-dropdown__item--cancel-action{color:#f97316}.appt-dropdown__item--cancel-action:hover{background:#fff7ed}.appt-dropdown__item--complete{color:#2563eb}.appt-dropdown__item--complete:hover{background:#eff6ff}.appt-dropdown__item--danger{color:#ef4444}.appt-dropdown__item--danger:hover{background:#fef2f2}.appt-table__rejection-note{font-size:11.5px;color:#ef4444;font-style:italic;margin:4px 0 0;max-width:220px;white-space:normal}.appt-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #f3f4f6;gap:12px;flex-wrap:wrap}.appt-pagination__info{font-size:13px;color:#6b7280;margin:0}.appt-pagination__info strong{color:#374151}.appt-pagination__controls{display:flex;align-items:center;gap:4px}.appt-page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.appt-page-btn:hover:not(:disabled){background:#f3f4f6}.appt-page-btn:disabled{color:#d1d5db;cursor:not-allowed}.appt-page-num{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;transition:all .15s}.appt-page-num:hover{background:#f3f4f6}.appt-page-num--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.appt-page-ellipsis{font-size:13px;color:#9ca3af;padding:0 4px}.appt-toast{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:apptSlideUp .25s ease}@keyframes apptSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.appt-toast svg{stroke:#4ade80;flex-shrink:0}.appt-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:apptFadeIn .15s ease}@keyframes apptFadeIn{0%{opacity:0}to{opacity:1}}.appt-modal{background:#fff;border-radius:16px;max-width:560px;width:100%;box-shadow:0 20px 60px #0000002e;animation:apptSlideUp .2s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.appt-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.appt-modal__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.3px}.appt-modal__subtitle{font-size:13px;color:#6b7280;margin:0}.appt-modal__close{width:32px;height:32px;border-radius:8px;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s;flex-shrink:0}.appt-modal__close:hover{background:#e5e7eb}.appt-modal__close svg{width:16px;height:16px;stroke:#6b7280}.appt-modal__body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.appt-modal__footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.appt-modal__cancel{padding:9px 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.appt-modal__cancel:hover{background:#f9fafb}.appt-modal__submit{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.appt-modal__submit:hover{background:#1d4ed8}.appt-form-group{display:flex;flex-direction:column;gap:6px;flex:1}.appt-form-row{display:flex;gap:14px;align-items:flex-start}.appt-form-label{font-size:13px;font-weight:600;color:#374151}.appt-form-required{color:#ef4444;margin-left:2px}.appt-form-input{border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;width:100%;box-sizing:border-box}.appt-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.appt-form-input::placeholder{color:#9ca3af}.appt-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.appt-form-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-weight:500}.appt-confirm-modal{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:28px 28px 24px;box-shadow:0 20px 60px #0000002e;text-align:center;animation:apptSlideUp .2s ease}.appt-confirm-modal__icon{width:52px;height:52px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.appt-confirm-modal__icon svg{width:22px;height:22px;stroke:#ef4444}.appt-confirm-modal__title{font-size:17px;font-weight:700;color:#111827;margin:0 0 8px}.appt-confirm-modal__desc{font-size:13.5px;color:#6b7280;line-height:1.6;margin:0 0 22px}.appt-confirm-modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.appt-confirm-modal__note-wrap{text-align:left;margin-bottom:20px}.appt-confirm-modal__note-label{display:block;font-size:12.5px;font-weight:600;color:#374151;margin-bottom:6px}.appt-confirm-modal__note-label span{font-weight:400;color:#9ca3af}.appt-confirm-modal__note-input{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:9px;padding:9px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:#374151;resize:vertical;outline:none;transition:border-color .15s}.appt-confirm-modal__note-input:focus{border-color:#2563eb}.appt-confirm-modal__delete{padding:9px 20px;border-radius:10px;border:none;background:#ef4444;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:filter .15s}.appt-confirm-modal__delete:hover{filter:brightness(.9)}.appt-confirm-modal__delete:disabled{opacity:.65;cursor:not-allowed}.appt-details-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000002e;animation:apptSlideUp .2s ease;overflow:hidden}.appt-details-modal__header{display:flex;align-items:center;gap:14px;padding:22px 24px 18px;border-bottom:1px solid #f3f4f6}.appt-details-modal__icon{width:44px;height:44px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.appt-details-modal__title{font-size:17px;font-weight:700;color:#111827;margin:0 0 2px;letter-spacing:-.3px}.appt-details-modal__sub{font-size:12.5px;color:#9ca3af;margin:0}.appt-details-modal__body{padding:20px 24px}.appt-details-list{display:flex;flex-direction:column;gap:0;border:1px solid #f3f4f6;border-radius:10px;overflow:hidden}.appt-details-list__row{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-bottom:1px solid #f3f4f6;font-family:DM Sans,sans-serif}.appt-details-list__row:last-child{border-bottom:none}.appt-details-list__label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;min-width:90px;flex-shrink:0;padding-top:1px}.appt-details-list__value{font-size:13.5px;font-weight:500;color:#111827;line-height:1.4;word-break:break-word}.appt-details-modal__footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.appt-details-modal__footer .appt-modal__cancel{margin-right:auto}.appt-resident-search-wrap{position:relative;display:flex;align-items:center}.appt-resident-search-wrap .appt-form-input{padding-right:32px}.appt-resident-search-spinner{position:absolute;right:10px;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:apptSpin .6s linear infinite;flex-shrink:0}@keyframes apptSpin{to{transform:rotate(360deg)}}.appt-resident-search-check{position:absolute;right:10px;flex-shrink:0;pointer-events:none}.appt-resident-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:200;overflow:hidden;max-height:220px;overflow-y:auto}.appt-resident-dropdown__searching,.appt-resident-dropdown__empty{padding:12px 14px;font-size:13px;color:#9ca3af;margin:0;font-style:italic}.appt-resident-dropdown__item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 14px;border:none;background:none;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s;border-bottom:1px solid #f3f4f6}.appt-resident-dropdown__item:last-child{border-bottom:none}.appt-resident-dropdown__item:hover{background:#f0f6ff}.appt-resident-dropdown__name{font-size:13.5px;font-weight:600;color:#111827}.appt-resident-dropdown__email{font-size:12px;color:#9ca3af}.appt-resident-selected-email{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;margin:5px 0 0}.appt-resident-selected-email svg{flex-shrink:0;stroke:#9ca3af}.appt-cal-wrap{border:1.5px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff;-webkit-user-select:none;user-select:none}.appt-cal__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.appt-cal__nav-btn{width:26px;height:26px;border-radius:6px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.appt-cal__nav-btn:hover{background:#f3f4f6}.appt-cal__month{font-size:13px;font-weight:700;color:#111827}.appt-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.appt-cal__dow{font-size:10px;font-weight:700;color:#9ca3af;text-align:center;padding:3px 0 5px;text-transform:uppercase;letter-spacing:.3px}.appt-cal__cell{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#374151;cursor:default;transition:background .1s,color .1s}.appt-cal__cell--empty{background:transparent}.appt-cal__cell--past{color:#d1d5db;font-weight:400}.appt-cal__cell--unavailable{color:#d1d5db}.appt-cal__cell--blocked{background:#fee2e2;color:#fca5a5;text-decoration:line-through}.appt-cal__cell--available{background:#f0fdf4;color:#16a34a;font-weight:600;cursor:pointer}.appt-cal__cell--available:hover{background:#bbf7d0;color:#15803d}.appt-cal__cell--selected{background:#2563eb!important;color:#fff!important;font-weight:700}.appt-cal__cell--today{outline:2px solid #2563eb;outline-offset:-2px}.appt-time-empty{font-size:13px;color:#9ca3af;font-style:italic;border:1.5px dashed #e5e7eb;border-radius:10px;padding:24px 12px;text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.appt-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:240px;overflow-y:auto;padding-right:2px}.appt-time-slot{padding:8px 6px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:12.5px;font-weight:500;font-family:DM Sans,sans-serif;color:#374151;cursor:pointer;transition:border-color .12s,background .12s,color .12s;text-align:center;white-space:nowrap}.appt-time-slot:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.appt-time-slot--selected{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:700}@media(max-width:900px){.appt-table-wrap{margin:0 16px;overflow-x:auto}.appt-header{padding:20px 16px 16px;flex-direction:column;align-items:flex-start}.appt-filters{padding:0 16px 14px}.appt-tab-bar{padding:0 16px}}@media(max-width:600px){.appt-form-row{flex-direction:column}}.avail-body{padding:0 32px 48px;display:flex;flex-direction:column;gap:20px}.avail-info-banner{display:flex;align-items:flex-start;gap:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 16px;font-size:13.5px;color:#1e40af;line-height:1.5}.avail-info-banner svg{flex-shrink:0;margin-top:1px;stroke:#3b82f6}.avail-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}.avail-layout--legacy{display:none}.avail-simple-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:20px;align-items:start}.avail-panel{background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:22px 24px}.avail-panel__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.avail-panel__header svg{stroke:#6b7280;flex-shrink:0}.avail-panel__header h3{font-size:15px;font-weight:700;color:#111827;margin:0}.avail-panel__sub{font-size:13px;color:#9ca3af;margin:0 0 20px}.avail-quick-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}.avail-day-chip{min-width:0;min-height:78px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;cursor:pointer;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:DM Sans,sans-serif;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.avail-day-chip--selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb14}.avail-day-chip__short{font-size:15px;font-weight:800;color:#111827;line-height:1}.avail-day-chip__status{width:100%;min-height:28px;font-size:10.5px;font-weight:600;color:#6b7280;line-height:1.25;text-align:center;overflow-wrap:anywhere}.avail-day-chip--closed .avail-day-chip__status{color:#dc2626}.avail-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.avail-preset-row button{border:1px solid #e5e7eb;background:#fff;border-radius:7px;color:#374151;cursor:pointer;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;padding:6px 10px}.avail-preset-row button:hover{background:#f9fafb;border-color:#cbd5e1}.avail-template-card{border:1px solid #e9ecef;border-radius:10px;background:#fafafa;padding:14px}.avail-mode-toggle{display:inline-flex;padding:3px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;margin-bottom:12px}.avail-mode-toggle__btn{border:none;background:transparent;color:#6b7280;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:700;font-family:DM Sans,sans-serif;padding:7px 12px}.avail-mode-toggle__btn--active{background:#2563eb;color:#fff}.avail-template-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.avail-template-fields--compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.avail-template-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.avail-template-actions span{color:#6b7280;font-size:12.5px;font-weight:600}.avail-block-panel{display:flex;flex-direction:column;gap:14px}.avail-block-panel .avail-panel__sub{margin-bottom:0}.avail-block-controls{display:grid;gap:10px;padding:12px;border:1px solid #e9ecef;border-radius:10px;background:#fafafa}.avail-block-controls .avail-mode-toggle{margin-bottom:0}.avail-block-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.avail-blocked-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.avail-blocked-meta{font-size:12px;color:#6b7280}.avail-right{display:flex;flex-direction:column;gap:20px}.avail-days{display:flex;flex-direction:column;gap:0}.avail-day-row{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.avail-day-row:last-child{border-bottom:none}.avail-day-row--enabled{background:transparent}.avail-day-toggle{display:flex;align-items:center;gap:10px;min-width:110px;flex-shrink:0}.avail-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.avail-toggle input{opacity:0;width:0;height:0}.avail-toggle__slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:20px;transition:background .2s}.avail-toggle__slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.avail-toggle input:checked+.avail-toggle__slider{background:#2563eb}.avail-toggle input:checked+.avail-toggle__slider:before{transform:translate(16px)}.avail-day-label{font-size:13.5px;font-weight:600;color:#374151;min-width:80px}.avail-day-off{font-size:12.5px;color:#9ca3af;font-style:italic;margin-top:2px}.avail-day-config{display:flex;flex-direction:column;gap:10px;flex:1}.avail-day-times{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avail-time-group{display:flex;flex-direction:column;gap:4px}.avail-time-group label{font-size:10.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.avail-time-group input,.avail-time-group select{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:13px;font-family:DM Sans,sans-serif;color:#374151;outline:none;background:#fff;transition:border-color .15s}.avail-time-group input:focus,.avail-time-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.avail-time-sep{font-size:12px;color:#9ca3af;margin-top:16px}.avail-slot-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avail-slot-preview__label{font-size:11.5px;font-weight:600;color:#6b7280;white-space:nowrap;flex-shrink:0}.avail-slot-preview__chips{display:flex;flex-wrap:wrap;gap:5px}.avail-slot-chip{font-size:11px;font-weight:500;background:#eff6ff;color:#2563eb;border-radius:5px;padding:3px 7px;white-space:nowrap}.avail-slot-chip--more{background:#f3f4f6;color:#6b7280}.avail-cal{display:flex;flex-direction:column;gap:12px}.avail-cal__nav{display:flex;align-items:center;justify-content:space-between}.avail-cal__nav-btn{width:28px;height:28px;border-radius:7px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.avail-cal__nav-btn:hover{background:#f3f4f6}.avail-cal__month{font-size:13.5px;font-weight:700;color:#111827}.avail-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.avail-cal__dow{font-size:10.5px;font-weight:700;color:#9ca3af;text-align:center;padding:4px 0;text-transform:uppercase;letter-spacing:.3px}.avail-cal__cell{aspect-ratio:1;appearance:none;border:none;border-radius:7px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:500;font-family:DM Sans,sans-serif;color:#374151;background:transparent;cursor:default;transition:none}.avail-cal__cell:disabled{cursor:default;opacity:1}.avail-cal__cell--clickable{cursor:pointer}.avail-cal__cell--clickable:hover{outline:2px solid #2563eb;outline-offset:-2px}.avail-cal__cell--empty{background:transparent}.avail-cal__cell--available{background:#dcfce7;color:#166534;font-weight:600}.avail-cal__cell--past{background:transparent;color:#d1d5db;font-weight:400}.avail-cal__cell--unavailable{background:#f9fafb;color:#d1d5db}.avail-cal__cell--blocked{background:#fee2e2;color:#dc2626;text-decoration:line-through}.avail-cal__cell--partial{background:#fef3c7;color:#92400e;font-weight:700}.avail-cal__cell--today{outline:2px solid #2563eb;outline-offset:-2px}.avail-cal__legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.avail-legend-item{font-size:11.5px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:5px}.avail-legend-item:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px}.avail-legend-item--available:before{background:#dcfce7;border:1px solid #86efac}.avail-legend-item--unavailable:before{background:#f3f4f6;border:1px solid #e5e7eb}.avail-legend-item--blocked:before{background:#fee2e2;border:1px solid #fca5a5}.avail-legend-item--partial:before{background:#fef3c7;border:1px solid #fbbf24}.avail-block-add{margin-bottom:14px}.avail-block-btn{padding:8px 14px;border-radius:9px;border:none;background:#ef4444;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}.avail-block-btn--trigger{display:flex;align-items:center;gap:7px;width:100%;justify-content:center;background:#fff;color:#374151;border:1.5px dashed #d1d5db;padding:10px 14px;border-radius:9px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.avail-block-btn--trigger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.avail-block-btn--trigger svg{stroke:currentColor}.avail-block-btn:hover:not(:disabled){background:#dc2626}.avail-block-btn:disabled{opacity:.5;cursor:not-allowed}.avail-block-empty{font-size:13px;color:#9ca3af;font-style:italic;margin:0}.avail-blocked-list{display:flex;flex-direction:column;gap:6px}.avail-blocked-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.avail-blocked-date{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#dc2626}.avail-blocked-date svg{stroke:#dc2626;flex-shrink:0}.avail-blocked-remove{width:22px;height:22px;border-radius:5px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:background .15s,color .15s}.avail-blocked-remove:hover{background:#fee2e2;color:#dc2626}.avail-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;flex-wrap:wrap}.avail-save-hint{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b7280;margin:0}.avail-save-hint svg{stroke:#6b7280;flex-shrink:0}@media(max-width:1100px){.avail-simple-layout,.avail-layout{grid-template-columns:1fr}.avail-body{padding:0 16px 48px}}@media(max-width:720px){.avail-quick-days{grid-template-columns:repeat(4,minmax(0,1fr))}.avail-template-fields,.avail-template-fields--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.avail-block-inline{grid-template-columns:1fr}}@media(max-width:480px){.avail-quick-days{grid-template-columns:repeat(2,minmax(0,1fr))}.avail-template-fields,.avail-template-fields--compact{grid-template-columns:1fr}}.appt-confirm-modal--cancel{max-width:440px;width:100%}.appt-confirm-modal__icon--cancel{background:#fef2f2;color:#ef4444}.appt-confirm-modal__icon--cancel svg{stroke:#ef4444}.appt-cancel-note-wrap{width:100%;margin:4px 0 8px;text-align:left}.appt-cancel-note-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.appt-cancel-note-textarea{width:100%;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;font-family:DM Sans,sans-serif;color:#111827;background:#f9fafb;resize:vertical;min-height:80px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.appt-cancel-note-textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background:#fff}.appt-cancel-note-textarea:disabled{opacity:.6;cursor:not-allowed}.appt-cancel-note-hint{font-size:12px;color:#9ca3af;margin:5px 0 0}.appt-group-row{transition:background .12s}.appt-group-row--open{background:#f8faff}.appt-group-row--open:hover{background:#f0f4ff}.appt-group-resident-wrap{display:flex;align-items:center;gap:8px}.appt-group-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:5px;background:#f3f4f6;color:#6b7280;transition:background .15s,color .15s,transform .2s}.appt-group-chevron--open{transform:rotate(90deg);background:#dbeafe;color:#2563eb}.appt-group-purposes{color:#6b7280!important;font-size:13px}.appt-group-purposes__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.appt-group-purposes__more{color:#9ca3af;font-size:12px}.appt-group-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:8px;background:#f3f4f6;color:#374151;font-size:13px;font-weight:600;padding:0 7px}.appt-details-btn{width:auto!important;height:auto!important;padding:5px 13px!important;font-size:12.5px!important;font-weight:600!important;font-family:DM Sans,sans-serif;color:#2563eb!important;background:#eff6ff!important;border-radius:7px!important;border:1px solid #bfdbfe!important;transition:background .15s,color .15s!important}.appt-details-btn:hover{background:#dbeafe!important;color:#1d4ed8!important}.appt-sub-row{background:#f8faff;border-bottom:1px solid #eef2ff;animation:subRowIn .15s ease}@keyframes subRowIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.appt-sub-row:hover{background:#eef2ff}.appt-sub-row td{padding:12px 18px;font-size:13px}.appt-sub-row__indent{position:relative;padding-left:28px!important}.appt-sub-row__line{position:absolute;left:22px;top:0;bottom:0;width:2px;background:#dbeafe;border-radius:2px}.appt-sub-row__dot{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#93c5fd;border:2px solid #fff}.appt-more-pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:4px;height:24px;margin-top:0;padding:3px 9px;border-radius:20px;border:1.5px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:11.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .14s,border-color .14s,color .14s;white-space:nowrap}.appt-more-pill:hover{background:#dbeafe;border-color:#93c5fd}.appt-more-pill svg{flex-shrink:0;stroke:#2563eb}.appt-table__row--extra{background:#fafbff}.appt-table__row--extra:hover{background:#f0f4ff}.appt-table__resident--extra{vertical-align:middle!important}.appt-extra-connector{display:inline-block;font-size:16px;color:#cbd5e1;line-height:1;padding-left:4px;font-family:monospace;-webkit-user-select:none;user-select:none}.appt-table--desktop{display:table}.appt-card-list{display:none}.appt-card-group{border-bottom:1px solid #f3f4f6;padding:12px 16px}.appt-card-group:last-child{border-bottom:none}.appt-card{background:#fff;border-radius:10px;border:1px solid #e9ecef;padding:12px 14px;margin-bottom:8px}.appt-card:last-child{margin-bottom:0}.appt-card--extra{background:#f8faff;border-color:#dbeafe;margin-left:14px}.appt-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.appt-card__resident{display:flex;flex-direction:column;gap:2px;min-width:0}.appt-card__name{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.appt-card__email{font-size:11.5px;color:#9ca3af;word-break:break-all}.appt-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.appt-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.appt-card__meta-item{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#6b7280}.appt-card__meta-item svg{stroke:#9ca3af;flex-shrink:0}.appt-card__purpose{font-size:12.5px;color:#374151;background:#f3f4f6;border-radius:6px;padding:4px 8px;display:inline-block;max-width:100%;word-break:break-word}.appt-more-pill--card{margin:4px 0 0;display:flex}@media(max-width:1023px){.appt-table--desktop{display:none}.appt-card-list{display:block}.appt-header{padding:20px 16px 14px;flex-wrap:wrap;gap:10px}.appt-header h1{font-size:20px}.appt-header p{font-size:13px}.appt-header__btn{width:100%;justify-content:center}.appt-tab-bar{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.appt-tab-bar::-webkit-scrollbar{display:none}.appt-filters{padding:0 16px 14px}.appt-table-wrap{margin:0 16px}.avail-body{padding:0 16px 48px}.appt-modal__box,.appt-confirm-modal{width:calc(100vw - 32px);max-width:100%;margin:16px;max-height:90vh;overflow-y:auto}.appt-form-row{flex-direction:column}.appt-pagination{padding:12px 16px;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.appt-header h1{font-size:18px}.appt-tab{padding:8px 12px;font-size:12.5px}}.cmp-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.cmp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 20px;gap:16px}.cmp-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.cmp-header p{font-size:14px;color:#6b7280;margin:0}.cmp-header__btn{display:flex;align-items:center;gap:7px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.cmp-header__btn:hover{background:#1d4ed8}.cmp-header__btn svg{width:16px;height:16px;stroke:#fff}.cmp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 32px 24px;background:#fff;border:1px solid #e9ecef;border-radius:14px;overflow:hidden}.cmp-stat{display:flex;align-items:center;gap:14px;padding:20px 24px;border-right:1px solid #e9ecef}.cmp-stat:last-child{border-right:none}.cmp-stat__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-stat__icon svg{width:18px;height:18px}.cmp-stat__icon--default{background:#f3f4f6;color:#6b7280}.cmp-stat__icon--default svg{stroke:#6b7280}.cmp-stat__icon--escalated{background:#fff1f2;color:#ef4444}.cmp-stat__icon--escalated svg{stroke:#ef4444}.cmp-stat__label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.6px;margin:0 0 3px}.cmp-stat__value{font-size:28px;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px;line-height:1}.cmp-stat__value--escalated{color:#ef4444}.cmp-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 32px 12px;gap:12px}.cmp-toolbar__search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:9px 14px;width:320px}.cmp-toolbar__search svg{width:15px;height:15px;stroke:#9ca3af;flex-shrink:0}.cmp-toolbar__search input{border:none;background:transparent;outline:none;font-size:13.5px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.cmp-toolbar__search input::placeholder{color:#9ca3af}.cmp-toolbar__right{display:flex;align-items:center;gap:10px}.cmp-filter-wrap{position:relative}.cmp-filter-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.cmp-filter-btn:hover{background:#f3f4f6}.cmp-filter-btn svg{width:15px;height:15px;stroke:#6b7280}.cmp-filter-badge{background:#2563eb;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}.cmp-filter-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;min-width:160px;padding:6px;animation:dropIn .12s ease}.cmp-filter-menu__item{display:block;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.cmp-filter-menu__item:hover{background:#f3f4f6}.cmp-filter-menu__item--active{background:#eff6ff;color:#2563eb;font-weight:600}.cmp-count{font-size:13px;color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #e9ecef;border-radius:9px;padding:8px 14px}.cmp-table-wrap{margin:0 32px;background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:hidden}.cmp-table{width:100%;border-collapse:collapse;font-size:13.5px}.cmp-table thead tr{background:#f9fafb;border-bottom:1px solid #e9ecef}.cmp-table th{padding:11px 18px;text-align:left;font-size:11.5px;font-weight:700;color:#6b7280;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.cmp-table__row{border-bottom:1px solid #f3f4f6;transition:background .12s}.cmp-table__row:last-child{border-bottom:none}.cmp-table__row:hover{background:#fafafa}.cmp-table td{padding:14px 18px;vertical-align:middle}.cmp-table__empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.cmp-table__resident{display:flex;align-items:center;gap:10px}.cmp-table__avatar-placeholder{width:34px;height:34px;border-radius:50%;background:#e0e7ff;color:#3730a3;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #c7d2fe}.cmp-table__avatar-placeholder--lg{width:42px;height:42px;font-size:16px}.cmp-table__name{font-size:13.5px;font-weight:600;color:#111827;margin:0 0 2px}.cmp-table__email{font-size:11.5px;color:#6b7280;margin:0 0 2px}.cmp-table__priority{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;margin:0}.cmp-priority-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.cmp-table__id{font-size:12px;font-weight:600;color:#2563eb;white-space:nowrap}.cmp-table__category{font-size:13.5px;color:#374151;font-weight:500}.cmp-table__date{font-size:13px;color:#6b7280;white-space:nowrap}.cmp-table__official{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;white-space:nowrap}.cmp-table__official svg{width:15px;height:15px;stroke:#9ca3af;flex-shrink:0}.cmp-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.cmp-status__icon{display:flex;align-items:center}.cmp-status__icon svg{width:12px;height:12px}.cs--pending{background:#fef9c3;color:#854d0e}.cs--inprogress{background:#dbeafe;color:#1e40af}.cs--resolved{background:#dcfce7;color:#166534}.cs--escalated{background:#ffe4e6;color:#9f1239;border:1px solid #fecdd3}.cmp-walkin-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:#f3e8ff;color:#6d28d9;white-space:nowrap;letter-spacing:.2px}.cmp-table__view-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s,border-color .15s,color .15s}.cmp-table__view-btn svg{width:15px;height:15px}.cmp-table__view-btn:hover{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.cmp-table__delete-btn:hover{background:#fef2f2!important;border-color:#fecaca!important;color:#ef4444!important}.cmp-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #f3f4f6;gap:12px;flex-wrap:wrap}.cmp-pagination__info{font-size:13px;color:#6b7280;margin:0}.cmp-pagination__info strong{color:#374151}.cmp-pagination__controls{display:flex;align-items:center;gap:4px}.cmp-page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.cmp-page-btn:hover:not(:disabled){background:#f3f4f6}.cmp-page-btn:disabled{color:#d1d5db;cursor:not-allowed}.cmp-page-num{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;display:flex;align-items:center;justify-content:center}.cmp-page-num:hover{background:#f3f4f6}.cmp-page-num--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.cmp-page-ellipsis{font-size:13px;color:#9ca3af;padding:0 4px}.cmp-footer{padding:14px 32px;font-size:13px;color:#9ca3af}.cmp-footer strong{color:#374151}.cmp-toast{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:cmpToastUp .25s ease}@keyframes cmpToastUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cmp-toast svg{stroke:#4ade80;flex-shrink:0}.cmp-overlay{position:fixed;inset:0;background:#0000007a;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:cmpFade .15s ease}@keyframes cmpFade{0%{opacity:0}to{opacity:1}}.cmp-modal{background:#fff;border-radius:16px;width:100%;box-shadow:0 20px 60px #0000002e;animation:cmpSlideUp .2s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes cmpSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.cmp-file-modal{max-width:620px}.cmp-view-modal{max-width:520px}.cmp-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #f3f4f6;flex-shrink:0;gap:12px}.cmp-modal__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.3px}.cmp-modal__subtitle{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.cmp-modal__close{width:32px;height:32px;border-radius:8px;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.cmp-modal__close:hover{background:#e5e7eb}.cmp-modal__close svg{width:16px;height:16px;stroke:#6b7280}.cmp-modal__body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.cmp-modal__footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.cmp-modal__cancel{padding:9px 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.cmp-modal__cancel:hover{background:#f9fafb}.cmp-modal__cancel:disabled{opacity:.6;cursor:not-allowed}.cmp-modal__cancel--danger{border-color:#fecaca;color:#ef4444;margin-right:auto}.cmp-modal__cancel--danger:hover{background:#fef2f2}.cmp-modal__submit{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.cmp-modal__submit:hover{background:#1d4ed8}.cmp-modal__submit:disabled{opacity:.65;cursor:not-allowed}.cmp-form-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e9ecef}.cmp-form-section__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.5px;text-transform:uppercase;margin:0}.cmp-form-section__label svg{stroke:#9ca3af;flex-shrink:0}.cmp-form-row{display:flex;gap:12px}.cmp-form-group{display:flex;flex-direction:column;gap:5px;flex:1}.cmp-form-label{font-size:12.5px;font-weight:600;color:#374151}.cmp-req{color:#ef4444}.cmp-form-input{border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 13px;font-size:13.5px;font-family:DM Sans,sans-serif;color:#111827;outline:none;background:#fff;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.cmp-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cmp-form-input::placeholder{color:#9ca3af}.cmp-form-textarea{resize:vertical;min-height:96px;line-height:1.6}.cmp-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.cmp-priority-row{display:flex;gap:8px;height:40px}.cmp-priority-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;color:#6b7280;white-space:nowrap}.cmp-priority-btn__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cmp-priority-btn--low .cmp-priority-btn__dot{background:#22c55e}.cmp-priority-btn--medium .cmp-priority-btn__dot{background:#f59e0b}.cmp-priority-btn--high .cmp-priority-btn__dot{background:#ef4444}.cmp-priority-btn--low.cmp-priority-btn--active{border-color:#22c55e;color:#166534;background:#dcfce7;font-weight:600}.cmp-priority-btn--medium.cmp-priority-btn--active{border-color:#f59e0b;color:#92400e;background:#fef3c7;font-weight:600}.cmp-priority-btn--high.cmp-priority-btn--active{border-color:#ef4444;color:#991b1b;background:#fee2e2;font-weight:600}.cmp-form-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 12px;font-weight:500}.cmp-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cmp-view-item{display:flex;flex-direction:column;gap:3px}.cmp-view-item__label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin:0}.cmp-view-item__value{font-size:13.5px;color:#111827;font-weight:500}.cmp-view-desc{background:#f9fafb;border:1px solid #e9ecef;border-radius:10px;padding:14px 16px}.cmp-view-desc__text{font-size:13.5px;color:#374151;line-height:1.65;margin:0}.cmp-view-status-row{display:flex;gap:8px;flex-wrap:wrap}.cmp-view-status-btn{padding:6px 14px;border-radius:20px;border:1.5px solid transparent;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;opacity:.55}.cmp-view-status-btn:disabled{cursor:not-allowed}.cmp-view-status-btn.cs--pending{background:#fef9c3;color:#854d0e}.cmp-view-status-btn.cs--inprogress{background:#dbeafe;color:#1e40af}.cmp-view-status-btn.cs--resolved{background:#dcfce7;color:#166534}.cmp-view-status-btn.cs--escalated{background:#ffe4e6;color:#9f1239}.cmp-view-status-btn--active{opacity:1;border-color:currentColor}.cmp-confirm-modal{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:28px 28px 24px;box-shadow:0 20px 60px #0000002e;text-align:center;animation:cmpSlideUp .2s ease}.cmp-confirm-modal__icon{width:52px;height:52px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cmp-confirm-modal__icon svg{width:22px;height:22px;stroke:#ef4444}.cmp-confirm-modal__title{font-size:17px;font-weight:700;color:#111827;margin:0 0 8px}.cmp-confirm-modal__desc{font-size:13.5px;color:#6b7280;line-height:1.6;margin:0 0 22px}.cmp-confirm-modal__actions{display:flex;gap:10px;justify-content:center}.cmp-confirm-modal__delete{padding:9px 20px;border-radius:10px;border:none;background:#ef4444;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.cmp-confirm-modal__delete:hover{background:#dc2626}.cmp-confirm-modal__delete:disabled{opacity:.65;cursor:not-allowed}@media(max-width:767px){.cmp-header{flex-direction:column;align-items:stretch;padding:20px 16px 16px;gap:12px}.cmp-header h1{font-size:20px}.cmp-header__btn{width:100%;justify-content:center;padding:11px 16px}.cmp-stats{grid-template-columns:1fr 1fr;margin:0 16px 16px}.cmp-stat{border-right:none;border-bottom:1px solid #e9ecef;padding:14px 16px}.cmp-stat:nth-child(odd){border-right:1px solid #e9ecef}.cmp-stat:nth-child(3),.cmp-stat:nth-child(4){border-bottom:none}.cmp-stat__value{font-size:22px}.cmp-stat__icon{width:32px;height:32px}.cmp-stat__icon svg{width:15px;height:15px}.cmp-toolbar{flex-direction:column;align-items:stretch;margin:0 16px 12px;gap:8px}.cmp-toolbar__search{width:100%}.cmp-toolbar__right{justify-content:space-between}.cmp-table-wrap{margin:0 16px;overflow:visible}.cmp-table thead{display:none}.cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table td{display:block;width:100%}.cmp-table__row{border:1px solid #e9ecef;border-radius:12px;margin-bottom:10px;padding:14px 16px;background:#fff;box-shadow:0 1px 4px #0000000d}.cmp-table__row:last-child{border-bottom:1px solid #e9ecef;margin-bottom:0}.cmp-table td{padding:5px 0;border:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:28px}.cmp-table td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;margin-right:12px;white-space:nowrap}.cmp-table td:first-child{border-bottom:1px solid #f3f4f6;padding-bottom:10px;margin-bottom:6px;justify-content:flex-start}.cmp-table td:first-child:before{display:none}.cmp-table td:last-child{padding-top:8px;border-top:1px solid #f3f4f6;margin-top:4px;justify-content:flex-end;gap:8px}.cmp-table td:last-child:before{display:none}.cmp-footer{padding:12px 16px;font-size:12px}.cmp-pagination{flex-direction:column;align-items:center;gap:10px;padding:14px 16px}.cmp-toast{bottom:16px;left:16px;right:16px;font-size:13px;border-radius:10px}.cmp-overlay{padding:16px;align-items:center}.cmp-modal{max-height:88vh;border-radius:16px}.cmp-file-modal,.cmp-view-modal{max-width:100%}.cmp-modal__footer{flex-wrap:wrap;gap:8px}.cmp-modal__cancel,.cmp-modal__submit{flex:1;justify-content:center;min-width:0}.cmp-form-row{flex-direction:column}.cmp-view-grid{grid-template-columns:1fr}.cmp-confirm-modal{max-width:100%;border-radius:16px;padding:24px 20px 20px}.cmp-confirm-modal__actions{flex-direction:column-reverse;gap:8px}.cmp-modal__cancel,.cmp-confirm-modal__delete{width:100%}.cmp-view-status-row{gap:6px}.cmp-view-status-btn{font-size:12px;padding:5px 10px}.cmp-priority-row{flex-wrap:wrap;height:auto}.cmp-priority-btn{font-size:12px;padding:5px 10px}}.htl-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.htl-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px}.htl-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.htl-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.htl-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.htl-topbar__search input::placeholder{color:#9ca3af}.htl-topbar__actions{display:flex;align-items:center;gap:12px}.htl-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.htl-topbar__bell:hover{background:#f3f4f6}.htl-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.htl-topbar__avatar{width:36px;height:36px;border-radius:50%;background:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#374151;cursor:pointer}.htl-heading{padding:28px 32px 20px}.htl-heading h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.htl-heading p{font-size:14px;color:#6b7280;margin:0}.htl-body{display:grid;grid-template-columns:1fr 260px;gap:20px;padding:0 32px 40px;align-items:start}.htl-left{display:flex;flex-direction:column;gap:20px}.htl-call-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden}.htl-caller{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 16px;border-bottom:1px solid #f3f4f6}.htl-caller__avatar-wrap{position:relative;flex-shrink:0}.htl-caller__avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.htl-caller__online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border-radius:50%;border:2px solid #fff}.htl-caller__info{flex:1;min-width:0}.htl-caller__name-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.htl-caller__name{font-size:18px;font-weight:700;color:#111827;margin:0;letter-spacing:-.3px}.htl-caller__verified{font-size:11.5px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:2px 8px;border-radius:20px}.htl-caller__meta-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}.htl-caller__meta-item{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#6b7280}.htl-caller__meta-item svg{width:13px;height:13px;stroke:#9ca3af;flex-shrink:0}.htl-caller__active-time{color:#2563eb;font-weight:600}.htl-caller__active-time svg{stroke:#2563eb}.htl-caller__dot{color:#d1d5db;font-size:12px}.htl-caller__badge-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.htl-live-badge{display:flex;align-items:center;gap:6px;background:#ef4444;color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:.3px}.htl-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.htl-caller__assigned{font-size:11.5px;color:#9ca3af;margin:0}.htl-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #f3f4f6}.htl-ctrl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border:none;border-right:1px solid #f3f4f6;background:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:#374151;transition:background .15s,color .15s}.htl-ctrl-btn:last-child{border-right:none}.htl-ctrl-btn svg{width:20px;height:20px;stroke:currentColor}.htl-ctrl-btn:hover{background:#f9fafb}.htl-ctrl-btn--active{background:#eff6ff;color:#2563eb}.htl-ctrl-btn--end{background:#ef4444;color:#fff}.htl-ctrl-btn--end:hover{background:#dc2626}.htl-ctrl-btn--end svg{stroke:#fff}.htl-actions-section{padding:16px 22px 20px}.htl-actions-label{font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.6px;margin:0 0 12px}.htl-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.htl-action-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;font-family:DM Sans,sans-serif}.htl-action-btn:hover{background:#f9fafb;border-color:#d1d5db}.htl-action-btn__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.htl-action-btn__icon svg{width:18px;height:18px}.htl-action-btn__icon--blue{background:#eff6ff}.htl-action-btn__icon--blue svg{stroke:#2563eb}.htl-action-btn__icon--green{background:#f0fdf4}.htl-action-btn__icon--green svg{stroke:#16a34a}.htl-action-btn__text{flex:1}.htl-action-btn__title{font-size:13px;font-weight:600;color:#111827;margin:0 0 2px}.htl-action-btn__sub{font-size:11.5px;color:#9ca3af;margin:0}.htl-action-btn__chevron{width:16px;height:16px;stroke:#d1d5db;flex-shrink:0}.htl-log-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden}.htl-log-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f3f4f6;gap:12px}.htl-log-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 2px}.htl-log-sub{font-size:12.5px;color:#9ca3af;margin:0}.htl-log-btns{display:flex;gap:8px;flex-shrink:0}.htl-log-btn{padding:7px 14px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.htl-log-btn:hover{background:#f3f4f6}.htl-table{width:100%;border-collapse:collapse;font-size:13px}.htl-table thead tr{border-bottom:1px solid #f3f4f6}.htl-table th{padding:10px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap}.htl-table__row{border-bottom:1px solid #f3f4f6;transition:background .12s}.htl-table__row:last-child{border-bottom:none}.htl-table__row:hover{background:#fafafa}.htl-table td{padding:12px 16px;vertical-align:middle}.htl-table__id{font-size:12px;color:#9ca3af;font-weight:500;white-space:nowrap}.htl-table__resident{display:flex;align-items:center;gap:8px}.htl-table__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.htl-table__name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap}.htl-table__time,.htl-table__duration{color:#6b7280;white-space:nowrap;font-size:13px}.htl-cat{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;white-space:nowrap}.cat--emergency{background:#fee2e2;color:#991b1b}.cat--inquiry{background:#f3f4f6;color:#374151}.cat--complaint{background:#fef9c3;color:#854d0e}.htl-call-status{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;white-space:nowrap}.htl-call-status svg{width:13px;height:13px;stroke:currentColor}.htl-call-status--completed{color:#16a34a}.htl-call-status--missed{color:#ef4444}.htl-call-status--forwarded{color:#2563eb}.htl-table__menu-wrap{position:relative}.htl-table__menu-btn{width:28px;height:28px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s;margin:0}.htl-table__menu-btn svg{width:15px;height:15px}.htl-table__menu-btn:hover{background:#f3f4f6;color:#374151}.htl-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;min-width:150px;padding:6px;animation:dropIn .12s ease}.htl-dropdown__item{display:block;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.htl-dropdown__item:hover{background:#f3f4f6}.htl-dropdown__item--danger{color:#ef4444}.htl-dropdown__item--danger:hover{background:#fef2f2}.htl-dropdown__divider{height:1px;background:#f3f4f6;margin:4px 0}.htl-right{position:sticky;top:70px}.htl-lines-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;padding:20px}.htl-lines-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.htl-lines-header svg{width:18px;height:18px;stroke:#374151}.htl-lines-header h2{font-size:15px;font-weight:700;color:#111827;margin:0}.htl-lines-sub{font-size:12px;color:#9ca3af;margin:0 0 18px}.htl-lines-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:0}.htl-line-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f3f4f6}.htl-line-item:last-child{border-bottom:none}.htl-line-name{font-size:13.5px;font-weight:500;color:#374151}.htl-line-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.htl-line-status{font-size:11px;font-weight:700;letter-spacing:.4px}.line--active{color:#16a34a}.line--ringing{color:#2563eb}.line--onhold{color:#f59e0b}.line--available{color:#9ca3af}.htl-line-detail{font-size:11px;color:#9ca3af}.htl-trunk-btn{width:100%;padding:9px;border-radius:9px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.htl-trunk-btn:hover{background:#f3f4f6}.htl-chat-body{grid-template-columns:280px 1fr!important;gap:0!important;padding:0 32px 40px!important}.htl-conv-list{background:#fff;border-radius:16px 0 0 16px;border:1px solid #e9ecef;border-right:none;display:flex;flex-direction:column;height:620px}.htl-chat-window{background:#fff;border-radius:0 16px 16px 0;border:1px solid #e9ecef;display:flex;flex-direction:column;height:620px}.htl-back-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;flex-shrink:0;transition:background .15s;color:#374151}.htl-back-btn:hover{background:#f3f4f6}@media(max-width:1000px){.htl-chat-body{grid-template-columns:1fr!important;padding:0 16px 32px!important;gap:0!important}.htl-right{position:static}.htl-heading{padding:20px 16px 16px}.htl-conv-list{border-radius:16px;border-right:1px solid #e9ecef;height:calc(100svh - 180px);min-height:400px}.htl-chat-window{border-radius:16px;height:calc(100svh - 180px);min-height:400px}}@media(max-width:767px){.htl-chat-body{padding:0 12px 24px!important;gap:0!important}.htl-heading{padding:16px 12px 12px}.htl-heading h1{font-size:20px}.htl-heading p{font-size:13px}.htl-conv-list{display:flex;border-radius:16px;border-right:1px solid #e9ecef;height:calc(100svh - 160px);width:100%}.htl-chat-window{display:none;border-radius:16px;height:calc(100svh - 160px);width:100%}.htl-chat-window--visible{display:flex}.htl-conv-list--hidden{display:none}.htl-back-btn{display:flex}.htl-caller{flex-wrap:wrap;gap:10px;padding:14px 16px}.htl-caller__name{font-size:15px}.htl-caller__meta-row{gap:4px}.htl-caller__meta-item{font-size:11.5px}.htl-caller__badge-wrap{flex-direction:row;align-items:center}.htl-controls{grid-template-columns:repeat(2,1fr)}.htl-actions-grid{grid-template-columns:1fr}}@media(max-width:400px){.htl-chat-body{padding:0 8px 20px!important}}.res-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.res-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10;gap:16px}.res-topbar__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:8px 14px;width:320px}.res-topbar__search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.res-topbar__search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.res-topbar__search input::placeholder{color:#9ca3af}.res-topbar__actions{display:flex;align-items:center;gap:12px}.res-topbar__bell{width:36px;height:36px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.res-topbar__bell:hover{background:#f3f4f6}.res-topbar__bell svg{width:18px;height:18px;stroke:#6b7280}.res-topbar__avatar{width:36px;height:36px;border-radius:50%;background:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#374151;cursor:pointer}.res-header{padding:28px 32px 16px}.res-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.res-header p{font-size:14px;color:#6b7280;margin:0}.res-card{margin:0 32px 40px;background:#fff;border-radius:14px;border:1px solid #e9ecef;overflow:hidden}.res-status--denied{background:#fef2f2;color:#dc2626;border-color:#fecaca}.res-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;gap:12px;flex-wrap:wrap}.res-toolbar__search{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e9ecef;border-radius:10px;padding:8px 14px;width:300px}.res-toolbar__search svg{width:15px;height:15px;stroke:#9ca3af;flex-shrink:0}.res-toolbar__search input{border:none;background:transparent;outline:none;font-size:13.5px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.res-toolbar__search input::placeholder{color:#9ca3af}.res-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.res-filter-wrap{position:relative}.res-filter-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;white-space:nowrap}.res-filter-btn svg{width:14px;height:14px;stroke:#6b7280}.res-filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.res-filter-btn--active{border-color:#2563eb;color:#2563eb;background:#eff6ff}.res-filter-menu{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;min-width:150px;padding:6px;animation:dropIn .12s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.res-filter-menu__item{display:block;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.res-filter-menu__item:hover{background:#f3f4f6}.res-filter-menu__item--active{background:#eff6ff;color:#2563eb;font-weight:600}.res-export-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1px solid #2563eb;background:#fff;font-size:13.5px;font-weight:600;color:#2563eb;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;white-space:nowrap}.res-export-btn svg{width:15px;height:15px;stroke:#2563eb}.res-export-btn:hover{background:#eff6ff}.res-new-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:none;background:#2563eb;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s;white-space:nowrap}.res-new-btn svg{width:15px;height:15px;stroke:#fff}.res-new-btn:hover{background:#1d4ed8}.res-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.res-modal{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.res-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.res-modal__title{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.3px}.res-modal__subtitle{font-size:13px;color:#6b7280;margin:0}.res-modal__close{width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s;flex-shrink:0}.res-modal__close:hover{background:#e5e7eb}.res-modal__close svg{width:16px;height:16px;stroke:#6b7280}.res-modal__body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.res-modal__footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.res-form-group{display:flex;flex-direction:column;gap:6px}.res-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.res-form-label{font-size:13px;font-weight:600;color:#374151}.res-form-input,.res-form-select{border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:#111827;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.res-form-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:42px;cursor:pointer}.res-form-input:focus,.res-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.res-form-input::placeholder{color:#9ca3af}.res-form-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-weight:500}.res-form-error svg{width:14px;height:14px;stroke:#dc2626;flex-shrink:0}.res-modal__cancel{padding:9px 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.res-modal__cancel:hover{background:#f9fafb}.res-modal__submit{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:#2563eb;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.res-modal__submit:hover{background:#1d4ed8}.res-modal__submit svg{width:15px;height:15px;stroke:#fff}.res-toast{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0003;animation:modalSlideUp .25s ease}.res-toast svg{stroke:#4ade80;flex-shrink:0}.res-table{width:100%;border-collapse:collapse;font-size:13.5px}.res-table thead tr{border-bottom:1px solid #e9ecef;background:#f9fafb}.res-table th{padding:11px 18px;text-align:left;font-size:12.5px;font-weight:600;color:#374151;white-space:nowrap}.res-table__row{border-bottom:1px solid #f3f4f6;transition:background .12s}.res-table__row:last-child{border-bottom:none}.res-table__row:hover{background:#fafafa}.res-table td{padding:14px 18px;vertical-align:middle}.res-table__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;display:block}.res-table__name{font-size:13.5px;font-weight:600;color:#111827;margin:0 0 2px;white-space:nowrap}.res-table__id{font-size:12px;color:#9ca3af;margin:0}.res-zone-badge{display:inline-block;padding:4px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;font-size:12.5px;font-weight:500;color:#374151;white-space:nowrap}.res-contact{display:flex;flex-direction:column;gap:3px}.res-contact__item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6b7280}.res-contact__item svg{width:13px;height:13px;stroke:#9ca3af;flex-shrink:0}.res-status{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:20px;border:1px solid transparent;white-space:nowrap}.res-status svg{width:13px;height:13px;stroke:currentColor;flex-shrink:0}.res-status--verified{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.res-status--pending{background:#fefce8;color:#a16207;border-color:#fef08a}.res-actions{display:flex;align-items:center;gap:4px}.res-action-icon{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,border-color .15s,color .15s}.res-action-icon svg{width:14px;height:14px}.res-action-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.res-menu-wrap{position:relative}.res-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;min-width:170px;padding:6px;animation:dropIn .12s ease}.res-dropdown__item{display:block;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;text-align:left;transition:background .12s}.res-dropdown__item:hover{background:#f3f4f6}.res-dropdown__item--danger{color:#ef4444}.res-dropdown__item--danger:hover{background:#fef2f2}.res-dropdown__divider{height:1px;background:#f3f4f6;margin:4px 0}.res-table__empty{text-align:center;color:#9ca3af;padding:48px!important;font-size:14px}.res-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #f3f4f6;gap:12px;flex-wrap:wrap}.res-pagination__info{font-size:13px;color:#6b7280;margin:0}.res-pagination__info strong{color:#374151}.res-pagination__controls{display:flex;align-items:center;gap:4px}.res-page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.res-page-btn:hover:not(:disabled){background:#f3f4f6}.res-page-btn:disabled{color:#d1d5db;cursor:not-allowed}.res-page-num{width:32px;height:32px;border-radius:8px;border:1px solid #e9ecef;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;display:flex;align-items:center;justify-content:center}.res-page-num:hover{background:#f3f4f6}.res-page-num--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.res-page-ellipsis{font-size:13px;color:#9ca3af;padding:0 4px}@media(max-width:900px){.res-card{margin:0 16px 32px}.res-header{padding:20px 16px 14px}.res-tabs{padding:0 16px}.res-toolbar{padding:12px 14px}.res-toolbar__search{width:100%}.res-toolbar__right{width:100%;justify-content:flex-end}}@media(max-width:767px){.res-header{padding:16px 12px 12px}.res-header h1{font-size:20px}.res-header p{font-size:13px}.res-card{margin:0 12px 28px;overflow:visible}.res-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.res-toolbar__right{justify-content:space-between}.res-tabs{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.res-tabs::-webkit-scrollbar{display:none}.res-toast{bottom:16px;left:12px;right:12px;font-size:13px;border-radius:10px}.res-pagination{flex-direction:column;align-items:center;gap:10px;padding:14px 12px}.res-table thead{display:none}.res-table,.res-table tbody,.res-table tr,.res-table td{display:block;width:100%}.res-table__row{border:1px solid #e9ecef;border-radius:12px;margin-bottom:10px;padding:14px 16px;background:#fff;box-shadow:0 1px 4px #0000000d}.res-table__row:last-child{border-bottom:1px solid #e9ecef;margin-bottom:0}.res-table__row:hover{background:#fafafa}.res-table td{padding:5px 0;border:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:28px}.res-table td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;margin-right:12px;white-space:nowrap}.res-table td:first-child{display:block;border-bottom:1px solid #f3f4f6;padding-bottom:10px;margin-bottom:6px}.res-table td:first-child:before{display:none}.res-table__name{font-size:14px}.res-table__actions-cell{justify-content:flex-end!important;padding-top:10px!important;border-top:1px solid #f3f4f6;margin-top:4px}.res-table__actions-cell:before{display:none!important}.utb-modal-overlay{padding:12px}.utb-modal{width:100%;max-width:100%;height:auto;max-height:calc(100svh - 24px);border-radius:16px}.utb-modal-body{flex-direction:column;overflow:auto}.utb-modal-nav{width:100%;min-width:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-right:none;border-bottom:1px solid #f3f4f6;padding:10px 12px;gap:6px;flex-shrink:0}.utb-modal-nav::-webkit-scrollbar{display:none}.utb-modal-nav-item{flex-direction:column;align-items:center;text-align:center;padding:6px 10px;white-space:nowrap;flex-shrink:0;gap:4px}.utb-modal-nav-label{font-size:11px}.utb-modal-nav-icon{display:none}.utb-modal-fields{grid-template-columns:1fr;gap:10px}.utb-modal-content{padding:16px 16px 18px}.utb-modal-header{padding:14px 16px}.utb-modal-name{font-size:14px}.utb-modal-sub{font-size:11px}.utb-modal-footer{flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px}.utb-back-btn,.utb-next-btn{flex:1;justify-content:center}}.res-tabs{display:flex;align-items:center;gap:4px;padding:0 32px;border-bottom:1px solid #e9ecef;background:#fff;margin-bottom:0}.res-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:none;background:transparent;font-size:13.5px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;margin-bottom:-1px}.res-tab:hover{color:#374151}.res-tab--active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.res-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#f3f4f6;color:#6b7280;font-size:11.5px;font-weight:600}.res-tab-count--active{background:#dbeafe;color:#2563eb}.res-status--rejected{background:#fef2f2;color:#dc2626;border-color:#fecaca}.res-action-icon--approve{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.res-action-icon--approve:hover{background:#dcfce7;border-color:#86efac;color:#15803d}.res-action-icon--reject{color:#dc2626;border-color:#fecaca;background:#fef2f2}.res-action-icon--reject:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.res-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:resSpin .7s linear infinite;flex-shrink:0}@keyframes resSpin{to{transform:rotate(360deg)}}.res-modal--wide{max-width:640px}.res-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 24px 20px!important}.res-profile-row{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-bottom:1px solid #f3f4f6}.res-profile-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.res-profile-value{font-size:13.5px;font-weight:500;color:#111827}.res-modal__approve{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:#16a34a;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;cursor:pointer;transition:background .15s}.res-modal__approve:hover:not(:disabled){background:#15803d}.res-modal__approve:disabled{opacity:.65;cursor:not-allowed}.res-modal__reject{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:1.5px solid #fecaca;background:#fff;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;color:#dc2626;cursor:pointer;transition:background .15s}.res-modal__reject:hover:not(:disabled){background:#fef2f2}.res-modal__reject:disabled{opacity:.65;cursor:not-allowed}@media(max-width:600px){.res-profile-grid{grid-template-columns:1fr}}.utb-modal-overlay{position:fixed;inset:0;background:#11182780;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:utb-fade-in .2s ease}@keyframes utb-fade-in{0%{opacity:0}to{opacity:1}}.utb-modal{background:#fff;border-radius:16px;width:860px;max-width:calc(100vw - 48px);height:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000026,0 4px 16px #00000014;font-family:DM Sans,sans-serif;animation:utb-slide-up .25s cubic-bezier(.4,0,.2,1)}@keyframes utb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.utb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.utb-modal-header-left{display:flex;align-items:center;gap:14px}.utb-modal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2.5px solid #e9ecef;flex-shrink:0}.utb-modal-name{font-size:15px;font-weight:700;color:#111827}.utb-modal-sub{font-size:12px;color:#9ca3af;margin-top:2px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.utb-modal-close{width:34px;height:34px;border-radius:8px;border:1px solid #e9ecef;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s;flex-shrink:0}.utb-modal-close:hover{background:#f3f4f6;color:#111827}.utb-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}.utb-modal-nav{width:210px;min-width:210px;flex-shrink:0;border-right:1px solid #f3f4f6;padding:18px 12px;display:flex;flex-direction:column;gap:3px}.utb-modal-nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.utb-modal-nav-item:hover{background:#f9fafb;color:#111827}.utb-modal-nav-item--active{background:#eff6ff;color:#2563eb;font-weight:600}.utb-modal-nav-item--done{color:#16a34a}.utb-modal-nav-item--done:hover{background:#f0fdf4}.utb-modal-nav-step{width:20px;height:20px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:700;color:#9ca3af;transition:background .15s,color .15s}.utb-modal-nav-item--active .utb-modal-nav-step{background:#2563eb;color:#fff}.utb-modal-nav-item--done .utb-modal-nav-step{background:#dcfce7;color:#16a34a}.utb-modal-nav-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center}.utb-modal-nav-icon svg{width:15px;height:15px}.utb-modal-nav-label{font-size:12.5px;line-height:1.3}.utb-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:22px 26px 24px;display:flex;flex-direction:column;min-height:0;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.utb-modal-content::-webkit-scrollbar{width:5px}.utb-modal-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.utb-modal-section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-shrink:0;flex-wrap:wrap}.utb-modal-section-name{font-size:15px;font-weight:700;color:#111827}.utb-modal-section-counter{font-size:12px;font-weight:600;color:#9ca3af;background:#f3f4f6;border-radius:20px;padding:2px 8px}.utb-readonly-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#9ca3af;background:#f9fafb;border:1px solid #e9ecef;border-radius:20px;padding:3px 8px}.utb-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;flex:1;align-content:start}.utb-field{display:flex;flex-direction:column;gap:5px}.utb-field-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.utb-field-input{width:100%;padding:9px 12px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;color:#111827;outline:none;box-sizing:border-box}.utb-field-input--readonly{border:1.5px solid #f3f4f6;background:#f9fafb;color:#374151}.utb-modal-footer{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #f3f4f6;flex-shrink:0;flex-wrap:wrap}.utb-back-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.utb-back-btn:hover{background:#f9fafb}.utb-next-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s;margin-left:auto}.utb-next-btn:hover{background:#1d4ed8}@media(max-width:700px){.utb-modal-overlay{padding:0;align-items:flex-end}.utb-modal{width:100vw;max-width:100vw;height:92vh;max-height:92vh;border-radius:20px 20px 0 0;animation:utb-slide-up-mobile .28s cubic-bezier(.4,0,.2,1)}@keyframes utb-slide-up-mobile{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.utb-modal-header{padding:14px 16px}.utb-modal-header-left{gap:10px;min-width:0;flex:1}.utb-modal-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utb-modal-sub{font-size:11px;flex-wrap:wrap;gap:4px}.utb-modal-body{flex-direction:column;overflow:hidden}.utb-modal-nav{width:100%;min-width:0;flex-direction:row;padding:8px 12px 0;gap:2px;border-right:none;border-bottom:1px solid #f3f4f6;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.utb-modal-nav::-webkit-scrollbar{display:none}.utb-modal-nav-item{flex-direction:column;align-items:center;gap:3px;padding:6px 10px 8px;border-radius:8px 8px 0 0;white-space:nowrap;flex-shrink:0;border-bottom:2px solid transparent}.utb-modal-nav-item--active{background:transparent;border-bottom-color:#2563eb;border-radius:0}.utb-modal-nav-step{width:18px;height:18px;font-size:9px}.utb-modal-nav-icon{display:none}.utb-modal-nav-label{font-size:11px}.utb-modal-content{padding:16px 16px 20px;flex:1;overflow-y:auto;min-height:0}.utb-modal-fields{grid-template-columns:1fr;gap:12px}.utb-modal-section-title{gap:7px;margin-bottom:14px}.utb-modal-section-name{font-size:14px}.utb-modal-footer{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;justify-content:space-between}.utb-modal-footer>*{width:auto;margin-left:0!important}.utb-next-btn{margin-left:auto!important}.utb-back-btn,.utb-next-btn{padding:10px 16px;font-size:13.5px}}.apr-layout{display:flex;min-height:100vh;background:#f8fafc;font-family:DM Sans,sans-serif}.apr-shell{flex:1;height:100vh;overflow-y:auto}.apr-page{padding-bottom:40px}.apr-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 32px 18px}.apr-header h1{margin:0;color:#111827;font-size:24px;font-weight:700}.apr-header p{margin:5px 0 0;color:#6b7280;font-size:13px}.apr-refresh-btn,.apr-review-btn,.apr-btn{border:none;border-radius:9px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.apr-refresh-btn{background:#2563eb;color:#fff;padding:10px 16px}.apr-refresh-btn:disabled,.apr-btn:disabled{opacity:.65;cursor:not-allowed}.apr-card{margin:0 32px;background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 2px 8px #00000008;overflow:hidden}.apr-empty{padding:48px 24px;text-align:center;color:#9ca3af;font-size:14px}.apr-empty--error{color:#dc2626}.apr-table{width:100%;border-collapse:collapse;font-size:13.5px}.apr-table thead tr{background:#f9fafb;border-bottom:1px solid #e9ecef}.apr-table th{padding:12px 18px;text-align:left;color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.apr-table td{padding:15px 18px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.apr-table tr:last-child td{border-bottom:none}.apr-resident-name{margin:0;color:#111827;font-weight:700}.apr-resident-email{margin:3px 0 0;color:#9ca3af;font-size:12px}.apr-field-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:340px}.apr-field-tags span{display:inline-flex;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:3px 8px;font-size:11px;font-weight:700}.apr-note-cell{max-width:260px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apr-review-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:8px 12px}.apr-overlay{position:fixed;inset:0;z-index:240;background:#11182785;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.apr-modal{width:680px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000029;display:flex;flex-direction:column;overflow:hidden}.apr-modal__header,.apr-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #f3f4f6}.apr-modal__footer{border-bottom:none;border-top:1px solid #f3f4f6;justify-content:flex-end}.apr-modal__header h2{margin:0;color:#111827;font-size:16px}.apr-modal__header p{margin:3px 0 0;color:#6b7280;font-size:12px}.apr-icon-btn{width:34px;height:34px;border:1px solid #e9ecef;border-radius:8px;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center}.apr-icon-btn svg{width:18px;height:18px}.apr-modal__body{padding:20px 22px;overflow-y:auto}.apr-note{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f9fafb;color:#374151;font-size:13px;line-height:1.5}.apr-change-list{display:flex;flex-direction:column;gap:10px}.apr-change-row{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:12px;border:1px solid #f3f4f6;border-radius:10px}.apr-change-row__label{color:#6b7280;font-size:12px;font-weight:700}.apr-change-row__old,.apr-change-row__new{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.apr-change-row__old{color:#9ca3af;text-decoration:line-through}.apr-change-row__new{margin-top:4px;color:#111827;font-weight:700}.apr-btn{padding:9px 16px}.apr-btn--ghost{background:#fff;border:1.5px solid #e5e7eb;color:#374151}.apr-btn--danger{background:#fff;border:1.5px solid #fecaca;color:#dc2626}.apr-btn--primary{background:#2563eb;color:#fff}.apr-toast{position:fixed;right:28px;bottom:28px;z-index:260;background:#111827;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 14px 36px #0000002e;font-size:13px;font-weight:700}@media(max-width:760px){.apr-header{align-items:flex-start;flex-direction:column;padding:22px 16px 14px}.apr-card{margin:0 12px 28px;overflow-x:auto}.apr-table{min-width:760px}.apr-change-row{grid-template-columns:1fr}}.aroles-page{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fb;font-family:DM Sans,sans-serif}.aroles-header{padding:28px 32px 0}.aroles-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aroles-header h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.4px}.aroles-header p{font-size:14px;color:#6b7280;margin:0}.aroles-audit-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;flex-shrink:0;margin-top:4px}.aroles-audit-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.aroles-body{padding:20px 32px 40px;display:flex;flex-direction:column;gap:16px}.aroles-status-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e9ecef;padding-bottom:0}.aroles-status-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px 10px;border:none;background:transparent;font-size:13.5px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.aroles-status-tab:hover{color:#374151}.aroles-status-tab--active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.aroles-status-tab__count{background:#e5e7eb;color:#6b7280;border-radius:10px;padding:1px 7px;font-size:11.5px;font-weight:600}.aroles-status-tab--active .aroles-status-tab__count{background:#dbeafe;color:#2563eb}.aroles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.aroles-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 14px;width:280px}.aroles-search svg{width:16px;height:16px;stroke:#9ca3af;flex-shrink:0}.aroles-search input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;font-family:DM Sans,sans-serif;width:100%}.aroles-search input::placeholder{color:#9ca3af}.aroles-add-btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.aroles-add-btn:hover{background:#1d4ed8}.aroles-add-btn svg{width:16px;height:16px;stroke:#fff}.aroles-tabs{display:flex;gap:6px;flex-wrap:wrap}.aroles-tab{padding:6px 14px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.aroles-tab:hover{border-color:#2563eb;color:#2563eb}.aroles-tab--active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.aroles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.aroles-card{background:#fff;border-radius:14px;border:1px solid #e9ecef;padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}.aroles-card:hover{box-shadow:0 4px 20px #00000012}.aroles-card--inactive{background:#fafafa;border-color:#e5e7eb;opacity:.85}.aroles-card--inactive:hover{box-shadow:0 2px 10px #0000000a}.aroles-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.aroles-card__avatar{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.aroles-card__info{flex:1;min-width:0}.aroles-card__name{font-size:15px;font-weight:700;color:#111827;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-card__email{font-size:12.5px;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-card__actions{display:flex;gap:6px;flex-shrink:0}.aroles-card__actions button{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.aroles-card__actions button:hover{border-color:#2563eb;background:#eff6ff}.aroles-card__actions button.danger:hover{border-color:#ef4444;background:#fef2f2}.aroles-card__actions button.warning:hover{border-color:#f59e0b;background:#fffbeb}.aroles-card__actions button svg{width:15px;height:15px;stroke:#6b7280}.aroles-card__actions button:hover svg{stroke:#2563eb}.aroles-card__actions button.danger:hover svg{stroke:#ef4444}.aroles-card__actions button.warning:hover svg{stroke:#f59e0b}.aroles-card__role{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.aroles-role-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.01em}.arole--barangaycaptain{background:#fef9c3;color:#854d0e}.arole--secretary{background:#dbeafe;color:#1e40af}.arole--treasurer{background:#d1fae5;color:#065f46}.arole--barangaytanod{background:#ede9fe;color:#5b21b6}.aroles-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px}.aroles-status--inactive{background:#fef3c7;color:#92400e}.aroles-status--archived{background:#f3f4f6;color:#6b7280}.aroles-card__self{font-size:11.5px;color:#9ca3af;font-weight:500;margin-left:4px}.aroles-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3f4f6;padding-top:12px}.aroles-card__date{font-size:11.5px;color:#9ca3af}.aroles-empty{text-align:center;color:#9ca3af;font-size:14px;padding:48px 0}.aroles-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:arFadeIn .15s ease}@keyframes arFadeIn{0%{opacity:0}to{opacity:1}}.aroles-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:arSlideUp .2s ease}@keyframes arSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.aroles-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.aroles-modal__header h2{font-size:18px;font-weight:700;color:#111827;margin:0;display:flex;align-items:center}.aroles-modal__close{width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.aroles-modal__close svg{width:16px;height:16px;stroke:#6b7280}.aroles-modal__close:hover{background:#f3f4f6}.aroles-modal__body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.aroles-field{display:flex;flex-direction:column;gap:6px}.aroles-field label{font-size:13px;font-weight:600;color:#374151}.aroles-field input,.aroles-field select{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;font-family:DM Sans,sans-serif;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.aroles-field input:focus,.aroles-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.aroles-field input::placeholder{color:#9ca3af}.aroles-field__hint{font-size:11.5px;color:#9ca3af;margin-top:1px}.aroles-field__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aroles-pw-wrap{position:relative;display:flex;align-items:center}.aroles-pw-wrap input{padding-right:44px}.aroles-pw-toggle{position:absolute;right:12px;border:none;background:transparent;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:0}.aroles-pw-toggle:hover{color:#374151}.aroles-pw-toggle svg{width:17px;height:17px;stroke:currentColor}.aroles-modal__error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;color:#dc2626}.aroles-modal__error svg{width:15px;height:15px;stroke:#ef4444;flex-shrink:0}.aroles-modal__footer{display:flex;gap:10px;padding:0 24px 24px}.aroles-modal__cancel{flex:1;padding:10px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:14px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.aroles-modal__cancel:hover{background:#f3f4f6}.aroles-modal__save{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;border:none;background:#2563eb;font-size:14px;font-weight:600;color:#fff;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.aroles-modal__save:hover{background:#1d4ed8}.aroles-modal__save:disabled{opacity:.65;cursor:not-allowed}.aroles-modal__save--danger{background:#ef4444}.aroles-modal__save--danger:hover{background:#dc2626}.aroles-modal__save--warning{background:#f59e0b}.aroles-modal__save--warning:hover{background:#d97706}.aroles-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:arSpin .7s linear infinite}@keyframes arSpin{to{transform:rotate(360deg)}}.aroles-confirm__body{padding:20px 24px}.aroles-confirm__body p{font-size:14px;color:#374151;line-height:1.6;margin:8px 0 0}.aroles-confirm__icon{width:44px;height:44px;border-radius:12px;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.aroles-confirm__icon svg{width:22px;height:22px;stroke:#ef4444}.aroles-confirm__icon--green{background:#d1fae5}.aroles-confirm__icon--green svg{stroke:#059669}.aroles-confirm__icon--yellow{background:#fef3c7}.aroles-confirm__icon--yellow svg{stroke:#d97706}.aroles-pwreset__info{font-size:13px;color:#6b7280;padding:0 24px;margin-top:-8px}.aroles-auditlog-modal{max-width:600px}.aroles-auditlog__body{padding:0 0 4px;max-height:520px;overflow-y:auto}.aroles-auditlog__list{display:flex;flex-direction:column}.aroles-auditlog__entry{display:flex;gap:0;padding:14px 24px;border-bottom:1px solid #f3f4f6;transition:background .12s}.aroles-auditlog__entry:last-child{border-bottom:none}.aroles-auditlog__entry:hover{background:#fafafa}.aroles-auditlog__entry-left{display:flex;flex-direction:column;align-items:center;padding-top:5px;margin-right:14px;flex-shrink:0}.aroles-auditlog__action-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.aroles-auditlog__entry-body{flex:1;min-width:0}.aroles-auditlog__entry-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.aroles-auditlog__action{font-size:13px;font-weight:700}.aroles-auditlog__date{font-size:11.5px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.aroles-auditlog__desc{font-size:13px;color:#374151;margin:0 0 4px;line-height:1.5}.aroles-auditlog__detail{font-size:12px;color:#6b7280;margin:3px 0 0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.aroles-auditlog__pill{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11.5px;font-weight:600}.aroles-auditlog__pill--from{background:#fee2e2;color:#991b1b}.aroles-auditlog__pill--to{background:#d1fae5;color:#065f46}.aroles-auditlog__reason{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:#6b7280;margin:4px 0 0;font-style:italic;line-height:1.4}.aroles-auditlog__reason svg{flex-shrink:0;margin-top:1px;stroke:#9ca3af}.aroles-auditlog__pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;border-top:1px solid #e9ecef}.aroles-auditlog__page-btn{padding:6px 14px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}.aroles-auditlog__page-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.aroles-auditlog__page-btn:disabled{opacity:.4;cursor:not-allowed}.aroles-auditlog__page-info{font-size:13px;color:#6b7280}.aroles-profile-modal{max-width:440px}.aroles-profile__hero{display:flex;align-items:center;gap:18px;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.aroles-profile__photo-wrap{flex-shrink:0}.aroles-profile__hero-info{display:flex;flex-direction:column;gap:3px;min-width:0}.aroles-profile__name{font-size:17px;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-profile__email{font-size:13px;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-profile__details{padding:16px 24px;display:flex;flex-direction:column;gap:0;border-bottom:1px solid #f3f4f6}.aroles-profile__detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #f9fafb}.aroles-profile__detail-row:last-child{border-bottom:none}.aroles-profile__detail-label{font-size:12.5px;font-weight:600;color:#9ca3af;flex-shrink:0;min-width:90px}.aroles-profile__detail-value{font-size:13px;color:#111827;font-weight:500;text-align:right;word-break:break-all}.aroles-profile__detail-mono{font-family:Courier New,monospace;font-size:11px;color:#6b7280}.aroles-profile__actions{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap}.aroles-profile__action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}.aroles-profile__action-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.aroles-profile__action-btn svg{stroke:currentColor}.aroles-profile__action-btn--danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.aroles-profile__action-btn--warning:hover{border-color:#f59e0b;color:#d97706;background:#fffbeb}.aroles-card__avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:box-shadow .18s,transform .15s}.aroles-card__avatar-btn:hover{box-shadow:0 0 0 3px #2563eb55;transform:scale(1.06)}.aroles-rows-container{display:flex;flex-direction:column;gap:28px}.aroles-role-section{display:flex;flex-direction:column;gap:12px}.aroles-role-section__title{font-size:15px;font-weight:700;color:#374151;margin:0 0 8px;padding:0;display:flex;align-items:center;gap:8px}.aroles-rows-list{display:flex;flex-direction:column;gap:8px}.aroles-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid #e9ecef;border-radius:12px;padding:16px 20px;transition:all .2s;position:relative}.aroles-row:hover{border-color:#e5e7eb;box-shadow:0 2px 12px #0000000d}.aroles-row--inactive{background:#fafafa;opacity:.9}.aroles-row__content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.aroles-row__avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .18s}.aroles-row__avatar-btn:hover{transform:scale(1.05);box-shadow:0 0 0 3px #2563eb55}.aroles-row__info{flex:1;min-width:0}.aroles-row__name{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-row__email{font-size:12.5px;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aroles-row__self{font-size:11px;color:#9ca3af;font-weight:500;margin-left:4px}.aroles-row__menu{position:relative;flex-shrink:0}.aroles-row__menu-trigger{width:32px;height:32px;padding:0;border:1.5px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.aroles-row__menu-trigger:hover{border-color:#2563eb;background:#eff6ff}.aroles-row__menu-trigger svg{width:16px;height:16px;color:#6b7280}.aroles-row__menu-trigger:hover svg{color:#2563eb}.aroles-row__menu-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;min-width:160px;display:none;flex-direction:column;z-index:50}.aroles-row__menu-dropdown.aroles-row__menu-open{display:flex}.aroles-row__menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:10px 14px;font-size:13px;font-weight:500;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .12s;border-radius:0}.aroles-row__menu-item:first-child{border-radius:9px 9px 0 0}.aroles-row__menu-item:last-child{border-radius:0 0 9px 9px}.aroles-row__menu-item:hover{background:#eff6ff;color:#2563eb}.aroles-row__menu-item--warning:hover{background:#fffbeb;color:#d97706}.aroles-row__menu-item--danger:hover{background:#fef2f2;color:#ef4444}.aroles-row__menu-item svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.aroles-drawer-overlay{position:fixed;inset:0;background:#0006;z-index:99;animation:arFadeIn .15s ease}.aroles-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:420px;background:#fff;z-index:100;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:arDrawerSlideIn .3s ease}@keyframes arDrawerSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.aroles-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1.5px solid #e9ecef;flex-shrink:0}.aroles-drawer__header h2{font-size:18px;font-weight:700;color:#111827;margin:0}.aroles-drawer__close{width:32px;height:32px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.aroles-drawer__close:hover{border-color:#2563eb;background:#eff6ff}.aroles-drawer__close svg{width:18px;height:18px;stroke:#6b7280}.aroles-drawer__close:hover svg{stroke:#2563eb}.aroles-drawer__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.aroles-drawer__info-section{text-align:center;padding-bottom:12px;border-bottom:1.5px solid #f3f4f6}.aroles-drawer__avatar{display:flex;justify-content:center;margin-bottom:12px}.aroles-drawer__info-section h3{font-size:17px;font-weight:700;color:#111827;margin:0 0 4px}.aroles-drawer__info-section p{font-size:13px;color:#9ca3af;margin:0}.aroles-drawer__field-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aroles-drawer__footer{display:flex;gap:10px;padding:16px 24px;border-top:1.5px solid #e9ecef;flex-shrink:0}.aroles-drawer__cancel{flex:1;padding:10px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:14px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}.aroles-drawer__cancel:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.aroles-drawer__save{flex:2;padding:10px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.aroles-drawer__save:hover{background:#1d4ed8}.aroles-drawer__save:disabled{opacity:.65;cursor:not-allowed}@media(max-width:768px){.aroles-body{padding:16px 16px 32px}.aroles-header{padding:20px 16px 0}.aroles-header__row{flex-direction:column;gap:12px}.aroles-grid{grid-template-columns:1fr}.aroles-auditlog-modal{max-width:100%}.aroles-drawer-panel{width:100%}}.settings-layout{display:flex;min-height:100vh;height:100vh;overflow-y:auto;background-color:#f9fafb}.settings-page{flex:1;display:flex;flex-direction:column;min-height:0}.settings-main{flex:1;padding:0}.settings-page-header{padding:24px 28px 0}.settings-title{font-size:26px;font-weight:700;color:#111827;margin:0;line-height:1.2;letter-spacing:-.4px;font-family:DM Sans,sans-serif}.settings-subtitle{font-size:14px;color:#6b7280;margin:0;font-family:DM Sans,sans-serif}.settings-content{padding:24px 28px 40px;max-width:680px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000a}.settings-card__header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f3f4f6}.settings-card__icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card__icon--bell{background:#fef3c7;color:#d97706}.settings-card__icon--chat{background:#dbeafe;color:#2563eb}.settings-card__icon--lang{background:#dcfce7;color:#16a34a}.settings-card__icon--access{background:#f3e8ff;color:#9333ea}.settings-card__title{font-size:15px;font-weight:600;color:#111827;margin:0}.settings-rows{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #f3f4f6;transition:background .15s}.settings-row:hover{background:#fafafa}.settings-row--last{border-bottom:none}.settings-row--sub{padding-left:36px;background:#fafafa}.settings-row--col{flex-direction:column;align-items:flex-start;gap:14px}.settings-row__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-row__label{font-size:14px;font-weight:500;color:#374151}.settings-row__desc{font-size:12px;color:#9ca3af}.settings-toggle{position:relative;width:44px;height:24px;border-radius:99px;background:#d1d5db;border:none;cursor:pointer;flex-shrink:0;transition:background .2s ease;padding:0}.settings-toggle--on{background:#2563eb}.settings-toggle--disabled{opacity:.4;cursor:not-allowed}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.settings-toggle--on .settings-toggle__thumb{transform:translate(20px)}.settings-pill-group{display:flex;gap:8px;flex-wrap:wrap}.settings-pill{padding:7px 16px;border-radius:99px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.settings-pill:hover{border-color:#93c5fd;background:#eff6ff;color:#2563eb}.settings-pill--active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.settings-text-size-group{display:flex;gap:10px;width:100%}.settings-text-size-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;cursor:pointer;color:#6b7280;font-weight:600;transition:all .15s}.settings-text-size-btn span{font-size:11px;font-weight:400}.settings-text-size-btn--small{font-size:14px}.settings-text-size-btn--medium{font-size:20px}.settings-text-size-btn--large{font-size:26px}.settings-text-size-btn:hover{border-color:#93c5fd;background:#eff6ff;color:#2563eb}.settings-text-size-btn--active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.settings-actions{display:flex;justify-content:flex-end}.settings-save-btn{display:flex;align-items:center;gap:8px;padding:11px 28px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 2px 8px #2563eb40}.settings-save-btn:hover{background:#1d4ed8}.settings-save-btn:active{transform:scale(.97)}.settings-save-btn--saved{background:#16a34a;box-shadow:0 2px 8px #16a34a40}:root[data-text-size=small]{font-size:13px}:root[data-text-size=medium]{font-size:15px}:root[data-text-size=large]{font-size:17px}@media(max-width:1023px){.settings-content{padding:20px 16px 40px}.settings-page-header{padding:16px 16px 0}}.asqr-root{display:flex;flex-direction:column;gap:24px;padding:32px;font-family:DM Sans,sans-serif;max-width:980px;margin:0 auto}.asqr-page-header{display:flex;align-items:center;gap:14px}.asqr-page-header-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.asqr-page-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 2px}.asqr-page-sub{font-size:13px;color:#6b7280;margin:0}.asqr-card{background:#fff;border:1px solid #e9ecef;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px #0000000f;min-height:380px;display:flex;align-items:stretch}.asqr-card>*{flex:1}.asqr-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 32px;text-align:center}.asqr-idle-icon{width:96px;height:96px;border-radius:20px;background:#f0f9ff;display:flex;align-items:center;justify-content:center;color:#2563eb;margin-bottom:4px}.asqr-idle-title{font-size:18px;font-weight:700;color:#111827;margin:0}.asqr-idle-desc{font-size:13.5px;color:#6b7280;line-height:1.65;margin:0;max-width:340px}.asqr-start-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:11px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;margin-top:4px;transition:background .15s,transform .1s;box-shadow:0 2px 12px #2563eb47}.asqr-start-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.asqr-start-btn:active{transform:translateY(0)}.asqr-file-input,.asqr-upload-region{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.asqr-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:11px;border:1.5px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}.asqr-upload-btn:hover{background:#dbeafe;border-color:#93c5fd}.asqr-scanner-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.asqr-scanner-label{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#374151;background:#f3f4f6;border-radius:20px;padding:5px 14px}.asqr-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:asqrPulse 1.4s ease-in-out infinite}.asqr-scanner-viewport{position:relative;width:100%;max-width:340px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#000}.asqr-corner{position:absolute;width:28px;height:28px;z-index:10;pointer-events:none}.asqr-corner--tl{top:10px;left:10px;border-top:3px solid #2563eb;border-left:3px solid #2563eb;border-radius:4px 0 0}.asqr-corner--tr{top:10px;right:10px;border-top:3px solid #2563eb;border-right:3px solid #2563eb;border-radius:0 4px 0 0}.asqr-corner--bl{bottom:10px;left:10px;border-bottom:3px solid #2563eb;border-left:3px solid #2563eb;border-radius:0 0 0 4px}.asqr-corner--br{bottom:10px;right:10px;border-bottom:3px solid #2563eb;border-right:3px solid #2563eb;border-radius:0 0 4px}.asqr-scan-line{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#2563eb,transparent);border-radius:2px;top:10px;z-index:10;pointer-events:none;animation:asqrSweep 2s linear infinite;box-shadow:0 0 8px #2563eb80}.asqr-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}.asqr-cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.asqr-permission-icon{width:72px;height:72px;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;margin-bottom:4px;animation:asqrPulse 2s ease-in-out infinite}.asqr-permission-hint{font-size:12.5px;color:#9ca3af;text-align:center;margin:0;max-width:260px;line-height:1.5}.asqr-denied-steps{background:#fafafa;border:1px solid #f3f4f6;border-radius:12px;padding:14px 18px;text-align:left;max-width:340px;width:100%;margin-top:4px}.asqr-denied-steps-title{font-size:12.5px;font-weight:700;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.asqr-denied-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.asqr-denied-list li{font-size:13px;color:#4b5563;line-height:1.5}.asqr-denied-list strong{color:#111827}.asqr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px}.asqr-loading-spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:asqrSpin .7s linear infinite}.asqr-loading-text{font-size:14px;font-weight:600;color:#374151;margin:0}.asqr-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 32px;text-align:center}.asqr-error-icon{width:72px;height:72px;border-radius:50%;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.asqr-error-title{font-size:17px;font-weight:700;color:#111827;margin:0}.asqr-error-msg{font-size:13.5px;color:#ef4444;margin:0}.asqr-error-sub{font-size:12px;color:#9ca3af;margin:0}.asqr-success-state{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}.asqr-success-banner{display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0;animation:asqrSlideDown .3s cubic-bezier(.22,1,.36,1)}.asqr-success-check{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #22c55e59}.asqr-success-banner-title{font-size:14px;font-weight:700;color:#15803d;margin:0 0 1px}.asqr-success-banner-sub{font-size:12px;color:#166534;margin:0}.asqr-resident-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 24px 16px;animation:asqrFadeIn .25s ease .15s both}.asqr-resident-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 4px 16px #2563eb4d}.asqr-resident-name{font-size:19px;font-weight:700;color:#111827;text-align:center}.asqr-resident-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:20px;background:#f0fdf4;color:#16a34a;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.asqr-resident-divider{width:100%;height:1px;background:#f3f4f6;margin:10px 0 6px}.asqr-resident-fields{width:100%;display:flex;flex-direction:column;gap:0}.asqr-field-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f9fafb}.asqr-field-row:last-child{border-bottom:none}.asqr-field-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.asqr-field-value{font-size:13.5px;color:#111827;font-weight:500;text-align:right;word-break:break-word;max-width:60%}.asqr-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 24px 18px}.asqr-record-panel{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.asqr-record-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.asqr-record-panel__header h3{margin:0;font-size:14px;color:#111827}.asqr-record-panel__header span{min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.asqr-record-list{max-height:320px;overflow:auto}.asqr-record-item{padding:12px 14px;border-bottom:1px solid #f3f4f6}.asqr-record-item:last-child{border-bottom:0}.asqr-record-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.asqr-record-item__top strong{font-size:13.5px;color:#111827;line-height:1.35}.asqr-record-item p{margin:3px 0 0;font-size:12.5px;color:#64748b;line-height:1.4}.asqr-status{flex-shrink:0;border-radius:999px;padding:3px 8px;background:#f1f5f9;color:#475569;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.asqr-status--scheduled,.asqr-status--in-progress{background:#eff6ff;color:#2563eb}.asqr-status--closed,.asqr-status--resolved{background:#f0fdf4;color:#16a34a}.asqr-status--cancelled,.asqr-status--escalated{background:#fef2f2;color:#dc2626}.asqr-status--pending{background:#fffbeb;color:#d97706}.asqr-empty-record{margin:0;padding:18px 14px;color:#94a3b8;font-size:13px;text-align:center}.asqr-action-row{display:flex;gap:10px;justify-content:flex-end;padding:12px 24px 20px;border-top:1px solid #f3f4f6}.asqr-scan-again-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.asqr-scan-again-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.asqr-done-btn{padding:9px 22px;border-radius:9px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 2px 10px #2563eb40}.asqr-done-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.asqr-done-btn:active{transform:translateY(0)}@keyframes asqrSpin{to{transform:rotate(360deg)}}@keyframes asqrPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes asqrSweep{0%{top:10px;opacity:1}95%{top:calc(100% - 12px);opacity:1}to{top:10px;opacity:0}}@keyframes asqrSlideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes asqrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.asqr-h5qr-region{width:100%;height:100%}#asqr-html5-qrcode-region video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important}#asqr-html5-qrcode-region>img,#asqr-html5-qrcode-region>div[style*=border],#asqr-html5-qrcode-region__header_message,#asqr-html5-qrcode-region__dashboard,#asqr-html5-qrcode-region__scan_region img{display:none!important}@media(max-width:760px){.asqr-root{padding:20px 12px;gap:16px}.asqr-record-grid{grid-template-columns:1fr;padding:0 14px 14px}.asqr-resident-card{padding-inline:16px}.asqr-action-row{padding-inline:14px}}