:root{--bg-gradient: linear-gradient(135deg, #e6f7ef 0%, #f0fdf4 35%, #e0f2fe 75%, #fef3c7 100%);--text-main: #0f172a;--text-muted: #64748b;--primary-green: #059669;--primary-green-hover: #047857}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;z-index:10}.login-card{width:100%;max-width:440px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:36px 32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.1),0 0 25px rgba(5,150,105,.08)}.login-header-logo{max-width:250px;max-height:75px;object-fit:contain;margin:0 auto 18px;display:block}.login-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background-color:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:9999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.login-title{font-size:26px;font-weight:800;color:#0f172a;text-align:center}.login-subtitle{font-size:13px;color:#64748b;text-align:center;margin-bottom:24px;font-weight:500}.pin-input-group{display:flex;align-items:center;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:18px;padding:14px 18px;gap:12px;transition:all .2s ease}.pin-input-group:focus-within{border-color:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.12)}.pin-input-field{border:none;outline:none;background:transparent;flex:1;font-size:16px;font-weight:700;color:#0f172a}.btn-login-submit{width:100%;border:none;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:16px;border-radius:18px;cursor:pointer;box-shadow:0 10px 25px rgba(5,150,105,.3);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(5,150,105,.4)}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;padding-bottom:40px;position:relative;z-index:10}.dashboard-header{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.9);padding:16px 32px;position:sticky;top:0;z-index:30;box-shadow:0 4px 20px rgba(0,0,0,.03)}.header-container{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo-img{height:48px;max-width:220px;object-fit:contain}.header-clock-center{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #cbd5e1;padding:8px 22px;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.clock-time{font-size:14px;font-weight:900;color:#0f172a}.clock-date{font-size:12px;color:#64748b;font-weight:600}.btn-logout{padding:10px 20px;border-radius:14px;background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:all .2s ease}.btn-logout:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.dashboard-content{max-width:1240px;margin:0 auto;width:100%;padding:36px 24px;display:flex;flex-direction:column;gap:32px}.welcome-banner-card{padding:24px 30px;border-radius:28px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.03)}.welcome-banner-info{display:flex;align-items:center;gap:18px}.welcome-avatar-badge{padding:14px;background:#ecfdf5;border-radius:20px;border:1px solid #a7f3d0;display:flex;align-items:center;justify-content:center}.welcome-title{font-size:22px;font-weight:900;color:#0f172a}.welcome-subtitle{font-size:13px;color:#64748b;font-weight:600;margin-top:2px}.btn-sound-test{padding:12px 22px;border-radius:14px;background:#f1f5f9;border:1px solid #cbd5e1;font-size:13px;font-weight:800;color:#0f172a;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.btn-sound-test:hover{background:#e2e8f0}.intendente-dial-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;text-align:center}.dial-heading{font-size:38px;font-weight:900;color:#0f172a;margin-bottom:8px;letter-spacing:-1px}.dial-subheading{font-size:15px;color:#64748b;font-weight:600;margin-bottom:40px}.dial-grid-2by2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:440px;margin:0 auto}.circle-call-btn{width:170px;height:170px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:4.5px solid currentColor;transition:all .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 15px 30px -8px rgba(0,0,0,.12);font-family:Outfit,sans-serif;user-select:none;position:relative}.circle-call-btn:hover{transform:scale(1.12);box-shadow:0 25px 45px -5px currentColor}.circle-call-btn:active{transform:scale(.95)}.circle-call-btn.btn-color-blue{color:#0284c7;border-color:#0284c7;box-shadow:0 14px 28px rgba(2,132,199,.25)}.circle-call-btn.btn-color-pink{color:#ec4899;border-color:#ec4899;box-shadow:0 14px 28px rgba(236,72,153,.25)}.circle-call-btn.btn-color-green{color:#10b981;border-color:#10b981;box-shadow:0 14px 28px rgba(16,185,129,.25)}.circle-call-btn.btn-color-orange{color:#f59e0b;border-color:#f59e0b;box-shadow:0 14px 28px rgba(245,158,11,.25)}.circle-icon{margin-bottom:6px}.circle-name{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;line-height:1.15;text-align:center;padding:0 10px}.notice-compose-card{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:32px;box-shadow:0 15px 35px rgba(0,0,0,.04)}.notice-textarea{width:100%;min-height:120px;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:22px;padding:18px 22px;font-size:16px;font-weight:600;color:#0f172a;outline:none;font-family:inherit;resize:vertical;transition:all .2s ease}.notice-textarea:focus{border-color:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.12)}.btn-send-notice-large{width:100%;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:18px;border-radius:20px;font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 25px rgba(5,150,105,.3);transition:all .2s ease}.btn-send-notice-large:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(5,150,105,.4)}.btn-send-notice-large:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}